@needle-tools/gltf-progressive 2.1.5 → 2.1.6-next.8d7f3c1

package/gltf-progressive.js

@@ -1,14 +1,14 @@
 var Xe = Object.defineProperty;
-var qe = (n, e, t) => e in n ? Xe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var d = (n, e, t) => (qe(n, typeof e != "symbol" ? e + "" : e, t), t), Ae = (n, e, t) => {
-  if (!e.has(n))
+var qe = (i, e, t) => e in i ? Xe(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var d = (i, e, t) => (qe(i, typeof e != "symbol" ? e + "" : e, t), t), Ae = (i, e, t) => {
+  if (!e.has(i))
     throw TypeError("Cannot " + t);
 };
-var m = (n, e, t) => (Ae(n, e, "read from private field"), t ? t.call(n) : e.get(n)), J = (n, e, t) => {
-  if (e.has(n))
+var m = (i, e, t) => (Ae(i, e, "read from private field"), t ? t.call(i) : e.get(i)), J = (i, e, t) => {
+  if (e.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(n) : e.set(n, t);
-}, z = (n, e, t, s) => (Ae(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+  e instanceof WeakSet ? e.add(i) : e.set(i, t);
+}, z = (i, e, t, s) => (Ae(i, e, "write to private field"), s ? s.call(i, t) : e.set(i, t), t);
 import { BufferGeometry as ge, Mesh as j, Texture as re, TextureLoader as Ke, Matrix4 as Pe, Clock as Ye, MeshStandardMaterial as He, Sphere as Je, Box3 as Ee, Vector3 as X } from "three";
 import { GLTFLoader as Te } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { MeshoptDecoder as Qe } from "three/examples/jsm/libs/meshopt_decoder.module.js";
@@ -18,65 +18,65 @@ const et = "";
 globalThis.GLTF_PROGRESSIVE_VERSION = et;
 console.debug("[gltf-progressive] version -");
 let V = "https://www.gstatic.com/draco/versioned/decoders/1.5.7/", ee = "https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/";
-const tt = V, st = ee, Ie = new URL(V + "draco_decoder.js");
-Ie.searchParams.append("range", "true");
-fetch(Ie, {
+const tt = V, st = ee, Re = new URL(V + "draco_decoder.js");
+Re.searchParams.append("range", "true");
+fetch(Re, {
   method: "GET",
   headers: {
     Range: "bytes=0-1"
   }
-}).catch((n) => {
+}).catch((i) => {
   console.debug(`Failed to fetch remote Draco decoder from ${V} (offline: ${typeof navigator < "u" ? navigator.onLine : "unknown"})`), V === tt && rt("./include/draco/"), ee === st && ot("./include/ktx2/");
 }).finally(() => {
   Ge();
 });
-function rt(n) {
-  V = n, B && B[Oe] != V ? (console.debug("Updating Draco decoder path to " + n), B[Oe] = V, B.setDecoderPath(V), B.preload()) : console.debug("Setting Draco decoder path to " + n);
+function rt(i) {
+  V = i, B && B[Oe] != V ? (console.debug("Updating Draco decoder path to " + i), B[Oe] = V, B.setDecoderPath(V), B.preload()) : console.debug("Setting Draco decoder path to " + i);
 }
-function ot(n) {
-  ee = n, U && U.transcoderPath != ee ? (console.debug("Updating KTX2 transcoder path to " + n), U.setTranscoderPath(ee), U.init()) : console.debug("Setting KTX2 transcoder path to " + n);
+function ot(i) {
+  ee = i, U && U.transcoderPath != ee ? (console.debug("Updating KTX2 transcoder path to " + i), U.setTranscoderPath(ee), U.init()) : console.debug("Setting KTX2 transcoder path to " + i);
 }
 const Oe = Symbol("dracoDecoderPath");
 let B, pe, U;
 function Ge() {
   B || (B = new Ze(), B[Oe] = V, B.setDecoderPath(V), B.setDecoderConfig({ type: "js" }), B.preload()), U || (U = new je(), U.setTranscoderPath(ee), U.init()), pe || (pe = Qe);
 }
-function $e(n) {
-  return Ge(), n ? U.detectSupport(n) : n !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: B, ktx2Loader: U, meshoptDecoder: pe };
+function $e(i) {
+  return Ge(), i ? U.detectSupport(i) : i !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: B, ktx2Loader: U, meshoptDecoder: pe };
 }
-function Ue(n) {
-  n.dracoLoader || n.setDRACOLoader(B), n.ktx2Loader || n.setKTX2Loader(U), n.meshoptDecoder || n.setMeshoptDecoder(pe);
+function Ue(i) {
+  i.dracoLoader || i.setDRACOLoader(B), i.ktx2Loader || i.setKTX2Loader(U), i.meshoptDecoder || i.setMeshoptDecoder(pe);
 }
 const _e = /* @__PURE__ */ new WeakMap();
-function Fe(n, e) {
-  let t = _e.get(n);
-  t ? t = Object.assign(t, e) : t = e, _e.set(n, t);
+function Fe(i, e) {
+  let t = _e.get(i);
+  t ? t = Object.assign(t, e) : t = e, _e.set(i, t);
 }
 const De = Te.prototype.load;
-function it(...n) {
+function nt(...i) {
   const e = _e.get(this);
-  let t = n[0];
+  let t = i[0];
   const s = new URL(t, window.location.href);
   if (s.hostname.endsWith("needle.tools")) {
     const r = (e == null ? void 0 : e.progressive) !== void 0 ? e.progressive : !0, o = e != null && e.usecase ? e.usecase : "default";
     r ? this.requestHeader.Accept = `*/*;progressive=allowed;usecase=${o}` : this.requestHeader.Accept = `*/*;usecase=${o}`, t = s.toString();
   }
-  return n[0] = t, De == null ? void 0 : De.call(this, ...n);
+  return i[0] = t, De == null ? void 0 : De.call(this, ...i);
 }
-Te.prototype.load = it;
+Te.prototype.load = nt;
 le("debugprogressive");
-function le(n) {
+function le(i) {
   if (typeof window > "u")
     return !1;
-  const t = new URL(window.location.href).searchParams.get(n);
+  const t = new URL(window.location.href).searchParams.get(i);
   return t == null || t === "0" || t === "false" ? !1 : t === "" ? !0 : t;
 }
-function nt(n, e) {
-  if (e === void 0 || e.startsWith("./") || e.startsWith("http") || n === void 0)
+function it(i, e) {
+  if (e === void 0 || e.startsWith("./") || e.startsWith("http") || i === void 0)
     return e;
-  const t = n.lastIndexOf("/");
+  const t = i.lastIndexOf("/");
   if (t >= 0) {
-    const s = n.substring(0, t + 1);
+    const s = i.substring(0, t + 1);
     for (; s.endsWith("/") && e.startsWith("/"); )
       e = e.substring(1);
     return s + e;
@@ -88,43 +88,43 @@ function at() {
   return oe !== void 0 || (oe = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent), le("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", oe)), oe;
 }
 const lt = typeof window > "u" && typeof document > "u", be = Symbol("needle:raycast-mesh");
-function ce(n) {
-  return (n == null ? void 0 : n[be]) instanceof ge ? n[be] : null;
+function ce(i) {
+  return (i == null ? void 0 : i[be]) instanceof ge ? i[be] : null;
 }
-function ct(n, e) {
-  if ((n.type === "Mesh" || n.type === "SkinnedMesh") && !ce(n)) {
+function ct(i, e) {
+  if ((i.type === "Mesh" || i.type === "SkinnedMesh") && !ce(i)) {
     const s = ft(e);
-    s.userData = { isRaycastMesh: !0 }, n[be] = s;
+    s.userData = { isRaycastMesh: !0 }, i[be] = s;
   }
 }
-function ut(n = !0) {
-  if (n) {
-    if (ie)
+function ut(i = !0) {
+  if (i) {
+    if (ne)
       return;
-    const e = ie = j.prototype.raycast;
+    const e = ne = j.prototype.raycast;
     j.prototype.raycast = function(t, s) {
-      const i = this, r = ce(i);
+      const n = this, r = ce(n);
       let o;
-      r && i.isMesh && (o = i.geometry, i.geometry = r), e.call(this, t, s), o && (i.geometry = o);
+      r && n.isMesh && (o = n.geometry, n.geometry = r), e.call(this, t, s), o && (n.geometry = o);
     };
   } else {
-    if (!ie)
+    if (!ne)
       return;
-    j.prototype.raycast = ie, ie = null;
+    j.prototype.raycast = ne, ne = null;
   }
 }
-let ie = null;
-function ft(n) {
+let ne = null;
+function ft(i) {
   const e = new ge();
-  for (const t in n.attributes)
-    e.setAttribute(t, n.getAttribute(t));
-  return e.setIndex(n.getIndex()), e;
+  for (const t in i.attributes)
+    e.setAttribute(t, i.getAttribute(t));
+  return e.setIndex(i.getIndex()), e;
 }
 const Z = new Array(), q = "NEEDLE_progressive", L = le("debugprogressive"), Me = Symbol("needle-progressive-texture"), ae = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ new Set();
 if (L) {
-  let n = function() {
-    e += 1, console.log("Toggle LOD level", e, ae), ae.forEach((i, r) => {
-      for (const o of i.keys) {
+  let i = function() {
+    e += 1, console.log("Toggle LOD level", e, ae), ae.forEach((n, r) => {
+      for (const o of n.keys) {
         const a = r[o];
         if (a != null)
           if (a.isBufferGeometry === !0) {
@@ -135,19 +135,19 @@ if (L) {
       }
     }), e >= t && (e = -1);
   }, e = -1, t = 2, s = !1;
-  window.addEventListener("keyup", (i) => {
-    i.key === "p" && n(), i.key === "w" && (s = !s, Se && Se.forEach((r) => {
+  window.addEventListener("keyup", (n) => {
+    n.key === "p" && i(), n.key === "w" && (s = !s, Se && Se.forEach((r) => {
       r.name != "BackgroundCubeMaterial" && r.glyphMap == null && "wireframe" in r && (r.wireframe = s);
     }));
   });
 }
-function Ce(n, e, t) {
-  var i;
+function Ce(i, e, t) {
+  var n;
   if (!L)
     return;
-  ae.has(n) || ae.set(n, { keys: [], sourceId: t });
-  const s = ae.get(n);
-  ((i = s == null ? void 0 : s.keys) == null ? void 0 : i.includes(e)) == !1 && s.keys.push(e);
+  ae.has(i) || ae.set(i, { keys: [], sourceId: t });
+  const s = ae.get(i);
+  ((n = s == null ? void 0 : s.keys) == null ? void 0 : n.includes(e)) == !1 && s.keys.push(e);
 }
 const v = class {
   constructor(e, t) {
@@ -155,10 +155,10 @@ const v = class {
     d(this, "url");
     d(this, "_isLoadingMesh");
     d(this, "loadMesh", (e) => {
-      var s, i;
+      var s, n;
       if (this._isLoadingMesh)
         return null;
-      const t = (i = (s = this.parser.json.meshes[e]) == null ? void 0 : s.extensions) == null ? void 0 : i[q];
+      const t = (n = (s = this.parser.json.meshes[e]) == null ? void 0 : s.extensions) == null ? void 0 : n[q];
       return t ? (this._isLoadingMesh = !0, this.parser.getDependency("mesh", e).then((r) => {
         var o;
         return this._isLoadingMesh = !1, r && v.registerMesh(this.url, t.guid, r, (o = t.lods) == null ? void 0 : o.length, void 0, t), r;
@@ -175,7 +175,7 @@ const v = class {
     return t != null && t.key ? this.lodInfos.get(t.key) : null;
   }
   static getMaterialMinMaxLODsCount(e, t) {
-    const s = this, i = "LODS:minmax", r = e[i];
+    const s = this, n = "LODS:minmax", r = e[n];
     if (r != null)
       return r;
     if (t || (t = {
@@ -185,7 +185,7 @@ const v = class {
     }), Array.isArray(e)) {
       for (const a of e)
         this.getMaterialMinMaxLODsCount(a, t);
-      return e[i] = t, t;
+      return e[n] = t, t;
     }
     if (L === "verbose" && console.log("getMaterialMinMaxLODsCount", e), e.type === "ShaderMaterial" || e.type === "RawShaderMaterial") {
       const a = e;
@@ -198,7 +198,7 @@ const v = class {
         const l = e[a];
         (l == null ? void 0 : l.isTexture) === !0 && o(l, t);
       }
-    return e[i] = t, t;
+    return e[n] = t, t;
     function o(a, l) {
       const u = s.getAssignedLODInformation(a);
       if (u) {
@@ -238,13 +238,13 @@ const v = class {
         if (o.isMesh === !0 && this.hasLODLevelAvailable(o, t))
           return !0;
     }
-    let s, i;
+    let s, n;
     if (e.isMesh ? s = e.geometry : (e.isBufferGeometry || e.isTexture) && (s = e), s && (r = s == null ? void 0 : s.userData) != null && r.LODS) {
       const o = s.userData.LODS;
-      if (i = this.lodInfos.get(o.key), t === void 0)
-        return i != null;
-      if (i)
-        return Array.isArray(i.lods) ? t < i.lods.length : t === 0;
+      if (n = this.lodInfos.get(o.key), t === void 0)
+        return n != null;
+      if (n)
+        return Array.isArray(n.lods) ? t < n.lods.length : t === 0;
     }
     return !1;
   }
@@ -267,17 +267,17 @@ const v = class {
     if (!e)
       return Promise.resolve(null);
     if (e instanceof j || e.isMesh === !0) {
-      const i = e.geometry, r = this.getAssignedLODInformation(i);
+      const n = e.geometry, r = this.getAssignedLODInformation(n);
       if (!r)
         return Promise.resolve(null);
       for (const o of Z)
         (s = o.onBeforeGetLODMesh) == null || s.call(o, e, t);
-      return e["LOD:requested level"] = t, v.getOrLoadLOD(i, t).then((o) => {
+      return e["LOD:requested level"] = t, v.getOrLoadLOD(n, t).then((o) => {
         if (Array.isArray(o)) {
           const a = r.index || 0;
           o = o[a];
         }
-        return e["LOD:requested level"] === t && (delete e["LOD:requested level"], o && i != o && ((o == null ? void 0 : o.isBufferGeometry) ? (e.geometry = o, L && Ce(e, "geometry", r.url)) : L && console.error("Invalid LOD geometry", o))), o;
+        return e["LOD:requested level"] === t && (delete e["LOD:requested level"], o && n != o && ((o == null ? void 0 : o.isBufferGeometry) ? (e.geometry = o, L && Ce(e, "geometry", r.url)) : L && console.error("Invalid LOD geometry", o))), o;
       }).catch((o) => (console.error("Error loading mesh LOD", e, o), null));
     } else
       L && console.error("Invalid call to assignMeshLOD: Request mesh LOD but the object is not a mesh", e);
@@ -289,12 +289,12 @@ const v = class {
     if (e.isMesh === !0) {
       const s = e;
       if (Array.isArray(s.material)) {
-        const i = new Array();
+        const n = new Array();
         for (const r of s.material) {
           const o = this.assignTextureLOD(r, t);
-          i.push(o);
+          n.push(o);
         }
-        return Promise.all(i).then((r) => {
+        return Promise.all(n).then((r) => {
           const o = new Array();
           for (const a of r)
             Array.isArray(a) && o.push(...a);
@@ -304,14 +304,14 @@ const v = class {
         return this.assignTextureLOD(s.material, t);
     }
     if (e.isMaterial === !0) {
-      const s = e, i = [], r = new Array();
+      const s = e, n = [], r = new Array();
       if (L && Se.add(s), s.uniforms && (s.isRawShaderMaterial || s.isShaderMaterial === !0)) {
         const o = s;
         for (const a of Object.keys(o.uniforms)) {
           const l = o.uniforms[a].value;
           if ((l == null ? void 0 : l.isTexture) === !0) {
             const u = this.assignTextureLODForSlot(l, t, s, a).then((c) => (c && o.uniforms[a].value != c && (o.uniforms[a].value = c, o.uniformsNeedUpdate = !0), c));
-            i.push(u), r.push(a);
+            n.push(u), r.push(a);
           }
         }
       } else
@@ -319,10 +319,10 @@ const v = class {
           const a = s[o];
           if ((a == null ? void 0 : a.isTexture) === !0) {
             const l = this.assignTextureLODForSlot(a, t, s, o);
-            i.push(l), r.push(o);
+            n.push(l), r.push(o);
           }
         }
-      return Promise.all(i).then((o) => {
+      return Promise.all(n).then((o) => {
         const a = new Array();
         for (let l = 0; l < o.length; l++) {
           const u = o[l], c = r[l];
@@ -337,24 +337,24 @@ const v = class {
     }
     return Promise.resolve(null);
   }
-  static assignTextureLODForSlot(e, t, s, i) {
-    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : i === "glyphMap" ? Promise.resolve(e) : v.getOrLoadLOD(e, t).then((r) => {
+  static assignTextureLODForSlot(e, t, s, n) {
+    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : n === "glyphMap" ? Promise.resolve(e) : v.getOrLoadLOD(e, t).then((r) => {
       if (Array.isArray(r))
         return null;
       if ((r == null ? void 0 : r.isTexture) === !0) {
         if (r != e) {
-          if (s && i) {
-            const o = s[i];
+          if (s && n) {
+            const o = s[n];
             if (o && !L) {
               const a = this.getAssignedLODInformation(o);
               if (a && (a == null ? void 0 : a.level) < t)
                 return L === "verbose" && console.warn("Assigned texture level is already higher: ", a.level, t, s, o, r), null;
             }
-            s[i] = r;
+            s[n] = r;
           }
-          if (L && i && s) {
+          if (L && n && s) {
             const o = this.getAssignedLODInformation(e);
-            o ? Ce(s, i, o.url) : console.warn("No LOD info for texture", e);
+            o ? Ce(s, n, o.url) : console.warn("No LOD info for texture", e);
           }
         }
         return r;
@@ -365,10 +365,10 @@ const v = class {
   }
   afterRoot(e) {
     var t, s;
-    return L && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((i, r) => {
+    return L && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((n, r) => {
       var o;
-      if (i != null && i.extensions) {
-        const a = i == null ? void 0 : i.extensions[q];
+      if (n != null && n.extensions) {
+        const a = n == null ? void 0 : n.extensions[q];
         if (a) {
           if (!a.lods) {
             L && console.warn("Texture has no LODs", a);
@@ -386,9 +386,9 @@ const v = class {
           });
         }
       }
-    }), (s = this.parser.json.meshes) == null || s.forEach((i, r) => {
-      if (i != null && i.extensions) {
-        const o = i == null ? void 0 : i.extensions[q];
+    }), (s = this.parser.json.meshes) == null || s.forEach((n, r) => {
+      if (n != null && n.extensions) {
+        const o = n == null ? void 0 : n.extensions[q];
         if (o && o.lods) {
           for (const a of this.parser.associations.keys())
             if (a.isMesh) {
@@ -401,10 +401,10 @@ const v = class {
   }
   static async getOrLoadLOD(e, t) {
     var a, l, u, c;
-    const s = L == "verbose", i = e.userData.LODS;
-    if (!i)
+    const s = L == "verbose", n = e.userData.LODS;
+    if (!n)
       return null;
-    const r = i == null ? void 0 : i.key;
+    const r = n == null ? void 0 : n.key;
     let o;
     if (e.isTexture === !0) {
       const g = e;
@@ -420,7 +420,7 @@ const v = class {
       const g = Array.isArray(o.lods) ? (a = o.lods[t]) == null ? void 0 : a.path : o.lods;
       if (!g)
         return L && !o["missing:uri"] && (o["missing:uri"] = !0, console.warn("Missing uri for progressive asset for LOD " + t, o)), null;
-      const p = nt(i.url, g);
+      const p = it(n.url, g);
       if (p.endsWith(".glb") || p.endsWith(".gltf")) {
         if (!o.guid)
           return console.warn("missing pointer for glb/gltf texture", o), null;
@@ -428,19 +428,19 @@ const v = class {
         if (w !== void 0) {
           s && console.log(`LOD ${t} was already loading/loaded: ${M}`);
           let h = await w.catch((N) => (console.error(`Error loading LOD ${t} from ${p}
-`, N), null)), k = !1;
-          if (h == null || (h instanceof re && e instanceof re ? (l = h.image) != null && l.data || (u = h.source) != null && u.data ? h = this.copySettings(e, h) : (k = !0, this.previouslyLoaded.delete(M)) : h instanceof ge && e instanceof ge && ((c = h.attributes.position) != null && c.array || (k = !0, this.previouslyLoaded.delete(M)))), !k)
+`, N), null)), I = !1;
+          if (h == null || (h instanceof re && e instanceof re ? (l = h.image) != null && l.data || (u = h.source) != null && u.data ? h = this.copySettings(e, h) : (I = !0, this.previouslyLoaded.delete(M)) : h instanceof ge && e instanceof ge && ((c = h.attributes.position) != null && c.array || (I = !0, this.previouslyLoaded.delete(M)))), !I)
             return h;
         }
-        const x = o, F = new Promise(async (h, k) => {
+        const x = o, F = new Promise(async (h, I) => {
           const N = new Te();
           Ue(N), L && (await new Promise((b) => setTimeout(b, 1e3)), s && console.warn("Start loading (delayed) " + p, x.guid));
-          let I = p;
+          let R = p;
           if (x && Array.isArray(x.lods)) {
             const b = x.lods[t];
-            b.hash && (I += "?v=" + b.hash);
+            b.hash && (R += "?v=" + b.hash);
           }
-          const A = await N.loadAsync(I).catch((b) => (console.error(`Error loading LOD ${t} from ${p}
+          const A = await N.loadAsync(R).catch((b) => (console.error(`Error loading LOD ${t} from ${p}
 `, b), null));
           if (!A)
             return null;
@@ -461,7 +461,7 @@ const v = class {
             }
             if (b) {
               let f = await W.getDependency("texture", _);
-              return f && v.assignLODInformation(i.url, f, r, t, void 0, void 0), s && console.log('change "' + e.name + '" → "' + f.name + '"', p, _, f, M), e instanceof re && (f = this.copySettings(e, f)), f && (f.guid = x.guid), h(f);
+              return f && v.assignLODInformation(n.url, f, r, t, void 0, void 0), s && console.log('change "' + e.name + '" → "' + f.name + '"', p, _, f, M), e instanceof re && (f = this.copySettings(e, f)), f && (f.guid = x.guid), h(f);
             } else
               L && console.warn("Could not find texture with guid", x.guid, A.parser.json);
           }
@@ -481,14 +481,14 @@ const v = class {
               const f = await W.getDependency("mesh", _), y = x;
               if (s && console.log(`Loaded Mesh "${f.name}"`, p, _, f, M), f.isMesh === !0) {
                 const O = f.geometry;
-                return v.assignLODInformation(i.url, O, r, t, void 0, y.density), h(O);
+                return v.assignLODInformation(n.url, O, r, t, void 0, y.density), h(O);
               } else {
                 const O = new Array();
                 for (let S = 0; S < f.children.length; S++) {
                   const P = f.children[S];
                   if (P.isMesh === !0) {
                     const H = P.geometry;
-                    v.assignLODInformation(i.url, H, r, t, S, y.density), O.push(H);
+                    v.assignLODInformation(n.url, H, r, t, S, y.density), O.push(H);
                   }
                 }
                 return h(O);
@@ -508,11 +508,11 @@ const v = class {
       L && console.warn(`Can not load LOD ${t}: no LOD info found for "${r}" ${e.name}`, e.type);
     return null;
   }
-  static assignLODInformation(e, t, s, i, r, o) {
+  static assignLODInformation(e, t, s, n, r, o) {
     if (!t)
       return;
     t.userData || (t.userData = {});
-    const a = new dt(e, s, i, r, o);
+    const a = new dt(e, s, n, r, o);
     t.userData.LODS = a;
   }
   static getAssignedLODInformation(e) {
@@ -530,18 +530,18 @@ let T = v;
 /**
  * Register a texture with LOD information
  */
-d(T, "registerTexture", (e, t, s, i, r) => {
-  if (L && console.log("> Progressive: register texture", i, t.name, t.uuid, t, r), !t) {
+d(T, "registerTexture", (e, t, s, n, r) => {
+  if (L && console.log("> Progressive: register texture", n, t.name, t.uuid, t, r), !t) {
     L && console.error("gltf-progressive: Register texture without texture");
     return;
   }
   t.source && (t.source[Me] = r);
   const o = r.guid;
-  v.assignLODInformation(e, t, o, s, i, void 0), v.lodInfos.set(o, r), v.lowresCache.set(o, t);
+  v.assignLODInformation(e, t, o, s, n, void 0), v.lodInfos.set(o, r), v.lowresCache.set(o, t);
 }), /**
  * Register a mesh with LOD information
  */
-d(T, "registerMesh", (e, t, s, i, r, o) => {
+d(T, "registerMesh", (e, t, s, n, r, o) => {
   var u;
   L && console.log("> Progressive: register mesh", r, s.name, o, s.uuid, s);
   const a = s.geometry;
@@ -549,9 +549,9 @@ d(T, "registerMesh", (e, t, s, i, r, o) => {
     L && console.warn("gltf-progressive: Register mesh without geometry");
     return;
   }
-  a.userData || (a.userData = {}), v.assignLODInformation(e, a, t, i, r, o.density), v.lodInfos.set(t, o);
+  a.userData || (a.userData = {}), v.assignLODInformation(e, a, t, n, r, o.density), v.lodInfos.set(t, o);
   let l = v.lowresCache.get(t);
-  l ? l.push(s.geometry) : l = [s.geometry], v.lowresCache.set(t, l), i > 0 && !ce(s) && ct(s, a);
+  l ? l.push(s.geometry) : l = [s.geometry], v.lowresCache.set(t, l), n > 0 && !ce(s) && ct(s, a);
   for (const c of Z)
     (u = c.onRegisteredNewMesh) == null || u.call(c, s, o);
 }), /** A map of key = asset uuid and value = LOD information */
@@ -559,7 +559,7 @@ d(T, "lodInfos", /* @__PURE__ */ new Map()), /** cache of already loaded mesh lo
 d(T, "previouslyLoaded", /* @__PURE__ */ new Map()), /** this contains the geometry/textures that were originally loaded */
 d(T, "lowresCache", /* @__PURE__ */ new Map());
 class dt {
-  constructor(e, t, s, i, r) {
+  constructor(e, t, s, n, r) {
     d(this, "url");
     /** the key to lookup the LOD information */
     d(this, "key");
@@ -568,7 +568,7 @@ class dt {
     d(this, "index");
     /** the mesh density */
     d(this, "density");
-    this.url = e, this.key = t, this.level = s, i != null && (this.index = i), r != null && (this.density = r);
+    this.url = e, this.key = t, this.level = s, n != null && (this.index = n), r != null && (this.density = r);
   }
 }
 const G = le("debugprogressive"), ht = le("noprogressive"), we = Symbol("Needle:LODSManager"), ve = Symbol("Needle:LODState"), Q = Symbol("Needle:CurrentLOD"), $ = { mesh_lod: -1, texture_lod: -1 };
@@ -584,6 +584,12 @@ const E = class {
      * @default 200_000
      */
     d(this, "targetTriangleDensity", 2e5);
+    /**
+     * The interval in frames to automatically update the bounds of skinned meshes.   
+     * Set to 0 or a negative value to disable automatic bounds updates. 
+     * @default 30
+     */
+    d(this, "skinnedMeshAutoUpdateBoundsInterval", 30);
     /**
      * The update interval in frames. If set to 0, the LODs will be updated every frame. If set to 2, the LODs will be updated every second frame, etc.
      * @default "auto"
@@ -667,11 +673,11 @@ const E = class {
     let e = 0;
     z(this, K, this.renderer.render);
     const t = this;
-    $e(this.renderer), this.renderer.render = function(s, i) {
+    $e(this.renderer), this.renderer.render = function(s, n) {
       const r = t.renderer.getRenderTarget();
       (r == null || "isXRRenderTarget" in r && r.isXRRenderTarget) && (e = 0, z(t, te, m(t, te) + 1), z(t, se, m(t, ye).getDelta()), z(t, me, m(t, me) + m(t, se)), t._fpsBuffer.shift(), t._fpsBuffer.push(1 / m(t, se)), z(t, Y, t._fpsBuffer.reduce((a, l) => a + l) / t._fpsBuffer.length), G && m(t, te) % 200 === 0 && console.log("FPS", Math.round(m(t, Y)), "Interval:", m(t, C)));
       const o = e++;
-      m(t, K).call(this, s, i), t.onAfterRender(s, i, o);
+      m(t, K).call(this, s, n), t.onAfterRender(s, n, o);
     };
   }
   disable() {
@@ -700,10 +706,10 @@ const E = class {
    */
   internalUpdate(e, t) {
     var l, u;
-    const s = this.renderer.renderLists.get(e, 0), i = s.opaque;
+    const s = this.renderer.renderLists.get(e, 0), n = s.opaque;
     this.projectionScreenMatrix.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse);
     const r = this.targetTriangleDensity;
-    for (const c of i) {
+    for (const c of n) {
       if (c.material && (((l = c.geometry) == null ? void 0 : l.type) === "BoxGeometry" || ((u = c.geometry) == null ? void 0 : u.type) === "BufferGeometry") && (c.material.name === "SphericalGaussianBlur" || c.material.name == "BackgroundCubeMaterial" || c.material.name === "CubemapFromEquirect" || c.material.name === "EquirectangularToCubeUV")) {
         G && (c.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] || (c.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] = !0, console.warn("Ignoring skybox or BLIT object", c, c.material.name, c.material.type)));
         continue;
@@ -737,7 +743,7 @@ const E = class {
     }
   }
   /** Update the LOD levels for the renderer. */
-  updateLODs(e, t, s, i) {
+  updateLODs(e, t, s, n) {
     var a, l;
     s.userData || (s.userData = {});
     let r = s[ve];
@@ -745,7 +751,7 @@ const E = class {
       return;
     for (const u of Z)
       (a = u.onBeforeUpdateLOD) == null || a.call(u, this.renderer, e, t, s);
-    this.calculateLodLevel(t, s, r, i, $), $.mesh_lod = Math.round($.mesh_lod), $.texture_lod = Math.round($.texture_lod), $.mesh_lod >= 0 && this.loadProgressiveMeshes(s, $.mesh_lod);
+    this.calculateLodLevel(t, s, r, n, $), $.mesh_lod = Math.round($.mesh_lod), $.texture_lod = Math.round($.texture_lod), $.mesh_lod >= 0 && this.loadProgressiveMeshes(s, $.mesh_lod);
     let o = $.texture_lod;
     s.material && o >= 0 && this.loadProgressiveTextures(s.material, o);
     for (const u of Z)
@@ -767,8 +773,8 @@ const E = class {
     }
     let s = !1;
     (e[Q] === void 0 || t < e[Q]) && (s = !0);
-    const i = e["DEBUG:LOD"];
-    i != null && (s = e[Q] != i, t = i), s && (e[Q] = t, T.assignTextureLOD(e, t).then((r) => {
+    const n = e["DEBUG:LOD"];
+    n != null && (s = e[Q] != n, t = n), s && (e[Q] = t, T.assignTextureLOD(e, t).then((r) => {
       this._lodchangedlisteners.forEach((o) => o({ type: "texture", level: t, object: e }));
     }));
   }
@@ -782,8 +788,8 @@ const E = class {
     if (!e)
       return Promise.resolve(null);
     let s = e[Q] !== t;
-    const i = e["DEBUG:LOD"];
-    if (i != null && (s = e[Q] != i, t = i), s) {
+    const n = e["DEBUG:LOD"];
+    if (n != null && (s = e[Q] != n, t = n), s) {
       e[Q] = t;
       const r = e.geometry;
       return T.assignMeshLOD(e, t).then((o) => (o && e[Q] == t && r != e.geometry && this._lodchangedlisteners.forEach((a) => a({ type: "mesh", level: t, object: e })), o));
@@ -791,10 +797,10 @@ const E = class {
     return Promise.resolve(null);
   }
   static isInside(e, t) {
-    const s = e.min, i = e.max, r = (s.x + i.x) * 0.5, o = (s.y + i.y) * 0.5;
+    const s = e.min, n = e.max, r = (s.x + n.x) * 0.5, o = (s.y + n.y) * 0.5;
     return this._tempPtInside.set(r, o, s.z).applyMatrix4(t).z < 0;
   }
-  calculateLodLevel(e, t, s, i, r) {
+  calculateLodLevel(e, t, s, n, r) {
     var F;
     if (!t) {
       r.mesh_lod = -1, r.texture_lod = -1;
@@ -819,9 +825,9 @@ const E = class {
       const D = t;
       if (!D.boundingBox)
         D.computeBoundingBox();
-      else if (s.frames % 30 === 0) {
-        const h = ce(D), k = D.geometry;
-        h && (D.geometry = h), D.computeBoundingBox(), D.geometry = k;
+      else if (this.skinnedMeshAutoUpdateBoundsInterval > 0 && s.frames % this.skinnedMeshAutoUpdateBoundsInterval === 0) {
+        const h = ce(D), I = D.geometry;
+        h && (D.geometry = h), D.computeBoundingBox(), D.geometry = I;
       }
       x = D.boundingBox;
     }
@@ -850,10 +856,10 @@ const E = class {
         s.lastCentrality = 1;
       const h = this._tempBox.getSize(this._tempBoxSize);
       h.multiplyScalar(0.5), screen.availHeight > 0 && w > 0 && h.multiplyScalar(w / screen.availHeight), e.isPerspectiveCamera ? h.x *= e.aspect : e.isOrthographicCamera;
-      const k = e.matrixWorldInverse, N = this._tempBox2;
-      N.copy(x), N.applyMatrix4(t.matrixWorld), N.applyMatrix4(k);
-      const I = N.getSize(this._tempBox2Size), A = Math.max(I.x, I.y);
-      if (Math.max(h.x, h.y) != 0 && A != 0 && (h.z = I.z / Math.max(I.x, I.y) * Math.max(h.x, h.y)), s.lastScreenCoverage = Math.max(h.x, h.y, h.z), s.lastScreenspaceVolume.copy(h), s.lastScreenCoverage *= s.lastCentrality, G && E.debugDrawLine) {
+      const I = e.matrixWorldInverse, N = this._tempBox2;
+      N.copy(x), N.applyMatrix4(t.matrixWorld), N.applyMatrix4(I);
+      const R = N.getSize(this._tempBox2Size), A = Math.max(R.x, R.y);
+      if (Math.max(h.x, h.y) != 0 && A != 0 && (h.z = R.z / Math.max(R.x, R.y) * Math.max(h.x, h.y)), s.lastScreenCoverage = Math.max(h.x, h.y, h.z), s.lastScreenspaceVolume.copy(h), s.lastScreenCoverage *= s.lastCentrality, G && E.debugDrawLine) {
         const f = this.tempMatrix.copy(this.projectionScreenMatrix);
         f.invert();
         const y = E.corner0, O = E.corner1, S = E.corner2, P = E.corner3;
@@ -864,7 +870,7 @@ const E = class {
       let _ = 999;
       if (c && s.lastScreenCoverage > 0) {
         for (let f = 0; f < c.length; f++)
-          if (c[f].density / s.lastScreenCoverage < i) {
+          if (c[f].density / s.lastScreenCoverage < n) {
             _ = f;
             break;
           }
@@ -884,17 +890,17 @@ const E = class {
         }
       } else {
         const h = s.lastScreenspaceVolume.x + s.lastScreenspaceVolume.y + s.lastScreenspaceVolume.z;
-        let k = s.lastScreenCoverage * 4;
-        ((F = this.context) == null ? void 0 : F.engine) === "model-viewer" && (k *= 1.5);
-        const I = w / window.devicePixelRatio * k;
+        let I = s.lastScreenCoverage * 4;
+        ((F = this.context) == null ? void 0 : F.engine) === "model-viewer" && (I *= 1.5);
+        const R = w / window.devicePixelRatio * I;
         let A = !1;
         for (let W = p.lods.length - 1; W >= 0; W--) {
-          let _ = p.lods[W];
-          if (!(D && _.max_height >= 2048) && !(at() && _.max_height > 4096) && (_.max_height > I || !A && W === 0)) {
+          const _ = p.lods[W];
+          if (!(D && _.max_height >= 2048) && !(at() && _.max_height > 4096) && (_.max_height > R || !A && W === 0)) {
             if (A = !0, r.texture_lod = W, r.texture_lod < s.lastLodLevel_Texture) {
               const b = _.max_height;
               G && console.log(`Texture LOD changed: ${s.lastLodLevel_Texture} → ${r.texture_lod} = ${b}px 
-Screensize: ${I.toFixed(0)}px, Coverage: ${(100 * s.lastScreenCoverage).toFixed(2)}%, Volume ${h.toFixed(1)} 
+Screensize: ${R.toFixed(0)}px, Coverage: ${(100 * s.lastScreenCoverage).toFixed(2)}%, Volume ${h.toFixed(1)} 
 ${t.name}`);
             }
             break;
@@ -905,10 +911,10 @@ ${t.name}`);
       r.texture_lod = 0;
   }
 };
-let R = E;
+let k = E;
 C = new WeakMap(), K = new WeakMap(), ye = new WeakMap(), te = new WeakMap(), se = new WeakMap(), me = new WeakMap(), Y = new WeakMap(), /** 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.
  */
-d(R, "debugDrawLine"), d(R, "corner0", new X()), d(R, "corner1", new X()), d(R, "corner2", new X()), d(R, "corner3", new X()), d(R, "_tempPtInside", new X());
+d(k, "debugDrawLine"), d(k, "corner0", new X()), d(k, "corner1", new X()), d(k, "corner2", new X()), d(k, "corner3", new X()), d(k, "_tempPtInside", new X());
 class gt {
   constructor() {
     d(this, "frames", 0);
@@ -920,66 +926,66 @@ class gt {
   }
 }
 const Be = Symbol("NEEDLE_mesh_lod"), he = Symbol("NEEDLE_texture_lod");
-let ne = null;
+let ie = null;
 function Ne() {
-  const n = pt();
-  n && (n.mapURLs(function(e) {
-    return Re(), e;
-  }), Re(), ne == null || ne.disconnect(), ne = new MutationObserver((e) => {
+  const i = pt();
+  i && (i.mapURLs(function(e) {
+    return ke(), e;
+  }), ke(), ie == null || ie.disconnect(), ie = new MutationObserver((e) => {
     e.forEach((t) => {
       t.addedNodes.forEach((s) => {
         s instanceof HTMLElement && s.tagName.toLowerCase() === "model-viewer" && ze(s);
       });
     });
-  }), ne.observe(document, { childList: !0, subtree: !0 }));
+  }), ie.observe(document, { childList: !0, subtree: !0 }));
 }
 function pt() {
   if (typeof customElements > "u")
     return null;
-  const n = customElements.get("model-viewer");
-  return n || (customElements.whenDefined("model-viewer").then(() => {
+  const i = customElements.get("model-viewer");
+  return i || (customElements.whenDefined("model-viewer").then(() => {
     console.debug("[gltf-progressive] model-viewer defined"), Ne();
   }), null);
 }
-function Re() {
+function ke() {
   if (typeof document > "u")
     return;
   document.querySelectorAll("model-viewer").forEach((e) => {
     ze(e);
   });
 }
-const ke = /* @__PURE__ */ new WeakSet();
+const Ie = /* @__PURE__ */ new WeakSet();
 let yt = 0;
-function ze(n) {
-  if (!n || ke.has(n))
+function ze(i) {
+  if (!i || Ie.has(i))
     return null;
-  ke.add(n), console.debug("[gltf-progressive] found new model-viewer..." + ++yt + `
-`, n.getAttribute("src"));
+  Ie.add(i), console.debug("[gltf-progressive] found new model-viewer..." + ++yt + `
+`, i.getAttribute("src"));
   let e = null, t = null, s = null;
-  for (let i = n; i != null; i = Object.getPrototypeOf(i)) {
-    const r = Object.getOwnPropertySymbols(i), o = r.find((u) => u.toString() == "Symbol(renderer)"), a = r.find((u) => u.toString() == "Symbol(scene)"), l = r.find((u) => u.toString() == "Symbol(needsRender)");
-    !e && o != null && (e = n[o].threeRenderer), !t && a != null && (t = n[a]), !s && l != null && (s = n[l]);
+  for (let n = i; n != null; n = Object.getPrototypeOf(n)) {
+    const r = Object.getOwnPropertySymbols(n), o = r.find((u) => u.toString() == "Symbol(renderer)"), a = r.find((u) => u.toString() == "Symbol(scene)"), l = r.find((u) => u.toString() == "Symbol(needsRender)");
+    !e && o != null && (e = i[o].threeRenderer), !t && a != null && (t = i[a]), !s && l != null && (s = i[l]);
   }
   if (e && t) {
-    let i = function() {
+    let n = function() {
       if (s) {
         let o = 0, a = setInterval(() => {
           if (o++ > 5) {
             clearInterval(a);
             return;
           }
-          s == null || s.call(n);
+          s == null || s.call(i);
         }, 300);
       }
     };
     console.debug("[gltf-progressive] setup model-viewer");
-    const r = R.get(e, { engine: "model-viewer" });
-    return R.addPlugin(new mt()), r.enable(), r.addEventListener("changed", () => {
-      s == null || s.call(n);
-    }), n.addEventListener("model-visibility", (o) => {
-      o.detail.visible && (s == null || s.call(n));
-    }), n.addEventListener("load", () => {
-      i();
+    const r = k.get(e, { engine: "model-viewer" });
+    return k.addPlugin(new mt()), r.enable(), r.addEventListener("changed", () => {
+      s == null || s.call(i);
+    }), i.addEventListener("model-visibility", (o) => {
+      o.detail.visible && (s == null || s.call(i));
+    }), i.addEventListener("load", () => {
+      n();
     }), () => {
       r.disable();
     };
@@ -990,8 +996,8 @@ class mt {
   constructor() {
     d(this, "_didWarnAboutMissingUrl", !1);
   }
-  onBeforeUpdateLOD(e, t, s, i) {
-    this.tryParseMeshLOD(t, i), this.tryParseTextureLOD(t, i);
+  onBeforeUpdateLOD(e, t, s, n) {
+    this.tryParseMeshLOD(t, n), this.tryParseTextureLOD(t, n);
   }
   getUrl(e) {
     if (!e)
@@ -1009,7 +1015,7 @@ class mt {
     if (t[he] == !0)
       return;
     t[he] = !0;
-    const s = this.tryGetCurrentGLTF(e), i = this.tryGetCurrentModelViewer(e), r = this.getUrl(i);
+    const s = this.tryGetCurrentGLTF(e), n = this.tryGetCurrentModelViewer(e), r = this.getUrl(n);
     if (r && s && t.material) {
       let o = function(l) {
         var c, g, p;
@@ -1048,44 +1054,44 @@ class mt {
     if (t[Be] == !0)
       return;
     t[Be] = !0;
-    const s = this.tryGetCurrentModelViewer(e), i = this.getUrl(s);
-    if (!i)
+    const s = this.tryGetCurrentModelViewer(e), n = this.getUrl(s);
+    if (!n)
       return;
     const r = (a = (o = t.userData) == null ? void 0 : o.gltfExtensions) == null ? void 0 : a[q];
-    if (r && i) {
+    if (r && n) {
       const l = t.uuid;
-      T.registerMesh(i, l, t, 0, r.lods.length, r);
+      T.registerMesh(n, l, t, 0, r.lods.length, r);
     }
   }
 }
-function Lt(n, e, t, s) {
+function Lt(i, e, t, s) {
   $e(e), Ue(t), Fe(t, {
     progressive: !0,
     ...s == null ? void 0 : s.hints
-  }), t.register((r) => new T(r, n));
-  const i = R.get(e);
-  return (s == null ? void 0 : s.enableLODsManager) !== !1 && i.enable(), i;
+  }), t.register((r) => new T(r, i));
+  const n = k.get(e);
+  return (s == null ? void 0 : s.enableLODsManager) !== !1 && n.enable(), n;
 }
 Ne();
 if (!lt) {
-  const n = {
+  const i = {
     gltfProgressive: {
       useNeedleProgressive: Lt,
-      LODsManager: R,
+      LODsManager: k,
       configureLoader: Fe,
       getRaycastMesh: ce,
       useRaycastMeshes: ut
     }
   };
   if (!globalThis.Needle)
-    globalThis.Needle = n;
+    globalThis.Needle = i;
   else
-    for (const e in n)
-      globalThis.Needle[e] = n[e];
+    for (const e in i)
+      globalThis.Needle[e] = i[e];
 }
 export {
   q as EXTENSION_NAME,
-  R as LODsManager,
+  k as LODsManager,
   T as NEEDLE_progressive,
   et as VERSION,
   Ue as addDracoAndKTX2Loaders,