@needle-tools/gltf-progressive 1.0.0-alpha.6 → 1.0.0-alpha.8

package/gltf-progressive.js

@@ -1,24 +1,24 @@
-var ne = Object.defineProperty;
-var ae = (l, e, t) => e in l ? ne(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var oe = Object.defineProperty;
+var ae = (l, e, t) => e in l ? oe(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
 var u = (l, e, t) => (ae(l, typeof e != "symbol" ? e + "" : e, t), t);
-import { Mesh as Y, BufferGeometry as X, Material as le, RawShaderMaterial as ue, Texture as z, TextureLoader as ce, Matrix4 as Z, Frustum as fe, Sphere as de, Box3 as j, Vector3 as C } from "three";
+import { Mesh as q, BufferGeometry as X, Material as le, RawShaderMaterial as ue, Texture as U, TextureLoader as ce, Matrix4 as j, Frustum as fe, Sphere as de, Box3 as ee, Vector3 as k } from "three";
 import { GLTFLoader as ge } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { MeshoptDecoder as he } from "three/examples/jsm/libs/meshopt_decoder.module.js";
 import { DRACOLoader as pe } from "three/examples/jsm/loaders/DRACOLoader.js";
 import { KTX2Loader as ye } from "three/examples/jsm/loaders/KTX2Loader.js";
-const Le = "https://www.gstatic.com/draco/versioned/decoders/1.4.1/", De = "https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/";
-let U, V, I;
+const me = "https://www.gstatic.com/draco/versioned/decoders/1.4.1/", Le = "https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/";
+let F, H, W;
 function se(l) {
-  U || (U = new pe(), U.setDecoderPath(Le), U.setDecoderConfig({ type: "js" })), I || (I = new ye(), I.setTranscoderPath(De)), V || (V = he), l ? I.detectSupport(l) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail");
+  F || (F = new pe(), F.setDecoderPath(me), F.setDecoderConfig({ type: "js" })), W || (W = new ye(), W.setTranscoderPath(Le)), H || (H = he), l ? W.detectSupport(l) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail");
 }
 function ie(l) {
-  l.dracoLoader || l.setDRACOLoader(U), l.ktx2Loader || l.setKTX2Loader(I), l.meshoptDecoder || l.setMeshoptDecoder(V);
+  l.dracoLoader || l.setDRACOLoader(F), l.ktx2Loader || l.setKTX2Loader(W), l.meshoptDecoder || l.setMeshoptDecoder(H);
 }
-function Q(l) {
+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 me(l, e) {
+function De(l, e) {
   if (e === void 0 || e.startsWith("./") || e.startsWith("http") || l === void 0)
     return e;
   const t = l.lastIndexOf("/");
@@ -30,41 +30,41 @@ function me(l, e) {
   }
   return e;
 }
-const H = new Array();
-function ke(l) {
-  H.push(l);
+const J = new Array();
+function Be(l) {
+  J.push(l);
 }
-const R = "NEEDLE_progressive", S = Q("debugprogressive"), q = Symbol("needle-progressive-texture"), W = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Set();
+const R = "NEEDLE_progressive", S = Z("debugprogressive"), V = Symbol("needle-progressive-texture"), z = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Set();
 if (S) {
   let l = function() {
-    e += 1, console.log("Toggle LOD level", e, W), W.forEach((i, o) => {
+    e += 1, console.log("Toggle LOD level", e, z), z.forEach((i, n) => {
       for (const s of i.keys) {
-        const n = o[s];
-        if (n.isBufferGeometry === !0) {
-          const a = M.getMeshLODInformation(n), g = a ? Math.min(e, a.lods.length) : 0;
-          o["DEBUG:LOD"] = e, M.assignMeshLOD(o, g), a && (t = Math.max(t, a.lods.length - 1));
-        } else if (o.isMaterial === !0) {
-          o["DEBUG:LOD"] = e, M.assignTextureLOD(o, e);
+        const o = n[s];
+        if (o.isBufferGeometry === !0) {
+          const a = v.getMeshLODInformation(o), h = a ? Math.min(e, a.lods.length) : 0;
+          n["DEBUG:LOD"] = e, v.assignMeshLOD(n, h), a && (t = Math.max(t, a.lods.length - 1));
+        } else if (n.isMaterial === !0) {
+          n["DEBUG:LOD"] = e, v.assignTextureLOD(n, e);
           break;
         }
       }
     }), e >= t && (e = -1);
   }, e = -1, t = 2, r = !1;
   window.addEventListener("keyup", (i) => {
-    i.key === "p" && l(), i.key === "w" && (r = !r, J && J.forEach((o) => {
-      o.name != "BackgroundCubeMaterial" && "wireframe" in o && (o.wireframe = r);
+    i.key === "p" && l(), i.key === "w" && (r = !r, Q && Q.forEach((n) => {
+      n.name != "BackgroundCubeMaterial" && "wireframe" in n && (n.wireframe = r);
     }));
   });
 }
-function ee(l, e, t) {
+function te(l, e, t) {
   var i;
   if (!S)
     return;
-  W.has(l) || W.set(l, { keys: [], sourceId: t });
-  const r = W.get(l);
+  z.has(l) || z.set(l, { keys: [], sourceId: t });
+  const r = z.get(l);
   ((i = r == null ? void 0 : r.keys) == null ? void 0 : i.includes(e)) == !1 && r.keys.push(e);
 }
-const v = class {
+const M = class {
   constructor(e, t) {
     u(this, "parser");
     u(this, "url");
@@ -84,11 +84,11 @@ const v = 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 o;
+    var n;
     if (e.isMaterial === !0) {
       for (const s of Object.keys(e)) {
-        const n = e[s];
-        if (n.isTexture && this.hasLODLevelAvailable(n, t))
+        const o = e[s];
+        if (o.isTexture && this.hasLODLevelAvailable(o, t))
           return !0;
       }
       return !1;
@@ -98,7 +98,7 @@ const v = class {
           return !0;
     }
     let r, i;
-    if (e.isMesh ? r = e.geometry : (e.isBufferGeometry || e.isTexture) && (r = e), r && (o = r == null ? void 0 : r.userData) != null && o.LODS) {
+    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 (i = this.lodInfos.get(s.key), t === void 0)
         return i != null;
@@ -125,19 +125,19 @@ const v = class {
     var r;
     if (!e)
       return Promise.resolve(null);
-    if (e instanceof Y || e.isMesh === !0) {
-      const i = e.geometry, o = this.getAssignedLODInformation(i);
-      if (!o)
+    if (e instanceof q || e.isMesh === !0) {
+      const i = e.geometry, n = this.getAssignedLODInformation(i);
+      if (!n)
         return Promise.resolve(null);
-      for (const s of H)
+      for (const s of J)
         (r = s.onBeforeGetLODMesh) == null || r.call(s, e, t);
-      return e["LOD:requested level"] = t, v.getOrLoadLOD(i, t).then((s) => {
+      return e["LOD:requested level"] = t, M.getOrLoadLOD(i, t).then((s) => {
         if (e["LOD:requested level"] === t) {
           if (delete e["LOD:requested level"], Array.isArray(s)) {
-            const n = o.index || 0;
-            s = s[n];
+            const o = n.index || 0;
+            s = s[o];
           }
-          s && i != s && s instanceof X && (e.geometry = s, S && ee(e, "geometry", o.url));
+          s && i != s && s instanceof X && (e.geometry = s, S && te(e, "geometry", n.url));
         }
         return s;
       }).catch((s) => (console.error("Error loading mesh LOD", e, s), null));
@@ -156,193 +156,193 @@ const v = class {
     if (!e)
       return Promise.resolve(null);
     if (e instanceof le || e.isMaterial === !0) {
-      const r = e, i = [], o = new Array();
-      if (S && J.add(r), r instanceof ue)
+      const r = e, i = [], n = new Array();
+      if (S && Q.add(r), r instanceof ue)
         for (const s of Object.keys(r.uniforms)) {
-          const n = r.uniforms[s].value;
-          if ((n == null ? void 0 : n.isTexture) === !0) {
-            const a = this.assignTextureLODForSlot(n, t, r, s);
-            i.push(a), o.push(s);
+          const o = r.uniforms[s].value;
+          if ((o == null ? void 0 : o.isTexture) === !0) {
+            const a = this.assignTextureLODForSlot(o, t, r, s);
+            i.push(a), n.push(s);
           }
         }
       else
         for (const s of Object.keys(r)) {
-          const n = r[s];
-          if ((n == null ? void 0 : n.isTexture) === !0) {
-            const a = this.assignTextureLODForSlot(n, t, r, s);
-            i.push(a), o.push(s);
+          const o = r[s];
+          if ((o == null ? void 0 : o.isTexture) === !0) {
+            const a = this.assignTextureLODForSlot(o, t, r, s);
+            i.push(a), n.push(s);
           }
         }
       return Promise.all(i).then((s) => {
-        const n = new Array();
+        const o = new Array();
         for (let a = 0; a < s.length; a++) {
-          const g = s[a], f = o[a];
-          g && g.isTexture === !0 ? n.push({ material: r, slot: f, texture: g, level: t }) : n.push({ material: r, slot: f, texture: null, level: t });
+          const h = s[a], d = n[a];
+          h && h.isTexture === !0 ? o.push({ material: r, slot: d, texture: h, level: t }) : o.push({ material: r, slot: d, texture: null, level: t });
         }
-        return n;
+        return o;
       });
     }
-    if (e instanceof z || e.isTexture === !0) {
+    if (e instanceof U || e.isTexture === !0) {
       const r = e;
       return this.assignTextureLODForSlot(r, t, null, null);
     }
     return Promise.resolve(null);
   }
   static assignTextureLODForSlot(e, t, r, i) {
-    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : v.getOrLoadLOD(e, t).then((o) => {
-      if (Array.isArray(o))
+    return (e == null ? void 0 : e.isTexture) !== !0 ? Promise.resolve(null) : M.getOrLoadLOD(e, t).then((n) => {
+      if (Array.isArray(n))
         return null;
-      if ((o == null ? void 0 : o.isTexture) === !0) {
-        if (o != e && (r && i && (r[i] = o), S && i && r)) {
+      if ((n == null ? void 0 : n.isTexture) === !0) {
+        if (n != e && (r && i && (r[i] = n), S && i && r)) {
           const s = this.getAssignedLODInformation(e);
-          s && ee(r, i, s.url);
+          s && te(r, i, s.url);
         }
-        return o;
+        return n;
       } else
         S == "verbose" && console.warn("No LOD found for", e, t);
       return null;
-    }).catch((o) => (console.error("Error loading LOD", e, o), null));
+    }).catch((n) => (console.error("Error loading LOD", e, n), null));
   }
   afterRoot(e) {
     var t, r;
-    return S && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((i, o) => {
+    return S && console.log("AFTER", this.url, e), (t = this.parser.json.textures) == null || t.forEach((i, n) => {
       if (i != null && i.extensions) {
         const s = i == null ? void 0 : i.extensions[R];
         if (s) {
-          let n = !1;
+          let o = !1;
           for (const a of this.parser.associations.keys())
-            a.isTexture === !0 && this.parser.associations.get(a).textures === o && (n = !0, v.registerTexture(this.url, a, o, s));
-          n || this.parser.getDependency("texture", o).then((a) => {
-            a && v.registerTexture(this.url, a, o, s);
+            a.isTexture === !0 && this.parser.associations.get(a).textures === n && (o = !0, M.registerTexture(this.url, a, n, s));
+          o || this.parser.getDependency("texture", n).then((a) => {
+            a && M.registerTexture(this.url, a, n, s);
           });
         }
       }
-    }), (r = this.parser.json.meshes) == null || r.forEach((i, o) => {
+    }), (r = this.parser.json.meshes) == null || r.forEach((i, n) => {
       if (i != null && i.extensions) {
         const s = i == null ? void 0 : i.extensions[R];
         if (s && s.lods) {
-          for (const n of this.parser.associations.keys())
-            if (n.isMesh) {
-              const a = this.parser.associations.get(n);
-              a.meshes === o && v.registerMesh(this.url, s.guid, n, s.lods.length, a.primitives, s);
+          for (const o of this.parser.associations.keys())
+            if (o.isMesh) {
+              const a = this.parser.associations.get(o);
+              a.meshes === n && M.registerMesh(this.url, s.guid, o, s.lods.length, a.primitives, s);
             }
         }
       }
     }), null;
   }
   static async getOrLoadLOD(e, t) {
-    var n, a, g;
+    var o, a, h;
     const r = S == "verbose", i = e.userData.LODS;
     if (!i)
       return null;
-    const o = i == null ? void 0 : i.key;
+    const n = i == null ? void 0 : i.key;
     let s;
     if (e.isTexture === !0) {
-      const f = e;
-      f.source && f.source[q] && (s = f.source[q]);
+      const d = e;
+      d.source && d.source[V] && (s = d.source[V]);
     }
-    if (s || (s = v.lodInfos.get(o)), s) {
+    if (s || (s = M.lodInfos.get(n)), s) {
       if (t > 0) {
-        let d = !1;
+        let f = !1;
         const w = Array.isArray(s.lods);
-        if (w && t >= s.lods.length ? d = !0 : w || (d = !0), d)
-          return this.lowresCache.get(o);
+        if (w && t >= s.lods.length ? f = !0 : w || (f = !0), f)
+          return this.lowresCache.get(n);
       }
-      const f = Array.isArray(s.lods) ? s.lods[t].path : s.lods;
-      if (!f)
+      const d = Array.isArray(s.lods) ? s.lods[t].path : s.lods;
+      if (!d)
         return S && !s["missing:uri"] && (s["missing:uri"] = !0, console.warn("Missing uri for progressive asset for LOD " + t, s)), null;
-      const L = me(i.url, f);
-      if (L.endsWith(".glb") || L.endsWith(".gltf")) {
+      const c = De(i.url, d);
+      if (c.endsWith(".glb") || c.endsWith(".gltf")) {
         if (!s.guid)
           return console.warn("missing pointer for glb/gltf texture", s), null;
-        const d = L + "_" + s.guid, w = this.previouslyLoaded.get(d);
+        const f = c + "_" + s.guid, w = this.previouslyLoaded.get(f);
         if (w !== void 0) {
-          r && console.log(`LOD ${t} was already loading/loaded: ${d}`);
-          let m = await w.catch((G) => (console.error(`Error loading LOD ${t} from ${L}
-`, G), null)), B = !1;
-          if (m == null || (m instanceof z && e instanceof z ? (n = m.image) != null && n.data || (a = m.source) != null && a.data ? m = this.copySettings(e, m) : (B = !0, this.previouslyLoaded.delete(d)) : m instanceof X && e instanceof X && ((g = m.attributes.position) != null && g.array || (B = !0, this.previouslyLoaded.delete(d)))), !B)
-            return m;
+          r && console.log(`LOD ${t} was already loading/loaded: ${f}`);
+          let D = await w.catch((I) => (console.error(`Error loading LOD ${t} from ${c}
+`, I), null)), C = !1;
+          if (D == null || (D instanceof U && e instanceof U ? (o = D.image) != null && o.data || (a = D.source) != null && a.data ? D = this.copySettings(e, D) : (C = !0, this.previouslyLoaded.delete(f)) : D instanceof X && e instanceof X && ((h = D.attributes.position) != null && h.array || (C = !0, this.previouslyLoaded.delete(f)))), !C)
+            return D;
         }
-        const D = s, A = new Promise(async (m, B) => {
-          const G = new ge();
-          ie(G), S && (await new Promise((p) => setTimeout(p, 1e3)), r && console.warn("Start loading (delayed) " + L, D.guid));
-          let y = L;
-          if (D && Array.isArray(D.lods)) {
-            const p = D.lods[t];
-            p.hash && (y += "?v=" + p.hash);
+        const L = s, A = new Promise(async (D, C) => {
+          const I = new ge();
+          ie(I), S && (await new Promise((y) => setTimeout(y, 1e3)), r && console.warn("Start loading (delayed) " + c, L.guid));
+          let m = c;
+          if (L && Array.isArray(L.lods)) {
+            const y = L.lods[t];
+            y.hash && (m += "?v=" + y.hash);
           }
-          const h = await G.loadAsync(y).catch((p) => (console.error(`Error loading LOD ${t} from ${L}
-`, p), null));
-          if (!h)
+          const p = await I.loadAsync(m).catch((y) => (console.error(`Error loading LOD ${t} from ${c}
+`, y), null));
+          if (!p)
             return null;
-          const T = h.parser;
-          r && console.log("Loading finished " + L, D.guid);
+          const b = p.parser;
+          r && console.log("Loading finished " + c, L.guid);
           let x = 0;
-          if (h.parser.json.textures) {
-            let p = !1;
-            for (const c of h.parser.json.textures) {
-              if (c != null && c.extensions) {
-                const O = c == null ? void 0 : c.extensions[R];
-                if (O != null && O.guid && O.guid === D.guid) {
-                  p = !0;
+          if (p.parser.json.textures) {
+            let y = !1;
+            for (const g of p.parser.json.textures) {
+              if (g != null && g.extensions) {
+                const O = g == null ? void 0 : g.extensions[R];
+                if (O != null && O.guid && O.guid === L.guid) {
+                  y = !0;
                   break;
                 }
               }
               x++;
             }
-            if (p) {
-              let c = await T.getDependency("texture", x);
-              return r && console.log('change "' + e.name + '" → "' + c.name + '"', L, x, c, d), e instanceof z && (c = this.copySettings(e, c)), c && (c.guid = D.guid), m(c);
+            if (y) {
+              let g = await b.getDependency("texture", x);
+              return r && console.log('change "' + e.name + '" → "' + g.name + '"', c, x, g, f), e instanceof U && (g = this.copySettings(e, g)), g && (g.guid = L.guid), D(g);
             }
           }
-          if (x = 0, h.parser.json.meshes) {
-            let p = !1;
-            for (const c of h.parser.json.meshes) {
-              if (c != null && c.extensions) {
-                const O = c == null ? void 0 : c.extensions[R];
-                if (O != null && O.guid && O.guid === D.guid) {
-                  p = !0;
+          if (x = 0, p.parser.json.meshes) {
+            let y = !1;
+            for (const g of p.parser.json.meshes) {
+              if (g != null && g.extensions) {
+                const O = g == null ? void 0 : g.extensions[R];
+                if (O != null && O.guid && O.guid === L.guid) {
+                  y = !0;
                   break;
                 }
               }
               x++;
             }
-            if (p) {
-              const c = await T.getDependency("mesh", x), O = D;
-              if (r && console.log(`Loaded Mesh "${c.name}"`, L, x, c, d), c.isMesh === !0) {
-                const b = c.geometry;
-                return v.assignLODInformation(i.url, b, o, t, void 0, O.density), m(b);
+            if (y) {
+              const g = await b.getDependency("mesh", x), O = L;
+              if (r && console.log(`Loaded Mesh "${g.name}"`, c, x, g, f), g.isMesh === !0) {
+                const P = g.geometry;
+                return M.assignLODInformation(i.url, P, n, t, void 0, O.density), D(P);
               } else {
-                const b = new Array();
-                for (let _ = 0; _ < c.children.length; _++) {
-                  const F = c.children[_];
-                  if (F instanceof Y) {
-                    const $ = F.geometry;
-                    v.assignLODInformation(i.url, $, o, t, _, O.density), b.push($);
+                const P = new Array();
+                for (let _ = 0; _ < g.children.length; _++) {
+                  const E = g.children[_];
+                  if (E instanceof q) {
+                    const N = E.geometry;
+                    M.assignLODInformation(i.url, N, n, t, _, O.density), P.push(N);
                   }
                 }
-                return m(b);
+                return D(P);
               }
             }
           }
-          return m(null);
+          return D(null);
         });
-        return this.previouslyLoaded.set(d, A), await A;
-      } else if (e instanceof z) {
-        r && console.log("Load texture from uri: " + L);
-        const w = await new ce().loadAsync(L);
-        return w ? (w.guid = s.guid, w.flipY = !1, w.needsUpdate = !0, w.colorSpace = e.colorSpace, r && console.log(s, w)) : S && console.warn("failed loading", L), w;
+        return this.previouslyLoaded.set(f, A), await A;
+      } else if (e instanceof U) {
+        r && console.log("Load texture from uri: " + c);
+        const w = await new ce().loadAsync(c);
+        return w ? (w.guid = s.guid, w.flipY = !1, w.needsUpdate = !0, w.colorSpace = e.colorSpace, r && console.log(s, w)) : S && console.warn("failed loading", c), w;
       }
     } else
-      S && console.warn(`Can not load LOD ${t}: no LOD info found for "${o}" ${e.name}`, e.type);
+      S && console.warn(`Can not load LOD ${t}: no LOD info found for "${n}" ${e.name}`, e.type);
     return null;
   }
-  static assignLODInformation(e, t, r, i, o, s) {
+  static assignLODInformation(e, t, r, i, n, s) {
     if (!t)
       return;
     t.userData || (t.userData = {});
-    const n = new xe(e, r, i, o, s);
-    t.userData.LODS = n, t.userData.LOD = i;
+    const o = new xe(e, r, i, n, s);
+    t.userData.LODS = o, t.userData.LOD = i;
   }
   static getAssignedLODInformation(e) {
     var t;
@@ -353,32 +353,32 @@ const v = class {
     return r || (t = t.clone(), this._copiedTextures.set(e, t), t.offset = e.offset, t.repeat = e.repeat, t.colorSpace = e.colorSpace, t);
   }
 };
-let M = v;
+let v = M;
 /**
  * Register a texture with LOD information
  */
-u(M, "registerTexture", (e, t, r, i) => {
-  S && console.log("> Progressive: register texture", r, t.name, t.uuid, t, i), t.source && (t.source[q] = i);
-  const o = i.guid;
-  v.assignLODInformation(e, t, o, 0, 0, void 0), v.lodInfos.set(o, i), v.lowresCache.set(o, t);
+u(v, "registerTexture", (e, t, r, i) => {
+  S && console.log("> Progressive: register texture", r, t.name, t.uuid, t, i), t.source && (t.source[V] = i);
+  const n = i.guid;
+  M.assignLODInformation(e, t, n, 0, 0, void 0), M.lodInfos.set(n, i), M.lowresCache.set(n, t);
 }), /**
  * Register a mesh with LOD information
  */
-u(M, "registerMesh", (e, t, r, i, o, s) => {
-  var g;
-  S && console.log("> Progressive: register mesh", o, r.name, s, r.uuid, r);
-  const n = r.geometry;
-  n.userData || (n.userData = {}), v.assignLODInformation(e, n, t, i, o, 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);
-  for (const f of H)
-    (g = f.onRegisteredNewMesh) == null || g.call(f, r, s);
+u(v, "registerMesh", (e, t, r, i, n, s) => {
+  var h;
+  S && console.log("> Progressive: register mesh", n, r.name, s, r.uuid, r);
+  const o = r.geometry;
+  o.userData || (o.userData = {}), M.assignLODInformation(e, o, t, i, n, s.density), M.lodInfos.set(t, s);
+  let a = M.lowresCache.get(t);
+  a ? a.push(r.geometry) : a = [r.geometry], M.lowresCache.set(t, a);
+  for (const d of J)
+    (h = d.onRegisteredNewMesh) == null || h.call(d, r, s);
 }), /** A map of key = asset uuid and value = LOD information */
-u(M, "lodInfos", /* @__PURE__ */ new Map()), /** cache of already loaded mesh lods */
-u(M, "previouslyLoaded", /* @__PURE__ */ new Map()), /** this contains the geometry/textures that were originally loaded */
-u(M, "lowresCache", /* @__PURE__ */ new Map()), u(M, "_copiedTextures", /* @__PURE__ */ new Map());
+u(v, "lodInfos", /* @__PURE__ */ new Map()), /** cache of already loaded mesh lods */
+u(v, "previouslyLoaded", /* @__PURE__ */ new Map()), /** this contains the geometry/textures that were originally loaded */
+u(v, "lowresCache", /* @__PURE__ */ new Map()), u(v, "_copiedTextures", /* @__PURE__ */ new Map());
 class xe {
-  constructor(e, t, r, i, o) {
+  constructor(e, t, r, i, n) {
     u(this, "url");
     /** the key to lookup the LOD information */
     u(this, "key");
@@ -387,13 +387,13 @@ class xe {
     u(this, "index");
     /** the mesh density */
     u(this, "density");
-    this.url = e, this.key = t, this.level = r, i != null && (this.index = i), o != null && (this.density = o);
+    this.url = e, this.key = t, this.level = r, i != null && (this.index = i), n != null && (this.density = n);
   }
 }
-const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
+const Y = Z("debugprogressive"), we = Z("noprogressive"), T = class {
   constructor(e) {
     u(this, "renderer");
-    u(this, "projectionScreenMatrix", new Z());
+    u(this, "projectionScreenMatrix", new j());
     u(this, "cameraFrustrum", new fe());
     /**
      * 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.
@@ -407,11 +407,11 @@ const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
     u(this, "_originalRender");
     // private testIfLODLevelsAreAvailable() {
     u(this, "_sphere", new de());
-    u(this, "_tempBox", new j());
-    u(this, "tempMatrix", new Z());
-    u(this, "_tempWorldPosition", new C());
-    u(this, "_tempBoxSize", new C());
-    u(this, "_tempBox2Size", new C());
+    u(this, "_tempBox", new ee());
+    u(this, "tempMatrix", new j());
+    u(this, "_tempWorldPosition", new k());
+    u(this, "_tempBoxSize", new k());
+    u(this, "_tempBox2Size", new k());
     this.renderer = e;
   }
   /** @internal */
@@ -429,9 +429,9 @@ const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
     this._originalRender = this.renderer.render;
     const t = this;
     let r = 0;
-    se(this.renderer), this.renderer.render = function(i, o) {
-      const s = r++, n = e++;
-      t.onBeforeRender(i, o, n, s), t._originalRender.call(this, i, o), t.onAfterRender(i, o, n, s), e--;
+    se(this.renderer), this.renderer.render = function(i, n) {
+      const s = r++, o = e++;
+      t.onBeforeRender(i, n, o, s), t._originalRender.call(this, i, n), t.onAfterRender(i, n, o, s), e--;
     };
   }
   disable() {
@@ -440,36 +440,46 @@ const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
   onBeforeRender(e, t, r, i) {
   }
   onAfterRender(e, t, r, i) {
+    var h, d;
     if (we || this.pause || this.updateInterval > 0 && i % this.updateInterval != 0)
       return;
     this.projectionScreenMatrix.multiplyMatrices(t.projectionMatrix, t.matrixWorldInverse), this.cameraFrustrum.setFromProjectionMatrix(this.projectionScreenMatrix, this.renderer.coordinateSystem);
-    const o = 1e5, n = this.renderer.renderLists.get(e, r).opaque;
-    for (const a of n) {
-      const g = a.object;
-      (g instanceof Y || g.isMesh) && this.updateLODs(e, t, g, o);
+    const n = 1e5, s = this.renderer.renderLists.get(e, r), o = s.opaque;
+    for (const c of o) {
+      if (c.material && (((h = c.geometry) == null ? void 0 : h.type) === "BoxGeometry" || ((d = c.geometry) == null ? void 0 : d.type) === "BufferGeometry") && (c.material.name === "SphericalGaussianBlur" || c.material.name == "BackgroundCubeMaterial" || c.material.name === "CubemapFromEquirect" || c.material.name === "EquirectangularToCubeUV")) {
+        Y && (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;
+      }
+      const f = c.object;
+      (f instanceof q || f.isMesh) && this.updateLODs(e, t, f, n);
+    }
+    const a = s.transparent;
+    for (const c of a) {
+      const f = c.object;
+      (f instanceof q || f.isMesh) && this.updateLODs(e, t, f, n);
     }
   }
   /** Update the LOD levels for the renderer. */
   updateLODs(e, t, r, i) {
-    var a, g;
-    for (const f of this.plugins)
-      (a = f.onBeforeUpdateLOD) == null || a.call(f, this.renderer, e, t, r);
-    let o = r.userData.LOD_state;
-    o || (o = new Oe(), r.userData.LOD_state = o);
-    let s = this.calculateLodLevel(t, r, o, i);
+    var a, h;
+    for (const d of this.plugins)
+      (a = d.onBeforeUpdateLOD) == null || a.call(d, this.renderer, e, t, r);
+    let n = r.userData.LOD_state;
+    n || (n = new Oe(), r.userData.LOD_state = n);
+    let s = this.calculateLodLevel(t, r, n, i);
     s = Math.round(s), s >= 0 && this.loadProgressiveMeshes(r, s);
-    let n = 0;
+    let o = 0;
     if (r.material) {
-      const f = r["DEBUG:LOD"];
-      if (f != null && (n = f), Array.isArray(r.material))
-        for (const L of r.material)
-          this.loadProgressiveTextures(L, n);
+      const d = r["DEBUG:LOD"];
+      if (d != null && (o = d), Array.isArray(r.material))
+        for (const c of r.material)
+          this.loadProgressiveTextures(c, o);
       else
-        this.loadProgressiveTextures(r.material, n);
+        this.loadProgressiveTextures(r.material, o);
     }
-    for (const f of this.plugins)
-      (g = f.onAfterUpdatedLOD) == null || g.call(f, this.renderer, e, t, r, s);
-    o.lastLodLevel = s;
+    for (const d of this.plugins)
+      (h = d.onAfterUpdatedLOD) == null || h.call(d, this.renderer, e, t, r, s);
+    n.lastLodLevel = s;
   }
   /** Load progressive textures for the given material
    * @param material the material to load the textures for
@@ -477,7 +487,7 @@ const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
    * @returns Promise with true if the LOD was loaded, false if not
    */
   loadProgressiveTextures(e, t) {
-    return e && e.userData && e.userData.LOD !== t ? (e.userData.LOD = t, M.assignTextureLOD(e, t)) : Promise.resolve(null);
+    return e && e.userData && e.userData.LOD !== t ? (e.userData.LOD = t, v.assignTextureLOD(e, t)) : Promise.resolve(null);
   }
   /** Load progressive meshes for the given mesh
    * @param mesh the mesh to load the LOD for
@@ -491,92 +501,92 @@ const te = Q("debugprogressive"), we = Q("noprogressive"), P = class {
     if (e.userData || (e.userData = {}), e.userData.LOD !== t) {
       e.userData.LOD = t;
       const r = e.geometry;
-      return M.assignMeshLOD(e, t).then((i) => (i && e.userData.LOD == t && r != e.geometry, i));
+      return v.assignMeshLOD(e, t).then((i) => (i && e.userData.LOD == t && r != e.geometry, i));
     }
     return Promise.resolve(null);
   }
   calculateLodLevel(e, t, r, i) {
-    var n;
+    var o;
     if (!t)
       return -1;
     let s = 10 + 1;
     if (e) {
-      if (te && t["DEBUG:LOD"] != null)
+      if (Y && t["DEBUG:LOD"] != null)
         return t["DEBUG:LOD"];
-      const a = M.getMeshLODInformation(t.geometry), g = a == null ? void 0 : a.lods;
-      if (!g || g.length <= 0 || !((n = this.cameraFrustrum) != null && n.intersectsObject(t)))
+      const a = v.getMeshLODInformation(t.geometry), h = a == null ? void 0 : a.lods;
+      if (!h || h.length <= 0 || !((o = this.cameraFrustrum) != null && o.intersectsObject(t)))
         return 99;
-      const f = t.geometry.boundingBox;
-      if (f && e.isPerspectiveCamera) {
-        const L = e;
+      const d = t.geometry.boundingBox;
+      if (d && e.isPerspectiveCamera) {
+        const c = 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 y = e.getWorldPosition(this._tempWorldPosition);
-          if (this._sphere.containsPoint(y))
+          const m = e.getWorldPosition(this._tempWorldPosition);
+          if (this._sphere.containsPoint(m))
             return 0;
         }
-        if (this._tempBox.copy(f), this._tempBox.applyMatrix4(t.matrixWorld), this._tempBox.applyMatrix4(this.projectionScreenMatrix), this.renderer.xr.enabled && L.fov > 70) {
-          const y = this._tempBox.min, h = this._tempBox.max;
-          let T = y.x, x = y.y, p = h.x, c = h.y;
-          const O = 2, b = 1.5, _ = (y.x + h.x) * 0.5, F = (y.y + h.y) * 0.5;
-          T = (T - _) * O + _, x = (x - F) * O + F, p = (p - _) * O + _, c = (c - F) * O + F;
-          const $ = T < 0 && p > 0 ? 0 : Math.min(Math.abs(y.x), Math.abs(h.x)), oe = x < 0 && c > 0 ? 0 : Math.min(Math.abs(y.y), Math.abs(h.y)), N = Math.max($, oe);
-          r.lastCentrality = (b - N) * (b - N) * (b - N);
+        if (this._tempBox.copy(d), this._tempBox.applyMatrix4(t.matrixWorld), this._tempBox.applyMatrix4(this.projectionScreenMatrix), this.renderer.xr.enabled && c.fov > 70) {
+          const m = this._tempBox.min, p = this._tempBox.max;
+          let b = m.x, x = m.y, y = p.x, g = p.y;
+          const O = 2, P = 1.5, _ = (m.x + p.x) * 0.5, E = (m.y + p.y) * 0.5;
+          b = (b - _) * O + _, x = (x - E) * O + E, y = (y - _) * O + _, g = (g - E) * O + E;
+          const N = b < 0 && y > 0 ? 0 : Math.min(Math.abs(m.x), Math.abs(p.x)), ne = x < 0 && g > 0 ? 0 : Math.min(Math.abs(m.y), Math.abs(p.y)), K = Math.max(N, ne);
+          r.lastCentrality = (P - K) * (P - K) * (P - K);
         } else
           r.lastCentrality = 1;
-        const d = this._tempBox.getSize(this._tempBoxSize);
-        d.multiplyScalar(0.5), screen.availHeight > 0 && d.multiplyScalar(this.renderer.domElement.clientHeight / screen.availHeight), d.x *= L.aspect;
-        const w = e.matrixWorldInverse, D = new j();
-        D.copy(f), D.applyMatrix4(t.matrixWorld), D.applyMatrix4(w);
-        const A = D.getSize(this._tempBox2Size), E = Math.max(A.x, A.y);
-        if (Math.max(d.x, d.y) != 0 && E != 0 && (d.z = A.z / Math.max(A.x, A.y) * Math.max(d.x, d.y)), r.lastScreenCoverage = Math.max(d.x, d.y, d.z), r.lastScreenspaceVolume.copy(d), r.lastScreenCoverage *= r.lastCentrality, te && P.debugDrawLine) {
-          const y = this.tempMatrix.copy(this.projectionScreenMatrix);
-          y.invert();
-          const h = P.corner0, T = P.corner1, x = P.corner2, p = P.corner3;
-          h.copy(this._tempBox.min), T.copy(this._tempBox.max), T.x = h.x, x.copy(this._tempBox.max), x.y = h.y, p.copy(this._tempBox.max);
-          const c = (h.z + p.z) * 0.5;
-          h.z = T.z = x.z = p.z = c, h.applyMatrix4(y), T.applyMatrix4(y), x.applyMatrix4(y), p.applyMatrix4(y), P.debugDrawLine(h, T, 255), P.debugDrawLine(h, x, 255), P.debugDrawLine(T, p, 255), P.debugDrawLine(x, p, 255);
+        const f = this._tempBox.getSize(this._tempBoxSize);
+        f.multiplyScalar(0.5), screen.availHeight > 0 && f.multiplyScalar(this.renderer.domElement.clientHeight / screen.availHeight), f.x *= c.aspect;
+        const w = e.matrixWorldInverse, L = new ee();
+        L.copy(d), L.applyMatrix4(t.matrixWorld), L.applyMatrix4(w);
+        const A = L.getSize(this._tempBox2Size), G = Math.max(A.x, A.y);
+        if (Math.max(f.x, f.y) != 0 && G != 0 && (f.z = A.z / Math.max(A.x, A.y) * Math.max(f.x, f.y)), r.lastScreenCoverage = Math.max(f.x, f.y, f.z), r.lastScreenspaceVolume.copy(f), r.lastScreenCoverage *= r.lastCentrality, Y && T.debugDrawLine) {
+          const m = this.tempMatrix.copy(this.projectionScreenMatrix);
+          m.invert();
+          const p = T.corner0, b = T.corner1, x = T.corner2, y = T.corner3;
+          p.copy(this._tempBox.min), b.copy(this._tempBox.max), b.x = p.x, x.copy(this._tempBox.max), x.y = p.y, y.copy(this._tempBox.max);
+          const g = (p.z + y.z) * 0.5;
+          p.z = b.z = x.z = y.z = g, p.applyMatrix4(m), b.applyMatrix4(m), x.applyMatrix4(m), y.applyMatrix4(m), T.debugDrawLine(p, b, 255), T.debugDrawLine(p, x, 255), T.debugDrawLine(b, y, 255), T.debugDrawLine(x, y, 255);
         }
-        let B = 999;
-        if (g && r.lastScreenCoverage > 0) {
-          for (let y = 0; y < g.length; y++)
-            if (g[y].density / r.lastScreenCoverage < i) {
-              B = y;
+        let C = 999;
+        if (h && r.lastScreenCoverage > 0) {
+          for (let m = 0; m < h.length; m++)
+            if (h[m].density / r.lastScreenCoverage < i) {
+              C = m;
               break;
             }
         }
-        B < s && (s = B);
+        C < s && (s = C);
       }
     }
     return s;
   }
 };
-let k = P;
+let B = T;
 /** 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.
  */
-u(k, "debugDrawLine"), u(k, "corner0", new C()), u(k, "corner1", new C()), u(k, "corner2", new C()), u(k, "corner3", new C());
+u(B, "debugDrawLine"), u(B, "corner0", new k()), u(B, "corner1", new k()), u(B, "corner2", new k()), u(B, "corner3", new k());
 class Oe {
   constructor() {
     u(this, "lastLodLevel", 0);
     u(this, "lastScreenCoverage", 0);
-    u(this, "lastScreenspaceVolume", new C());
+    u(this, "lastScreenspaceVolume", new k());
     u(this, "lastCentrality", 0);
   }
 }
-const re = Symbol("NEEDLE_mesh_lod"), K = Symbol("NEEDLE_texture_lod");
-function ve(l) {
+const re = Symbol("NEEDLE_mesh_lod"), $ = Symbol("NEEDLE_texture_lod");
+function Me(l) {
   if (!l)
     return null;
   let e = null, t = null;
   for (let r = l; r != null; r = Object.getPrototypeOf(r)) {
-    const i = Object.getOwnPropertySymbols(r), o = i.find((n) => n.toString() == "Symbol(renderer)"), s = i.find((n) => n.toString() == "Symbol(scene)");
-    !e && o != null && (e = l[o].threeRenderer), !t && s != null && (t = l[s]);
+    const i = Object.getOwnPropertySymbols(r), n = i.find((o) => o.toString() == "Symbol(renderer)"), s = i.find((o) => o.toString() == "Symbol(scene)");
+    !e && n != null && (e = l[n].threeRenderer), !t && s != null && (t = l[s]);
   }
   if (e) {
     console.log("Adding Needle LODs to modelviewer");
-    const r = new k(e);
-    if (r.plugins.push(new Me(l)), r.enable(), t) {
-      const i = t.camera || t.traverse((o) => o.type == "PerspectiveCamera")[0];
+    const r = new B(e);
+    if (r.plugins.push(new ve(l)), r.enable(), t) {
+      const i = t.camera || t.traverse((n) => n.type == "PerspectiveCamera")[0];
       i && e.render(t, i);
     }
     return () => {
@@ -585,85 +595,81 @@ function ve(l) {
   }
   return null;
 }
-class Me {
+class ve {
   constructor(e) {
     u(this, "modelviewer");
+    u(this, "_didWarnAboutMissingUrl", !1);
     this.modelviewer = e;
   }
   onBeforeUpdateLOD(e, t, r, i) {
     this.tryParseMeshLOD(t, i), this.tryParseTextureLOD(t, i);
   }
   getUrl() {
-    return this.modelviewer.getAttribute("src");
+    let e = this.modelviewer.getAttribute("src");
+    return e || (e = this.modelviewer.src), e || (this._didWarnAboutMissingUrl || console.warn("No url found in modelviewer", this.modelviewer), this._didWarnAboutMissingUrl = !0), e;
   }
   tryGetCurrentGLTF(e) {
     return e._currentGLTF;
   }
   tryParseTextureLOD(e, t) {
-    if (t[K] == !0)
+    if (t[$] == !0)
       return;
-    t[K] = !0;
+    t[$] = !0;
     const r = this.tryGetCurrentGLTF(e), i = this.getUrl();
-    if (!i) {
-      console.error("No url found in modelviewer");
-      return;
-    }
-    if (r && t.material) {
-      let o = function(n) {
-        var g, f, L;
-        if (n[K] == !0)
+    if (i && r && t.material) {
+      let n = function(o) {
+        var h, d, c;
+        if (o[$] == !0)
           return;
-        n[K] = !0, n.userData && (n.userData.LOD = -1);
-        const a = Object.keys(n);
-        for (let d = 0; d < a.length; d++) {
-          const w = a[d], D = n[w];
-          if ((D == null ? void 0 : D.isTexture) === !0) {
-            const A = (f = (g = D.userData) == null ? void 0 : g.associations) == null ? void 0 : f.textures, E = r.parser.json.textures[A];
-            if ((L = E.extensions) != null && L[R]) {
-              const m = E.extensions[R];
-              m && i && M.registerTexture(i, D, m.lods.length, m);
+        o[$] = !0, o.userData && (o.userData.LOD = -1);
+        const a = Object.keys(o);
+        for (let f = 0; f < a.length; f++) {
+          const w = a[f], L = o[w];
+          if ((L == null ? void 0 : L.isTexture) === !0) {
+            const A = (d = (h = L.userData) == null ? void 0 : h.associations) == null ? void 0 : d.textures, G = r.parser.json.textures[A];
+            if ((c = G.extensions) != null && c[R]) {
+              const D = G.extensions[R];
+              D && i && v.registerTexture(i, L, D.lods.length, D);
             }
           }
         }
       };
       const s = t.material;
       if (Array.isArray(s))
-        for (const n of s)
-          o(n);
+        for (const o of s)
+          n(o);
       else
-        o(s);
+        n(s);
     }
   }
   tryParseMeshLOD(e, t) {
-    var o, s;
+    var n, s;
     if (t[re] == !0)
       return;
     t[re] = !0;
     const r = this.getUrl();
-    if (!r) {
-      console.error("No url found in modelviewer");
+    if (!r)
       return;
-    }
-    const i = (s = (o = t.userData) == null ? void 0 : o.gltfExtensions) == null ? void 0 : s[R];
+    const i = (s = (n = t.userData) == null ? void 0 : n.gltfExtensions) == null ? void 0 : s[R];
     if (i && r) {
-      const n = t.uuid;
-      M.registerMesh(r, n, t, 0, i.lods.length, i);
+      const o = t.uuid;
+      v.registerMesh(r, o, t, 0, i.lods.length, i);
     }
   }
 }
-function Be(l, e, t, r) {
-  se(e), ie(t), t.register((o) => new M(o, l));
-  const i = new k(e);
+function Ce(l, e, t, r) {
+  se(e), ie(t), t.register((n) => new v(n, l));
+  const i = new B(e);
   return (r == null ? void 0 : r.enableLODsManager) !== !1 && i.enable(), i;
 }
 document.addEventListener("DOMContentLoaded", () => {
-  ve(document.querySelector("model-viewer"));
+  Me(document.querySelector("model-viewer"));
 });
 export {
   R as EXTENSION_NAME,
-  k as LODsManager,
-  M as NEEDLE_progressive,
-  ve as patchModelViewer,
-  ke as registerPlugin,
-  Be as useNeedleProgressive
+  B as LODsManager,
+  v as NEEDLE_progressive,
+  Me as patchModelViewer,
+  Be as registerPlugin,
+  Ce as useNeedleProgressive
 };