@needle-tools/engine 6.0.0-alpha.4 → 6.0.0-alpha.6

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this package will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [6.0.0-alpha.6] - 2026-10-06
+
+- Morph target animations now work reliably on shared meshes with multiple materials.
+
+## [6.0.0-alpha.5] - 2026-10-05
+
+- Added initial support for using Needle Engine with Angular.
+
 ## [6.0.0-alpha.4] - 2026-10-01
 
 - AR starts more reliably from iOS App Clips, and switching scenes keeps the camera view visible.

package/README.md

@@ -17,6 +17,16 @@ npm install @needle-tools/engine
 
 [Try it now on StackBlitz](https://engine.needle.tools/new) | [Getting Started Guide](https://docs.needle.tools/getting-started)
 
+### Angular CLI
+
+Angular CLI projects can use the standard `ng serve` and `ng build` commands.
+To include a signed license, generate a [license file](plugins/license/README.md)
+before those commands. Needle Engine falls back to its runtime license check
+when no signed license is available. Angular's `@angular/build:application` builder may need a
+`.wasm` file loader and `node:module` listed under `externalDependencies` for
+the current MaterialX package. Decoder assets, when needed, are managed by the
+project.
+
 ## Code Examples
 
 ### Custom Component
@@ -167,4 +177,4 @@ Needle Engine works standalone with just npm — no editor required. For asset-h
 [Twitter](https://twitter.com/NeedleTools) • 
 [Discord](https://discord.needle.tools) • 
 [Forum](https://forum.needle.tools) • 
-[Youtube](https://www.youtube.com/@needle-tools)
+[Youtube](https://www.youtube.com/@needle-tools)

package/dist/{gltf-progressive-CcSfG2Ja.js → gltf-progressive-B7lOWdLe.js}

@@ -1,60 +1,62 @@
-import { RedFormat as je, RedIntegerFormat as He, RGFormat as Ke, RGIntegerFormat as Ye, RGBFormat as Qe, RGBAFormat as Je, RGBAIntegerFormat as Ze, BufferGeometry as K, Mesh as Y, Box3 as de, Vector3 as A, Sphere as $e, CompressedTexture as et, Texture as q, Matrix3 as tt, InterleavedBuffer as st, InterleavedBufferAttribute as rt, BufferAttribute as nt, TextureLoader as it, Matrix4 as Ge, THREE as ot, Color as Be } from "./three-core.js";
-import { DRACOLoader as at, KTX2Loader as lt, MeshoptDecoder as ut, GLTFLoader as _e } from "./three-examples.js";
-const ct = "";
-globalThis.GLTF_PROGRESSIVE_VERSION = ct;
+import { RedFormat as Xe, RedIntegerFormat as je, RGFormat as He, RGIntegerFormat as Ke, RGBFormat as Ye, RGBAFormat as Qe, RGBAIntegerFormat as Je, BufferGeometry as K, Mesh as Y, Box3 as de, Vector3 as A, Sphere as $e, CompressedTexture as Ze, Texture as q, Matrix3 as et, InterleavedBuffer as tt, InterleavedBufferAttribute as st, BufferAttribute as rt, TextureLoader as nt, Matrix4 as Ge, THREE as it, Color as Be } from "./three-core.js";
+import { DRACOLoader as ot, KTX2Loader as at, MeshoptDecoder as lt, GLTFLoader as _e } from "./three-examples.js";
+const ut = "";
+globalThis.GLTF_PROGRESSIVE_VERSION = ut;
 console.debug("[gltf-progressive] version -");
 let G = "https://www.gstatic.com/draco/versioned/decoders/1.5.7/", Q = "https://cdn.needle.tools/static/three/0.179.1/basis2/";
-const ft = G, dt = Q, qe = new URL(G + "draco_decoder.js");
-qe.searchParams.append("range", "true");
-fetch(qe, {
-  method: "GET",
-  headers: {
-    Range: "bytes=0-1"
-  }
-}).catch((i) => {
-  console.debug(`Failed to fetch remote Draco decoder from ${G} (offline: ${typeof navigator < "u" ? navigator.onLine : "unknown"})`), G === ft && gt("./include/draco/"), Q === dt && pt("./include/ktx2/");
-}).finally(() => {
-  Fe();
-});
-const ht = () => ({
+const ct = G, ft = Q;
+if (typeof window < "u") {
+  const i = new URL(G + "draco_decoder.js");
+  i.searchParams.append("range", "true"), fetch(i, {
+    method: "GET",
+    headers: {
+      Range: "bytes=0-1"
+    }
+  }).catch((t) => {
+    console.debug(`Failed to fetch remote Draco decoder from ${G} (offline: ${navigator.onLine})`), G === ct && ht("./include/draco/"), Q === ft && gt("./include/ktx2/");
+  }).finally(() => {
+    We();
+  });
+}
+const dt = () => ({
   dracoDecoderPath: G,
   ktx2TranscoderPath: Q
 });
-function gt(i) {
+function ht(i) {
   G = i, k && k[Le] != G ? (console.debug("Updating Draco decoder path to " + i), k[Le] = G, k.setDecoderPath(G), k.preload()) : console.debug("Setting Draco decoder path to " + i);
 }
-function pt(i) {
+function gt(i) {
   Q = i, B && B.transcoderPath != Q ? (console.debug("Updating KTX2 transcoder path to " + i), B.setTranscoderPath(Q), B.init()) : console.debug("Setting KTX2 transcoder path to " + i);
 }
 function be(i) {
-  return Fe(), i ? B.detectSupport(i) : i !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: k, ktx2Loader: B, meshoptDecoder: ce };
+  return We(), i ? B.detectSupport(i) : i !== null && console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures might fail"), { dracoLoader: k, ktx2Loader: B, meshoptDecoder: ce };
 }
-function We(i) {
+function qe(i) {
   i.dracoLoader || i.setDRACOLoader(k), i.ktx2Loader || i.setKTX2Loader(B), i.meshoptDecoder || i.setMeshoptDecoder(ce);
 }
 const Le = /* @__PURE__ */ Symbol("dracoDecoderPath");
 let k, ce, B;
-function Fe() {
-  k || (k = new at(), k[Le] = G, k.setDecoderPath(G), k.preload()), B || (B = new lt(), B.setTranscoderPath(Q), B.init()), ce || (ce = ut);
+function We() {
+  k || (k = new ot(), k[Le] = G, k.setDecoderPath(G), k.preload()), B || (B = new at(), B.setTranscoderPath(Q), B.init()), ce || (ce = lt);
 }
 const we = /* @__PURE__ */ new WeakMap();
-function Ue(i, t) {
+function Fe(i, t) {
   let e = we.get(i);
   e ? e = Object.assign(e, t) : e = t, we.set(i, e);
 }
-const mt = _e.prototype.load;
-function yt(...i) {
+const pt = _e.prototype.load;
+function mt(...i) {
   const t = we.get(this);
   let e = i[0];
-  const s = xt(e);
+  const s = yt(e);
   if (s?.hostname.endsWith("needle.tools")) {
     const n = t?.progressive !== void 0 ? t.progressive : !0, o = t?.usecase ? t.usecase : "default";
     n ? this.requestHeader.Accept = `*/*;progressive=allowed;usecase=${o}` : this.requestHeader.Accept = `*/*;usecase=${o}`, e = s.toString();
   }
-  return i[0] = e, mt?.call(this, ...i);
+  return i[0] = e, pt?.call(this, ...i);
 }
-_e.prototype.load = yt;
-function xt(i) {
+_e.prototype.load = mt;
+function yt(i) {
   try {
     if (i instanceof URL)
       return i;
@@ -71,12 +73,12 @@ function ve(i) {
   const t = i.source?.data;
   return t != null && typeof t == "object" ? t : null;
 }
-function Lt(i) {
+function xt(i) {
   const t = i.image;
   return t != null && typeof t == "object" ? t : null;
 }
 function De(i) {
-  const t = Lt(i), e = ve(i);
+  const t = xt(i), e = ve(i);
   return {
     width: t?.width || e?.width || 0,
     height: t?.height || e?.height || 0
@@ -89,7 +91,7 @@ function V(i) {
   const s = new URL(t).searchParams.get(i);
   return s == null || s === "0" || s === "false" ? !1 : s === "" ? !0 : s;
 }
-function wt(i, t) {
+function Lt(i, t) {
   if (t === void 0 || i === void 0 || t.startsWith("./") || t.startsWith("http") || t.startsWith("data:") || t.startsWith("blob:"))
     return t;
   const e = i.lastIndexOf("/");
@@ -106,13 +108,13 @@ function Oe() {
   return se = /iPhone|iPad|iPod|Android|IEMobile/i.test(i), V("debugprogressive") && console.log("[glTF Progressive]: isMobileDevice", se), se;
 }
 let se;
-function ze() {
+function Ue() {
   const i = globalThis.location?.href;
   if (!i) return !1;
   const t = new URL(i), e = t.hostname === "localhost" || /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(t.hostname);
   return t.hostname === "127.0.0.1" || e;
 }
-class vt {
+class wt {
   constructor(t, e = {}) {
     this.maxConcurrent = t, this.debug = e.debug ?? !1, typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame(this.tick) : setTimeout(this.tick, 0);
   }
@@ -147,29 +149,29 @@ class vt {
     }
   }
 }
-function Dt(i) {
-  const t = i.image, e = t?.width ?? 0, s = t?.height ?? 0, r = t?.depth ?? 1, n = Math.floor(Math.log2(Math.max(e, s, r))) + 1, o = Mt(i);
+function vt(i) {
+  const t = i.image, e = t?.width ?? 0, s = t?.height ?? 0, r = t?.depth ?? 1, n = Math.floor(Math.log2(Math.max(e, s, r))) + 1, o = Dt(i);
   return e * s * r * o * (1 - Math.pow(0.25, n)) / (1 - 0.25);
 }
-function Mt(i) {
+function Dt(i) {
   let t = 4;
   const e = i.format;
-  e === je || e === He ? t = 1 : e === Ke || e === Ye ? t = 2 : e === Qe || e === 1029 ? t = 3 : (e === Je || e === Ze) && (t = 4);
+  e === Xe || e === je ? t = 1 : e === He || e === Ke ? t = 2 : e === Ye || e === 1029 ? t = 3 : (e === Qe || e === Je) && (t = 4);
   let s = 1;
   const r = i.type;
   return r === 1009 || r === 1010 ? s = 1 : r === 1011 || r === 1012 ? s = 2 : r === 1013 || r === 1014 || r === 1015 ? s = 4 : r === 1016 && (s = 2), t * s;
 }
-const _t = typeof window > "u" && typeof document > "u", Me = /* @__PURE__ */ Symbol("needle:raycast-mesh");
+const Mt = typeof window > "u" && typeof document > "u", Me = /* @__PURE__ */ Symbol("needle:raycast-mesh");
 function ae(i) {
   return i?.[Me] instanceof K ? i[Me] : null;
 }
-function bt(i, t) {
+function _t(i, t) {
   if ((i.type === "Mesh" || i.type === "SkinnedMesh") && !ae(i)) {
-    const s = Tt(t);
+    const s = Ot(t);
     s.userData = { isRaycastMesh: !0 }, i[Me] = s;
   }
 }
-function Ot(i = !0) {
+function bt(i = !0) {
   if (i) {
     if (re) return;
     const t = re = Y.prototype.raycast;
@@ -184,7 +186,7 @@ function Ot(i = !0) {
   }
 }
 let re = null;
-function Tt(i) {
+function Ot(i) {
   const t = new K();
   for (const e in i.attributes)
     t.setAttribute(e, i.getAttribute(e));
@@ -203,24 +205,24 @@ if (g && typeof window < "u") {
     !isNaN(s) && s >= 0 && (j = s, console.log(`Set LOD level to [${j}]`));
   });
 }
-function Ee(i) {
+function ze(i) {
   if (g && oe !== void 0)
     if (Array.isArray(i))
       for (const t of i)
-        Ee(t);
+        ze(t);
     else i && "wireframe" in i && (i.wireframe = oe === !0);
 }
 const ne = new Array();
-let St = 0;
-const Rt = Oe() ? 2 : 10;
-function Pt(i) {
-  if (ne.length < Rt) {
+let Tt = 0;
+const St = Oe() ? 2 : 10;
+function Rt(i) {
+  if (ne.length < St) {
     const s = ne.length;
     g && console.warn(`[Worker] Creating new worker #${s}`);
     const r = Te.createWorker(i || {});
     return ne.push(r), r;
   }
-  const t = St++ % ne.length;
+  const t = Tt++ % ne.length;
   return ne[t];
 }
 class Te {
@@ -231,7 +233,7 @@ class Te {
         case "loaded-gltf":
           for (const n of this._running)
             if (n.url === r.result.url) {
-              Ct(r.result), n.resolve(r.result);
+              Pt(r.result), n.resolve(r.result);
               const o = n.url;
               o.startsWith("blob:") && URL.revokeObjectURL(o);
             }
@@ -252,7 +254,7 @@ class Te {
   _running = [];
   _webglRenderer = null;
   async load(t, e) {
-    const s = ht();
+    const s = dt();
     let r = e?.renderer;
     r || (this._webglRenderer ??= (async () => {
       const { WebGLRenderer: u } = await import("./three-core.js").then((d) => d.THREE);
@@ -283,7 +285,7 @@ class Te {
   }
   _debug = !1;
 }
-function Ct(i) {
+function Pt(i) {
   for (const t of i.geometries) {
     const e = t.geometry, s = new K();
     if (s.name = e.name || "", e.index) {
@@ -324,7 +326,7 @@ function Ct(i) {
     let s = null;
     if (e.isCompressedTexture) {
       const r = e.mipmaps, { width: n, height: o } = De(e);
-      s = new et(
+      s = new Ze(
         r,
         n,
         o,
@@ -350,7 +352,7 @@ function Ct(i) {
         e.type,
         e.anisotropy,
         e.colorSpace
-      ), s.mipmaps = e.mipmaps, s.channel = e.channel, s.source.data = e.source.data, s.flipY = e.flipY, s.premultiplyAlpha = e.premultiplyAlpha, s.unpackAlignment = e.unpackAlignment, s.matrix = new tt(...e.matrix.elements);
+      ), s.mipmaps = e.mipmaps, s.channel = e.channel, s.source.data = e.source.data, s.flipY = e.flipY, s.premultiplyAlpha = e.premultiplyAlpha, s.unpackAlignment = e.unpackAlignment, s.matrix = new et(...e.matrix.elements);
     if (!s) {
       console.error("[Worker] Failed to create new texture from received data. Texture is not a CompressedTexture or Texture.");
       continue;
@@ -362,12 +364,12 @@ function Ct(i) {
 function he(i) {
   let t = i;
   if ("isInterleavedBufferAttribute" in i && i.isInterleavedBufferAttribute) {
-    const e = i.data, s = e.array, r = new st(s, e.stride);
-    t = new rt(r, i.itemSize, s.byteOffset, i.normalized), t.offset = i.offset;
-  } else "isBufferAttribute" in i && i.isBufferAttribute && (t = new nt(i.array, i.itemSize, i.normalized), t.usage = i.usage, t.gpuType = i.gpuType, t.updateRanges = i.updateRanges);
+    const e = i.data, s = e.array, r = new tt(s, e.stride);
+    t = new st(r, i.itemSize, s.byteOffset, i.normalized), t.offset = i.offset;
+  } else "isBufferAttribute" in i && i.isBufferAttribute && (t = new rt(i.array, i.itemSize, i.normalized), t.usage = i.usage, t.gpuType = i.gpuType, t.updateRanges = i.updateRanges);
   return t;
 }
-const kt = V("gltf-progressive-worker");
+const Ct = V("gltf-progressive-worker");
 V("gltf-progressive-reduce-mipmaps");
 const ie = V("gltf-progressive-gc"), ge = /* @__PURE__ */ Symbol("needle-progressive-texture"), U = "NEEDLE_progressive";
 class p {
@@ -803,7 +805,7 @@ class p {
     }
     l.userData || (l.userData = {}), g && console.log("> Progressive: register mesh " + s.name, { index: n, uuid: s.uuid }, o, s), p.assignLODInformation(t, l, e, r, n), p.lodInfos.set(e, o);
     let u = p.lowresCache.get(e)?.deref();
-    u ? u.push(s.geometry) : u = [s.geometry], p.lowresCache.set(e, new WeakRef(u)), r > 0 && !ae(s) && bt(s, l);
+    u ? u.push(s.geometry) : u = [s.geometry], p.lowresCache.set(e, new WeakRef(u)), r > 0 && !ae(s) && _t(s, l);
     for (const d of F)
       d.onRegisteredNewMesh?.(s, o);
   };
@@ -906,7 +908,7 @@ ${t}`), e instanceof WeakRef && (e.deref() || (p.cache.delete(t), (g || ie) && c
       let { width: a, height: u } = De(t);
       const d = a && u ? `${a}x${u}` : "N/A";
       let c = "N/A";
-      a && u && (c = `~${(Dt(t) / (1024 * 1024)).toFixed(2)} MB`), console.log(`${o} — ${t.name} ${d} (${c}), refCount: ${s} → ${l}
+      a && u && (c = `~${(vt(t) / (1024 * 1024)).toFixed(2)} MB`), console.log(`${o} — ${t.name} ${d} (${c}), refCount: ${s} → ${l}
 ${e}`);
     }
   }
@@ -943,7 +945,7 @@ ${e}`);
       const d = Array.isArray(a.lods) ? a.lods[e]?.path : a.lods;
       if (!d)
         return g && !a["missing:uri"] && (a["missing:uri"] = !0, console.warn("Missing uri for progressive asset for LOD " + e, a)), null;
-      const c = wt(o.url, d);
+      const c = Lt(o.url, d);
       if (c.endsWith(".glb") || c.endsWith(".gltf")) {
         if (!a.guid)
           return console.warn("missing pointer for glb/gltf texture", a), null;
@@ -968,8 +970,8 @@ ${e}`);
         if (!D.use)
           return g && console.log(`LOD ${e} was aborted: ${c}`), null;
         const w = a, M = new Promise(async (y, T) => {
-          if (kt) {
-            const m = await (await Pt({})).load(c);
+          if (Ct) {
+            const m = await (await Rt({})).load(c);
             if (m.textures.length > 0)
               for (const v of m.textures) {
                 let S = v.texture;
@@ -986,7 +988,7 @@ ${e}`);
             return y(null);
           }
           const I = new _e();
-          We(I), g && (await new Promise((b) => setTimeout(b, 1e3)), n && console.warn("Start loading (delayed) " + c, w.guid));
+          qe(I), g && (await new Promise((b) => setTimeout(b, 1e3)), n && console.warn("Start loading (delayed) " + c, w.guid));
           let P = c;
           if (w && Array.isArray(w.lods)) {
             const b = w.lods[e];
@@ -1055,7 +1057,7 @@ ${e}`);
         if (s?.isCurrent?.() === !1)
           return n && console.log(`Skipping stale texture LOD ${e} request: ${c}`), null;
         n && console.log("Load texture from uri: " + c);
-        const h = await new it().loadAsync(c);
+        const h = await new nt().loadAsync(c);
         return r !== this.cacheGeneration || s?.isCurrent?.() === !1 ? (h?.dispose(), null) : (h ? (h.guid = a.guid, h.flipY = !1, h.needsUpdate = !0, h.colorSpace = t.colorSpace, n && console.log(a, h)) : g && console.warn("failed loading", c), h);
       }
     }
@@ -1081,12 +1083,12 @@ ${e}`);
   }
   static _queue;
   static get queue() {
-    return this._queue ??= new vt(Oe() ? 20 : 50, { debug: g != !1 });
+    return this._queue ??= new wt(Oe() ? 20 : 50, { debug: g != !1 });
   }
   static assignLODInformation(t, e, s, r, n) {
     if (!e) return;
     e.userData || (e.userData = {});
-    const o = new At(t, s, r, n);
+    const o = new kt(t, s, r, n);
     e.userData.LODS = o, "source" in e && typeof e.source == "object" && (e.source.LODS = o);
   }
   static getAssignedLODInformation(t) {
@@ -1099,7 +1101,7 @@ ${e}`);
 `, e.uuid), e = e.clone(), e.offset = t.offset, e.repeat = t.repeat, e.colorSpace = t.colorSpace, e.magFilter = t.magFilter, e.minFilter = t.minFilter, e.wrapS = t.wrapS, e.wrapT = t.wrapT, e.flipY = t.flipY, e.anisotropy = t.anisotropy, e.mipmaps || (e.generateMipmaps = t.generateMipmaps), e) : t;
   }
 }
-class At {
+class kt {
   url;
   /** the key to lookup the LOD information */
   key;
@@ -1186,7 +1188,7 @@ class le {
     });
   }
 }
-const $ = V("debugprogressive"), It = $ === "colors", $t = V("noprogressive"), pe = /* @__PURE__ */ Symbol("Needle:LODSManager"), me = /* @__PURE__ */ Symbol("Needle:LODState"), E = /* @__PURE__ */ Symbol("Needle:CurrentLOD"), Re = ot, R = { mesh_lod: -1, texture_lod: -1 }, Gt = new Be(), Pe = [
+const $ = V("debugprogressive"), At = $ === "colors", It = V("noprogressive"), pe = /* @__PURE__ */ Symbol("Needle:LODSManager"), me = /* @__PURE__ */ Symbol("Needle:LODState"), E = /* @__PURE__ */ Symbol("Needle:CurrentLOD"), Re = it, R = { mesh_lod: -1, texture_lod: -1 }, $t = new Be(), Pe = [
   3526751,
   11065402,
   15978811,
@@ -1220,16 +1222,16 @@ const $ = V("debugprogressive"), It = $ === "colors", $t = V("noprogressive"), p
   5083278,
   5592405
 ];
-function Bt() {
+function Gt() {
   const i = Re.Timer || Re.Clock;
   return new i();
 }
-const ye = new de(), N = new de(), Ce = new de(), qt = new A(), Wt = new A(), Ft = new Ge(), W = new A(), Z = new A(), ee = new A(), te = new A();
-function Ut(i, t) {
+const ye = new de(), N = new de(), Ce = new de(), Bt = new A(), qt = new A(), Wt = new Ge(), W = new A(), Z = new A(), ee = new A(), te = new A();
+function Ft(i, t) {
   const e = i.min, s = i.max, r = (e.x + s.x) * 0.5, n = (e.y + s.y) * 0.5;
   return W.set(r, n, e.z).applyMatrix4(t).z < 0;
 }
-function zt(i) {
+function Ut(i) {
   const {
     geometry: t,
     matrixWorld: e,
@@ -1251,7 +1253,7 @@ function zt(i) {
   h.level = l, h.primitiveIndex = f, h.screenCoverage = 0, h.screenspaceVolume.set(0, 0, 0), h.centrality = 1;
   let D = i.boundingBox ?? t.boundingBox;
   if (D || (t.computeBoundingBox(), D = t.boundingBox), !D) return h;
-  if (ye.copy(D).applyMatrix4(e), s.isPerspectiveCamera && Ut(ye, r))
+  if (ye.copy(D).applyMatrix4(e), s.isPerspectiveCamera && Ft(ye, r))
     return h.level = 0, h.screenCoverage = 1 / 0, h.screenspaceVolume.set(1 / 0, 1 / 0, 1 / 0), h;
   if (N.copy(ye).applyMatrix4(r), a && s.isPerspectiveCamera && s.fov > 70) {
     const y = N.min, T = N.max;
@@ -1261,14 +1263,14 @@ function zt(i) {
     const S = I < 0 && _ > 0 ? 0 : Math.min(Math.abs(y.x), Math.abs(T.x)), X = P < 0 && z > 0 ? 0 : Math.min(Math.abs(y.y), Math.abs(T.y)), J = Math.max(S, X);
     h.centrality = (b - J) * (b - J) * (b - J);
   }
-  const L = N.getSize(qt);
+  const L = N.getSize(Bt);
   L.multiplyScalar(0.5), globalThis.screen?.availHeight > 0 && o > 0 && L.multiplyScalar(o / globalThis.screen.availHeight), s.isPerspectiveCamera && (L.x *= s.aspect), Ce.copy(D).applyMatrix4(e).applyMatrix4(s.matrixWorldInverse);
-  const x = Ce.getSize(Wt), w = Math.max(L.x, L.y), M = Math.max(x.x, x.y);
+  const x = Ce.getSize(qt), w = Math.max(L.x, L.y), M = Math.max(x.x, x.y);
   w !== 0 && M !== 0 && (L.z = x.z / M * w);
   const O = Math.max(L.x, L.y, L.z) * h.centrality;
   if (h.screenCoverage = O, h.screenspaceVolume.copy(L), O <= 0) return h;
   if (u) {
-    const y = Ft.copy(r);
+    const y = Wt.copy(r);
     y.invert(), W.copy(N.min), Z.copy(N.max), Z.x = W.x, ee.copy(N.max), ee.y = W.y, te.copy(N.max);
     const T = (W.z + te.z) * 0.5;
     W.z = Z.z = ee.z = te.z = T, W.applyMatrix4(y), Z.applyMatrix4(y), ee.applyMatrix4(y), te.applyMatrix4(y), u(W, Z, 255), u(W, ee, 255), u(Z, te, 255), u(ee, te, 255);
@@ -1276,7 +1278,7 @@ function zt(i) {
   if (c?.length)
     for (let y = 0; y < c.length; y++) {
       const T = c[y], I = T.densities?.[f] || T.density || 1e-5;
-      if (f > 0 && d && ze() && !T.densities && !globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] && (globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] = !0, console.warn("[Needle Progressive] Detected usage of mesh without primitive densities. This might cause incorrect LOD level selection: Consider re-optimizing your model by updating your Needle Integration, Needle glTF Pipeline or running optimization again on Needle Cloud.")), I / O < n) {
+      if (f > 0 && d && Ue() && !T.densities && !globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] && (globalThis["NEEDLE:MISSING_LOD_PRIMITIVE_DENSITIES"] = !0, console.warn("[Needle Progressive] Detected usage of mesh without primitive densities. This might cause incorrect LOD level selection: Consider re-optimizing your model by updating your Needle Integration, Needle glTF Pipeline or running optimization again on Needle Cloud.")), I / O < n) {
         h.level = y;
         break;
       }
@@ -1392,7 +1394,7 @@ let fe = class H {
     const r = performance.now();
     return s.ready.finally(() => {
       const n = this._newPromiseGroups.indexOf(s);
-      n >= 0 && (this._newPromiseGroups.splice(n, 1), ze() && performance.measure("LODsManager:awaitLoading", {
+      n >= 0 && (this._newPromiseGroups.splice(n, 1), Ue() && performance.measure("LODsManager:awaitLoading", {
         start: r,
         detail: { id: e, name: t?.name, awaited: s.awaitedCount, resolved: s.resolvedCount }
       }));
@@ -1452,7 +1454,7 @@ let fe = class H {
   #n = 0;
   #o = 0;
   #s = 0;
-  #i = Bt();
+  #i = Gt();
   _fpsBuffer = [60, 60, 60, 60, 60];
   /**
    * Enable the LODsManager. This will replace the render method of the renderer with a method that updates the LODs.
@@ -1502,7 +1504,7 @@ let fe = class H {
       (l.name === "EffectMaterial" || l.name === "CopyShader") && (o = !1);
     }
     if ((e.parent && e.parent.type === "CubeCamera" || s >= 1 && e.type === "OrthographicCamera") && (o = !1), o) {
-      if ($t || (this.updateInterval === "auto" ? this.#s < 40 && this.#e < 10 ? (this.#e += 1, $ && console.warn("↓ Reducing LOD updates", this.#e, this.#s.toFixed(0))) : this.#s >= 60 && this.#e > 1 && (this.#e -= 1, $ && console.warn("↑ Increasing LOD updates", this.#e, this.#s.toFixed(0))) : this.#e = this.updateInterval, this.#e > 0 && this.#r % this.#e != 0))
+      if (It || (this.updateInterval === "auto" ? this.#s < 40 && this.#e < 10 ? (this.#e += 1, $ && console.warn("↓ Reducing LOD updates", this.#e, this.#s.toFixed(0))) : this.#s >= 60 && this.#e > 1 && (this.#e -= 1, $ && console.warn("↑ Increasing LOD updates", this.#e, this.#s.toFixed(0))) : this.#e = this.updateInterval, this.#e > 0 && this.#r % this.#e != 0))
         return;
       this.internalUpdate(t, e), this._postprocessPromiseGroups();
     }
@@ -1567,12 +1569,12 @@ let fe = class H {
   updateLODs(t, e, s, r) {
     s.userData || (s.userData = {});
     let n = s[me];
-    if (n || (n = new Et(), s[me] = n), n.frames++ < 2)
+    if (n || (n = new zt(), s[me] = n), n.frames++ < 2)
       return;
     for (const l of F)
       l.onBeforeUpdateLOD?.(this.renderer, t, e, s);
     const o = this.overrideLodLevel !== void 0 ? this.overrideLodLevel : j;
-    o >= 0 ? (R.mesh_lod = o, R.texture_lod = o) : (this.calculateLodLevel(e, s, n, r, R), R.mesh_lod = Math.round(R.mesh_lod), R.texture_lod = Math.round(R.texture_lod)), R.mesh_lod >= 0 && this.loadProgressiveMeshes(s, R.mesh_lod), s.material && R.texture_lod >= 0 && this.loadProgressiveTextures(s.material, R.texture_lod, o), g && s.material && !s.isGizmo && Ee(s.material), It && s.material && !s.isGizmo && !s.isBatchedMesh && Ne(s.material, R.mesh_lod);
+    o >= 0 ? (R.mesh_lod = o, R.texture_lod = o) : (this.calculateLodLevel(e, s, n, r, R), R.mesh_lod = Math.round(R.mesh_lod), R.texture_lod = Math.round(R.texture_lod)), R.mesh_lod >= 0 && this.loadProgressiveMeshes(s, R.mesh_lod), s.material && R.texture_lod >= 0 && this.loadProgressiveTextures(s.material, R.texture_lod, o), g && s.material && !s.isGizmo && ze(s.material), At && s.material && !s.isGizmo && !s.isBatchedMesh && Ee(s.material, R.mesh_lod);
     for (const l of F)
       l.onAfterUpdatedLOD?.(this.renderer, t, e, s, R);
     n.lastLodLevel_Mesh = R.mesh_lod, n.lastLodLevel_Texture = R.texture_lod;
@@ -1669,7 +1671,7 @@ let fe = class H {
           return;
         }
       }
-      const x = zt({
+      const x = Ut({
         geometry: e.geometry,
         matrixWorld: e.matrixWorld,
         camera: t,
@@ -1722,7 +1724,7 @@ ${e.name}`);
       n.texture_lod = 0;
   }
 };
-class Et {
+class zt {
   frames = 0;
   lastLodLevel_Mesh = -1;
   lastLodLevel_Texture = -1;
@@ -1730,53 +1732,53 @@ class Et {
   lastScreenspaceVolume = new A();
   lastCentrality = 0;
 }
-function Ne(i, t) {
+function Ee(i, t) {
   if (!(t < 0)) {
     if (Array.isArray(i)) {
       for (const e of i)
-        Ne(e, t);
+        Ee(e, t);
       return;
     }
-    "color" in i && i.color instanceof Be && (i.color.copy(Nt(t, Gt)), i.needsUpdate = !0);
+    "color" in i && i.color instanceof Be && (i.color.copy(Et(t, $t)), i.needsUpdate = !0);
   }
 }
-function Nt(i, t) {
+function Et(i, t) {
   const e = Math.max(0, Math.min(Pe.length - 1, Math.floor(i)));
   return t.setHex(Pe[e]);
 }
 const ke = /* @__PURE__ */ Symbol("NEEDLE_mesh_lod"), ue = /* @__PURE__ */ Symbol("NEEDLE_texture_lod");
 let xe = null;
-function Ve() {
-  const i = Vt();
+function Ne() {
+  const i = Nt();
   i && (i.mapURLs(function(t) {
     return Ae(), t;
   }), Ae(), xe?.disconnect(), xe = new MutationObserver((t) => {
     t.forEach((e) => {
       e.addedNodes.forEach((s) => {
-        s instanceof HTMLElement && s.tagName.toLowerCase() === "model-viewer" && Xe(s);
+        s instanceof HTMLElement && s.tagName.toLowerCase() === "model-viewer" && Ve(s);
       });
     });
   }), xe.observe(document, { childList: !0, subtree: !0 }));
 }
-function Vt() {
+function Nt() {
   if (typeof customElements > "u") return null;
   const i = customElements.get("model-viewer");
   return i || (customElements.whenDefined("model-viewer").then(() => {
-    console.debug("[gltf-progressive] model-viewer defined"), Ve();
+    console.debug("[gltf-progressive] model-viewer defined"), Ne();
   }), null);
 }
 function Ae() {
   if (typeof document > "u") return;
   document.querySelectorAll("model-viewer").forEach((t) => {
-    Xe(t);
+    Ve(t);
   });
 }
 const Ie = /* @__PURE__ */ new WeakSet();
-let Xt = 0;
-function Xe(i) {
+let Vt = 0;
+function Ve(i) {
   if (!i || Ie.has(i))
     return null;
-  Ie.add(i), console.debug("[gltf-progressive] found new model-viewer..." + ++Xt + `
+  Ie.add(i), console.debug("[gltf-progressive] found new model-viewer..." + ++Vt + `
 `, i.getAttribute("src"));
   let t = null, e = null, s = null;
   for (let r = i; r != null; r = Object.getPrototypeOf(r)) {
@@ -1798,7 +1800,7 @@ function Xe(i) {
     };
     console.debug("[gltf-progressive] setup model-viewer");
     const n = fe.get(t, { engine: "model-viewer" });
-    return fe.addPlugin(new jt()), n.enable(), n.addEventListener("changed", () => {
+    return fe.addPlugin(new Xt()), n.enable(), n.addEventListener("changed", () => {
       s?.call(i);
     }), i.addEventListener("model-visibility", (o) => {
       o.detail.visible && s?.call(i);
@@ -1810,7 +1812,7 @@ function Xe(i) {
   }
   return null;
 }
-class jt {
+class Xt {
   _didWarnAboutMissingUrl = !1;
   onBeforeUpdateLOD(t, e, s, r) {
     this.tryParseMeshLOD(e, r), this.tryParseTextureLOD(e, r);
@@ -1871,7 +1873,7 @@ class jt {
     }
   }
 }
-function Ht(...i) {
+function jt(...i) {
   let t, e, s, r;
   switch (i.length) {
     case 2:
@@ -1886,22 +1888,22 @@ function Ht(...i) {
     default:
       throw new Error("Invalid arguments");
   }
-  be(e), We(s), Ue(s, {
+  be(e), qe(s), Fe(s, {
     progressive: !0,
     ...r?.hints
   }), s.register((o) => new p(o));
   const n = fe.get(e);
   return r?.enableLODsManager !== !1 && n.enable(), n;
 }
-Ve();
-if (!_t) {
+Ne();
+if (!Mt) {
   const i = {
     gltfProgressive: {
-      useNeedleProgressive: Ht,
+      useNeedleProgressive: jt,
       LODsManager: fe,
-      configureLoader: Ue,
+      configureLoader: Fe,
       getRaycastMesh: ae,
-      useRaycastMeshes: Ot
+      useRaycastMeshes: bt
     }
   };
   if (!globalThis.Needle)
@@ -1913,12 +1915,12 @@ if (!_t) {
 export {
   fe as LODsManager,
   p as NEEDLE_progressive,
-  We as addDracoAndKTX2Loaders,
-  zt as calculateMeshLODLevel,
-  Ue as configureLoader,
+  qe as addDracoAndKTX2Loaders,
+  Ut as calculateMeshLODLevel,
+  Fe as configureLoader,
   be as createLoaders,
-  Nt as getLODColor,
+  Et as getLODColor,
   ae as getRaycastMesh,
-  gt as setDracoDecoderLocation,
-  pt as setKTX2TranscoderLocation
+  ht as setDracoDecoderLocation,
+  gt as setKTX2TranscoderLocation
 };