@needle-tools/gltf-progressive 3.5.0-rc → 3.6.0-alpha.2

package/gltf-progressive.js

@@ -1,89 +1,89 @@
-import { BufferGeometry as E, Mesh as X, Box3 as ge, Vector3 as A, Sphere as Se, CompressedTexture as Ge, Texture as F, Matrix3 as Fe, InterleavedBuffer as We, InterleavedBufferAttribute as Ue, BufferAttribute as ze, TextureLoader as qe, Matrix4 as ve, Clock as Ne, MeshStandardMaterial as Ve } from "three";
-import { GLTFLoader as xe } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { MeshoptDecoder as Ee } from "three/examples/jsm/libs/meshopt_decoder.module.js";
-import { DRACOLoader as Xe } from "three/examples/jsm/loaders/DRACOLoader.js";
-import { KTX2Loader as je } from "three/examples/jsm/loaders/KTX2Loader.js";
-const Ke = "";
-globalThis.GLTF_PROGRESSIVE_VERSION = Ke;
+import { BufferGeometry as j, Mesh as K, Box3 as le, Vector3 as k, Sphere as Se, CompressedTexture as ze, Texture as G, Matrix3 as Ee, InterleavedBuffer as Ne, InterleavedBufferAttribute as Ve, BufferAttribute as Xe, TextureLoader as je, Color as Ce, Matrix4 as Pe, Clock as Ke } from "three";
+import { GLTFLoader as we } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { MeshoptDecoder as Ye } from "three/examples/jsm/libs/meshopt_decoder.module.js";
+import { DRACOLoader as He } from "three/examples/jsm/loaders/DRACOLoader.js";
+import { KTX2Loader as Qe } from "three/examples/jsm/loaders/KTX2Loader.js";
+const Je = "";
+globalThis.GLTF_PROGRESSIVE_VERSION = Je;
 console.debug("[gltf-progressive] version -");
-let I = "https://www.gstatic.com/draco/versioned/decoders/1.5.7/", j = "https://cdn.needle.tools/static/three/0.179.1/basis2/";
-const Ye = I, He = j, Pe = new URL(I + "draco_decoder.js");
-Pe.searchParams.append("range", "true");
-fetch(Pe, {
+let I = "https://www.gstatic.com/draco/versioned/decoders/1.5.7/", Y = "https://cdn.needle.tools/static/three/0.179.1/basis2/";
+const Ze = I, et = Y, ke = new URL(I + "draco_decoder.js");
+ke.searchParams.append("range", "true");
+fetch(ke, {
   method: "GET",
   headers: {
     Range: "bytes=0-1"
   }
-}).catch((n) => {
-  console.debug(`Failed to fetch remote Draco decoder from ${I} (offline: ${typeof navigator < "u" ? navigator.onLine : "unknown"})`), I === Ye && Je("./include/draco/"), j === He && Ze("./include/ktx2/");
+}).catch((i) => {
+  console.debug(`Failed to fetch remote Draco decoder from ${I} (offline: ${typeof navigator < "u" ? navigator.onLine : "unknown"})`), I === Ze && st("./include/draco/"), Y === et && rt("./include/ktx2/");
 }).finally(() => {
-  Ce();
+  Re();
 });
-const Qe = () => ({
+const tt = () => ({
   dracoDecoderPath: I,
-  ktx2TranscoderPath: j
+  ktx2TranscoderPath: Y
 });
-function Je(n) {
-  I = n, C && C[pe] != I ? (console.debug("Updating Draco decoder path to " + n), C[pe] = I, C.setDecoderPath(I), C.preload()) : console.debug("Setting Draco decoder path to " + n);
+function st(i) {
+  I = i, P && P[me] != I ? (console.debug("Updating Draco decoder path to " + i), P[me] = I, P.setDecoderPath(I), P.preload()) : console.debug("Setting Draco decoder path to " + i);
 }
-function Ze(n) {
-  j = n, $ && $.transcoderPath != j ? (console.debug("Updating KTX2 transcoder path to " + n), $.setTranscoderPath(j), $.init()) : console.debug("Setting KTX2 transcoder path to " + n);
+function rt(i) {
+  Y = i, $ && $.transcoderPath != Y ? (console.debug("Updating KTX2 transcoder path to " + i), $.setTranscoderPath(Y), $.init()) : console.debug("Setting KTX2 transcoder path to " + i);
 }
-function we(n) {
-  return Ce(), n ? $.detectSupport(n) : n !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: C, ktx2Loader: $, meshoptDecoder: oe };
+function Le(i) {
+  return Re(), i ? $.detectSupport(i) : i !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: P, ktx2Loader: $, meshoptDecoder: ae };
 }
-function Te(n) {
-  n.dracoLoader || n.setDRACOLoader(C), n.ktx2Loader || n.setKTX2Loader($), n.meshoptDecoder || n.setMeshoptDecoder(oe);
+function Ae(i) {
+  i.dracoLoader || i.setDRACOLoader(P), i.ktx2Loader || i.setKTX2Loader($), i.meshoptDecoder || i.setMeshoptDecoder(ae);
 }
-const pe = /* @__PURE__ */ Symbol("dracoDecoderPath");
-let C, oe, $;
-function Ce() {
-  C || (C = new Xe(), C[pe] = I, C.setDecoderPath(I), C.setDecoderConfig({ type: "js" }), C.preload()), $ || ($ = new je(), $.setTranscoderPath(j), $.init()), oe || (oe = Ee);
+const me = /* @__PURE__ */ Symbol("dracoDecoderPath");
+let P, ae, $;
+function Re() {
+  P || (P = new He(), P[me] = I, P.setDecoderPath(I), P.setDecoderConfig({ type: "js" }), P.preload()), $ || ($ = new Qe(), $.setTranscoderPath(Y), $.init()), ae || (ae = Ye);
 }
-const me = /* @__PURE__ */ new WeakMap();
-function Ae(n, t) {
-  let e = me.get(n);
-  e ? e = Object.assign(e, t) : e = t, me.set(n, e);
+const ye = /* @__PURE__ */ new WeakMap();
+function Ie(i, t) {
+  let e = ye.get(i);
+  e ? e = Object.assign(e, t) : e = t, ye.set(i, e);
 }
-const et = xe.prototype.load;
-function tt(...n) {
-  const t = me.get(this);
-  let e = n[0];
+const nt = we.prototype.load;
+function ot(...i) {
+  const t = ye.get(this);
+  let e = i[0];
   const s = new URL(e, window.location.href);
   if (s.hostname.endsWith("needle.tools")) {
-    const i = t?.progressive !== void 0 ? t.progressive : !0, o = t?.usecase ? t.usecase : "default";
-    i ? this.requestHeader.Accept = `*/*;progressive=allowed;usecase=${o}` : this.requestHeader.Accept = `*/*;usecase=${o}`, e = s.toString();
+    const n = t?.progressive !== void 0 ? t.progressive : !0, o = t?.usecase ? t.usecase : "default";
+    n ? this.requestHeader.Accept = `*/*;progressive=allowed;usecase=${o}` : this.requestHeader.Accept = `*/*;usecase=${o}`, e = s.toString();
   }
-  return n[0] = e, et?.call(this, ...n);
+  return i[0] = e, nt?.call(this, ...i);
 }
-xe.prototype.load = tt;
-q("debugprogressive");
-function q(n) {
+we.prototype.load = ot;
+N("debugprogressive");
+function N(i) {
   if (typeof window > "u") return !1;
-  const e = new URL(window.location.href).searchParams.get(n);
+  const e = new URL(window.location.href).searchParams.get(i);
   return e == null || e === "0" || e === "false" ? !1 : e === "" ? !0 : e;
 }
-function st(n, t) {
-  if (t === void 0 || n === void 0 || t.startsWith("./") || t.startsWith("http") || t.startsWith("data:") || t.startsWith("blob:"))
+function it(i, t) {
+  if (t === void 0 || i === void 0 || t.startsWith("./") || t.startsWith("http") || t.startsWith("data:") || t.startsWith("blob:"))
     return t;
-  const e = n.lastIndexOf("/");
+  const e = i.lastIndexOf("/");
   if (e >= 0) {
-    const s = n.substring(0, e + 1);
+    const s = i.substring(0, e + 1);
     for (; s.endsWith("/") && t.startsWith("/"); ) t = t.substring(1);
     return s + t;
   }
   return t;
 }
-function _e() {
-  return H !== void 0 || (H = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent), q("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", H)), H;
+function ve() {
+  return Z !== void 0 || (Z = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent), N("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", Z)), Z;
 }
-let H;
-function be() {
+let Z;
+function $e() {
   if (typeof window > "u") return !1;
-  const n = new URL(window.location.href), t = n.hostname === "localhost" || /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(n.hostname);
-  return n.hostname === "127.0.0.1" || t;
+  const i = new URL(window.location.href), t = i.hostname === "localhost" || /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(i.hostname);
+  return i.hostname === "127.0.0.1" || t;
 }
-class rt {
+class at {
   constructor(t, e = {}) {
     this.maxConcurrent = t, this.debug = e.debug ?? !1, typeof window < "u" && window.requestAnimationFrame(this.tick);
   }
@@ -112,96 +112,97 @@ class rt {
       this.debug && console.debug(`[PromiseQueue]: Running ${this._running.size} promises, waiting for ${this._queue.length} more.`);
       const { key: s, resolve: r } = this._queue.shift();
       r({
-        use: (i) => this.add(s, i)
+        use: (n) => this.add(s, n)
       });
     }
   }
 }
-function it(n) {
-  const t = n.image?.width ?? 0, e = n.image?.height ?? 0, s = n.image?.depth ?? 1, r = Math.floor(Math.log2(Math.max(t, e, s))) + 1, i = ot(n);
-  return t * e * s * i * (1 - Math.pow(0.25, r)) / (1 - 0.25);
+function lt(i) {
+  const t = i.image?.width ?? 0, e = i.image?.height ?? 0, s = i.image?.depth ?? 1, r = Math.floor(Math.log2(Math.max(t, e, s))) + 1, n = ut(i);
+  return t * e * s * n * (1 - Math.pow(0.25, r)) / (1 - 0.25);
 }
-function ot(n) {
+function ut(i) {
   let t = 4;
-  const e = n.format;
+  const e = i.format;
   e === 1024 || e === 1025 ? t = 1 : e === 1026 || e === 1027 ? t = 2 : e === 1022 || e === 1029 ? t = 3 : (e === 1023 || e === 1033) && (t = 4);
   let s = 1;
-  const r = n.type;
+  const r = i.type;
   return r === 1009 || r === 1010 ? s = 1 : r === 1011 || r === 1012 ? s = 2 : r === 1013 || r === 1014 || r === 1015 ? s = 4 : r === 1016 && (s = 2), t * s;
 }
-const nt = typeof window > "u" && typeof document > "u", ye = /* @__PURE__ */ Symbol("needle:raycast-mesh");
-function ee(n) {
-  return n?.[ye] instanceof E ? n[ye] : null;
+const ct = typeof window > "u" && typeof document > "u", xe = /* @__PURE__ */ Symbol("needle:raycast-mesh");
+function ne(i) {
+  return i?.[xe] instanceof j ? i[xe] : null;
 }
-function at(n, t) {
-  if ((n.type === "Mesh" || n.type === "SkinnedMesh") && !ee(n)) {
-    const s = ut(t);
-    s.userData = { isRaycastMesh: !0 }, n[ye] = s;
+function dt(i, t) {
+  if ((i.type === "Mesh" || i.type === "SkinnedMesh") && !ne(i)) {
+    const s = ht(t);
+    s.userData = { isRaycastMesh: !0 }, i[xe] = s;
   }
 }
-function lt(n = !0) {
-  if (n) {
-    if (Q) return;
-    const t = Q = X.prototype.raycast;
-    X.prototype.raycast = function(e, s) {
-      const r = this, i = ee(r);
+function ft(i = !0) {
+  if (i) {
+    if (ee) return;
+    const t = ee = K.prototype.raycast;
+    K.prototype.raycast = function(e, s) {
+      const r = this, n = ne(r);
       let o;
-      i && r.isMesh && (o = r.geometry, r.geometry = i), t.call(this, e, s), o && (r.geometry = o);
+      n && r.isMesh && (o = r.geometry, r.geometry = n), t.call(this, e, s), o && (r.geometry = o);
     };
   } else {
-    if (!Q) return;
-    X.prototype.raycast = Q, Q = null;
+    if (!ee) return;
+    K.prototype.raycast = ee, ee = null;
   }
 }
-let Q = null;
-function ut(n) {
-  const t = new E();
-  for (const e in n.attributes)
-    t.setAttribute(e, n.getAttribute(e));
-  return t.setIndex(n.getIndex()), t;
+let ee = null;
+function ht(i) {
+  const t = new j();
+  for (const e in i.attributes)
+    t.setAttribute(e, i.getAttribute(e));
+  return t.setIndex(i.getIndex()), t;
 }
-const z = new Array(), f = q("debugprogressive");
-let Z, V = -1;
+const E = new Array(), f = N("debugprogressive");
+let re, X = -1;
 if (f) {
-  let n = function() {
-    V += 1, V >= t && (V = -1), console.log(`Toggle LOD level [${V}]`);
-  }, t = 6;
+  let i = function() {
+    X += 1, X >= t && (X = -1), console.log(`Toggle LOD level [${X}]`);
+  };
+  const t = 6;
   window.addEventListener("keyup", (e) => {
-    e.key === "p" && n(), e.key === "w" && (Z = !Z, console.log(`Toggle wireframe [${Z}]`));
+    e.key === "p" && i(), e.key === "w" && (re = !re, console.log(`Toggle wireframe [${re}]`));
     const s = parseInt(e.key);
-    !isNaN(s) && s >= 0 && (V = s, console.log(`Set LOD level to [${V}]`));
+    !isNaN(s) && s >= 0 && (X = s, console.log(`Set LOD level to [${X}]`));
   });
 }
-function ke(n) {
-  if (f && Z !== void 0)
-    if (Array.isArray(n))
-      for (const t of n)
-        ke(t);
-    else n && "wireframe" in n && (n.wireframe = Z === !0);
+function Be(i) {
+  if (f && re !== void 0)
+    if (Array.isArray(i))
+      for (const t of i)
+        Be(t);
+    else i && "wireframe" in i && (i.wireframe = re === !0);
 }
-const J = new Array();
-let ct = 0;
-const dt = _e() ? 2 : 10;
-function ft(n) {
-  if (J.length < dt) {
-    const s = J.length;
+const te = new Array();
+let gt = 0;
+const pt = ve() ? 2 : 10;
+function mt(i) {
+  if (te.length < pt) {
+    const s = te.length;
     f && console.warn(`[Worker] Creating new worker #${s}`);
-    const r = Le.createWorker(n || {});
-    return J.push(r), r;
+    const r = _e.createWorker(i || {});
+    return te.push(r), r;
   }
-  const t = ct++ % J.length;
-  return J[t];
+  const t = gt++ % te.length;
+  return te[t];
 }
-class Le {
+class _e {
   constructor(t, e) {
     this.worker = t, this._debug = e.debug ?? !1, t.onmessage = (s) => {
       const r = s.data;
       switch (this._debug && console.log("[Worker] EVENT", r), r.type) {
         case "loaded-gltf":
-          for (const i of this._running)
-            if (i.url === r.result.url) {
-              ht(r.result), i.resolve(r.result);
-              const o = i.url;
+          for (const n of this._running)
+            if (n.url === r.result.url) {
+              yt(r.result), n.resolve(r.result);
+              const o = n.url;
               o.startsWith("blob:") && URL.revokeObjectURL(o);
             }
       }
@@ -219,61 +220,61 @@ class Le {
     ), {
       type: "module"
     });
-    return new Le(e, t);
+    return new _e(e, t);
   }
   _running = [];
   _webglRenderer = null;
   async load(t, e) {
-    const s = Qe();
+    const s = tt();
     let r = e?.renderer;
     r || (this._webglRenderer ??= (async () => {
-      const { WebGLRenderer: u } = await import("three");
-      return new u();
+      const { WebGLRenderer: l } = await import("three");
+      return new l();
     })(), r = await this._webglRenderer);
-    const l = we(r).ktx2Loader.workerConfig;
+    const u = Le(r).ktx2Loader.workerConfig;
     t instanceof URL ? t = t.toString() : t.startsWith("file:") ? t = URL.createObjectURL(new Blob([t])) : !t.startsWith("blob:") && !t.startsWith("http:") && !t.startsWith("https:") && (t = new URL(t, window.location.href).toString());
     const a = {
       type: "load",
       url: t,
       dracoDecoderPath: s.dracoDecoderPath,
       ktx2TranscoderPath: s.ktx2TranscoderPath,
-      ktx2LoaderConfig: l
+      ktx2LoaderConfig: u
     };
-    return this._debug && console.debug("[Worker] Sending load request", a), this.worker.postMessage(a), new Promise((u) => {
+    return this._debug && console.debug("[Worker] Sending load request", a), this.worker.postMessage(a), new Promise((l) => {
       this._running.push({
         url: t.toString(),
-        resolve: u
+        resolve: l
       });
     });
   }
   _debug = !1;
 }
-function ht(n) {
-  for (const t of n.geometries) {
-    const e = t.geometry, s = new E();
+function yt(i) {
+  for (const t of i.geometries) {
+    const e = t.geometry, s = new j();
     if (s.name = e.name || "", e.index) {
       const r = e.index;
-      s.setIndex(le(r));
+      s.setIndex(ce(r));
     }
     for (const r in e.attributes) {
-      const i = e.attributes[r], o = le(i);
+      const n = e.attributes[r], o = ce(n);
       s.setAttribute(r, o);
     }
     if (e.morphAttributes)
       for (const r in e.morphAttributes) {
-        const o = e.morphAttributes[r].map((l) => le(l));
+        const o = e.morphAttributes[r].map((u) => ce(u));
         s.morphAttributes[r] = o;
       }
-    if (s.morphTargetsRelative = e.morphTargetsRelative ?? !1, s.boundingBox = new ge(), s.boundingBox.min = new A(
+    if (s.morphTargetsRelative = e.morphTargetsRelative ?? !1, s.boundingBox = new le(), s.boundingBox.min = new k(
       e.boundingBox?.min.x,
       e.boundingBox?.min.y,
       e.boundingBox?.min.z
-    ), s.boundingBox.max = new A(
+    ), s.boundingBox.max = new k(
       e.boundingBox?.max.x,
       e.boundingBox?.max.y,
       e.boundingBox?.max.z
     ), s.boundingSphere = new Se(
-      new A(
+      new k(
         e.boundingSphere?.center.x,
         e.boundingSphere?.center.y,
         e.boundingSphere?.center.z
@@ -284,14 +285,14 @@ function ht(n) {
         s.addGroup(r.start, r.count, r.materialIndex);
     e.userData && (s.userData = e.userData), t.geometry = s;
   }
-  for (const t of n.textures) {
+  for (const t of i.textures) {
     const e = t.texture;
     let s = null;
     if (e.isCompressedTexture) {
-      const r = e.mipmaps, i = e.image?.width || e.source?.data?.width || -1, o = e.image?.height || e.source?.data?.height || -1;
-      s = new Ge(
+      const r = e.mipmaps, n = e.image?.width || e.source?.data?.width || -1, o = e.image?.height || e.source?.data?.height || -1;
+      s = new ze(
         r,
-        i,
+        n,
         o,
         e.format,
         e.type,
@@ -304,7 +305,7 @@ function ht(n) {
         e.colorSpace
       );
     } else
-      s = new F(
+      s = new G(
         e.image,
         e.mapping,
         e.wrapS,
@@ -315,75 +316,98 @@ function ht(n) {
         e.type,
         e.anisotropy,
         e.colorSpace
-      ), s.mipmaps = e.mipmaps, s.channel = e.channel, s.source.data = e.source.data, s.flipY = e.flipY, s.premultiplyAlpha = e.premultiplyAlpha, s.unpackAlignment = e.unpackAlignment, s.matrix = new Fe(...e.matrix.elements);
+      ), s.mipmaps = e.mipmaps, s.channel = e.channel, s.source.data = e.source.data, s.flipY = e.flipY, s.premultiplyAlpha = e.premultiplyAlpha, s.unpackAlignment = e.unpackAlignment, s.matrix = new Ee(...e.matrix.elements);
     if (!s) {
       console.error("[Worker] Failed to create new texture from received data. Texture is not a CompressedTexture or Texture.");
       continue;
     }
     t.texture = s;
   }
-  return n;
+  return i;
 }
-function le(n) {
-  let t = n;
-  if ("isInterleavedBufferAttribute" in n && n.isInterleavedBufferAttribute) {
-    const e = n.data, s = e.array, r = new We(s, e.stride);
-    t = new Ue(r, n.itemSize, s.byteOffset, n.normalized), t.offset = n.offset;
-  } else "isBufferAttribute" in n && n.isBufferAttribute && (t = new ze(n.array, n.itemSize, n.normalized), t.usage = n.usage, t.gpuType = n.gpuType, t.updateRanges = n.updateRanges);
+function ce(i) {
+  let t = i;
+  if ("isInterleavedBufferAttribute" in i && i.isInterleavedBufferAttribute) {
+    const e = i.data, s = e.array, r = new Ne(s, e.stride);
+    t = new Ve(r, i.itemSize, s.byteOffset, i.normalized), t.offset = i.offset;
+  } else "isBufferAttribute" in i && i.isBufferAttribute && (t = new Xe(i.array, i.itemSize, i.normalized), t.usage = i.usage, t.gpuType = i.gpuType, t.updateRanges = i.updateRanges);
   return t;
 }
-const gt = q("gltf-progressive-worker");
-q("gltf-progressive-reduce-mipmaps");
-const K = q("gltf-progressive-gc"), ue = /* @__PURE__ */ Symbol("needle-progressive-texture"), W = "NEEDLE_progressive";
-class m {
+const xt = N("gltf-progressive-worker");
+N("gltf-progressive-reduce-mipmaps");
+const se = N("gltf-progressive-gc"), de = /* @__PURE__ */ Symbol("needle-progressive-texture"), F = "NEEDLE_progressive";
+class h {
   /** The name of the extension */
   get name() {
-    return W;
+    return F;
   }
   // #region PUBLIC API
+  /**
+   * Get the progressive mesh LOD extension data associated with a geometry.
+   * Returns the extension metadata (available LOD levels, vertex/index counts, densities) if the geometry was registered with progressive LODs, or `null` otherwise.
+   *
+   * @param geo - The buffer geometry to look up.
+   * @returns The mesh LOD extension data, or `null` if no progressive LODs are registered for this geometry.
+   */
   static getMeshLODExtension(t) {
     const e = this.getAssignedLODInformation(t);
     return e?.key ? this.lodInfos.get(e.key) : null;
   }
+  /**
+   * Get the glTF primitive index for a geometry within its parent mesh.
+   * A single glTF mesh node can contain multiple primitives (sub-geometries). This returns which primitive the geometry corresponds to.
+   *
+   * @param geo - The buffer geometry to look up.
+   * @returns The zero-based primitive index, or `-1` if no LOD information is assigned to this geometry.
+   */
   static getPrimitiveIndex(t) {
     const e = this.getAssignedLODInformation(t)?.index;
     return e ?? -1;
   }
+  /**
+   * Compute the minimum and maximum number of texture LOD levels across all textures of a material (or array of materials).
+   * Iterates over all texture slots on the material and collects LOD count ranges and per-level resolution bounds.
+   * Results are cached on the material so subsequent calls are free.
+   *
+   * @param material - A single material or an array of materials to inspect.
+   * @param minmax - Optional accumulator to merge results into (used internally for recursive calls with material arrays).
+   * @returns An object with `min_count` / `max_count` (the range of LOD levels across all textures) and a per-level `lods` array with `min_height` / `max_height`.
+   */
   static getMaterialMinMaxLODsCount(t, e) {
-    const s = this, r = "LODS:minmax", i = t[r];
-    if (i != null) return i;
+    const s = this, r = "LODS:minmax", n = t[r];
+    if (n != null) return n;
     if (e || (e = {
       min_count: 1 / 0,
       max_count: 0,
       lods: []
     }), Array.isArray(t)) {
-      for (const l of t)
-        this.getMaterialMinMaxLODsCount(l, e);
+      for (const u of t)
+        this.getMaterialMinMaxLODsCount(u, e);
       return t[r] = e, e;
     }
     if (f === "verbose" && console.log("getMaterialMinMaxLODsCount", t), t.type === "ShaderMaterial" || t.type === "RawShaderMaterial") {
-      const l = t;
-      for (const a of Object.keys(l.uniforms)) {
-        const u = l.uniforms[a].value;
-        u?.isTexture === !0 && o(u, e);
+      const u = t;
+      for (const a of Object.keys(u.uniforms)) {
+        const l = u.uniforms[a].value;
+        l?.isTexture === !0 && o(l, e);
       }
     } else if (t.isMaterial)
-      for (const l of Object.keys(t)) {
-        const a = t[l];
+      for (const u of Object.keys(t)) {
+        const a = t[u];
         a?.isTexture === !0 && o(a, e);
       }
     else
       f && console.warn(`[getMaterialMinMaxLODsCount] Unsupported material type: ${t.type}`);
     return t[r] = e, e;
-    function o(l, a) {
-      const u = s.getAssignedLODInformation(l);
-      if (u) {
-        const c = s.lodInfos.get(u.key);
+    function o(u, a) {
+      const l = s.getAssignedLODInformation(u);
+      if (l) {
+        const c = s.lodInfos.get(l.key);
         if (c && c.lods) {
           a.min_count = Math.min(a.min_count, c.lods.length), a.max_count = Math.max(a.max_count, c.lods.length);
-          for (let y = 0; y < c.lods.length; y++) {
-            const w = c.lods[y];
-            w.width && (a.lods[y] = a.lods[y] || { min_height: 1 / 0, max_height: 0 }, a.lods[y].min_height = Math.min(a.lods[y].min_height, w.height), a.lods[y].max_height = Math.max(a.lods[y].max_height, w.height));
+          for (let d = 0; d < c.lods.length; d++) {
+            const g = c.lods[d];
+            g.width && (a.lods[d] = a.lods[d] || { min_height: 1 / 0, max_height: 0 }, a.lods[d].min_height = Math.min(a.lods[d].min_height, g.height), a.lods[d].max_height = Math.max(a.lods[d].max_height, g.height));
           }
         }
       }
@@ -396,26 +420,26 @@ class m {
    */
   static hasLODLevelAvailable(t, e) {
     if (Array.isArray(t)) {
-      for (const i of t)
-        if (this.hasLODLevelAvailable(i, e)) return !0;
+      for (const n of t)
+        if (this.hasLODLevelAvailable(n, e)) return !0;
       return !1;
     }
     if (t.isMaterial === !0) {
-      for (const i of Object.keys(t)) {
-        const o = t[i];
+      for (const n of Object.keys(t)) {
+        const o = t[n];
         if (o && o.isTexture && this.hasLODLevelAvailable(o, e))
           return !0;
       }
       return !1;
     } else if (t.isGroup === !0) {
-      for (const i of t.children)
-        if (i.isMesh === !0 && this.hasLODLevelAvailable(i, e))
+      for (const n of t.children)
+        if (n.isMesh === !0 && this.hasLODLevelAvailable(n, e))
           return !0;
     }
     let s, r;
     if (t.isMesh ? s = t.geometry : (t.isBufferGeometry || t.isTexture) && (s = t), s && s?.userData?.LODS) {
-      const i = s.userData.LODS;
-      if (r = this.lodInfos.get(i.key), e === void 0) return r != null;
+      const n = s.userData.LODS;
+      if (r = this.lodInfos.get(n.key), e === void 0) return r != null;
       if (r)
         return Array.isArray(r.lods) ? e < r.lods.length : e === 0;
     }
@@ -435,74 +459,75 @@ class m {
    * });
    * ```
    */
-  static assignMeshLOD(t, e) {
+  static assignMeshLOD(t, e, s) {
     if (!t) return Promise.resolve(null);
-    if (t instanceof X || t.isMesh === !0) {
-      const s = t.geometry, r = this.getAssignedLODInformation(s);
-      if (!r)
+    if (t instanceof K || t.isMesh === !0) {
+      const r = t.geometry, n = this.getAssignedLODInformation(r);
+      if (!n)
         return Promise.resolve(null);
-      for (const i of z)
-        i.onBeforeGetLODMesh?.(t, e);
-      return t["LOD:requested level"] = e, m.getOrLoadLOD(s, e).then((i) => {
-        if (Array.isArray(i)) {
-          const o = r.index || 0;
-          i = i[o];
+      for (const o of E)
+        o.onBeforeGetLODMesh?.(t, e);
+      return t["LOD:requested level"] = e, h.getOrLoadLOD(r, e).then((o) => {
+        if (Array.isArray(o)) {
+          const u = n.index || 0;
+          o = o[u];
         }
-        return t["LOD:requested level"] === e && (delete t["LOD:requested level"], i && s != i && (i?.isBufferGeometry ? t.geometry = i : f && console.error("Invalid LOD geometry", i))), i;
-      }).catch((i) => (console.error("Error loading mesh LOD", t, i), null));
+        return t["LOD:requested level"] === e && (delete t["LOD:requested level"], o && r != o && (o?.isBufferGeometry ? typeof s?.apply == "function" ? s.apply(o, e, t) : s?.apply !== !1 && (t.geometry = o) : f && console.error("Invalid LOD geometry", o))), o;
+      }).catch((o) => (console.error("Error loading mesh LOD", t, o), null));
     } else f && console.error("Invalid call to assignMeshLOD: Request mesh LOD but the object is not a mesh", t);
     return Promise.resolve(null);
   }
-  static assignTextureLOD(t, e = 0) {
+  static assignTextureLOD(t, e = 0, s) {
     if (!t) return Promise.resolve(null);
+    const r = s?.force === !0;
     if (t.isMesh === !0) {
-      const s = t;
-      if (Array.isArray(s.material)) {
-        const r = new Array();
-        for (const i of s.material) {
-          const o = this.assignTextureLOD(i, e);
-          r.push(o);
+      const n = t;
+      if (Array.isArray(n.material)) {
+        const o = new Array();
+        for (const u of n.material) {
+          const a = this.assignTextureLOD(u, e, s);
+          o.push(a);
         }
-        return Promise.all(r).then((i) => {
-          const o = new Array();
-          for (const l of i)
-            Array.isArray(l) && o.push(...l);
-          return o;
+        return Promise.all(o).then((u) => {
+          const a = new Array();
+          for (const l of u)
+            Array.isArray(l) && a.push(...l);
+          return a;
         });
       } else
-        return this.assignTextureLOD(s.material, e);
+        return this.assignTextureLOD(n.material, e, s);
     }
     if (t.isMaterial === !0) {
-      const s = t, r = [], i = new Array();
-      if (s.uniforms && (s.isRawShaderMaterial || s.isShaderMaterial === !0)) {
-        const o = s;
-        for (const l of Object.keys(o.uniforms)) {
-          const a = o.uniforms[l].value;
-          if (a?.isTexture === !0) {
-            const u = this.assignTextureLODForSlot(a, e, s, l).then((c) => (c && o.uniforms[l].value != c && (o.uniforms[l].value = c, o.uniformsNeedUpdate = !0), c));
-            r.push(u), i.push(l);
+      const n = t, o = [], u = new Array();
+      if (this.trackCurrentMaterialTextureSlots(n), n.uniforms && (n.isRawShaderMaterial || n.isShaderMaterial === !0)) {
+        const a = n;
+        for (const l of Object.keys(a.uniforms)) {
+          const c = a.uniforms[l].value;
+          if (c?.isTexture === !0) {
+            const d = this.assignTextureLODForSlot(c, e, n, l, r).then((g) => (g && a.uniforms[l].value != g && (a.uniforms[l].value = g, a.uniformsNeedUpdate = !0), g));
+            o.push(d), u.push(l);
           }
         }
       } else
-        for (const o of Object.keys(s)) {
-          const l = s[o];
+        for (const a of Object.keys(n)) {
+          const l = n[a];
           if (l?.isTexture === !0) {
-            const a = this.assignTextureLODForSlot(l, e, s, o);
-            r.push(a), i.push(o);
+            const c = this.assignTextureLODForSlot(l, e, n, a, r);
+            o.push(c), u.push(a);
           }
         }
-      return Promise.all(r).then((o) => {
+      return Promise.all(o).then((a) => {
         const l = new Array();
-        for (let a = 0; a < o.length; a++) {
-          const u = o[a], c = i[a];
-          u && u.isTexture === !0 ? l.push({ material: s, slot: c, texture: u, level: e }) : l.push({ material: s, slot: c, texture: null, level: e });
+        for (let c = 0; c < a.length; c++) {
+          const d = a[c], g = u[c];
+          d && d.isTexture === !0 ? l.push({ material: n, slot: g, texture: d, level: e }) : l.push({ material: n, slot: g, texture: null, level: e });
         }
         return l;
       });
     }
-    if (t instanceof F || t.isTexture === !0) {
-      const s = t;
-      return this.assignTextureLODForSlot(s, e, null, null);
+    if (t instanceof G || t.isTexture === !0) {
+      const n = t;
+      return this.assignTextureLODForSlot(n, e, null, null, r);
     }
     return Promise.resolve(null);
   }
@@ -511,34 +536,107 @@ class m {
    * @default 50 on desktop, 20 on mobile devices
    */
   static set maxConcurrentLoadingTasks(t) {
-    m.queue.maxConcurrent = t;
+    h.queue.maxConcurrent = t;
   }
   static get maxConcurrentLoadingTasks() {
-    return m.queue.maxConcurrent;
+    return h.queue.maxConcurrent;
   }
   // #region INTERNAL
-  static assignTextureLODForSlot(t, e, s, r) {
-    return t?.isTexture !== !0 ? Promise.resolve(null) : r === "glyphMap" ? Promise.resolve(t) : m.getOrLoadLOD(t, e).then((i) => {
-      if (Array.isArray(i))
+  static assignTextureLODForSlot(t, e, s, r, n) {
+    if (t?.isTexture !== !0)
+      return Promise.resolve(null);
+    if (r === "glyphMap")
+      return Promise.resolve(t);
+    const o = this.getAssignedLODInformation(t);
+    if (o && (o.level === e || !n && o.level < e))
+      return Promise.resolve(t);
+    if (s && r) {
+      const a = this.getPendingTextureSlotRequest(s, r);
+      if (a && a.level === e && a.force === n)
+        return a.promise;
+    }
+    const u = h.getOrLoadLOD(t, e).then((a) => {
+      if (Array.isArray(a))
         return console.warn("Progressive: Got an array of textures for a texture slot, this should not happen..."), null;
-      if (i?.isTexture === !0) {
-        if (i != t && s && r) {
-          const o = s[r];
-          if (o && !f) {
-            const l = this.getAssignedLODInformation(o);
-            if (l && l?.level < e)
-              return f === "verbose" && console.warn("Assigned texture level is already higher: ", l.level, e, s, o, i), i && i !== o && ((f || K) && console.log(`[gltf-progressive] Disposing rejected lower-quality texture LOD ${e} (assigned is ${l.level})`, i.uuid), i.dispose()), null;
+      if (a?.isTexture === !0) {
+        if (a != t && s && r) {
+          const l = this.getMaterialTextureSlot(s, r) ?? t;
+          if (l && !n) {
+            const c = this.getAssignedLODInformation(l);
+            if (c && c?.level < e)
+              return f === "verbose" && console.warn("Assigned texture level is already higher: ", c.level, e, s, l, a), null;
           }
-          if (this.trackTextureUsage(i), o && o !== i && this.untrackTextureUsage(o) && (f || K)) {
-            const a = this.getAssignedLODInformation(o);
-            console.log(`[gltf-progressive] Disposed old texture LOD ${a?.level ?? "?"} → ${e} for ${s.name || s.type}.${r}`, o.uuid);
-          }
-          s[r] = i;
+          this.assignTrackedTextureSlot(s, r, a);
         }
-        return i;
+        return a;
       } else f == "verbose" && console.warn("No LOD found for", t, e);
       return null;
-    }).catch((i) => (console.error("Error loading LOD", t, i), null));
+    }).catch((a) => (console.error("Error loading LOD", t, a), null));
+    return s && r && this.setPendingTextureSlotRequest(s, r, e, n, u), u;
+  }
+  // Track material slots, not just texture objects. A shared fallback texture can be
+  // referenced by many slots and should only be disposed after every slot moved away.
+  static trackedTextureSlots = /* @__PURE__ */ new WeakMap();
+  static pendingTextureSlotRequests = /* @__PURE__ */ new WeakMap();
+  static trackCurrentMaterialTextureSlots(t) {
+    if (t.uniforms && (t.isRawShaderMaterial || t.isShaderMaterial === !0)) {
+      const e = t;
+      for (const s of Object.keys(e.uniforms)) {
+        const r = e.uniforms[s].value;
+        r?.isTexture === !0 && this.ensureTrackedTextureSlot(t, s, r);
+      }
+      return;
+    }
+    for (const e of Object.keys(t)) {
+      const s = t[e];
+      s?.isTexture === !0 && this.ensureTrackedTextureSlot(t, e, s);
+    }
+  }
+  static getPendingTextureSlotRequest(t, e) {
+    return this.pendingTextureSlotRequests.get(t)?.get(e);
+  }
+  static setPendingTextureSlotRequest(t, e, s, r, n) {
+    let o = this.pendingTextureSlotRequests.get(t);
+    o || (o = /* @__PURE__ */ new Map(), this.pendingTextureSlotRequests.set(t, o));
+    const u = { level: s, force: r, promise: n };
+    o.set(e, u), n.finally(() => {
+      o.get(e) === u && o.delete(e);
+    });
+  }
+  static getMaterialTextureSlot(t, e) {
+    const r = t.uniforms?.[e];
+    if (r?.value?.isTexture === !0)
+      return r.value;
+    const n = t[e];
+    return n?.isTexture === !0 ? n : null;
+  }
+  static setMaterialTextureSlot(t, e, s) {
+    const n = t.uniforms?.[e];
+    if (n?.value?.isTexture === !0) {
+      n.value = s, t.uniformsNeedUpdate = !0;
+      return;
+    }
+    t[e] = s;
+  }
+  static assignTrackedTextureSlot(t, e, s) {
+    let r = this.trackedTextureSlots.get(t);
+    r || (r = /* @__PURE__ */ new Map(), this.trackedTextureSlots.set(t, r));
+    const n = this.getMaterialTextureSlot(t, e);
+    let o = r.get(e);
+    !o && n ? o = this.ensureTrackedTextureSlot(t, e, n) : o && n && o !== n && (this.releaseTrackedTextureSlot(t, e, o), o = this.ensureTrackedTextureSlot(t, e, n)), !(o === s && n === s) && (o && o !== s && this.releaseTrackedTextureSlot(t, e, o), o !== s && (this.trackTextureUsage(s), r.set(e, s)), n !== s && this.setMaterialTextureSlot(t, e, s));
+  }
+  static ensureTrackedTextureSlot(t, e, s) {
+    let r = this.trackedTextureSlots.get(t);
+    r || (r = /* @__PURE__ */ new Map(), this.trackedTextureSlots.set(t, r));
+    const n = r.get(e);
+    return n === s ? n : (n && this.releaseTrackedTextureSlot(t, e, n), this.trackTextureUsage(s), r.set(e, s), s);
+  }
+  static releaseTrackedTextureSlot(t, e, s) {
+    const r = this.trackedTextureSlots.get(t);
+    if (r?.get(e) === s && r.delete(e), this.untrackTextureUsage(s) && (f || se)) {
+      const o = this.getAssignedLODInformation(s);
+      console.log(`[gltf-progressive] Disposed old texture LOD ${o?.level ?? "?"} for ${t.name || t.type}.${e}`, s.uuid);
+    }
   }
   parser;
   url;
@@ -549,8 +647,8 @@ class m {
   _isLoadingMesh;
   loadMesh = (t) => {
     if (this._isLoadingMesh) return null;
-    const e = this.parser.json.meshes[t]?.extensions?.[W];
-    return e ? (this._isLoadingMesh = !0, this.parser.getDependency("mesh", t).then((s) => (this._isLoadingMesh = !1, s && m.registerMesh(this.url, e.guid, s, e.lods?.length, 0, e), s))) : null;
+    const e = this.parser.json.meshes[t]?.extensions?.[F];
+    return e ? (this._isLoadingMesh = !0, this.parser.getDependency("mesh", t).then((s) => (this._isLoadingMesh = !1, s && h.registerMesh(this.url, e.guid, s, e.lods?.length, 0, e), s))) : null;
   };
   // private _isLoadingTexture;
   // loadTexture = (textureIndex: number) => {
@@ -569,62 +667,80 @@ class m {
   afterRoot(t) {
     return f && console.log("AFTER", this.url, t), this.parser.json.textures?.forEach((e, s) => {
       if (e?.extensions) {
-        const r = e?.extensions[W];
+        const r = e?.extensions[F];
         if (r) {
           if (!r.lods) {
             f && console.warn("Texture has no LODs", r);
             return;
           }
-          let i = !1;
+          let n = !1;
           for (const o of this.parser.associations.keys())
-            o.isTexture === !0 && this.parser.associations.get(o)?.textures === s && (i = !0, m.registerTexture(this.url, o, r.lods?.length, s, r));
-          i || this.parser.getDependency("texture", s).then((o) => {
-            o && m.registerTexture(this.url, o, r.lods?.length, s, r);
+            o.isTexture === !0 && this.parser.associations.get(o)?.textures === s && (n = !0, h.registerTexture(this.url, o, r.lods?.length, s, r));
+          n || this.parser.getDependency("texture", s).then((o) => {
+            o && h.registerTexture(this.url, o, r.lods?.length, s, r);
           });
         }
       }
     }), this.parser.json.meshes?.forEach((e, s) => {
       if (e?.extensions) {
-        const r = e?.extensions[W];
+        const r = e?.extensions[F];
         if (r && r.lods) {
-          for (const i of this.parser.associations.keys())
-            if (i.isMesh) {
-              const o = this.parser.associations.get(i);
-              o?.meshes === s && m.registerMesh(this.url, r.guid, i, r.lods.length, o.primitives, r);
+          for (const n of this.parser.associations.keys())
+            if (n.isMesh) {
+              const o = this.parser.associations.get(n);
+              o?.meshes === s && h.registerMesh(this.url, r.guid, n, r.lods.length, o.primitives, r);
             }
         }
       }
     }), null;
   }
   /**
-   * Register a texture with LOD information
+   * Register a texture with progressive LOD information. This associates the texture with its LOD extension data
+   * so the LODs manager can later swap it for higher or lower resolution versions based on screen coverage.
+   * Typically called during glTF loading when the progressive extension is parsed.
+   *
+   * @param url - The source URL of the glTF file this texture was loaded from.
+   * @param tex - The three.js Texture instance to register.
+   * @param level - The LOD level this texture represents (0 = highest resolution).
+   * @param index - The texture index within the glTF file.
+   * @param ext - The parsed progressive texture extension data containing all available LOD levels and their dimensions.
    */
-  static registerTexture = (t, e, s, r, i) => {
+  static registerTexture = (t, e, s, r, n) => {
     if (!e) {
       f && console.error("!! gltf-progressive: Called register texture without texture");
       return;
     }
     if (f) {
-      const l = e.image?.width || e.source?.data?.width || 0, a = e.image?.height || e.source?.data?.height || 0;
-      console.log(`> gltf-progressive: register texture[${r}] "${e.name || e.uuid}", Current: ${l}x${a}, Max: ${i.lods[0]?.width}x${i.lods[0]?.height}, uuid: ${e.uuid}`, i, e);
+      const u = e.image?.width || e.source?.data?.width || 0, a = e.image?.height || e.source?.data?.height || 0;
+      console.log(`> gltf-progressive: register texture[${r}] "${e.name || e.uuid}", Current: ${u}x${a}, Max: ${n.lods[0]?.width}x${n.lods[0]?.height}, uuid: ${e.uuid}`, n, e);
     }
-    e.source && (e.source[ue] = i);
-    const o = i.guid;
-    m.assignLODInformation(t, e, o, s, r), m.lodInfos.set(o, i), m.lowresCache.set(o, new WeakRef(e));
+    e.source && (e.source[de] = n);
+    const o = n.guid;
+    h.assignLODInformation(t, e, o, s, r), h.lodInfos.set(o, n), h.lowresCache.set(o, new WeakRef(e));
   };
   /**
-   * Register a mesh with LOD information
+   * Register a mesh with progressive LOD information. This associates the mesh geometry with its LOD extension data
+   * so the LODs manager can later swap it for higher or lower density versions based on screen coverage.
+   * Typically called during glTF loading when the progressive extension is parsed.
+   * If the mesh is registered at a level > 0 (i.e. not full resolution), a raycast mesh is automatically preserved for accurate picking.
+   *
+   * @param url - The source URL of the glTF file this mesh was loaded from.
+   * @param key - A unique key identifying this mesh's LOD group (typically derived from the extension GUID).
+   * @param mesh - The three.js Mesh instance to register.
+   * @param level - The LOD level this mesh represents (0 = highest resolution / full density).
+   * @param index - The primitive index within the glTF mesh node.
+   * @param ext - The parsed progressive mesh extension data containing all available LOD levels with vertex/index counts and densities.
    */
-  static registerMesh = (t, e, s, r, i, o) => {
-    const l = s.geometry;
-    if (!l) {
+  static registerMesh = (t, e, s, r, n, o) => {
+    const u = s.geometry;
+    if (!u) {
       f && console.warn("gltf-progressive: Register mesh without geometry");
       return;
     }
-    l.userData || (l.userData = {}), f && console.log("> Progressive: register mesh " + s.name, { index: i, uuid: s.uuid }, o, s), m.assignLODInformation(t, l, e, r, i), m.lodInfos.set(e, o);
-    let u = m.lowresCache.get(e)?.deref();
-    u ? u.push(s.geometry) : u = [s.geometry], m.lowresCache.set(e, new WeakRef(u)), r > 0 && !ee(s) && at(s, l);
-    for (const c of z)
+    u.userData || (u.userData = {}), f && console.log("> Progressive: register mesh " + s.name, { index: n, uuid: s.uuid }, o, s), h.assignLODInformation(t, u, e, r, n), h.lodInfos.set(e, o);
+    let l = h.lowresCache.get(e)?.deref();
+    l ? l.push(s.geometry) : l = [s.geometry], h.lowresCache.set(e, new WeakRef(l)), r > 0 && !ne(s) && dt(s, u);
+    for (const c of E)
       c.onRegisteredNewMesh?.(s, o);
   };
   /**
@@ -666,7 +782,7 @@ class m {
       this.lowresCache.clear();
       for (const [, e] of this.cache)
         this._disposeCacheEntry(e);
-      this.cache.clear(), this.textureRefCounts.clear();
+      this.cache.clear(), this.textureRefCounts.clear(), this.trackedTextureSlots = /* @__PURE__ */ new WeakMap(), this.pendingTextureSlotRequests = /* @__PURE__ */ new WeakMap();
     }
   }
   /** Dispose a single cache entry's three.js resource(s) to free GPU memory. */
@@ -698,9 +814,9 @@ class m {
    * The held value is the cache key string used in `previouslyLoaded`.
    */
   static _resourceRegistry = new FinalizationRegistry((t) => {
-    const e = m.cache.get(t);
-    (f || K) && console.debug(`[gltf-progressive] Memory: Resource GC'd
-${t}`), e instanceof WeakRef && (e.deref() || (m.cache.delete(t), (f || K) && console.log("[gltf-progressive] ↪ Cache entry deleted (GC)")));
+    const e = h.cache.get(t);
+    (f || se) && console.debug(`[gltf-progressive] Memory: Resource GC'd
+${t}`), e instanceof WeakRef && (e.deref() || (h.cache.delete(t), (f || se) && console.log("[gltf-progressive] ↪ Cache entry deleted (GC)")));
   });
   /**
    * Track texture usage by incrementing reference count
@@ -717,16 +833,15 @@ ${t}`), e instanceof WeakRef && (e.deref() || (m.cache.delete(t), (f || K) && co
   static untrackTextureUsage(t) {
     const e = t.uuid, s = this.textureRefCounts.get(e);
     if (!s)
-      return (f === "verbose" || K) && i("[gltf-progressive] Memory: Untrack untracked texture (dispose immediately)", 0), t.dispose(), !0;
+      return (f === "verbose" || se) && n("[gltf-progressive] Memory: Untrack untracked texture (dispose immediately)", 0), t.dispose(), !0;
     const r = s - 1;
     if (r <= 0)
-      return this.textureRefCounts.delete(e), (f || K) && i("[gltf-progressive] Memory: Dispose texture", r), t.dispose(), !0;
-    return this.textureRefCounts.set(e, r), f === "verbose" && i("[gltf-progressive] Memory: Untrack texture", r), !1;
-    function i(o, l) {
-      let a = t.image?.width || t.source?.data?.width || 0, u = t.image?.height || t.source?.data?.height || 0;
-      const c = a && u ? `${a}x${u}` : "N/A";
-      let y = "N/A";
-      a && u && (y = `~${(it(t) / (1024 * 1024)).toFixed(2)} MB`), console.log(`${o} — ${t.name} ${c} (${y}), refCount: ${s} → ${l}
+      return this.textureRefCounts.delete(e), (f || se) && n("[gltf-progressive] Memory: Dispose texture", r), t.dispose(), !0;
+    return this.textureRefCounts.set(e, r), f === "verbose" && n("[gltf-progressive] Memory: Untrack texture", r), !1;
+    function n(o, u) {
+      const a = t.image?.width || t.source?.data?.width || 0, l = t.image?.height || t.source?.data?.height || 0, c = a && l ? `${a}x${l}` : "N/A";
+      let d = "N/A";
+      a && l && (d = `~${(lt(t) / (1024 * 1024)).toFixed(2)} MB`), console.log(`${o} — ${t.name} ${c} (${d}), refCount: ${s} → ${u}
 ${e}`);
     }
   }
@@ -736,24 +851,24 @@ ${e}`);
     const s = f == "verbose", r = this.getAssignedLODInformation(t);
     if (!r)
       return f && console.warn(`[gltf-progressive] No LOD information found: ${t.name}, uuid: ${t.uuid}, type: ${t.type}`, t), null;
-    const i = r?.key;
+    const n = r?.key;
     let o;
     if (t.isTexture === !0) {
       const a = t;
-      a.source && a.source[ue] && (o = a.source[ue]);
+      a.source && a.source[de] && (o = a.source[de]);
     }
-    if (o || (o = m.lodInfos.get(i)), !o)
-      f && console.warn(`Can not load LOD ${e}: no LOD info found for "${i}" ${t.name}`, t.type, m.lodInfos);
+    if (o || (o = h.lodInfos.get(n)), !o)
+      f && console.warn(`Can not load LOD ${e}: no LOD info found for "${n}" ${t.name}`, t.type, h.lodInfos);
     else {
       if (e > 0) {
         let c = !1;
-        const y = Array.isArray(o.lods);
-        if (y && e >= o.lods.length ? c = !0 : y || (c = !0), c) {
-          const w = this.lowresCache.get(i);
-          if (w) {
-            const _ = w.deref();
-            if (_) return _;
-            this.lowresCache.delete(i), f && console.log(`[gltf-progressive] Lowres cache entry was GC'd: ${i}`);
+        const d = Array.isArray(o.lods);
+        if (d && e >= o.lods.length ? c = !0 : d || (c = !0), c) {
+          const g = this.lowresCache.get(n);
+          if (g) {
+            const m = g.deref();
+            if (m) return m;
+            this.lowresCache.delete(n), f && console.log(`[gltf-progressive] Lowres cache entry was GC'd: ${n}`);
           }
           return null;
         }
@@ -761,128 +876,132 @@ ${e}`);
       const a = Array.isArray(o.lods) ? o.lods[e]?.path : o.lods;
       if (!a)
         return f && !o["missing:uri"] && (o["missing:uri"] = !0, console.warn("Missing uri for progressive asset for LOD " + e, o)), null;
-      const u = st(r.url, a);
-      if (u.endsWith(".glb") || u.endsWith(".gltf")) {
+      const l = it(r.url, a);
+      if (l.endsWith(".glb") || l.endsWith(".gltf")) {
         if (!o.guid)
           return console.warn("missing pointer for glb/gltf texture", o), null;
-        const c = u + "_" + o.guid, y = await this.queue.slot(u), w = this.cache.get(c);
-        if (w !== void 0)
-          if (s && console.log(`LOD ${e} was already loading/loaded: ${c}`), w instanceof WeakRef) {
-            const d = w.deref();
-            if (d) {
-              let g = d, b = !1;
-              if (g instanceof F && t instanceof F ? g.image?.data || g.source?.data ? g = this.copySettings(t, g) : b = !0 : g instanceof E && t instanceof E && (g.attributes.position?.array || (b = !0)), !b)
-                return g;
-            }
-            this.cache.delete(c), f && console.log(`[gltf-progressive] Re-loading GC'd/disposed resource: ${c}`);
-          } else {
-            let d = await w.catch((b) => (console.error(`Error loading LOD ${e} from ${u}
-`, b), null)), g = !1;
-            if (d == null || (d instanceof F && t instanceof F ? d.image?.data || d.source?.data ? d = this.copySettings(t, d) : (g = !0, this.cache.delete(c)) : d instanceof E && t instanceof E && (d.attributes.position?.array || (g = !0, this.cache.delete(c)))), !g)
-              return d;
-          }
-        if (!y.use)
-          return f && console.log(`LOD ${e} was aborted: ${u}`), null;
-        const _ = o, k = new Promise(async (d, g) => {
-          if (gt) {
-            const x = await (await ft({})).load(u);
-            if (x.textures.length > 0)
-              for (const h of x.textures) {
-                let p = h.texture;
-                return m.assignLODInformation(r.url, p, i, e, void 0), t instanceof F && (p = this.copySettings(t, p)), p && (p.guid = _.guid), d(p);
+        const c = l + "_" + o.guid, d = await this.tryResolveLODCacheEntry(this.cache.get(c), c, l, t, e, s);
+        if (d.found) return d.value;
+        const g = await this.queue.slot(l), m = await this.tryResolveLODCacheEntry(this.cache.get(c), c, l, t, e, s);
+        if (m.found) return m.value;
+        if (!g.use)
+          return f && console.log(`LOD ${e} was aborted: ${l}`), null;
+        const x = o, v = new Promise(async (_, C) => {
+          if (xt) {
+            const y = await (await mt({})).load(l);
+            if (y.textures.length > 0)
+              for (const M of y.textures) {
+                let b = M.texture;
+                return h.assignLODInformation(r.url, b, n, e, void 0), t instanceof G && (b = this.copySettings(t, b)), b && (b.guid = x.guid), _(b);
               }
-            if (x.geometries.length > 0) {
-              const h = new Array();
-              for (const p of x.geometries) {
-                const O = p.geometry;
-                m.assignLODInformation(r.url, O, i, e, p.primitiveIndex), h.push(O);
+            if (y.geometries.length > 0) {
+              const M = new Array();
+              for (const b of y.geometries) {
+                const B = b.geometry;
+                h.assignLODInformation(r.url, B, n, e, b.primitiveIndex), M.push(B);
               }
-              return d(h);
+              return _(M);
             }
-            return d(null);
+            return _(null);
           }
-          const b = new xe();
-          Te(b), f && (await new Promise((L) => setTimeout(L, 1e3)), s && console.warn("Start loading (delayed) " + u, _.guid));
-          let B = u;
-          if (_ && Array.isArray(_.lods)) {
-            const L = _.lods[e];
-            L.hash && (B += "?v=" + L.hash);
+          const W = new we();
+          Ae(W), f && (await new Promise((D) => setTimeout(D, 1e3)), s && console.warn("Start loading (delayed) " + l, x.guid));
+          let L = l;
+          if (x && Array.isArray(x.lods)) {
+            const D = x.lods[e];
+            D.hash && (L += "?v=" + D.hash);
           }
-          const D = await b.loadAsync(B).catch((L) => (console.error(`Error loading LOD ${e} from ${u}
-`, L), d(null)));
-          if (!D)
-            return d(null);
-          const N = D.parser;
-          s && console.log("Loading finished " + u, _.guid);
-          let P = 0;
-          if (D.parser.json.textures) {
-            let L = !1;
-            for (const x of D.parser.json.textures) {
-              if (x?.extensions) {
-                const h = x?.extensions[W];
-                if (h?.guid && h.guid === _.guid) {
-                  L = !0;
+          const w = await W.loadAsync(L).catch((D) => (console.error(`Error loading LOD ${e} from ${l}
+`, D), _(null)));
+          if (!w)
+            return _(null);
+          const S = w.parser;
+          s && console.log("Loading finished " + l, x.guid);
+          let O = 0;
+          if (w.parser.json.textures) {
+            let D = !1;
+            for (const y of w.parser.json.textures) {
+              if (y?.extensions) {
+                const M = y?.extensions[F];
+                if (M?.guid && M.guid === x.guid) {
+                  D = !0;
                   break;
                 }
               }
-              P++;
+              O++;
             }
-            if (L) {
-              let x = await N.getDependency("texture", P);
-              return x && m.assignLODInformation(r.url, x, i, e, void 0), s && console.log('change "' + t.name + '" → "' + x.name + '"', u, P, x, c), t instanceof F && (x = this.copySettings(t, x)), x && (x.guid = _.guid), d(x);
-            } else f && console.warn("Could not find texture with guid", _.guid, D.parser.json);
+            if (D) {
+              let y = await S.getDependency("texture", O);
+              return y && h.assignLODInformation(r.url, y, n, e, void 0), s && console.log('change "' + t.name + '" → "' + y.name + '"', l, O, y, c), t instanceof G && (y = this.copySettings(t, y)), y && (y.guid = x.guid), _(y);
+            } else f && console.warn("Could not find texture with guid", x.guid, w.parser.json);
           }
-          if (P = 0, D.parser.json.meshes) {
-            let L = !1;
-            for (const x of D.parser.json.meshes) {
-              if (x?.extensions) {
-                const h = x?.extensions[W];
-                if (h?.guid && h.guid === _.guid) {
-                  L = !0;
+          if (O = 0, w.parser.json.meshes) {
+            let D = !1;
+            for (const y of w.parser.json.meshes) {
+              if (y?.extensions) {
+                const M = y?.extensions[F];
+                if (M?.guid && M.guid === x.guid) {
+                  D = !0;
                   break;
                 }
               }
-              P++;
+              O++;
             }
-            if (L) {
-              const x = await N.getDependency("mesh", P);
-              if (s && console.log(`Loaded Mesh "${x.name}"`, u, P, x, c), x.isMesh === !0) {
-                const h = x.geometry;
-                return m.assignLODInformation(r.url, h, i, e, 0), d(h);
+            if (D) {
+              const y = await S.getDependency("mesh", O);
+              if (s && console.log(`Loaded Mesh "${y.name}"`, l, O, y, c), y.isMesh === !0) {
+                const M = y.geometry;
+                return h.assignLODInformation(r.url, M, n, e, 0), _(M);
               } else {
-                const h = new Array();
-                for (let p = 0; p < x.children.length; p++) {
-                  const O = x.children[p];
-                  if (O.isMesh === !0) {
-                    const S = O.geometry;
-                    m.assignLODInformation(r.url, S, i, e, p), h.push(S);
+                const M = new Array();
+                for (let b = 0; b < y.children.length; b++) {
+                  const B = y.children[b];
+                  if (B.isMesh === !0) {
+                    const V = B.geometry;
+                    h.assignLODInformation(r.url, V, n, e, b), M.push(V);
                   }
                 }
-                return d(h);
+                return _(M);
               }
-            } else f && console.warn("Could not find mesh with guid", _.guid, D.parser.json);
+            } else f && console.warn("Could not find mesh with guid", x.guid, w.parser.json);
           }
-          return d(null);
+          return _(null);
         });
-        this.cache.set(c, k), y.use(k);
-        const M = await k;
-        return M != null ? M instanceof F ? (this.cache.set(c, new WeakRef(M)), m._resourceRegistry.register(M, c)) : Array.isArray(M) ? this.cache.set(c, Promise.resolve(M)) : this.cache.set(c, Promise.resolve(M)) : this.cache.set(c, Promise.resolve(null)), M;
-      } else if (t instanceof F) {
-        s && console.log("Load texture from uri: " + u);
-        const y = await new qe().loadAsync(u);
-        return y ? (y.guid = o.guid, y.flipY = !1, y.needsUpdate = !0, y.colorSpace = t.colorSpace, s && console.log(o, y)) : f && console.warn("failed loading", u), y;
+        this.cache.set(c, v), g.use(v);
+        const p = await v;
+        return p != null ? p instanceof G ? (this.cache.set(c, new WeakRef(p)), h._resourceRegistry.register(p, c)) : Array.isArray(p) ? this.cache.set(c, Promise.resolve(p)) : this.cache.set(c, Promise.resolve(p)) : this.cache.set(c, Promise.resolve(null)), p;
+      } else if (t instanceof G) {
+        s && console.log("Load texture from uri: " + l);
+        const d = await new je().loadAsync(l);
+        return d ? (d.guid = o.guid, d.flipY = !1, d.needsUpdate = !0, d.colorSpace = t.colorSpace, s && console.log(o, d)) : f && console.warn("failed loading", l), d;
       }
     }
     return null;
   }
+  static async tryResolveLODCacheEntry(t, e, s, r, n, o) {
+    if (t === void 0)
+      return { found: !1 };
+    if (o && console.log(`LOD ${n} was already loading/loaded: ${e}`), t instanceof WeakRef) {
+      const l = t.deref();
+      if (l) {
+        let c = l, d = !1;
+        if (c instanceof G && r instanceof G ? c.image?.data || c.source?.data ? c = this.copySettings(r, c) : d = !0 : c instanceof j && r instanceof j && (c.attributes.position?.array || (d = !0)), !d)
+          return { found: !0, value: c };
+      }
+      return this.cache.delete(e), f && console.log(`[gltf-progressive] Re-loading GC'd/disposed resource: ${e}`), { found: !1 };
+    }
+    let u = await t.catch((l) => (console.error(`Error loading LOD ${n} from ${s}
+`, l), null)), a = !1;
+    return u == null || (u instanceof G && r instanceof G ? u.image?.data || u.source?.data ? u = this.copySettings(r, u) : (a = !0, this.cache.delete(e)) : u instanceof j && r instanceof j && (u.attributes.position?.array || (a = !0, this.cache.delete(e)))), a ? { found: !1 } : { found: !0, value: u };
+  }
   static _queue;
   static get queue() {
-    return this._queue ??= new rt(_e() ? 20 : 50, { debug: f != !1 });
+    return this._queue ??= new at(ve() ? 20 : 50, { debug: f != !1 });
   }
-  static assignLODInformation(t, e, s, r, i) {
+  static assignLODInformation(t, e, s, r, n) {
     if (!e) return;
     e.userData || (e.userData = {});
-    const o = new pt(t, s, r, i);
+    const o = new wt(t, s, r, n);
     e.userData.LODS = o, "source" in e && typeof e.source == "object" && (e.source.LODS = o);
   }
   static getAssignedLODInformation(t) {
@@ -895,7 +1014,7 @@ ${e}`);
 `, e.uuid), e = e.clone(), e.offset = t.offset, e.repeat = t.repeat, e.colorSpace = t.colorSpace, e.magFilter = t.magFilter, e.minFilter = t.minFilter, e.wrapS = t.wrapS, e.wrapT = t.wrapT, e.flipY = t.flipY, e.anisotropy = t.anisotropy, e.mipmaps || (e.generateMipmaps = t.generateMipmaps), e) : t;
   }
 }
-class pt {
+class wt {
   url;
   /** the key to lookup the LOD information */
   key;
@@ -906,10 +1025,10 @@ class pt {
     this.url = t, this.key = e, this.level = s, r != null && (this.index = r);
   }
 }
-class ce {
+class oe {
   static addPromise = (t, e, s, r) => {
-    r.forEach((i) => {
-      i.add(t, e, s);
+    r.forEach((n) => {
+      n.add(t, e, s);
     });
   };
   ready;
@@ -940,8 +1059,8 @@ class ce {
   _maxPromisesPerObject = 1;
   constructor(t, e) {
     const r = Math.max(e.frames ?? 2, 2);
-    this._frame_start = e.waitForFirstCapture ? void 0 : t, this._frames_to_capture = r, this.ready = new Promise((i) => {
-      this._resolve = i;
+    this._frame_start = e.waitForFirstCapture ? void 0 : t, this._frames_to_capture = r, this.ready = new Promise((n) => {
+      this._resolve = n;
     }), this.ready.finally(() => {
       this._resolved = !0, this._awaiting.length = 0;
     }), this._signal = e.signal, this._signal?.addEventListener("abort", () => {
@@ -961,7 +1080,7 @@ class ce {
     if (!(this._frame_start !== void 0 && this._currentFrame > this._frame_start + this._frames_to_capture)) {
       if (this._maxPromisesPerObject >= 1)
         if (this._seen.has(e)) {
-          let r = this._seen.get(e);
+          const r = this._seen.get(e);
           if (r >= this._maxPromisesPerObject) {
             f && console.warn("PromiseGroup: Already awaiting object ignoring new promise for it.");
             return;
@@ -982,22 +1101,112 @@ class ce {
     });
   }
 }
-const R = q("debugprogressive"), mt = q("noprogressive"), de = /* @__PURE__ */ Symbol("Needle:LODSManager"), fe = /* @__PURE__ */ Symbol("Needle:LODState"), U = /* @__PURE__ */ Symbol("Needle:CurrentLOD"), T = { mesh_lod: -1, texture_lod: -1 };
-class v {
+const A = N("debugprogressive"), Lt = A === "colors", vt = N("noprogressive"), fe = /* @__PURE__ */ Symbol("Needle:LODSManager"), he = /* @__PURE__ */ Symbol("Needle:LODState"), q = /* @__PURE__ */ Symbol("Needle:CurrentLOD"), T = { mesh_lod: -1, texture_lod: -1 }, _t = new Ce(), Me = [
+  3526751,
+  11065402,
+  15978811,
+  15897394,
+  15749691,
+  11032304,
+  4827122,
+  3332036,
+  16739229,
+  7306743,
+  14053330,
+  3516499,
+  12035359,
+  14703919,
+  3963096,
+  42662,
+  14100029,
+  8344319,
+  4633680,
+  16229681,
+  3120096,
+  12076434,
+  9083434,
+  2060171,
+  15751837,
+  10182117,
+  48121,
+  62932,
+  16704576,
+  15817653,
+  5083278,
+  5592405
+], ge = new le(), z = new le(), De = new le(), Mt = new k(), Dt = new k(), bt = new Pe(), U = new k(), H = new k(), Q = new k(), J = new k();
+function Ot(i, t) {
+  const e = i.min, s = i.max, r = (e.x + s.x) * 0.5, n = (e.y + s.y) * 0.5;
+  return U.set(r, n, e.z).applyMatrix4(t).z < 0;
+}
+function Tt(i) {
+  const {
+    geometry: t,
+    matrixWorld: e,
+    camera: s,
+    projectionScreenMatrix: r,
+    desiredDensity: n,
+    canvasHeight: o = 0,
+    currentLevel: u = -1,
+    xrEnabled: a = !1,
+    debugDrawLine: l,
+    warnMissingPrimitiveDensities: c = !1
+  } = i, d = h.getMeshLODExtension(t)?.lods, g = h.getPrimitiveIndex(t), m = i.target ?? {
+    level: u,
+    primitiveIndex: g,
+    screenCoverage: 0,
+    screenspaceVolume: new k(),
+    centrality: 1
+  };
+  if (m.level = u, m.primitiveIndex = g, m.screenCoverage = 0, m.screenspaceVolume.set(0, 0, 0), m.centrality = 1, !d?.length) return m;
+  let x = i.boundingBox ?? t.boundingBox;
+  if (x || (t.computeBoundingBox(), x = t.boundingBox), !x) return m;
+  if (ge.copy(x).applyMatrix4(e), s.isPerspectiveCamera && Ot(ge, r))
+    return m.level = 0, m.screenCoverage = 1 / 0, m.screenspaceVolume.set(1 / 0, 1 / 0, 1 / 0), m;
+  if (z.copy(ge).applyMatrix4(r), a && s.isPerspectiveCamera && s.fov > 70) {
+    const L = z.min, w = z.max;
+    let S = L.x, O = L.y, D = w.x, y = w.y;
+    const M = 2, b = 1.5, B = (L.x + w.x) * 0.5, V = (L.y + w.y) * 0.5;
+    S = (S - B) * M + B, O = (O - V) * M + V, D = (D - B) * M + B, y = (y - V) * M + V;
+    const Fe = S < 0 && D > 0 ? 0 : Math.min(Math.abs(L.x), Math.abs(w.x)), qe = O < 0 && y > 0 ? 0 : Math.min(Math.abs(L.y), Math.abs(w.y)), ue = Math.max(Fe, qe);
+    m.centrality = (b - ue) * (b - ue) * (b - ue);
+  }
+  const v = z.getSize(Mt);
+  v.multiplyScalar(0.5), globalThis.screen?.availHeight > 0 && o > 0 && v.multiplyScalar(o / globalThis.screen.availHeight), s.isPerspectiveCamera && (v.x *= s.aspect), De.copy(x).applyMatrix4(e).applyMatrix4(s.matrixWorldInverse);
+  const p = De.getSize(Dt), _ = Math.max(v.x, v.y), C = Math.max(p.x, p.y);
+  _ !== 0 && C !== 0 && (v.z = p.z / C * _);
+  const W = Math.max(v.x, v.y, v.z) * m.centrality;
+  if (m.screenCoverage = W, m.screenspaceVolume.copy(v), W <= 0) return m;
+  if (l) {
+    const L = bt.copy(r);
+    L.invert(), U.copy(z.min), H.copy(z.max), H.x = U.x, Q.copy(z.max), Q.y = U.y, J.copy(z.max);
+    const w = (U.z + J.z) * 0.5;
+    U.z = H.z = Q.z = J.z = w, U.applyMatrix4(L), H.applyMatrix4(L), Q.applyMatrix4(L), J.applyMatrix4(L), l(U, H, 255), l(U, Q, 255), l(H, J, 255), l(Q, J, 255);
+  }
+  for (let L = 0; L < d.length; L++) {
+    const w = d[L], S = w.densities?.[g] || w.density || 1e-5;
+    if (g > 0 && c && $e() && !w.densities && !globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] && (globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] = !0, console.warn("[Needle Progressive] Detected usage of mesh without primitive densities. This might cause incorrect LOD level selection: Consider re-optimizing your model by updating your Needle Integration, Needle glTF Pipeline or running optimization again on Needle Cloud.")), S / W < n) {
+      m.level = L;
+      break;
+    }
+  }
+  return m;
+}
+class R {
   /** 
    * Assign a function to draw debug lines for the LODs. This function will be called with the start and end position of the line and the color of the line when the `debugprogressive` query parameter is set.
    */
   static debugDrawLine;
   /** @internal */
   static getObjectLODState(t) {
-    return t[fe];
+    return t[he];
   }
   static addPlugin(t) {
-    z.push(t);
+    E.push(t);
   }
   static removePlugin(t) {
-    const e = z.indexOf(t);
-    e >= 0 && z.splice(e, 1);
+    const e = E.indexOf(t);
+    e >= 0 && E.splice(e, 1);
   }
   /**
    * Gets the LODsManager for the given renderer. If the LODsManager does not exist yet, it will be created.  
@@ -1005,20 +1214,20 @@ class v {
    * @returns The LODsManager instance.
    */
   static get(t, e) {
-    if (t[de])
-      return console.debug("[gltf-progressive] LODsManager already exists for this renderer"), t[de];
-    const s = new v(t, {
+    if (t[fe])
+      return console.debug("[gltf-progressive] LODsManager already exists for this renderer"), t[fe];
+    const s = new R(t, {
       engine: "unknown",
       ...e
     });
-    return t[de] = s, s;
+    return t[fe] = s, s;
   }
   renderer;
   context;
-  projectionScreenMatrix = new ve();
+  projectionScreenMatrix = new Pe();
   /** @deprecated use static `LODsManager.addPlugin()` method. This getter will be removed in later versions */
   get plugins() {
-    return z;
+    return E;
   }
   /**
    * Force override the LOD level for all objects (meshes + textures) rendered in the scene
@@ -1056,44 +1265,98 @@ class v {
   _newPromiseGroups = [];
   _promiseGroupIds = 0;
   /**
-   * Call to await LODs loading during the next render cycle.
+   * Returns a promise that resolves once all LOD requests initiated during the next render cycles have finished loading.
+   * This is useful for hiding low-resolution placeholders (e.g. with a loading overlay or CSS blur) until high-quality assets are ready.
+   *
+   * By default, the returned promise captures LOD loading requests for 2 frames and resolves when all of them complete.
+   * Use `waitForFirstCapture` if no LOD requests may happen immediately (e.g. after a scene switch).
+   *
+   * @param opts - Optional configuration for how long to capture and what to wait for. See {@link PromiseGroupOptions}.
+   * @returns A promise that resolves with `{ cancelled, awaited_count, resolved_count }` once all captured LOD loads complete (or the signal aborts).
+   *
+   * @example
+   * ```ts
+   * // Wait for initial LODs to finish loading, then remove a blur overlay
+   * const result = await lodsManager.awaitLoading({
+   *     frames: 5,
+   *     signal: AbortSignal.timeout(10_000),
+   * });
+   * console.log(`Loaded ${result.resolved_count} of ${result.awaited_count} LODs`);
+   * document.querySelector('.blur-overlay')?.remove();
+   * ```
+   *
+   * @example
+   * ```ts
+   * // Wait until at least one LOD starts loading before resolving
+   * await lodsManager.awaitLoading({ waitForFirstCapture: true });
+   * ```
    */
   awaitLoading(t) {
-    const e = this._promiseGroupIds++, s = new ce(this.#r, { ...t });
+    const e = this._promiseGroupIds++, s = new oe(this.#r, { ...t });
     this._newPromiseGroups.push(s);
     const r = performance.now();
     return s.ready.finally(() => {
-      const i = this._newPromiseGroups.indexOf(s);
-      i >= 0 && (this._newPromiseGroups.splice(i, 1), be() && performance.measure("LODsManager:awaitLoading", {
+      const n = this._newPromiseGroups.indexOf(s);
+      n >= 0 && (this._newPromiseGroups.splice(n, 1), $e() && performance.measure("LODsManager:awaitLoading", {
         start: r,
         detail: { id: e, name: t?.name, awaited: s.awaitedCount, resolved: s.resolvedCount }
       }));
     }), s.ready;
   }
+  /** Track LOD work started outside this manager so {@link awaitLoading} waits for it too. */
+  trackLoadingPromise(t, e, s) {
+    return oe.addPromise(t, e, s, this._newPromiseGroups), s;
+  }
   _postprocessPromiseGroups() {
     if (this._newPromiseGroups.length !== 0)
       for (let t = this._newPromiseGroups.length - 1; t >= 0; t--)
         this._newPromiseGroups[t].update(this.#r);
   }
   _lodchangedlisteners = [];
+  /**
+   * Register a listener that is called whenever a mesh or texture LOD level has finished loading and has been applied.
+   * The listener receives the type of asset (`"mesh"` or `"texture"`), the new LOD level, and the affected object.
+   *
+   * @param evt - The event type. Currently only `"changed"` is supported.
+   * @param listener - Callback invoked after a LOD swap completes.
+   * @return A function to unregister the listener.
+   *
+   * @example
+   * ```ts
+   * lodsManager.addEventListener("changed", ({ type, level, object }) => {
+   *     console.log(`${type} LOD changed to level ${level}`, object);
+   * });
+   * ```
+   */
   addEventListener(t, e) {
-    t === "changed" && this._lodchangedlisteners.push(e);
+    return t === "changed" ? (this._lodchangedlisteners.push(e), () => {
+      this.removeEventListener(t, e);
+    }) : () => {
+    };
   }
+  /**
+   * Remove a previously registered `"changed"` event listener.
+   * @param evt - The event type (`"changed"`).
+   * @param listener - The listener to remove.
+   * @return `true` if the listener was found and removed, `false` otherwise.
+   */
   removeEventListener(t, e) {
+    let s = !1;
     if (t === "changed") {
-      const s = this._lodchangedlisteners.indexOf(e);
-      s >= 0 && this._lodchangedlisteners.splice(s, 1);
+      const r = this._lodchangedlisteners.indexOf(e);
+      r >= 0 && (this._lodchangedlisteners.splice(r, 1), s = !0);
     }
+    return s;
   }
   // readonly plugins: NEEDLE_progressive_plugin[] = [];
   constructor(t, e) {
     this.renderer = t, this.context = { ...e };
   }
   #t;
-  #o = new Ne();
+  #o = new Ke();
   #r = 0;
-  #i = 0;
   #n = 0;
+  #i = 0;
   #s = 0;
   _fpsBuffer = [60, 60, 60, 60, 60];
   /**
@@ -1105,9 +1368,9 @@ class v {
     let t = 0;
     this.#t = this.renderer.render;
     const e = this;
-    we(this.renderer), this.renderer.render = function(s, r) {
-      const i = e.renderer.getRenderTarget();
-      (i == null || "isXRRenderTarget" in i && i.isXRRenderTarget) && (t = 0, e.#r += 1, e.#i = e.#o.getDelta(), e.#n += e.#i, e._fpsBuffer.shift(), e._fpsBuffer.push(1 / e.#i), e.#s = e._fpsBuffer.reduce((l, a) => l + a) / e._fpsBuffer.length, R && e.#r % 200 === 0 && console.log("FPS", Math.round(e.#s), "Interval:", e.#e));
+    Le(this.renderer), this.renderer.render = function(s, r) {
+      const n = e.renderer.getRenderTarget();
+      (n == null || "isXRRenderTarget" in n && n.isXRRenderTarget) && (t = 0, e.#r += 1, e.#n = e.#o.getDelta(), e.#i += e.#n, e._fpsBuffer.shift(), e._fpsBuffer.push(1 / e.#n), e.#s = e._fpsBuffer.reduce((u, a) => u + a) / e._fpsBuffer.length, A && e.#r % 200 === 0 && console.log("FPS", Math.round(e.#s), "Interval:", e.#e));
       const o = t++;
       e.#t.call(this, s, r), e.onAfterRender(s, r, o);
     };
@@ -1115,19 +1378,34 @@ class v {
   disable() {
     this.#t && (console.debug("[gltf-progressive] Disabling LODsManager for renderer"), this.renderer.render = this.#t, this.#t = void 0);
   }
+  /**
+   * Manually trigger a LOD update for a scene and camera.
+   * Only needed when {@link manual} is set to `true` — otherwise LOD updates happen automatically on each render call.
+   *
+   * @param scene - The scene containing objects with progressive LODs.
+   * @param camera - The camera used to determine screen coverage and LOD levels.
+   *
+   * @example
+   * ```ts
+   * const lodsManager = LODsManager.get(renderer);
+   * lodsManager.manual = true;
+   * // ... later, trigger an update at a specific point:
+   * lodsManager.update(scene, camera);
+   * ```
+   */
   update(t, e) {
     this.internalUpdate(t, e);
   }
   onAfterRender(t, e, s) {
     if (this.pause) return;
-    const i = this.renderer.renderLists.get(t, 0).opaque;
+    const n = this.renderer.renderLists.get(t, 0).opaque;
     let o = !0;
-    if (i.length === 1) {
-      const l = i[0].material;
-      (l.name === "EffectMaterial" || l.name === "CopyShader") && (o = !1);
+    if (n.length === 1) {
+      const u = n[0].material;
+      (u.name === "EffectMaterial" || u.name === "CopyShader") && (o = !1);
     }
     if ((e.parent && e.parent.type === "CubeCamera" || s >= 1 && e.type === "OrthographicCamera") && (o = !1), o) {
-      if (mt || (this.updateInterval === "auto" ? this.#s < 40 && this.#e < 10 ? (this.#e += 1, R && console.warn("↓ Reducing LOD updates", this.#e, this.#s.toFixed(0))) : this.#s >= 60 && this.#e > 1 && (this.#e -= 1, R && console.warn("↑ Increasing LOD updates", this.#e, this.#s.toFixed(0))) : this.#e = this.updateInterval, this.#e > 0 && this.#r % this.#e != 0))
+      if (vt || (this.updateInterval === "auto" ? this.#s < 40 && this.#e < 10 ? (this.#e += 1, A && console.warn("↓ Reducing LOD updates", this.#e, this.#s.toFixed(0))) : this.#s >= 60 && this.#e > 1 && (this.#e -= 1, A && console.warn("↑ Increasing LOD updates", this.#e, this.#s.toFixed(0))) : this.#e = this.updateInterval, this.#e > 0 && this.#r % this.#e != 0))
         return;
       this.internalUpdate(t, e), this._postprocessPromiseGroups();
     }
@@ -1138,10 +1416,10 @@ class v {
   internalUpdate(t, e) {
     const s = this.renderer.renderLists.get(t, 0), r = s.opaque;
     this.projectionScreenMatrix.multiplyMatrices(e.projectionMatrix, e.matrixWorldInverse);
-    const i = this.targetTriangleDensity;
+    const n = this.targetTriangleDensity;
     for (const a of r) {
       if (a.material && (a.geometry?.type === "BoxGeometry" || a.geometry?.type === "BufferGeometry") && (a.material.name === "SphericalGaussianBlur" || a.material.name == "BackgroundCubeMaterial" || a.material.name === "CubemapFromEquirect" || a.material.name === "EquirectangularToCubeUV")) {
-        R && (a.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] || (a.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] = !0, console.warn("Ignoring skybox or BLIT object", a, a.material.name, a.material.type)));
+        A && (a.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] || (a.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] = !0, console.warn("Ignoring skybox or BLIT object", a, a.material.name, a.material.type)));
         continue;
       }
       switch (a.material.type) {
@@ -1153,38 +1431,33 @@ class v {
         case "MeshDepthMaterial":
           continue;
       }
-      if (R === "color" && a.material && !a.object.progressive_debug_color) {
-        a.object.progressive_debug_color = !0;
-        const c = Math.random() * 16777215, y = new Ve({ color: c });
-        a.object.material = y;
-      }
-      const u = a.object;
-      (u instanceof X || u.isMesh) && this.updateLODs(t, e, u, i);
+      const l = a.object;
+      (l instanceof K || l.isMesh) && this.updateLODs(t, e, l, n);
     }
     const o = s.transparent;
     for (const a of o) {
-      const u = a.object;
-      (u instanceof X || u.isMesh) && this.updateLODs(t, e, u, i);
+      const l = a.object;
+      (l instanceof K || l.isMesh) && this.updateLODs(t, e, l, n);
     }
-    const l = s.transmissive;
-    for (const a of l) {
-      const u = a.object;
-      (u instanceof X || u.isMesh) && this.updateLODs(t, e, u, i);
+    const u = s.transmissive;
+    for (const a of u) {
+      const l = a.object;
+      (l instanceof K || l.isMesh) && this.updateLODs(t, e, l, n);
     }
   }
   /** Update the LOD levels for the renderer. */
   updateLODs(t, e, s, r) {
     s.userData || (s.userData = {});
-    let i = s[fe];
-    if (i || (i = new yt(), s[fe] = i), i.frames++ < 2)
+    let n = s[he];
+    if (n || (n = new St(), s[he] = n), n.frames++ < 2)
       return;
-    for (const l of z)
-      l.onBeforeUpdateLOD?.(this.renderer, t, e, s);
-    const o = this.overrideLodLevel !== void 0 ? this.overrideLodLevel : V;
-    o >= 0 ? (T.mesh_lod = o, T.texture_lod = o) : (this.calculateLodLevel(e, s, i, r, T), T.mesh_lod = Math.round(T.mesh_lod), T.texture_lod = Math.round(T.texture_lod)), T.mesh_lod >= 0 && this.loadProgressiveMeshes(s, T.mesh_lod), s.material && T.texture_lod >= 0 && this.loadProgressiveTextures(s.material, T.texture_lod, o), f && s.material && !s.isGizmo && ke(s.material);
-    for (const l of z)
-      l.onAfterUpdatedLOD?.(this.renderer, t, e, s, T);
-    i.lastLodLevel_Mesh = T.mesh_lod, i.lastLodLevel_Texture = T.texture_lod;
+    for (const u of E)
+      u.onBeforeUpdateLOD?.(this.renderer, t, e, s);
+    const o = this.overrideLodLevel !== void 0 ? this.overrideLodLevel : X;
+    o >= 0 ? (T.mesh_lod = o, T.texture_lod = o) : (this.calculateLodLevel(e, s, n, r, T), T.mesh_lod = Math.round(T.mesh_lod), T.texture_lod = Math.round(T.texture_lod)), T.mesh_lod >= 0 && this.loadProgressiveMeshes(s, T.mesh_lod), s.material && T.texture_lod >= 0 && this.loadProgressiveTextures(s.material, T.texture_lod, o), f && s.material && !s.isGizmo && Be(s.material), Lt && s.material && !s.isGizmo && !s.isBatchedMesh && Ge(s.material, T.mesh_lod);
+    for (const u of E)
+      u.onAfterUpdatedLOD?.(this.renderer, t, e, s, T);
+    n.lastLodLevel_Mesh = T.mesh_lod, n.lastLodLevel_Texture = T.texture_lod;
   }
   /** Load progressive textures for the given material
    * @param material the material to load the textures for
@@ -1194,17 +1467,19 @@ class v {
   loadProgressiveTextures(t, e, s) {
     if (!t) return;
     if (Array.isArray(t)) {
-      for (const i of t)
-        this.loadProgressiveTextures(i, e);
+      for (const o of t)
+        this.loadProgressiveTextures(o, e, s);
       return;
     }
     let r = !1;
-    if ((t[U] === void 0 || e < t[U]) && (r = !0), s !== void 0 && s >= 0 && (r = t[U] != s, e = s), r) {
-      t[U] = e;
-      const i = m.assignTextureLOD(t, e).then((o) => {
+    (t[q] === void 0 || e < t[q]) && (r = !0);
+    const n = s !== void 0 && s >= 0;
+    if (n && (r = t[q] != s, e = s), r) {
+      t[q] = e;
+      const o = n ? { force: !0 } : void 0, u = h.assignTextureLOD(t, e, o).then((a) => {
         this._lodchangedlisteners.forEach((l) => l({ type: "texture", level: e, object: t }));
       });
-      ce.addPromise("texture", t, i, this._newPromiseGroups);
+      oe.addPromise("texture", t, u, this._newPromiseGroups);
     }
   }
   /** Load progressive meshes for the given mesh
@@ -1215,143 +1490,110 @@ class v {
    */
   loadProgressiveMeshes(t, e) {
     if (!t) return Promise.resolve(null);
-    let s = t[U] !== e;
+    let s = t[q] !== e;
     const r = t["DEBUG:LOD"];
-    if (r != null && (s = t[U] != r, e = r), s) {
-      t[U] = e;
-      const i = t.geometry, o = m.assignMeshLOD(t, e).then((l) => (l && t[U] == e && i != t.geometry && this._lodchangedlisteners.forEach((a) => a({ type: "mesh", level: e, object: t })), l));
-      return ce.addPromise("mesh", t, o, this._newPromiseGroups), o;
+    if (r != null && (s = t[q] != r, e = r), s) {
+      t[q] = e;
+      const n = t.geometry, o = h.assignMeshLOD(t, e).then((u) => (u && t[q] == e && n != t.geometry && this._lodchangedlisteners.forEach((a) => a({ type: "mesh", level: e, object: t })), u));
+      return oe.addPromise("mesh", t, o, this._newPromiseGroups), o;
     }
     return Promise.resolve(null);
   }
   // private testIfLODLevelsAreAvailable() {
   _sphere = new Se();
-  _tempBox = new ge();
-  _tempBox2 = new ge();
-  tempMatrix = new ve();
-  _tempWorldPosition = new A();
-  _tempBoxSize = new A();
-  _tempBox2Size = new A();
-  static corner0 = new A();
-  static corner1 = new A();
-  static corner2 = new A();
-  static corner3 = new A();
-  static _tempPtInside = new A();
-  static isInside(t, e) {
-    const s = t.min, r = t.max, i = (s.x + r.x) * 0.5, o = (s.y + r.y) * 0.5;
-    return this._tempPtInside.set(i, o, s.z).applyMatrix4(e).z < 0;
-  }
+  _tempWorldPosition = new k();
   static skinnedMeshBoundsFrameOffsetCounter = 0;
   static $skinnedMeshBoundsOffset = /* @__PURE__ */ Symbol("gltf-progressive-skinnedMeshBoundsOffset");
   // #region calculateLodLevel
-  calculateLodLevel(t, e, s, r, i) {
+  calculateLodLevel(t, e, s, r, n) {
     if (!e) {
-      i.mesh_lod = -1, i.texture_lod = -1;
+      n.mesh_lod = -1, n.texture_lod = -1;
       return;
     }
     if (!t) {
-      i.mesh_lod = -1, i.texture_lod = -1;
+      n.mesh_lod = -1, n.texture_lod = -1;
       return;
     }
-    let l = 10 + 1, a = !1;
-    if (R && e["DEBUG:LOD"] != null)
+    let u = 10 + 1, a = !1;
+    if (A && e["DEBUG:LOD"] != null)
       return e["DEBUG:LOD"];
-    const u = m.getMeshLODExtension(e.geometry)?.lods, c = m.getPrimitiveIndex(e.geometry), y = u && u.length > 0, w = m.getMaterialMinMaxLODsCount(e.material), _ = w.min_count !== 1 / 0 && w.min_count >= 0 && w.max_count >= 0;
-    if (!y && !_) {
-      i.mesh_lod = 0, i.texture_lod = 0;
+    const l = h.getMeshLODExtension(e.geometry)?.lods, c = h.getPrimitiveIndex(e.geometry), d = l && l.length > 0, g = h.getMaterialMinMaxLODsCount(e.material), m = g.min_count !== 1 / 0 && g.min_count >= 0 && g.max_count >= 0;
+    if (!d && !m) {
+      n.mesh_lod = 0, n.texture_lod = 0;
       return;
     }
-    y || (a = !0, l = 0);
-    const k = this.renderer.domElement.clientHeight || this.renderer.domElement.height;
-    let M = e.geometry.boundingBox;
+    d || (a = !0, u = 0);
+    const x = this.renderer.domElement.clientHeight || this.renderer.domElement.height;
+    let v = e.geometry.boundingBox;
     if (e.type === "SkinnedMesh") {
-      const d = e;
-      if (!d.boundingBox)
-        d.computeBoundingBox();
+      const p = e;
+      if (!p.boundingBox)
+        p.computeBoundingBox();
       else if (this.skinnedMeshAutoUpdateBoundsInterval > 0) {
-        if (!d[v.$skinnedMeshBoundsOffset]) {
-          const b = v.skinnedMeshBoundsFrameOffsetCounter++;
-          d[v.$skinnedMeshBoundsOffset] = b;
+        if (!p[R.$skinnedMeshBoundsOffset]) {
+          const C = R.skinnedMeshBoundsFrameOffsetCounter++;
+          p[R.$skinnedMeshBoundsOffset] = C;
         }
-        const g = d[v.$skinnedMeshBoundsOffset];
-        if ((s.frames + g) % this.skinnedMeshAutoUpdateBoundsInterval === 0) {
-          const b = ee(d), B = d.geometry;
-          b && (d.geometry = b), d.computeBoundingBox(), d.geometry = B;
+        const _ = p[R.$skinnedMeshBoundsOffset];
+        if ((s.frames + _) % this.skinnedMeshAutoUpdateBoundsInterval === 0) {
+          const C = ne(p), W = p.geometry;
+          C && (p.geometry = C), p.computeBoundingBox(), p.geometry = W;
         }
       }
-      M = d.boundingBox;
+      v = p.boundingBox;
     }
-    if (M) {
-      const d = t;
+    if (v) {
       if (e.geometry.attributes.color && e.geometry.attributes.color.count < 100 && e.geometry.boundingSphere) {
         this._sphere.copy(e.geometry.boundingSphere), this._sphere.applyMatrix4(e.matrixWorld);
-        const h = t.getWorldPosition(this._tempWorldPosition);
-        if (this._sphere.containsPoint(h)) {
-          i.mesh_lod = 0, i.texture_lod = 0;
+        const C = t.getWorldPosition(this._tempWorldPosition);
+        if (this._sphere.containsPoint(C)) {
+          n.mesh_lod = 0, n.texture_lod = 0;
           return;
         }
       }
-      if (this._tempBox.copy(M), this._tempBox.applyMatrix4(e.matrixWorld), d.isPerspectiveCamera && v.isInside(this._tempBox, this.projectionScreenMatrix)) {
-        i.mesh_lod = 0, i.texture_lod = 0;
+      const p = Tt({
+        geometry: e.geometry,
+        matrixWorld: e.matrixWorld,
+        camera: t,
+        projectionScreenMatrix: this.projectionScreenMatrix,
+        desiredDensity: r,
+        canvasHeight: x,
+        currentLevel: s.lastLodLevel_Mesh,
+        boundingBox: v,
+        xrEnabled: this.renderer.xr.enabled,
+        debugDrawLine: A ? R.debugDrawLine : void 0,
+        warnMissingPrimitiveDensities: !0
+      });
+      if (s.lastCentrality = p.centrality, s.lastScreenCoverage = p.screenCoverage, s.lastScreenspaceVolume.copy(p.screenspaceVolume), p.screenCoverage === 1 / 0) {
+        n.mesh_lod = 0, n.texture_lod = 0;
         return;
       }
-      if (this._tempBox.applyMatrix4(this.projectionScreenMatrix), this.renderer.xr.enabled && d.isPerspectiveCamera && d.fov > 70) {
-        const h = this._tempBox.min, p = this._tempBox.max;
-        let O = h.x, S = h.y, G = p.x, Y = p.y;
-        const te = 2, ne = 1.5, se = (h.x + p.x) * 0.5, re = (h.y + p.y) * 0.5;
-        O = (O - se) * te + se, S = (S - re) * te + re, G = (G - se) * te + se, Y = (Y - re) * te + re;
-        const $e = O < 0 && G > 0 ? 0 : Math.min(Math.abs(h.x), Math.abs(p.x)), Be = S < 0 && Y > 0 ? 0 : Math.min(Math.abs(h.y), Math.abs(p.y)), ae = Math.max($e, Be);
-        s.lastCentrality = (ne - ae) * (ne - ae) * (ne - ae);
-      } else
-        s.lastCentrality = 1;
-      const g = this._tempBox.getSize(this._tempBoxSize);
-      g.multiplyScalar(0.5), screen.availHeight > 0 && k > 0 && g.multiplyScalar(k / screen.availHeight), t.isPerspectiveCamera ? g.x *= t.aspect : t.isOrthographicCamera;
-      const b = t.matrixWorldInverse, B = this._tempBox2;
-      B.copy(M), B.applyMatrix4(e.matrixWorld), B.applyMatrix4(b);
-      const D = B.getSize(this._tempBox2Size), N = Math.max(D.x, D.y);
-      if (Math.max(g.x, g.y) != 0 && N != 0 && (g.z = D.z / Math.max(D.x, D.y) * Math.max(g.x, g.y)), s.lastScreenCoverage = Math.max(g.x, g.y, g.z), s.lastScreenspaceVolume.copy(g), s.lastScreenCoverage *= s.lastCentrality, R && v.debugDrawLine) {
-        const h = this.tempMatrix.copy(this.projectionScreenMatrix);
-        h.invert();
-        const p = v.corner0, O = v.corner1, S = v.corner2, G = v.corner3;
-        p.copy(this._tempBox.min), O.copy(this._tempBox.max), O.x = p.x, S.copy(this._tempBox.max), S.y = p.y, G.copy(this._tempBox.max);
-        const Y = (p.z + G.z) * 0.5;
-        p.z = O.z = S.z = G.z = Y, p.applyMatrix4(h), O.applyMatrix4(h), S.applyMatrix4(h), G.applyMatrix4(h), v.debugDrawLine(p, O, 255), v.debugDrawLine(p, S, 255), v.debugDrawLine(O, G, 255), v.debugDrawLine(S, G, 255);
-      }
-      let L = 999;
-      if (u && s.lastScreenCoverage > 0)
-        for (let h = 0; h < u.length; h++) {
-          const p = u[h], S = (p.densities?.[c] || p.density || 1e-5) / s.lastScreenCoverage;
-          if (c > 0 && be() && !p.densities && !globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] && (window["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] = !0, console.warn("[Needle Progressive] Detected usage of mesh without primitive densities. This might cause incorrect LOD level selection: Consider re-optimizing your model by updating your Needle Integration, Needle glTF Pipeline or running optimization again on Needle Cloud.")), S < r) {
-            L = h;
-            break;
-          }
-        }
-      L < l && (l = L, a = !0);
+      p.level >= 0 && p.level < u && (u = p.level, a = !0);
     }
-    if (a ? i.mesh_lod = l : i.mesh_lod = s.lastLodLevel_Mesh, R && i.mesh_lod != s.lastLodLevel_Mesh) {
-      const g = u?.[i.mesh_lod];
-      g && console.log(`Mesh LOD changed: ${s.lastLodLevel_Mesh} → ${i.mesh_lod} (density: ${g.densities?.[c].toFixed(0)}) | ${e.name}`);
+    if (a ? n.mesh_lod = u : n.mesh_lod = s.lastLodLevel_Mesh, A && n.mesh_lod != s.lastLodLevel_Mesh) {
+      const _ = l?.[n.mesh_lod];
+      _ && console.log(`Mesh LOD changed: ${s.lastLodLevel_Mesh} → ${n.mesh_lod} (density: ${_.densities?.[c].toFixed(0)}) | ${e.name}`);
     }
-    if (_) {
-      const d = "saveData" in globalThis.navigator && globalThis.navigator.saveData === !0;
+    if (m) {
+      const p = "saveData" in globalThis.navigator && globalThis.navigator.saveData === !0;
       if (s.lastLodLevel_Texture < 0) {
-        if (i.texture_lod = w.max_count - 1, R) {
-          const g = w.lods[w.max_count - 1];
-          R && console.log(`First Texture LOD ${i.texture_lod} (${g.max_height}px) - ${e.name}`);
+        if (n.texture_lod = g.max_count - 1, A) {
+          const _ = g.lods[g.max_count - 1];
+          A && console.log(`First Texture LOD ${n.texture_lod} (${_.max_height}px) - ${e.name}`);
         }
       } else {
-        const g = s.lastScreenspaceVolume.x + s.lastScreenspaceVolume.y + s.lastScreenspaceVolume.z;
-        let b = s.lastScreenCoverage * 4;
-        this.context?.engine === "model-viewer" && (b *= 1.5);
-        const D = k / window.devicePixelRatio * b;
-        let N = !1;
-        for (let P = w.lods.length - 1; P >= 0; P--) {
-          const L = w.lods[P];
-          if (!(d && L.max_height >= 2048) && !(_e() && L.max_height > 4096) && (L.max_height > D || !N && P === 0)) {
-            if (N = !0, i.texture_lod = P, R && i.texture_lod < s.lastLodLevel_Texture) {
-              const x = L.max_height;
-              console.log(`Texture LOD changed: ${s.lastLodLevel_Texture} → ${i.texture_lod} = ${x}px 
-Screensize: ${D.toFixed(0)}px, Coverage: ${(100 * s.lastScreenCoverage).toFixed(2)}%, Volume ${g.toFixed(1)} 
+        const _ = s.lastScreenspaceVolume.x + s.lastScreenspaceVolume.y + s.lastScreenspaceVolume.z;
+        let C = s.lastScreenCoverage * 4;
+        this.context?.engine === "model-viewer" && (C *= 1.5);
+        const L = x / window.devicePixelRatio * C;
+        let w = !1;
+        for (let S = g.lods.length - 1; S >= 0; S--) {
+          const O = g.lods[S];
+          if (!(p && O.max_height >= 2048) && !(ve() && O.max_height > 4096) && (O.max_height > L || !w && S === 0)) {
+            if (w = !0, n.texture_lod = S, A && n.texture_lod < s.lastLodLevel_Texture) {
+              const D = O.max_height;
+              console.log(`Texture LOD changed: ${s.lastLodLevel_Texture} → ${n.texture_lod} = ${D}px 
+Screensize: ${L.toFixed(0)}px, Coverage: ${(100 * s.lastScreenCoverage).toFixed(2)}%, Volume ${_.toFixed(1)} 
 ${e.name}`);
             }
             break;
@@ -1359,83 +1601,98 @@ ${e.name}`);
         }
       }
     } else
-      i.texture_lod = 0;
+      n.texture_lod = 0;
   }
 }
-class yt {
+class St {
   frames = 0;
   lastLodLevel_Mesh = -1;
   lastLodLevel_Texture = -1;
   lastScreenCoverage = 0;
-  lastScreenspaceVolume = new A();
+  lastScreenspaceVolume = new k();
   lastCentrality = 0;
 }
-const Me = /* @__PURE__ */ Symbol("NEEDLE_mesh_lod"), ie = /* @__PURE__ */ Symbol("NEEDLE_texture_lod");
-let he = null;
-function Re() {
-  const n = xt();
-  n && (n.mapURLs(function(t) {
-    return De(), t;
-  }), De(), he?.disconnect(), he = new MutationObserver((t) => {
+function Ge(i, t) {
+  if (!(t < 0)) {
+    if (Array.isArray(i)) {
+      for (const e of i)
+        Ge(e, t);
+      return;
+    }
+    "color" in i && i.color instanceof Ce && (i.color.copy(Ct(t, _t)), i.needsUpdate = !0);
+  }
+}
+function Ct(i, t) {
+  const e = Math.max(0, Math.min(Me.length - 1, Math.floor(i)));
+  return t.setHex(Me[e]);
+}
+const be = /* @__PURE__ */ Symbol("NEEDLE_mesh_lod"), ie = /* @__PURE__ */ Symbol("NEEDLE_texture_lod");
+let pe = null;
+function We() {
+  const i = Pt();
+  i && (i.mapURLs(function(t) {
+    return Oe(), t;
+  }), Oe(), pe?.disconnect(), pe = new MutationObserver((t) => {
     t.forEach((e) => {
       e.addedNodes.forEach((s) => {
-        s instanceof HTMLElement && s.tagName.toLowerCase() === "model-viewer" && Ie(s);
+        s instanceof HTMLElement && s.tagName.toLowerCase() === "model-viewer" && Ue(s);
       });
     });
-  }), he.observe(document, { childList: !0, subtree: !0 }));
+  }), pe.observe(document, { childList: !0, subtree: !0 }));
 }
-function xt() {
+function Pt() {
   if (typeof customElements > "u") return null;
-  const n = customElements.get("model-viewer");
-  return n || (customElements.whenDefined("model-viewer").then(() => {
-    console.debug("[gltf-progressive] model-viewer defined"), Re();
+  const i = customElements.get("model-viewer");
+  return i || (customElements.whenDefined("model-viewer").then(() => {
+    console.debug("[gltf-progressive] model-viewer defined"), We();
   }), null);
 }
-function De() {
+function Oe() {
   if (typeof document > "u") return;
   document.querySelectorAll("model-viewer").forEach((t) => {
-    Ie(t);
+    Ue(t);
   });
 }
-const Oe = /* @__PURE__ */ new WeakSet();
-let wt = 0;
-function Ie(n) {
-  if (!n || Oe.has(n))
+const Te = /* @__PURE__ */ new WeakSet();
+let kt = 0;
+function Ue(i) {
+  if (!i || Te.has(i))
     return null;
-  Oe.add(n), console.debug("[gltf-progressive] found new model-viewer..." + ++wt + `
-`, n.getAttribute("src"));
+  Te.add(i), console.debug("[gltf-progressive] found new model-viewer..." + ++kt + `
+`, i.getAttribute("src"));
   let t = null, e = null, s = null;
-  for (let r = n; r != null; r = Object.getPrototypeOf(r)) {
-    const i = Object.getOwnPropertySymbols(r), o = i.find((u) => u.toString() == "Symbol(renderer)"), l = i.find((u) => u.toString() == "Symbol(scene)"), a = i.find((u) => u.toString() == "Symbol(needsRender)");
-    !t && o != null && (t = n[o].threeRenderer), !e && l != null && (e = n[l]), !s && a != null && (s = n[a]);
+  for (let r = i; r != null; r = Object.getPrototypeOf(r)) {
+    const n = Object.getOwnPropertySymbols(r), o = n.find((l) => l.toString() == "Symbol(renderer)"), u = n.find((l) => l.toString() == "Symbol(scene)"), a = n.find((l) => l.toString() == "Symbol(needsRender)");
+    !t && o != null && (t = i[o].threeRenderer), !e && u != null && (e = i[u]), !s && a != null && (s = i[a]);
   }
   if (t && e) {
     let r = function() {
       if (s) {
-        let o = 0, l = setInterval(() => {
+        let o = 0;
+        const u = setInterval(() => {
           if (o++ > 5) {
-            clearInterval(l);
+            clearInterval(u);
             return;
           }
-          s?.call(n);
+          s?.call(i);
         }, 300);
       }
     };
     console.debug("[gltf-progressive] setup model-viewer");
-    const i = v.get(t, { engine: "model-viewer" });
-    return v.addPlugin(new _t()), i.enable(), i.addEventListener("changed", () => {
-      s?.call(n);
-    }), n.addEventListener("model-visibility", (o) => {
-      o.detail.visible && s?.call(n);
-    }), n.addEventListener("load", () => {
+    const n = R.get(t, { engine: "model-viewer" });
+    return R.addPlugin(new At()), n.enable(), n.addEventListener("changed", () => {
+      s?.call(i);
+    }), i.addEventListener("model-visibility", (o) => {
+      o.detail.visible && s?.call(i);
+    }), i.addEventListener("load", () => {
       r();
     }), () => {
-      i.disable();
+      n.disable();
     };
   }
   return null;
 }
-class _t {
+class At {
   _didWarnAboutMissingUrl = !1;
   onBeforeUpdateLOD(t, e, s, r) {
     this.tryParseMeshLOD(e, r), this.tryParseTextureLOD(e, r);
@@ -1455,99 +1712,102 @@ class _t {
   tryParseTextureLOD(t, e) {
     if (e[ie] == !0) return;
     e[ie] = !0;
-    const s = this.tryGetCurrentGLTF(t), r = this.tryGetCurrentModelViewer(t), i = this.getUrl(r);
-    if (i && s && e.material) {
+    const s = this.tryGetCurrentGLTF(t), r = this.tryGetCurrentModelViewer(t), n = this.getUrl(r);
+    if (n && s && e.material) {
       let o = function(a) {
         if (a[ie] == !0) return;
         a[ie] = !0, a.userData && (a.userData.LOD = -1);
-        const u = Object.keys(a);
-        for (let c = 0; c < u.length; c++) {
-          const y = u[c], w = a[y];
-          if (w?.isTexture === !0) {
-            const _ = w.userData?.associations?.textures;
-            if (_ == null) continue;
-            const k = s.parser.json.textures[_];
-            if (!k) {
-              console.warn("Texture data not found for texture index " + _);
+        const l = Object.keys(a);
+        for (let c = 0; c < l.length; c++) {
+          const d = l[c], g = a[d];
+          if (g?.isTexture === !0) {
+            const m = g.userData?.associations?.textures;
+            if (m == null) continue;
+            const x = s.parser.json.textures[m];
+            if (!x) {
+              console.warn("Texture data not found for texture index " + m);
               continue;
             }
-            if (k?.extensions?.[W]) {
-              const M = k.extensions[W];
-              M && i && m.registerTexture(i, w, M.lods.length, _, M);
+            if (x?.extensions?.[F]) {
+              const v = x.extensions[F];
+              v && n && h.registerTexture(n, g, v.lods.length, m, v);
             }
           }
         }
       };
-      const l = e.material;
-      if (Array.isArray(l)) for (const a of l) o(a);
-      else o(l);
+      const u = e.material;
+      if (Array.isArray(u)) for (const a of u) o(a);
+      else o(u);
     }
   }
   tryParseMeshLOD(t, e) {
-    if (e[Me] == !0) return;
-    e[Me] = !0;
+    if (e[be] == !0) return;
+    e[be] = !0;
     const s = this.tryGetCurrentModelViewer(t), r = this.getUrl(s);
     if (!r)
       return;
-    const i = e.userData?.gltfExtensions?.[W];
-    if (i && r) {
+    const n = e.userData?.gltfExtensions?.[F];
+    if (n && r) {
       const o = e.uuid;
-      m.registerMesh(r, o, e, 0, i.lods.length, i);
+      h.registerMesh(r, o, e, 0, n.lods.length, n);
     }
   }
 }
-function Lt(...n) {
+function Rt(...i) {
   let t, e, s, r;
-  switch (n.length) {
+  switch (i.length) {
     case 2:
-      [s, e] = n, r = {};
+      [s, e] = i, r = {};
       break;
     case 3:
-      [s, e, r] = n;
+      [s, e, r] = i;
       break;
     case 4:
-      [t, e, s, r] = n;
+      [t, e, s, r] = i;
       break;
     default:
       throw new Error("Invalid arguments");
   }
-  we(e), Te(s), Ae(s, {
+  Le(e), Ae(s), Ie(s, {
     progressive: !0,
     ...r?.hints
-  }), s.register((o) => new m(o));
-  const i = v.get(e);
-  return r?.enableLODsManager !== !1 && i.enable(), i;
+  }), s.register((o) => new h(o));
+  const n = R.get(e);
+  return r?.enableLODsManager !== !1 && n.enable(), n;
 }
-Re();
-if (!nt) {
-  const n = {
+We();
+if (!ct) {
+  const i = {
     gltfProgressive: {
-      useNeedleProgressive: Lt,
-      LODsManager: v,
-      configureLoader: Ae,
-      getRaycastMesh: ee,
-      useRaycastMeshes: lt
+      useNeedleProgressive: Rt,
+      LODsManager: R,
+      configureLoader: Ie,
+      getRaycastMesh: ne,
+      useRaycastMeshes: ft
     }
   };
   if (!globalThis.Needle)
-    globalThis.Needle = n;
+    globalThis.Needle = i;
   else
-    for (const t in n)
-      globalThis.Needle[t] = n[t];
+    for (const t in i)
+      globalThis.Needle[t] = i[t];
 }
 export {
-  W as EXTENSION_NAME,
-  v as LODsManager,
-  m as NEEDLE_progressive,
-  Ke as VERSION,
-  Te as addDracoAndKTX2Loaders,
-  Ae as configureLoader,
-  we as createLoaders,
-  ee as getRaycastMesh,
-  Re as patchModelViewer,
-  at as registerRaycastMesh,
-  Je as setDracoDecoderLocation,
-  Ze as setKTX2TranscoderLocation,
-  Lt as useNeedleProgressive,
-  lt as useRaycastMeshes
+  F as EXTENSION_NAME,
+  R as LODsManager,
+  h as NEEDLE_progressive,
+  Je as VERSION,
+  Ae as addDracoAndKTX2Loaders,
+  Tt as calculateMeshLODLevel,
+  Ie as configureLoader,
+  Le as createLoaders,
+  Ct as getLODColor,
+  ne as getRaycastMesh,
+  Me as lodDebugColors,
+  We as patchModelViewer,
+  dt as registerRaycastMesh,
+  st as setDracoDecoderLocation,
+  rt as setKTX2TranscoderLocation,
+  Rt as useNeedleProgressive,
+  ft as useRaycastMeshes
 };