@needle-tools/gltf-progressive 1.2.2-alpha.1 → 1.2.2-alpha.3

package/gltf-progressive.js

@@ -1,37 +1,37 @@
-var _e = Object.defineProperty;
-var Se = (l, e, t) => e in l ? _e(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var h = (l, e, t) => (Se(l, typeof e != "symbol" ? e + "" : e, t), t);
-import { BufferGeometry as re, Mesh as V, Material as be, Texture as K, TextureLoader as Te, Matrix4 as pe, Frustum as Ae, Sphere as Pe, Box3 as ye, Vector3 as I } from "three";
-import { GLTFLoader as Ce } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { MeshoptDecoder as Re } from "three/examples/jsm/libs/meshopt_decoder.module.js";
-import { DRACOLoader as Be } from "three/examples/jsm/loaders/DRACOLoader.js";
-import { KTX2Loader as Ee } from "three/examples/jsm/loaders/KTX2Loader.js";
-const Me = "";
-globalThis.GLTF_PROGRESSIVE_VERSION = Me;
-console.debug(`[gltf-progressive] version ${Me}`);
-let se = "https://www.gstatic.com/draco/versioned/decoders/1.4.1/", he = "https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/";
-fetch(se + "draco_decoder.js", { method: "head" }).catch((l) => {
-  se = "./include/draco/", he = "./include/ktx2/";
+var Se = Object.defineProperty;
+var be = (l, e, t) => e in l ? Se(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var f = (l, e, t) => (be(l, typeof e != "symbol" ? e + "" : e, t), t);
+import { BufferGeometry as se, Mesh as W, Material as Te, Texture as q, TextureLoader as Ae, Matrix4 as ye, Frustum as Pe, Sphere as Ce, Box3 as me, Vector3 as G } from "three";
+import { GLTFLoader as Ee } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { MeshoptDecoder as Be } from "three/examples/jsm/libs/meshopt_decoder.module.js";
+import { DRACOLoader as ke } from "three/examples/jsm/loaders/DRACOLoader.js";
+import { KTX2Loader as Re } from "three/examples/jsm/loaders/KTX2Loader.js";
+const De = "";
+globalThis.GLTF_PROGRESSIVE_VERSION = De;
+console.debug(`[gltf-progressive] version ${De}`);
+let ie = "https://www.gstatic.com/draco/versioned/decoders/1.4.1/", ge = "https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/";
+fetch(ie + "draco_decoder.js", { method: "head" }).catch((l) => {
+  ie = "./include/draco/", ge = "./include/ktx2/";
 });
-function Qe(l) {
-  se = l;
-}
 function Ze(l) {
-  he = l;
+  ie = l;
 }
-let Y, ue, H;
-function De(l) {
-  Y || (Y = new Be(), Y.setDecoderPath(se), Y.setDecoderConfig({ type: "js" })), H || (H = new Ee(), H.setTranscoderPath(he)), ue || (ue = Re), l ? H.detectSupport(l) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail");
+function je(l) {
+  ge = l;
 }
+let H, fe, J;
 function we(l) {
-  l.dracoLoader || l.setDRACOLoader(Y), l.ktx2Loader || l.setKTX2Loader(H), l.meshoptDecoder || l.setMeshoptDecoder(ue);
+  H || (H = new ke(), H.setDecoderPath(ie), H.setDecoderConfig({ type: "js" })), J || (J = new Re(), J.setTranscoderPath(ge)), fe || (fe = Be), l ? J.detectSupport(l) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail");
+}
+function _e(l) {
+  l.dracoLoader || l.setDRACOLoader(H), l.ktx2Loader || l.setKTX2Loader(J), l.meshoptDecoder || l.setMeshoptDecoder(fe);
 }
-Q("debugprogressive");
-function Q(l) {
+Z("debugprogressive");
+function Z(l) {
   const t = new URL(window.location.href).searchParams.get(l);
   return t == null || t === "0" || t === "false" ? !1 : t === "" ? !0 : t;
 }
-function ke(l, e) {
+function Ie(l, e) {
   if (e === void 0 || e.startsWith("./") || e.startsWith("http") || l === void 0)
     return e;
   const t = l.lastIndexOf("/");
@@ -43,104 +43,104 @@ function ke(l, e) {
   }
   return e;
 }
-let q;
-function Ie() {
-  return q !== void 0 || (q = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent), Q("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", q)), q;
+let X;
+function Ge() {
+  return X !== void 0 || (X = /iPhone|iPad|iPod|Android|IEMobile/i.test(navigator.userAgent), Z("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", X)), X;
 }
-const fe = Symbol("needle:raycast-mesh");
-function ge(l) {
-  return (l == null ? void 0 : l[fe]) instanceof re ? l[fe] : null;
+const de = Symbol("needle:raycast-mesh");
+function pe(l) {
+  return (l == null ? void 0 : l[de]) instanceof se ? l[de] : null;
 }
-function Ge(l, e) {
-  if ((l.type === "Mesh" || l.type === "SkinnedMesh") && !ge(l)) {
-    const r = Fe(e);
-    r.userData = { isRaycastMesh: !0 }, l[fe] = r;
+function Fe(l, e) {
+  if ((l.type === "Mesh" || l.type === "SkinnedMesh") && !pe(l)) {
+    const r = $e(e);
+    r.userData = { isRaycastMesh: !0 }, l[de] = r;
   }
 }
-function je(l = !0) {
+function et(l = !0) {
   if (l) {
-    if (X)
+    if (Y)
       return;
-    const e = X = V.prototype.raycast;
-    V.prototype.raycast = function(t, r) {
-      const n = this, i = ge(n);
+    const e = Y = W.prototype.raycast;
+    W.prototype.raycast = function(t, r) {
+      const i = this, n = pe(i);
       let s;
-      i && n.isMesh && (s = n.geometry, n.geometry = i), e.call(this, t, r), s && (n.geometry = s);
+      n && i.isMesh && (s = i.geometry, i.geometry = n), e.call(this, t, r), s && (i.geometry = s);
     };
   } else {
-    if (!X)
+    if (!Y)
       return;
-    V.prototype.raycast = X, X = null;
+    W.prototype.raycast = Y, Y = null;
   }
 }
-let X = null;
-function Fe(l) {
-  const e = new re();
+let Y = null;
+function $e(l) {
+  const e = new se();
   for (const t in l.attributes)
     e.setAttribute(t, l.getAttribute(t));
   return e.setIndex(l.getIndex()), e;
 }
-const $ = new Array(), G = "NEEDLE_progressive", m = Q("debugprogressive"), oe = Symbol("needle-progressive-texture"), J = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set();
+const z = new Array(), F = "NEEDLE_progressive", m = Z("debugprogressive"), ae = Symbol("needle-progressive-texture"), Q = /* @__PURE__ */ new Map(), he = /* @__PURE__ */ new Set();
 if (m) {
   let l = function() {
-    e += 1, console.log("Toggle LOD level", e, J), J.forEach((n, i) => {
-      for (const s of n.keys) {
-        const o = i[s];
+    e += 1, console.log("Toggle LOD level", e, Q), Q.forEach((i, n) => {
+      for (const s of i.keys) {
+        const o = n[s];
         if (o != null) {
           if (o.isBufferGeometry === !0) {
             const a = O.getMeshLODInformation(o), d = a ? Math.min(e, a.lods.length) : 0;
-            i["DEBUG:LOD"] = e, O.assignMeshLOD(i, d), a && (t = Math.max(t, a.lods.length - 1));
-          } else if (i.isMaterial === !0) {
-            i["DEBUG:LOD"] = e, O.assignTextureLOD(i, e);
+            n["DEBUG:LOD"] = e, O.assignMeshLOD(n, d), a && (t = Math.max(t, a.lods.length - 1));
+          } else if (n.isMaterial === !0) {
+            n["DEBUG:LOD"] = e, O.assignTextureLOD(n, e);
             break;
           }
         }
       }
     }), e >= t && (e = -1);
   }, e = -1, t = 2, r = !1;
-  window.addEventListener("keyup", (n) => {
-    n.key === "p" && l(), n.key === "w" && (r = !r, de && de.forEach((i) => {
-      i.name != "BackgroundCubeMaterial" && i.glyphMap == null && "wireframe" in i && (i.wireframe = r);
+  window.addEventListener("keyup", (i) => {
+    i.key === "p" && l(), i.key === "w" && (r = !r, he && he.forEach((n) => {
+      n.name != "BackgroundCubeMaterial" && n.glyphMap == null && "wireframe" in n && (n.wireframe = r);
     }));
   });
 }
-function me(l, e, t) {
-  var n;
+function xe(l, e, t) {
+  var i;
   if (!m)
     return;
-  J.has(l) || J.set(l, { keys: [], sourceId: t });
-  const r = J.get(l);
-  ((n = r == null ? void 0 : r.keys) == null ? void 0 : n.includes(e)) == !1 && r.keys.push(e);
+  Q.has(l) || Q.set(l, { keys: [], sourceId: t });
+  const r = Q.get(l);
+  ((i = r == null ? void 0 : r.keys) == null ? void 0 : i.includes(e)) == !1 && r.keys.push(e);
 }
-const D = class {
+const v = class {
   constructor(e, t) {
-    h(this, "parser");
-    h(this, "url");
-    h(this, "_isLoadingMesh");
-    h(this, "loadMesh", (e) => {
-      var r, n;
+    f(this, "parser");
+    f(this, "url");
+    f(this, "_isLoadingMesh");
+    f(this, "loadMesh", (e) => {
+      var r, i;
       if (this._isLoadingMesh)
         return null;
-      const t = (n = (r = this.parser.json.meshes[e]) == null ? void 0 : r.extensions) == null ? void 0 : n[G];
-      return t ? (this._isLoadingMesh = !0, this.parser.getDependency("mesh", e).then((i) => {
+      const t = (i = (r = this.parser.json.meshes[e]) == null ? void 0 : r.extensions) == null ? void 0 : i[F];
+      return t ? (this._isLoadingMesh = !0, this.parser.getDependency("mesh", e).then((n) => {
         var s;
-        return this._isLoadingMesh = !1, i && D.registerMesh(this.url, t.guid, i, (s = t.lods) == null ? void 0 : s.length, void 0, t), i;
+        return this._isLoadingMesh = !1, n && v.registerMesh(this.url, t.guid, n, (s = t.lods) == null ? void 0 : s.length, void 0, t), n;
       })) : null;
     });
     m && console.log("Progressive extension registered for", t), this.parser = e, this.url = t;
   }
   /** The name of the extension */
   get name() {
-    return G;
+    return F;
   }
   static getMeshLODInformation(e) {
     const t = this.getAssignedLODInformation(e);
     return t != null && t.key ? this.lodInfos.get(t.key) : null;
   }
   static getMaterialMinMaxLODsCount(e, t) {
-    const r = this, n = "LODS:minmax", i = e[n];
-    if (i != null)
-      return i;
+    const r = this, i = "LODS:minmax", n = e[i];
+    if (n != null)
+      return n;
     if (t || (t = {
       min_count: 1 / 0,
       max_count: 0,
@@ -148,7 +148,7 @@ const D = class {
     }), Array.isArray(e)) {
       for (const o of e)
         this.getMaterialMinMaxLODsCount(o, t);
-      return e[n] = t, t;
+      return e[i] = t, t;
     }
     if (m === "verbose" && console.log("getMaterialMinMaxLODsCount", e), e.type === "ShaderMaterial" || e.type === "RawShaderMaterial") {
       const o = e;
@@ -161,7 +161,7 @@ const D = class {
         const a = e[o];
         (a == null ? void 0 : a.isTexture) === !0 && s(a, t);
       }
-    return e[n] = t, t;
+    return e[i] = t, t;
     function s(o, a) {
       const d = r.getAssignedLODInformation(o);
       if (d) {
@@ -169,8 +169,8 @@ const D = class {
         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 x = 0; x < c.lods.length; x++) {
-            const f = c.lods[x];
-            f.width && (a.lods[x] = a.lods[x] || { min_height: 1 / 0, max_height: 0 }, a.lods[x].min_height = Math.min(a.lods[x].min_height, f.height), a.lods[x].max_height = Math.max(a.lods[x].max_height, f.height));
+            const u = c.lods[x];
+            u.width && (a.lods[x] = a.lods[x] || { min_height: 1 / 0, max_height: 0 }, a.lods[x].min_height = Math.min(a.lods[x].min_height, u.height), a.lods[x].max_height = Math.max(a.lods[x].max_height, u.height));
           }
         }
       }
@@ -182,7 +182,7 @@ const D = class {
    * @returns true if the LOD level is available (or if any LOD level is available if level is undefined)
    */
   static hasLODLevelAvailable(e, t) {
-    var i;
+    var n;
     if (Array.isArray(e)) {
       for (const s of e)
         if (this.hasLODLevelAvailable(s, t))
@@ -201,13 +201,13 @@ const D = class {
         if (s.isMesh === !0 && this.hasLODLevelAvailable(s, t))
           return !0;
     }
-    let r, n;
-    if (e.isMesh ? r = e.geometry : (e.isBufferGeometry || e.isTexture) && (r = e), r && (i = r == null ? void 0 : r.userData) != null && i.LODS) {
+    let r, i;
+    if (e.isMesh ? r = e.geometry : (e.isBufferGeometry || e.isTexture) && (r = e), r && (n = r == null ? void 0 : r.userData) != null && n.LODS) {
       const s = r.userData.LODS;
-      if (n = this.lodInfos.get(s.key), t === void 0)
-        return n != null;
-      if (n)
-        return Array.isArray(n.lods) ? t < n.lods.length : t === 0;
+      if (i = this.lodInfos.get(s.key), t === void 0)
+        return i != null;
+      if (i)
+        return Array.isArray(i.lods) ? t < i.lods.length : t === 0;
     }
     return !1;
   }
@@ -229,19 +229,19 @@ const D = class {
     var r;
     if (!e)
       return Promise.resolve(null);
-    if (e instanceof V || e.isMesh === !0) {
-      const n = e.geometry, i = this.getAssignedLODInformation(n);
-      if (!i)
+    if (e instanceof W || e.isMesh === !0) {
+      const i = e.geometry, n = this.getAssignedLODInformation(i);
+      if (!n)
         return Promise.resolve(null);
-      for (const s of $)
+      for (const s of z)
         (r = s.onBeforeGetLODMesh) == null || r.call(s, e, t);
-      return e["LOD:requested level"] = t, D.getOrLoadLOD(n, t).then((s) => {
+      return e["LOD:requested level"] = t, v.getOrLoadLOD(i, t).then((s) => {
         if (e["LOD:requested level"] === t) {
           if (delete e["LOD:requested level"], Array.isArray(s)) {
-            const o = i.index || 0;
+            const o = n.index || 0;
             s = s[o];
           }
-          s && n != s && ((s == null ? void 0 : s.isBufferGeometry) ? (e.geometry = s, m && me(e, "geometry", i.url)) : m && console.error("Invalid LOD geometry", s));
+          s && i != s && ((s == null ? void 0 : s.isBufferGeometry) ? (e.geometry = s, m && xe(e, "geometry", n.url)) : m && console.error("Invalid LOD geometry", s));
         }
         return s;
       }).catch((s) => (console.error("Error loading mesh LOD", e, s), null));
@@ -259,15 +259,15 @@ const D = class {
   static assignTextureLOD(e, t = 0) {
     if (!e)
       return Promise.resolve(null);
-    if (e instanceof be || e.isMaterial === !0) {
-      const r = e, n = [], i = new Array();
-      if (m && de.add(r), r.uniforms && r.isRawShaderMaterial || r.isShaderMaterial === !0) {
+    if (e instanceof Te || e.isMaterial === !0) {
+      const r = e, i = [], n = new Array();
+      if (m && he.add(r), r.uniforms && r.isRawShaderMaterial || r.isShaderMaterial === !0) {
         const s = r;
         for (const o of Object.keys(s.uniforms)) {
           const a = s.uniforms[o].value;
           if ((a == null ? void 0 : a.isTexture) === !0) {
             const d = this.assignTextureLODForSlot(a, t, r, o);
-            n.push(d), i.push(o);
+            i.push(d), n.push(o);
           }
         }
       } else
@@ -275,56 +275,56 @@ const D = class {
           const o = r[s];
           if ((o == null ? void 0 : o.isTexture) === !0) {
             const a = this.assignTextureLODForSlot(o, t, r, s);
-            n.push(a), i.push(s);
+            i.push(a), n.push(s);
           }
         }
-      return Promise.all(n).then((s) => {
+      return Promise.all(i).then((s) => {
         const o = new Array();
         for (let a = 0; a < s.length; a++) {
-          const d = s[a], c = i[a];
+          const d = s[a], c = n[a];
           d && d.isTexture === !0 ? o.push({ material: r, slot: c, texture: d, level: t }) : o.push({ material: r, slot: c, texture: null, level: t });
         }
         return o;
       });
     }
-    if (e instanceof K || e.isTexture === !0) {
+    if (e instanceof q || e.isTexture === !0) {
       const r = e;
       return this.assignTextureLODForSlot(r, t, null, null);
     }
     return Promise.resolve(null);
   }
-  static assignTextureLODForSlot(e, t, r, n) {
-    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : n === "glyphMap" ? Promise.resolve(e) : D.getOrLoadLOD(e, t).then((i) => {
-      if (Array.isArray(i))
+  static assignTextureLODForSlot(e, t, r, i) {
+    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : i === "glyphMap" ? Promise.resolve(e) : v.getOrLoadLOD(e, t).then((n) => {
+      if (Array.isArray(n))
         return null;
-      if ((i == null ? void 0 : i.isTexture) === !0) {
-        if (i != e) {
-          if (r && n) {
-            const s = r[n];
+      if ((n == null ? void 0 : n.isTexture) === !0) {
+        if (n != e) {
+          if (r && i) {
+            const s = r[i];
             if (s) {
               const o = this.getAssignedLODInformation(s);
               if (o && (o == null ? void 0 : o.level) < t)
-                return m === "verbose" && console.warn("Assigned texture level is already higher: ", o.level, t, r, s, i), null;
+                return m === "verbose" && console.warn("Assigned texture level is already higher: ", o.level, t, r, s, n), null;
             }
-            r[n] = i;
+            r[i] = n;
           }
-          if (m && n && r) {
+          if (m && i && r) {
             const s = this.getAssignedLODInformation(e);
-            s && me(r, n, s.url);
+            s && xe(r, i, s.url);
           }
         }
-        return i;
+        return n;
       } else
         m == "verbose" && console.warn("No LOD found for", e, t);
       return null;
-    }).catch((i) => (console.error("Error loading LOD", e, i), null));
+    }).catch((n) => (console.error("Error loading LOD", e, n), null));
   }
   afterRoot(e) {
     var t, r;
-    return m && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((n, i) => {
+    return m && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((i, n) => {
       var s;
-      if (n != null && n.extensions) {
-        const o = n == null ? void 0 : n.extensions[G];
+      if (i != null && i.extensions) {
+        const o = i == null ? void 0 : i.extensions[F];
         if (o) {
           if (!o.lods) {
             m && console.warn("Texture has no LODs", o);
@@ -332,21 +332,21 @@ const D = class {
           }
           let a = !1;
           for (const d of this.parser.associations.keys())
-            d.isTexture === !0 && this.parser.associations.get(d).textures === i && (a = !0, D.registerTexture(this.url, d, (s = o.lods) == null ? void 0 : s.length, i, o));
-          a || this.parser.getDependency("texture", i).then((d) => {
+            d.isTexture === !0 && this.parser.associations.get(d).textures === n && (a = !0, v.registerTexture(this.url, d, (s = o.lods) == null ? void 0 : s.length, n, o));
+          a || this.parser.getDependency("texture", n).then((d) => {
             var c;
-            d && D.registerTexture(this.url, d, (c = o.lods) == null ? void 0 : c.length, i, o);
+            d && v.registerTexture(this.url, d, (c = o.lods) == null ? void 0 : c.length, n, o);
           });
         }
       }
-    }), (r = this.parser.json.meshes) == null || r.forEach((n, i) => {
-      if (n != null && n.extensions) {
-        const s = n == null ? void 0 : n.extensions[G];
+    }), (r = this.parser.json.meshes) == null || r.forEach((i, n) => {
+      if (i != null && i.extensions) {
+        const s = i == null ? void 0 : i.extensions[F];
         if (s && s.lods) {
           for (const o of this.parser.associations.keys())
             if (o.isMesh) {
               const a = this.parser.associations.get(o);
-              a.meshes === i && D.registerMesh(this.url, s.guid, o, s.lods.length, a.primitives, s);
+              a.meshes === n && v.registerMesh(this.url, s.guid, o, s.lods.length, a.primitives, s);
             }
         }
       }
@@ -354,118 +354,118 @@ const D = class {
   }
   static async getOrLoadLOD(e, t) {
     var o, a, d, c;
-    const r = m == "verbose", n = e.userData.LODS;
-    if (!n)
+    const r = m == "verbose", i = e.userData.LODS;
+    if (!i)
       return null;
-    const i = n == null ? void 0 : n.key;
+    const n = i == null ? void 0 : i.key;
     let s;
     if (e.isTexture === !0) {
       const x = e;
-      x.source && x.source[oe] && (s = x.source[oe]);
+      x.source && x.source[ae] && (s = x.source[ae]);
     }
-    if (s || (s = D.lodInfos.get(i)), s) {
+    if (s || (s = v.lodInfos.get(n)), s) {
       if (t > 0) {
         let y = !1;
-        const M = Array.isArray(s.lods);
-        if (M && t >= s.lods.length ? y = !0 : M || (y = !0), y)
-          return this.lowresCache.get(i);
+        const w = Array.isArray(s.lods);
+        if (w && t >= s.lods.length ? y = !0 : w || (y = !0), y)
+          return this.lowresCache.get(n);
       }
       const x = Array.isArray(s.lods) ? (o = s.lods[t]) == null ? void 0 : o.path : s.lods;
       if (!x)
         return m && !s["missing:uri"] && (s["missing:uri"] = !0, console.warn("Missing uri for progressive asset for LOD " + t, s)), null;
-      const f = ke(n.url, x);
-      if (f.endsWith(".glb") || f.endsWith(".gltf")) {
+      const u = Ie(i.url, x);
+      if (u.endsWith(".glb") || u.endsWith(".gltf")) {
         if (!s.guid)
           return console.warn("missing pointer for glb/gltf texture", s), null;
-        const y = f + "_" + s.guid, M = this.previouslyLoaded.get(y);
-        if (M !== void 0) {
+        const y = u + "_" + s.guid, w = this.previouslyLoaded.get(y);
+        if (w !== void 0) {
           r && console.log(`LOD ${t} was already loading/loaded: ${y}`);
-          let g = await M.catch((C) => (console.error(`Error loading LOD ${t} from ${f}
-`, C), null)), z = !1;
-          if (g == null || (g instanceof K && e instanceof K ? (a = g.image) != null && a.data || (d = g.source) != null && d.data ? g = this.copySettings(e, g) : (z = !0, this.previouslyLoaded.delete(y)) : g instanceof re && e instanceof re && ((c = g.attributes.position) != null && c.array || (z = !0, this.previouslyLoaded.delete(y)))), !z)
-            return g;
+          let p = await w.catch((U) => (console.error(`Error loading LOD ${t} from ${u}
+`, U), null)), M = !1;
+          if (p == null || (p instanceof q && e instanceof q ? (a = p.image) != null && a.data || (d = p.source) != null && d.data ? p = this.copySettings(e, p) : (M = !0, this.previouslyLoaded.delete(y)) : p instanceof se && e instanceof se && ((c = p.attributes.position) != null && c.array || (M = !0, this.previouslyLoaded.delete(y)))), !M)
+            return p;
         }
-        const L = s, k = new Promise(async (g, z) => {
-          const C = new Ce();
-          we(C), m && (await new Promise((T) => setTimeout(T, 1e3)), r && console.warn("Start loading (delayed) " + f, L.guid));
-          let b = f;
+        const L = s, B = new Promise(async (p, M) => {
+          const U = new Ee();
+          _e(U), m && (await new Promise((S) => setTimeout(S, 1e3)), r && console.warn("Start loading (delayed) " + u, L.guid));
+          let k = u;
           if (L && Array.isArray(L.lods)) {
-            const T = L.lods[t];
-            T.hash && (b += "?v=" + T.hash);
+            const S = L.lods[t];
+            S.hash && (k += "?v=" + S.hash);
           }
-          const S = await C.loadAsync(b).catch((T) => (console.error(`Error loading LOD ${t} from ${f}
-`, T), null));
-          if (!S)
+          const _ = await U.loadAsync(k).catch((S) => (console.error(`Error loading LOD ${t} from ${u}
+`, S), null));
+          if (!_)
             return null;
-          const W = S.parser;
-          r && console.log("Loading finished " + f, L.guid);
+          const $ = _.parser;
+          r && console.log("Loading finished " + u, L.guid);
           let R = 0;
-          if (S.parser.json.textures) {
-            let T = !1;
-            for (const u of S.parser.json.textures) {
-              if (u != null && u.extensions) {
-                const p = u == null ? void 0 : u.extensions[G];
-                if (p != null && p.guid && p.guid === L.guid) {
-                  T = !0;
+          if (_.parser.json.textures) {
+            let S = !1;
+            for (const g of _.parser.json.textures) {
+              if (g != null && g.extensions) {
+                const h = g == null ? void 0 : g.extensions[F];
+                if (h != null && h.guid && h.guid === L.guid) {
+                  S = !0;
                   break;
                 }
               }
               R++;
             }
-            if (T) {
-              let u = await W.getDependency("texture", R);
-              return u && D.assignLODInformation(n.url, u, i, t, void 0, void 0), r && console.log('change "' + e.name + '" → "' + u.name + '"', f, R, u, y), e instanceof K && (u = this.copySettings(e, u)), u && (u.guid = L.guid), g(u);
+            if (S) {
+              let g = await $.getDependency("texture", R);
+              return g && v.assignLODInformation(i.url, g, n, t, void 0, void 0), r && console.log('change "' + e.name + '" → "' + g.name + '"', u, R, g, y), e instanceof q && (g = this.copySettings(e, g)), g && (g.guid = L.guid), p(g);
             } else
-              m && console.warn("Could not find texture with guid", L.guid, S.parser.json);
+              m && console.warn("Could not find texture with guid", L.guid, _.parser.json);
           }
-          if (R = 0, S.parser.json.meshes) {
-            let T = !1;
-            for (const u of S.parser.json.meshes) {
-              if (u != null && u.extensions) {
-                const p = u == null ? void 0 : u.extensions[G];
-                if (p != null && p.guid && p.guid === L.guid) {
-                  T = !0;
+          if (R = 0, _.parser.json.meshes) {
+            let S = !1;
+            for (const g of _.parser.json.meshes) {
+              if (g != null && g.extensions) {
+                const h = g == null ? void 0 : g.extensions[F];
+                if (h != null && h.guid && h.guid === L.guid) {
+                  S = !0;
                   break;
                 }
               }
               R++;
             }
-            if (T) {
-              const u = await W.getDependency("mesh", R), p = L;
-              if (r && console.log(`Loaded Mesh "${u.name}"`, f, R, u, y), u.isMesh === !0) {
-                const v = u.geometry;
-                return D.assignLODInformation(n.url, v, i, t, void 0, p.density), g(v);
+            if (S) {
+              const g = await $.getDependency("mesh", R), h = L;
+              if (r && console.log(`Loaded Mesh "${g.name}"`, u, R, g, y), g.isMesh === !0) {
+                const D = g.geometry;
+                return v.assignLODInformation(i.url, D, n, t, void 0, h.density), p(D);
               } else {
-                const v = new Array();
-                for (let _ = 0; _ < u.children.length; _++) {
-                  const A = u.children[_];
-                  if (A.isMesh === !0) {
-                    const F = A.geometry;
-                    D.assignLODInformation(n.url, F, i, t, _, p.density), v.push(F);
+                const D = new Array();
+                for (let b = 0; b < g.children.length; b++) {
+                  const T = g.children[b];
+                  if (T.isMesh === !0) {
+                    const A = T.geometry;
+                    v.assignLODInformation(i.url, A, n, t, b, h.density), D.push(A);
                   }
                 }
-                return g(v);
+                return p(D);
               }
             } else
-              m && console.warn("Could not find mesh with guid", L.guid, S.parser.json);
+              m && console.warn("Could not find mesh with guid", L.guid, _.parser.json);
           }
-          return g(null);
+          return p(null);
         });
-        return this.previouslyLoaded.set(y, k), await k;
-      } else if (e instanceof K) {
-        r && console.log("Load texture from uri: " + f);
-        const M = await new Te().loadAsync(f);
-        return M ? (M.guid = s.guid, M.flipY = !1, M.needsUpdate = !0, M.colorSpace = e.colorSpace, r && console.log(s, M)) : m && console.warn("failed loading", f), M;
+        return this.previouslyLoaded.set(y, B), await B;
+      } else if (e instanceof q) {
+        r && console.log("Load texture from uri: " + u);
+        const w = await new Ae().loadAsync(u);
+        return w ? (w.guid = s.guid, w.flipY = !1, w.needsUpdate = !0, w.colorSpace = e.colorSpace, r && console.log(s, w)) : m && console.warn("failed loading", u), w;
       }
     } else
-      m && console.warn(`Can not load LOD ${t}: no LOD info found for "${i}" ${e.name}`, e.type);
+      m && console.warn(`Can not load LOD ${t}: no LOD info found for "${n}" ${e.name}`, e.type);
     return null;
   }
-  static assignLODInformation(e, t, r, n, i, s) {
+  static assignLODInformation(e, t, r, i, n, s) {
     if (!t)
       return;
     t.userData || (t.userData = {});
-    const o = new $e(e, r, n, i, s);
+    const o = new ze(e, r, i, n, s);
     t.userData.LODS = o;
   }
   static getAssignedLODInformation(e) {
@@ -479,93 +479,94 @@ const D = class {
 `, t.uuid), t.offset = e.offset, t.repeat = e.repeat, t.colorSpace = e.colorSpace, t.magFilter = e.magFilter, t.minFilter = e.minFilter, t.wrapS = e.wrapS, t.wrapT = e.wrapT, t.flipY = e.flipY, t.anisotropy = e.anisotropy, t.mipmaps || (t.generateMipmaps = e.generateMipmaps), t;
   }
 };
-let O = D;
+let O = v;
 /**
  * Register a texture with LOD information
  */
-h(O, "registerTexture", (e, t, r, n, i) => {
-  if (m && console.log("> Progressive: register texture", n, t.name, t.uuid, t, i), !t) {
+f(O, "registerTexture", (e, t, r, i, n) => {
+  if (m && console.log("> Progressive: register texture", i, t.name, t.uuid, t, n), !t) {
     m && console.error("gltf-progressive: Register texture without texture");
     return;
   }
-  t.source && (t.source[oe] = i);
-  const s = i.guid;
-  D.assignLODInformation(e, t, s, r, n, void 0), D.lodInfos.set(s, i), D.lowresCache.set(s, t);
+  t.source && (t.source[ae] = n);
+  const s = n.guid;
+  v.assignLODInformation(e, t, s, r, i, void 0), v.lodInfos.set(s, n), v.lowresCache.set(s, t);
 }), /**
  * Register a mesh with LOD information
  */
-h(O, "registerMesh", (e, t, r, n, i, s) => {
+f(O, "registerMesh", (e, t, r, i, n, s) => {
   var d;
-  m && console.log("> Progressive: register mesh", i, r.name, s, r.uuid, r);
+  m && console.log("> Progressive: register mesh", n, r.name, s, r.uuid, r);
   const o = r.geometry;
   if (!o) {
     m && console.warn("gltf-progressive: Register mesh without geometry");
     return;
   }
-  o.userData || (o.userData = {}), D.assignLODInformation(e, o, t, n, i, s.density), D.lodInfos.set(t, s);
-  let a = D.lowresCache.get(t);
-  a ? a.push(r.geometry) : a = [r.geometry], D.lowresCache.set(t, a), n > 0 && !ge(r) && Ge(r, o);
-  for (const c of $)
+  o.userData || (o.userData = {}), v.assignLODInformation(e, o, t, i, n, s.density), v.lodInfos.set(t, s);
+  let a = v.lowresCache.get(t);
+  a ? a.push(r.geometry) : a = [r.geometry], v.lowresCache.set(t, a), i > 0 && !pe(r) && Fe(r, o);
+  for (const c of z)
     (d = c.onRegisteredNewMesh) == null || d.call(c, r, s);
 }), /** A map of key = asset uuid and value = LOD information */
-h(O, "lodInfos", /* @__PURE__ */ new Map()), /** cache of already loaded mesh lods */
-h(O, "previouslyLoaded", /* @__PURE__ */ new Map()), /** this contains the geometry/textures that were originally loaded */
-h(O, "lowresCache", /* @__PURE__ */ new Map());
-class $e {
-  constructor(e, t, r, n, i) {
-    h(this, "url");
+f(O, "lodInfos", /* @__PURE__ */ new Map()), /** cache of already loaded mesh lods */
+f(O, "previouslyLoaded", /* @__PURE__ */ new Map()), /** this contains the geometry/textures that were originally loaded */
+f(O, "lowresCache", /* @__PURE__ */ new Map());
+class ze {
+  constructor(e, t, r, i, n) {
+    f(this, "url");
     /** the key to lookup the LOD information */
-    h(this, "key");
-    h(this, "level");
+    f(this, "key");
+    f(this, "level");
     /** For multi objects (e.g. a group of meshes) this is the index of the object */
-    h(this, "index");
+    f(this, "index");
     /** the mesh density */
-    h(this, "density");
-    this.url = e, this.key = t, this.level = r, n != null && (this.index = n), i != null && (this.density = i);
+    f(this, "density");
+    this.url = e, this.key = t, this.level = r, i != null && (this.index = i), n != null && (this.density = n);
   }
 }
-const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LODSManager"), le = Symbol("Needle:LODState"), N = Symbol("Needle:CurrentLOD"), B = { mesh_lod: -1, texture_lod: -1 }, P = class {
+const N = Z("debugprogressive"), Ue = Z("noprogressive"), le = Symbol("Needle:LODSManager"), ce = Symbol("Needle:LODState"), V = Symbol("Needle:CurrentLOD"), C = { mesh_lod: -1, texture_lod: -1 }, P = class {
   // readonly plugins: NEEDLE_progressive_plugin[] = [];
   constructor(e, t) {
-    h(this, "context");
-    h(this, "renderer");
-    h(this, "projectionScreenMatrix", new pe());
-    h(this, "cameraFrustrum", new Ae());
+    f(this, "context");
+    f(this, "renderer");
+    f(this, "projectionScreenMatrix", new ye());
+    f(this, "cameraFrustrum", new Pe());
     /**
      * The target triangle density is the desired max amount of triangles on screen when the mesh is filling the screen.  
      * @default 200_000
      */
-    h(this, "targetTriangleDensity", 2e5);
+    f(this, "targetTriangleDensity", 2e5);
     /**
      * The update interval in frames. If set to 0, the LODs will be updated every frame. If set to 1, the LODs will be updated every second frame, etc.
      */
-    h(this, "updateInterval", 0);
+    f(this, "updateInterval", 0);
     /**
      * If set to true, the LODsManager will not update the LODs.
      */
-    h(this, "pause", !1);
-    h(this, "_frame", 0);
-    h(this, "_originalRender");
+    f(this, "pause", !1);
+    f(this, "_lodchangedlisteners", []);
+    f(this, "_frame", 0);
+    f(this, "_originalRender");
     // private testIfLODLevelsAreAvailable() {
-    h(this, "_sphere", new Pe());
-    h(this, "_tempBox", new ye());
-    h(this, "_tempBox2", new ye());
-    h(this, "tempMatrix", new pe());
-    h(this, "_tempWorldPosition", new I());
-    h(this, "_tempBoxSize", new I());
-    h(this, "_tempBox2Size", new I());
+    f(this, "_sphere", new Ce());
+    f(this, "_tempBox", new me());
+    f(this, "_tempBox2", new me());
+    f(this, "tempMatrix", new ye());
+    f(this, "_tempWorldPosition", new G());
+    f(this, "_tempBoxSize", new G());
+    f(this, "_tempBox2Size", new G());
     this.renderer = e, this.context = { ...t };
   }
   /** @internal */
   static getObjectLODState(e) {
-    return e[le];
+    return e[ce];
   }
   static addPlugin(e) {
-    $.push(e);
+    z.push(e);
   }
   static removePlugin(e) {
-    const t = $.indexOf(e);
-    t >= 0 && $.splice(t, 1);
+    const t = z.indexOf(e);
+    t >= 0 && z.splice(t, 1);
   }
   /**
    * Gets the LODsManager for the given renderer. If the LODsManager does not exist yet, it will be created.  
@@ -573,17 +574,20 @@ const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LO
    * @returns The LODsManager instance.
    */
   static get(e, t) {
-    if (e[ae])
-      return console.debug("[gltf-progressive] LODsManager already exists for this renderer"), e[ae];
+    if (e[le])
+      return console.debug("[gltf-progressive] LODsManager already exists for this renderer"), e[le];
     const r = new P(e, {
       engine: "unknown",
       ...t
     });
-    return e[ae] = r, r;
+    return e[le] = r, r;
   }
   /** @deprecated use static `LODsManager.addPlugin()` method. This getter will be removed in later versions */
   get plugins() {
-    return $;
+    return z;
+  }
+  addEventListener(e, t) {
+    e === "changed" && this._lodchangedlisteners.push(t);
   }
   /**
    * Enable the LODsManager. This will replace the render method of the renderer with a method that updates the LODs.
@@ -595,38 +599,38 @@ const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LO
     let e = 0;
     this._originalRender = this.renderer.render;
     const t = this;
-    De(this.renderer), this.renderer.render = function(r, n) {
+    we(this.renderer), this.renderer.render = function(r, i) {
       t.renderer.getRenderTarget() == null && (e = 0, t._frame += 1);
       const s = t._frame, o = e++;
-      t.onBeforeRender(r, n, o, s), t._originalRender.call(this, r, n), t.onAfterRender(r, n, o, s);
+      t.onBeforeRender(r, i, o, s), t._originalRender.call(this, r, i), t.onAfterRender(r, i, o, s);
     };
   }
   disable() {
     this._originalRender && (this.renderer.render = this._originalRender, this._originalRender = void 0);
   }
-  onBeforeRender(e, t, r, n) {
+  onBeforeRender(e, t, r, i) {
   }
-  onAfterRender(e, t, r, n) {
+  onAfterRender(e, t, r, i) {
     var a, d;
     if (this.pause)
       return;
-    const i = this.renderer.renderLists.get(e, 0), s = i.opaque;
+    const n = this.renderer.renderLists.get(e, 0), s = n.opaque;
     let o = !0;
     if (s.length === 1) {
       const c = s[0].material;
       (c.name === "EffectMaterial" || c.name === "CopyShader") && (o = !1);
     }
     if ((t.parent && t.parent.type === "CubeCamera" || r >= 1 && t.type === "OrthographicCamera") && (o = !1), o) {
-      if (ze || this.updateInterval > 0 && n % this.updateInterval != 0)
+      if (Ue || this.updateInterval > 0 && i % this.updateInterval != 0)
         return;
       this.projectionScreenMatrix.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse), this.cameraFrustrum.setFromProjectionMatrix(this.projectionScreenMatrix, this.renderer.coordinateSystem);
       const c = this.targetTriangleDensity;
-      for (const f of s) {
-        if (f.material && (((a = f.geometry) == null ? void 0 : a.type) === "BoxGeometry" || ((d = f.geometry) == null ? void 0 : d.type) === "BufferGeometry") && (f.material.name === "SphericalGaussianBlur" || f.material.name == "BackgroundCubeMaterial" || f.material.name === "CubemapFromEquirect" || f.material.name === "EquirectangularToCubeUV")) {
-          U && (f.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] || (f.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] = !0, console.warn("Ignoring skybox or BLIT object", f, f.material.name, f.material.type)));
+      for (const u of s) {
+        if (u.material && (((a = u.geometry) == null ? void 0 : a.type) === "BoxGeometry" || ((d = u.geometry) == null ? void 0 : d.type) === "BufferGeometry") && (u.material.name === "SphericalGaussianBlur" || u.material.name == "BackgroundCubeMaterial" || u.material.name === "CubemapFromEquirect" || u.material.name === "EquirectangularToCubeUV")) {
+          N && (u.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] || (u.material["NEEDLE_PROGRESSIVE:IGNORE-WARNING"] = !0, console.warn("Ignoring skybox or BLIT object", u, u.material.name, u.material.type)));
           continue;
         }
-        switch (f.material.type) {
+        switch (u.material.type) {
           case "LineBasicMaterial":
           case "LineDashedMaterial":
           case "PointsMaterial":
@@ -635,34 +639,34 @@ const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LO
           case "MeshDepthMaterial":
             continue;
         }
-        const y = f.object;
-        (y instanceof V || y.isMesh) && this.updateLODs(e, t, y, c, n);
+        const y = u.object;
+        (y instanceof W || y.isMesh) && this.updateLODs(e, t, y, c, i);
       }
-      const x = i.transparent;
-      for (const f of x) {
-        const y = f.object;
-        (y instanceof V || y.isMesh) && this.updateLODs(e, t, y, c, n);
+      const x = n.transparent;
+      for (const u of x) {
+        const y = u.object;
+        (y instanceof W || y.isMesh) && this.updateLODs(e, t, y, c, i);
       }
     }
   }
   /** Update the LOD levels for the renderer. */
-  updateLODs(e, t, r, n, i) {
+  updateLODs(e, t, r, i, n) {
     var a, d;
     r.userData || (r.userData = {});
-    let s = r[le];
-    if (s || (s = new Ue(), r[le] = s), s.frames++ < 2)
+    let s = r[ce];
+    if (s || (s = new Ne(), r[ce] = s), s.frames++ < 2)
       return;
-    for (const c of $)
+    for (const c of z)
       (a = c.onBeforeUpdateLOD) == null || a.call(c, this.renderer, e, t, r);
-    this.calculateLodLevel(t, r, s, n, B), B.mesh_lod = Math.round(B.mesh_lod), B.texture_lod = Math.round(B.texture_lod), B.mesh_lod >= 0 && this.loadProgressiveMeshes(r, B.mesh_lod);
-    let o = B.texture_lod;
+    this.calculateLodLevel(t, r, s, i, C), C.mesh_lod = Math.round(C.mesh_lod), C.texture_lod = Math.round(C.texture_lod), C.mesh_lod >= 0 && this.loadProgressiveMeshes(r, C.mesh_lod);
+    let o = C.texture_lod;
     if (r.material && o >= 0) {
       const c = r["DEBUG:LOD"];
       c != null && (o = c), this.loadProgressiveTextures(r.material, o);
     }
-    for (const c of $)
-      (d = c.onAfterUpdatedLOD) == null || d.call(c, this.renderer, e, t, r, B);
-    s.lastLodLevel_Mesh = B.mesh_lod, s.lastLodLevel_Texture = B.texture_lod;
+    for (const c of z)
+      (d = c.onAfterUpdatedLOD) == null || d.call(c, this.renderer, e, t, r, C);
+    s.lastLodLevel_Mesh = C.mesh_lod, s.lastLodLevel_Texture = C.texture_lod;
   }
   /** Load progressive textures for the given material
    * @param material the material to load the textures for
@@ -673,12 +677,14 @@ const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LO
     if (!e)
       return;
     if (Array.isArray(e)) {
-      for (const n of e)
-        this.loadProgressiveTextures(n, t);
+      for (const i of e)
+        this.loadProgressiveTextures(i, t);
       return;
     }
     let r = !1;
-    (e[N] === void 0 || t < e[N]) && (r = !0), r && (e[N] = t, O.assignTextureLOD(e, t));
+    (e[V] === void 0 || t < e[V]) && (r = !0), r && (e[V] = t, O.assignTextureLOD(e, t).then((i) => {
+      this._lodchangedlisteners.forEach((n) => n({ type: "texture", level: t, object: e }));
+    }));
   }
   /** Load progressive meshes for the given mesh
    * @param mesh the mesh to load the LOD for
@@ -689,110 +695,113 @@ const U = Q("debugprogressive"), ze = Q("noprogressive"), ae = Symbol("Needle:LO
   loadProgressiveMeshes(e, t) {
     if (!e)
       return Promise.resolve(null);
-    if (e[N] !== t) {
-      e[N] = t;
+    if (e[V] !== t) {
+      e[V] = t;
       const r = e.geometry;
-      return O.assignMeshLOD(e, t).then((n) => (n && e[N] == t && r != e.geometry, n));
+      return O.assignMeshLOD(e, t).then((i) => (i && e[V] == t && r != e.geometry && this._lodchangedlisteners.forEach((n) => n({ type: "mesh", level: t, object: e })), i));
     }
     return Promise.resolve(null);
   }
   static isInside(e, t) {
-    const r = e.min, n = e.max, i = (r.x + n.x) * 0.5, s = (r.y + n.y) * 0.5;
-    return this._tempPtInside.set(i, s, r.z).applyMatrix4(t).z < 0;
+    const r = e.min, i = e.max, n = (r.x + i.x) * 0.5, s = (r.y + i.y) * 0.5;
+    return this._tempPtInside.set(n, s, r.z).applyMatrix4(t).z < 0;
   }
-  calculateLodLevel(e, t, r, n, i) {
-    var k;
+  calculateLodLevel(e, t, r, i, n) {
+    var B, I;
     if (!t) {
-      i.mesh_lod = -1, i.texture_lod = -1;
+      n.mesh_lod = -1, n.texture_lod = -1;
       return;
     }
     if (!e) {
-      i.mesh_lod = -1, i.texture_lod = -1;
+      n.mesh_lod = -1, n.texture_lod = -1;
       return;
     }
     let o = 10 + 1, a = !1;
-    if (U && t["DEBUG:LOD"] != null)
+    if (N && t["DEBUG:LOD"] != null)
       return t["DEBUG:LOD"];
-    const d = O.getMeshLODInformation(t.geometry), c = d == null ? void 0 : d.lods, x = c && c.length > 0, f = O.getMaterialMinMaxLODsCount(t.material), y = (f == null ? void 0 : f.min_count) != 1 / 0 && f.min_count > 0 && f.max_count > 0;
+    const d = O.getMeshLODInformation(t.geometry), c = d == null ? void 0 : d.lods, x = c && c.length > 0, u = O.getMaterialMinMaxLODsCount(t.material), y = (u == null ? void 0 : u.min_count) != 1 / 0 && u.min_count > 0 && u.max_count > 0;
     if (!x && !y) {
-      i.mesh_lod = 0, i.texture_lod = 0;
+      n.mesh_lod = 0, n.texture_lod = 0;
       return;
     }
-    if (x || (a = !0, o = 0), !((k = this.cameraFrustrum) != null && k.intersectsObject(t))) {
-      i.mesh_lod = 99, i.texture_lod = 99;
+    if (x || (a = !0, o = 0), !((B = this.cameraFrustrum) != null && B.intersectsObject(t))) {
+      n.mesh_lod = 99, n.texture_lod = 99;
       return;
     }
-    const M = this.renderer.domElement.clientHeight || this.renderer.domElement.height;
+    const w = this.renderer.domElement.clientHeight || this.renderer.domElement.height;
     let L = t.geometry.boundingBox;
     if (t.type === "SkinnedMesh") {
-      const w = t;
-      w.boundingBox || w.computeBoundingBox(), L = w.boundingBox;
+      const p = t;
+      p.boundingBox || p.computeBoundingBox(), L = p.boundingBox;
     }
     if (L && e.isPerspectiveCamera) {
-      const w = e;
+      const p = e;
       if (t.geometry.attributes.color && t.geometry.attributes.color.count < 100 && t.geometry.boundingSphere) {
         this._sphere.copy(t.geometry.boundingSphere), this._sphere.applyMatrix4(t.matrixWorld);
-        const u = e.getWorldPosition(this._tempWorldPosition);
-        if (this._sphere.containsPoint(u)) {
-          i.mesh_lod = 0, i.texture_lod = 0;
+        const h = e.getWorldPosition(this._tempWorldPosition);
+        if (this._sphere.containsPoint(h)) {
+          n.mesh_lod = 0, n.texture_lod = 0;
           return;
         }
       }
       if (this._tempBox.copy(L), this._tempBox.applyMatrix4(t.matrixWorld), P.isInside(this._tempBox, this.projectionScreenMatrix)) {
-        i.mesh_lod = 0, i.texture_lod = 0;
+        n.mesh_lod = 0, n.texture_lod = 0;
         return;
       }
-      if (this._tempBox.applyMatrix4(this.projectionScreenMatrix), this.renderer.xr.enabled && w.fov > 70) {
-        const u = this._tempBox.min, p = this._tempBox.max;
-        let v = u.x, _ = u.y, A = p.x, F = p.y;
-        const Z = 2, ie = 1.5, j = (u.x + p.x) * 0.5, ee = (u.y + p.y) * 0.5;
-        v = (v - j) * Z + j, _ = (_ - ee) * Z + ee, A = (A - j) * Z + j, F = (F - ee) * Z + ee;
-        const ve = v < 0 && A > 0 ? 0 : Math.min(Math.abs(u.x), Math.abs(p.x)), Oe = _ < 0 && F > 0 ? 0 : Math.min(Math.abs(u.y), Math.abs(p.y)), ne = Math.max(ve, Oe);
-        r.lastCentrality = (ie - ne) * (ie - ne) * (ie - ne);
+      if (this._tempBox.applyMatrix4(this.projectionScreenMatrix), this.renderer.xr.enabled && p.fov > 70) {
+        const h = this._tempBox.min, D = this._tempBox.max;
+        let b = h.x, T = h.y, A = D.x, K = D.y;
+        const j = 2, ne = 1.5, ee = (h.x + D.x) * 0.5, te = (h.y + D.y) * 0.5;
+        b = (b - ee) * j + ee, T = (T - te) * j + te, A = (A - ee) * j + ee, K = (K - te) * j + te;
+        const ve = b < 0 && A > 0 ? 0 : Math.min(Math.abs(h.x), Math.abs(D.x)), Oe = T < 0 && K > 0 ? 0 : Math.min(Math.abs(h.y), Math.abs(D.y)), oe = Math.max(ve, Oe);
+        r.lastCentrality = (ne - oe) * (ne - oe) * (ne - oe);
       } else
         r.lastCentrality = 1;
-      const g = this._tempBox.getSize(this._tempBoxSize);
-      g.multiplyScalar(0.5), screen.availHeight > 0 && M > 0 && g.multiplyScalar(M / screen.availHeight), g.x *= w.aspect;
-      const z = e.matrixWorldInverse, C = this._tempBox2;
-      C.copy(L), C.applyMatrix4(t.matrixWorld), C.applyMatrix4(z);
-      const b = C.getSize(this._tempBox2Size), S = Math.max(b.x, b.y);
-      if (Math.max(g.x, g.y) != 0 && S != 0 && (g.z = b.z / Math.max(b.x, b.y) * Math.max(g.x, g.y)), r.lastScreenCoverage = Math.max(g.x, g.y, g.z), r.lastScreenspaceVolume.copy(g), r.lastScreenCoverage *= r.lastCentrality, U && P.debugDrawLine) {
-        const u = this.tempMatrix.copy(this.projectionScreenMatrix);
-        u.invert();
-        const p = P.corner0, v = P.corner1, _ = P.corner2, A = P.corner3;
-        p.copy(this._tempBox.min), v.copy(this._tempBox.max), v.x = p.x, _.copy(this._tempBox.max), _.y = p.y, A.copy(this._tempBox.max);
-        const F = (p.z + A.z) * 0.5;
-        p.z = v.z = _.z = A.z = F, p.applyMatrix4(u), v.applyMatrix4(u), _.applyMatrix4(u), A.applyMatrix4(u), P.debugDrawLine(p, v, 255), P.debugDrawLine(p, _, 255), P.debugDrawLine(v, A, 255), P.debugDrawLine(_, A, 255);
+      const M = this._tempBox.getSize(this._tempBoxSize);
+      M.multiplyScalar(0.5), screen.availHeight > 0 && w > 0 && M.multiplyScalar(w / screen.availHeight), M.x *= p.aspect;
+      const U = e.matrixWorldInverse, k = this._tempBox2;
+      k.copy(L), k.applyMatrix4(t.matrixWorld), k.applyMatrix4(U);
+      const _ = k.getSize(this._tempBox2Size), $ = Math.max(_.x, _.y);
+      if (Math.max(M.x, M.y) != 0 && $ != 0 && (M.z = _.z / Math.max(_.x, _.y) * Math.max(M.x, M.y)), r.lastScreenCoverage = Math.max(M.x, M.y, M.z), r.lastScreenspaceVolume.copy(M), r.lastScreenCoverage *= r.lastCentrality, N && P.debugDrawLine) {
+        const h = this.tempMatrix.copy(this.projectionScreenMatrix);
+        h.invert();
+        const D = P.corner0, b = P.corner1, T = P.corner2, A = P.corner3;
+        D.copy(this._tempBox.min), b.copy(this._tempBox.max), b.x = D.x, T.copy(this._tempBox.max), T.y = D.y, A.copy(this._tempBox.max);
+        const K = (D.z + A.z) * 0.5;
+        D.z = b.z = T.z = A.z = K, D.applyMatrix4(h), b.applyMatrix4(h), T.applyMatrix4(h), A.applyMatrix4(h), P.debugDrawLine(D, b, 255), P.debugDrawLine(D, T, 255), P.debugDrawLine(b, A, 255), P.debugDrawLine(T, A, 255);
       }
-      let R = 999;
+      let S = 999;
       if (c && r.lastScreenCoverage > 0) {
-        for (let u = 0; u < c.length; u++)
-          if (c[u].density / r.lastScreenCoverage < n) {
-            R = u;
+        for (let h = 0; h < c.length; h++)
+          if (c[h].density / r.lastScreenCoverage < i) {
+            S = h;
             break;
           }
       }
-      R < o && (o = R, a = !0);
+      S < o && (o = S, a = !0);
     }
-    if (a ? i.mesh_lod = o : i.mesh_lod = r.lastLodLevel_Mesh, U && i.mesh_lod != r.lastLodLevel_Mesh) {
-      const g = c == null ? void 0 : c[i.mesh_lod];
-      g && console.log(`Mesh LOD changed: ${r.lastLodLevel_Mesh} → ${i.mesh_lod} (${g.density.toFixed(0)}) - ${t.name}`);
+    if (a ? n.mesh_lod = o : n.mesh_lod = r.lastLodLevel_Mesh, N && n.mesh_lod != r.lastLodLevel_Mesh) {
+      const M = c == null ? void 0 : c[n.mesh_lod];
+      M && console.log(`Mesh LOD changed: ${r.lastLodLevel_Mesh} → ${n.mesh_lod} (${M.density.toFixed(0)}) - ${t.name}`);
     }
     if (y)
       if (r.lastLodLevel_Texture < 0) {
-        if (i.texture_lod = f.max_count - 1, U) {
-          const w = f.lods[f.max_count - 1];
-          U && console.log(`First Texture LOD ${i.texture_lod} (${w.max_height}px) - ${t.name}`);
+        if (n.texture_lod = u.max_count - 1, N) {
+          const p = u.lods[u.max_count - 1];
+          N && console.log(`First Texture LOD ${n.texture_lod} (${p.max_height}px) - ${t.name}`);
         }
       } else {
-        const w = r.lastScreenspaceVolume.x + r.lastScreenspaceVolume.y + r.lastScreenspaceVolume.z, g = r.lastScreenCoverage * 2, C = M / window.devicePixelRatio * g;
-        for (let b = f.lods.length - 1; b >= 0; b--) {
-          let S = f.lods[b];
-          if (!(Ie() && S.max_height > 4096) && S.max_height > C) {
-            if (i.texture_lod = b, i.texture_lod < r.lastLodLevel_Texture) {
-              const W = S.max_height;
-              U && console.log(`Texture LOD changed: ${r.lastLodLevel_Texture} → ${i.texture_lod} = ${W}px 
-Screensize: ${C.toFixed(0)}px, Coverage: ${(100 * r.lastScreenCoverage).toFixed(2)}%, Volume ${w.toFixed(1)} 
+        const p = r.lastScreenspaceVolume.x + r.lastScreenspaceVolume.y + r.lastScreenspaceVolume.z;
+        let M = r.lastScreenCoverage * 2;
+        ((I = this.context) == null ? void 0 : I.engine) === "model-viewer" && (M *= 2);
+        const k = w / window.devicePixelRatio * M;
+        for (let _ = u.lods.length - 1; _ >= 0; _--) {
+          let $ = u.lods[_];
+          if (!(Ge() && $.max_height > 4096) && $.max_height > k) {
+            if (n.texture_lod = _, n.texture_lod < r.lastLodLevel_Texture) {
+              const R = $.max_height;
+              N && console.log(`Texture LOD changed: ${r.lastLodLevel_Texture} → ${n.texture_lod} = ${R}px 
+Screensize: ${k.toFixed(0)}px, Coverage: ${(100 * r.lastScreenCoverage).toFixed(2)}%, Volume ${p.toFixed(1)} 
 ${t.name}`);
             }
             break;
@@ -800,66 +809,74 @@ ${t.name}`);
         }
       }
     else
-      i.texture_lod = 0;
+      n.texture_lod = 0;
   }
 };
 let E = P;
 /** 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.
  */
-h(E, "debugDrawLine"), h(E, "corner0", new I()), h(E, "corner1", new I()), h(E, "corner2", new I()), h(E, "corner3", new I()), h(E, "_tempPtInside", new I());
-class Ue {
+f(E, "debugDrawLine"), f(E, "corner0", new G()), f(E, "corner1", new G()), f(E, "corner2", new G()), f(E, "corner3", new G()), f(E, "_tempPtInside", new G());
+class Ne {
   constructor() {
-    h(this, "frames", 0);
-    h(this, "lastLodLevel_Mesh", -1);
-    h(this, "lastLodLevel_Texture", -1);
-    h(this, "lastScreenCoverage", 0);
-    h(this, "lastScreenspaceVolume", new I());
-    h(this, "lastCentrality", 0);
+    f(this, "frames", 0);
+    f(this, "lastLodLevel_Mesh", -1);
+    f(this, "lastLodLevel_Texture", -1);
+    f(this, "lastScreenCoverage", 0);
+    f(this, "lastScreenspaceVolume", new G());
+    f(this, "lastCentrality", 0);
   }
 }
-const xe = Symbol("NEEDLE_mesh_lod"), te = Symbol("NEEDLE_texture_lod");
-function Ne() {
-  document.removeEventListener("DOMContentLoaded", ce), document.addEventListener("DOMContentLoaded", ce), ce();
+const Le = Symbol("NEEDLE_mesh_lod"), re = Symbol("NEEDLE_texture_lod");
+function Ve() {
+  document.removeEventListener("DOMContentLoaded", ue), document.addEventListener("DOMContentLoaded", ue), ue();
 }
-function ce() {
+function ue() {
   document.querySelectorAll("model-viewer").forEach((e, t) => {
-    Ve(e, t);
+    We(e, t);
   });
 }
-const Le = /* @__PURE__ */ new WeakSet();
-function Ve(l, e) {
-  if (!l || Le.has(l))
+const Me = /* @__PURE__ */ new WeakSet();
+function We(l, e) {
+  if (!l || Me.has(l))
     return null;
-  Le.add(l), console.debug("[gltf-progressive] found model-viewer..." + e);
-  let t = null, r = null, n = null;
-  for (let i = l; i != null; i = Object.getPrototypeOf(i)) {
-    const s = Object.getOwnPropertySymbols(i), o = s.find((c) => c.toString() == "Symbol(renderer)"), a = s.find((c) => c.toString() == "Symbol(scene)"), d = s.find((c) => c.toString() == "Symbol(needsRender)");
-    !t && o != null && (t = l[o].threeRenderer), !r && a != null && (r = l[a]), !n && d != null && (n = l[d]);
+  Me.add(l), console.debug("[gltf-progressive] found model-viewer..." + e);
+  let t = null, r = null, i = null;
+  for (let n = l; n != null; n = Object.getPrototypeOf(n)) {
+    const s = Object.getOwnPropertySymbols(n), o = s.find((c) => c.toString() == "Symbol(renderer)"), a = s.find((c) => c.toString() == "Symbol(scene)"), d = s.find((c) => c.toString() == "Symbol(needsRender)");
+    !t && o != null && (t = l[o].threeRenderer), !r && a != null && (r = l[a]), !i && d != null && (i = l[d]);
   }
   if (t && r) {
+    let n = function() {
+      if (i) {
+        let o = 0, a = setInterval(() => {
+          if (o++ > 5) {
+            clearInterval(a);
+            return;
+          }
+          i == null || i.call(l);
+        }, 300);
+      }
+    };
     console.debug("[gltf-progressive] setup model-viewer");
-    const i = E.get(t, { engine: "model-viewer" });
-    if (E.addPlugin(new We()), i.enable(), r && n) {
-      let s = 0, o = setInterval(() => {
-        if (s++ > 10) {
-          clearInterval(o);
-          return;
-        }
-        n == null || n.call(l);
-      }, 150);
-    }
-    return () => {
-      i.disable();
+    const s = E.get(t, { engine: "model-viewer" });
+    return E.addPlugin(new Ke()), s.enable(), s.addEventListener("changed", () => {
+      i == null || i.call(l);
+    }), l.addEventListener("model-visibility", (o) => {
+      o.detail.visible && (i == null || i.call(l));
+    }), l.addEventListener("load", () => {
+      n();
+    }), () => {
+      s.disable();
     };
   }
   return null;
 }
-class We {
+class Ke {
   constructor() {
-    h(this, "_didWarnAboutMissingUrl", !1);
+    f(this, "_didWarnAboutMissingUrl", !1);
   }
-  onBeforeUpdateLOD(e, t, r, n) {
-    this.tryParseMeshLOD(t, n), this.tryParseTextureLOD(t, n);
+  onBeforeUpdateLOD(e, t, r, i) {
+    this.tryParseMeshLOD(t, i), this.tryParseTextureLOD(t, i);
   }
   getUrl(e) {
     if (!e)
@@ -874,31 +891,31 @@ class We {
     return e.element;
   }
   tryParseTextureLOD(e, t) {
-    if (t[te] == !0)
+    if (t[re] == !0)
       return;
-    t[te] = !0;
-    const r = this.tryGetCurrentGLTF(e), n = this.tryGetCurrentModelViewer(e), i = this.getUrl(n);
-    if (i && r && t.material) {
+    t[re] = !0;
+    const r = this.tryGetCurrentGLTF(e), i = this.tryGetCurrentModelViewer(e), n = this.getUrl(i);
+    if (n && r && t.material) {
       let s = function(a) {
-        var c, x, f;
-        if (a[te] == !0)
+        var c, x, u;
+        if (a[re] == !0)
           return;
-        a[te] = !0, a.userData && (a.userData.LOD = -1);
+        a[re] = !0, a.userData && (a.userData.LOD = -1);
         const d = Object.keys(a);
         for (let y = 0; y < d.length; y++) {
-          const M = d[y], L = a[M];
+          const w = d[y], L = a[w];
           if ((L == null ? void 0 : L.isTexture) === !0) {
-            const k = (x = (c = L.userData) == null ? void 0 : c.associations) == null ? void 0 : x.textures;
-            if (k == null)
+            const B = (x = (c = L.userData) == null ? void 0 : c.associations) == null ? void 0 : x.textures;
+            if (B == null)
               continue;
-            const w = r.parser.json.textures[k];
-            if (!w) {
-              console.warn("Texture data not found for texture index " + k);
+            const I = r.parser.json.textures[B];
+            if (!I) {
+              console.warn("Texture data not found for texture index " + B);
               continue;
             }
-            if ((f = w == null ? void 0 : w.extensions) != null && f[G]) {
-              const g = w.extensions[G];
-              g && i && O.registerTexture(i, L, g.lods.length, k, g);
+            if ((u = I == null ? void 0 : I.extensions) != null && u[F]) {
+              const p = I.extensions[F];
+              p && n && O.registerTexture(n, L, p.lods.length, B, p);
             }
           }
         }
@@ -913,37 +930,37 @@ class We {
   }
   tryParseMeshLOD(e, t) {
     var s, o;
-    if (t[xe] == !0)
+    if (t[Le] == !0)
       return;
-    t[xe] = !0;
-    const r = this.tryGetCurrentModelViewer(e), n = this.getUrl(r);
-    if (!n)
+    t[Le] = !0;
+    const r = this.tryGetCurrentModelViewer(e), i = this.getUrl(r);
+    if (!i)
       return;
-    const i = (o = (s = t.userData) == null ? void 0 : s.gltfExtensions) == null ? void 0 : o[G];
-    if (i && n) {
+    const n = (o = (s = t.userData) == null ? void 0 : s.gltfExtensions) == null ? void 0 : o[F];
+    if (n && i) {
       const a = t.uuid;
-      O.registerMesh(n, a, t, 0, i.lods.length, i);
+      O.registerMesh(i, a, t, 0, n.lods.length, n);
     }
   }
 }
-Ne();
-function et(l, e, t, r) {
-  De(e), we(t), t.register((i) => new O(i, l));
-  const n = E.get(e);
-  return (r == null ? void 0 : r.enableLODsManager) !== !1 && n.enable(), n;
+Ve();
+function tt(l, e, t, r) {
+  we(e), _e(t), t.register((n) => new O(n, l));
+  const i = E.get(e);
+  return (r == null ? void 0 : r.enableLODsManager) !== !1 && i.enable(), i;
 }
 export {
-  G as EXTENSION_NAME,
+  F as EXTENSION_NAME,
   E as LODsManager,
   O as NEEDLE_progressive,
-  Me as VERSION,
-  we as addDracoAndKTX2Loaders,
-  De as createLoaders,
-  ge as getRaycastMesh,
-  Ne as patchModelViewer,
-  Qe as setDracoDecoderLocation,
-  Ze as setKTX2TranscoderLocation,
-  Ge as setRaycastMesh,
-  et as useNeedleProgressive,
-  je as useRaycastMeshes
+  De as VERSION,
+  _e as addDracoAndKTX2Loaders,
+  we as createLoaders,
+  pe as getRaycastMesh,
+  Ve as patchModelViewer,
+  Ze as setDracoDecoderLocation,
+  je as setKTX2TranscoderLocation,
+  Fe as setRaycastMesh,
+  tt as useNeedleProgressive,
+  et as useRaycastMeshes
 };