@thatopen/components 2.1.1 → 2.1.3

package/dist/index.mjs

@@ -1,8 +1,8 @@
 var kn = Object.defineProperty;
 var Wn = (l, s, t) => s in l ? kn(l, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[s] = t;
 var I = (l, s, t) => (Wn(l, typeof s != "symbol" ? s + "" : s, t), t);
-import * as g from "three";
-import { BufferAttribute as Pn, Vector3 as M, Vector2 as fe, Plane as Fi, Line3 as Lt, Triangle as ue, Sphere as Xn, Matrix4 as yt, Box3 as Ot, BackSide as Zn, DoubleSide as Ln, FrontSide as wi, Mesh as v, Ray as Qn, Raycaster as jn, Quaternion as Pt, Object3D as ri, Euler as qn, MeshBasicMaterial as yn, LineBasicMaterial as Kn, CylinderGeometry as ct, BoxGeometry as rt, BufferGeometry as Di, Float32BufferAttribute as Ui, OctahedronGeometry as Ze, Line as Dt, SphereGeometry as $n, TorusGeometry as me, PlaneGeometry as Jn } from "three";
+import * as O from "three";
+import { BufferAttribute as Pn, Vector3 as M, Vector2 as fe, Plane as Fi, Line3 as Lt, Triangle as ue, Sphere as Xn, Matrix4 as yt, Box3 as gt, BackSide as Zn, DoubleSide as Ln, FrontSide as wi, Mesh as v, Ray as Qn, Raycaster as jn, Quaternion as Pt, Object3D as ri, Euler as qn, MeshBasicMaterial as yn, LineBasicMaterial as Kn, CylinderGeometry as ct, BoxGeometry as rt, BufferGeometry as Di, Float32BufferAttribute as Ui, OctahedronGeometry as Ze, Line as Dt, SphereGeometry as $n, TorusGeometry as me, PlaneGeometry as Jn } from "three";
 import * as Vt from "@thatopen/fragments";
 import { Serializer as to } from "@thatopen/fragments";
 import * as b from "web-ifc";
@@ -95,8 +95,8 @@ function Gs(l, s, t, e, i = null) {
   let o = 1 / 0, n = 1 / 0, r = 1 / 0, a = -1 / 0, c = -1 / 0, h = -1 / 0, d = 1 / 0, E = 1 / 0, u = 1 / 0, f = -1 / 0, R = -1 / 0, m = -1 / 0;
   const C = i !== null;
   for (let A = s * 6, F = (s + t) * 6; A < F; A += 6) {
-    const p = l[A + 0], T = l[A + 1], O = p - T, _ = p + T;
-    O < o && (o = O), _ > a && (a = _), C && p < d && (d = p), C && p > f && (f = p);
+    const p = l[A + 0], T = l[A + 1], g = p - T, _ = p + T;
+    g < o && (o = g), _ > a && (a = _), C && p < d && (d = p), C && p > f && (f = p);
     const S = l[A + 2], N = l[A + 3], L = S - N, w = S + N;
     L < n && (n = L), w > c && (c = w), C && S < E && (E = S), C && S > R && (R = S);
     const y = l[A + 4], U = l[A + 5], x = y - U, B = y + U;
@@ -131,10 +131,10 @@ function ho(l, s) {
       n ? (A = t[h[C]](f), F = t[h[C]](R), p = t[h[C]](m)) : (A = r[f + C], F = r[R + C], p = r[m + C]);
       let T = A;
       F < T && (T = F), p < T && (T = p);
-      let O = A;
-      F > O && (O = F), p > O && (O = p);
-      const _ = (O - T) / 2, S = C * 2;
-      o[u + S + 0] = T + _, o[u + S + 1] = _ + (Math.abs(T) + _) * io, T < s[C] && (s[C] = T), O > s[C + 3] && (s[C + 3] = O);
+      let g = A;
+      F > g && (g = F), p > g && (g = p);
+      const _ = (g - T) / 2, S = C * 2;
+      o[u + S + 0] = T + _, o[u + S + 1] = _ + (Math.abs(T) + _) * io, T < s[C] && (s[C] = T), g > s[C + 3] && (s[C + 3] = g);
     }
   }
   return o;
@@ -166,13 +166,13 @@ function uo(l, s, t, e, i, o) {
           const T = C[A];
           T.candidate = t[p + 2 * E], T.count = 0;
           const {
-            bounds: O,
+            bounds: g,
             leftCacheBounds: _,
             rightCacheBounds: S
           } = T;
           for (let N = 0; N < 3; N++)
-            S[N] = 1 / 0, S[N + 3] = -1 / 0, _[N] = 1 / 0, _[N + 3] = -1 / 0, O[N] = 1 / 0, O[N + 3] = -1 / 0;
-          Qe(p, t, O);
+            S[N] = 1 / 0, S[N + 3] = -1 / 0, _[N] = 1 / 0, _[N + 3] = -1 / 0, g[N] = 1 / 0, g[N + 3] = -1 / 0;
+          Qe(p, t, g);
         }
         C.sort(Eo);
         let F = i;
@@ -183,18 +183,18 @@ function uo(l, s, t, e, i, o) {
         }
         for (let p = h; p < d; p += 6) {
           const T = t[p + 2 * E];
-          for (let O = 0; O < F; O++) {
-            const _ = C[O];
+          for (let g = 0; g < F; g++) {
+            const _ = C[g];
             T >= _.candidate ? Qe(p, t, _.rightCacheBounds) : (Qe(p, t, _.leftCacheBounds), _.count++);
           }
         }
         for (let p = 0; p < F; p++) {
-          const T = C[p], O = T.count, _ = i - T.count, S = T.leftCacheBounds, N = T.rightCacheBounds;
+          const T = C[p], g = T.count, _ = i - T.count, S = T.leftCacheBounds, N = T.rightCacheBounds;
           let L = 0;
-          O !== 0 && (L = Re(S) / a);
+          g !== 0 && (L = Re(S) / a);
           let w = 0;
           _ !== 0 && (w = Re(N) / a);
-          const y = bi + Ys * (L * O + w * _);
+          const y = bi + Ys * (L * g + w * _);
           y < c && (n = E, c = y, r = T.candidate);
         }
       } else {
@@ -202,13 +202,13 @@ function uo(l, s, t, e, i, o) {
           const p = Ut[F];
           p.count = 0, p.candidate = u + m + F * m;
           const T = p.bounds;
-          for (let O = 0; O < 3; O++)
-            T[O] = 1 / 0, T[O + 3] = -1 / 0;
+          for (let g = 0; g < 3; g++)
+            T[g] = 1 / 0, T[g + 3] = -1 / 0;
         }
         for (let F = h; F < d; F += 6) {
-          let O = ~~((t[F + 2 * E] - u) / m);
-          O >= Mt && (O = Mt - 1);
-          const _ = Ut[O];
+          let g = ~~((t[F + 2 * E] - u) / m);
+          g >= Mt && (g = Mt - 1);
+          const _ = Ut[g];
           _.count++, Qe(F, t, _.bounds);
         }
         const C = Ut[Mt - 1];
@@ -219,8 +219,8 @@ function uo(l, s, t, e, i, o) {
         }
         let A = 0;
         for (let F = 0; F < Mt - 1; F++) {
-          const p = Ut[F], T = p.count, O = p.bounds, S = Ut[F + 1].rightCacheBounds;
-          T !== 0 && (A === 0 ? Bi(O, je) : Yi(O, je, je)), A += T;
+          const p = Ut[F], T = p.count, g = p.bounds, S = Ut[F + 1].rightCacheBounds;
+          T !== 0 && (A === 0 ? Bi(g, je) : Yi(g, je, je)), A += T;
           let N = 0, L = 0;
           A !== 0 && (N = Re(je) / a);
           const w = i - A;
@@ -308,20 +308,20 @@ function To(l, s) {
   function A(p) {
     a && a(p / c);
   }
-  function F(p, T, O, _ = null, S = 0) {
-    if (!d && S >= i && (d = !0, o && (console.warn(`MeshBVH: Max depth of ${i} reached when generating BVH. Consider increasing maxDepth.`), console.warn(t))), O <= n || S >= i)
-      return A(T + O), p.offset = T, p.count = O, p;
-    const N = uo(p.boundingData, _, f, T, O, r);
+  function F(p, T, g, _ = null, S = 0) {
+    if (!d && S >= i && (d = !0, o && (console.warn(`MeshBVH: Max depth of ${i} reached when generating BVH. Consider increasing maxDepth.`), console.warn(t))), g <= n || S >= i)
+      return A(T + g), p.offset = T, p.count = g, p;
+    const N = uo(p.boundingData, _, f, T, g, r);
     if (N.axis === -1)
-      return A(T + O), p.offset = T, p.count = O, p;
-    const L = R(h, e, f, T, O, N);
-    if (L === T || L === T + O)
-      A(T + O), p.offset = T, p.count = O;
+      return A(T + g), p.offset = T, p.count = g, p;
+    const L = R(h, e, f, T, g, N);
+    if (L === T || L === T + g)
+      A(T + g), p.offset = T, p.count = g;
     else {
       p.splitAxis = N.axis;
       const w = new qe(), y = T, U = L - T;
       p.left = w, w.boundingData = new Float32Array(6), Gs(f, y, U, w.boundingData, u), F(w, y, U, u, S + 1);
-      const x = new qe(), B = L, H = O - U;
+      const x = new qe(), B = L, H = g - U;
       p.right = x, x.boundingData = new Float32Array(6), Gs(f, B, H, x.boundingData, u), F(x, B, H, u, S + 1);
     }
     return p;
@@ -410,7 +410,7 @@ const Ro = function() {
     let C, A;
     m !== 0 ? C = (d * E - f * u) / m : C = 0, A = (d + C * E) / u, n.x = C, n.y = A;
   };
-}(), Oi = function() {
+}(), gi = function() {
   const l = new fe(), s = new M(), t = new M();
   return function(i, o, n, r) {
     Ro(i, o, l);
@@ -482,7 +482,7 @@ Ft.prototype.closestPointToSegment = function() {
     let h, d = 1 / 0;
     for (let E = 0; E < 3; E++) {
       const u = (E + 1) % 3;
-      t.start.copy(c[E]), t.end.copy(c[u]), Oi(t, i, l, s), h = l.distanceToSquared(s), h < d && (d = h, o && o.copy(l), n && n.copy(s));
+      t.start.copy(c[E]), t.end.copy(c[u]), gi(t, i, l, s), h = l.distanceToSquared(s), h < d && (d = h, o && o.copy(l), n && n.copy(s));
     }
     return this.closestPointToPoint(r, l), h = r.distanceToSquared(l), h < d && (d = h, o && o.copy(l), n && n.copy(r)), this.closestPointToPoint(a, l), h = a.distanceToSquared(l), h < d && (d = h, o && o.copy(l), n && n.copy(a)), Math.sqrt(d);
   };
@@ -493,15 +493,15 @@ Ft.prototype.intersectsTriangle = function() {
     const A = R.points;
     let F = 0, p = -1;
     for (let T = 0; T < 3; T++) {
-      const { start: O, end: _ } = h;
-      O.copy(A[T]), _.copy(A[(T + 1) % 3]), h.delta(n);
-      const S = zs(m.distanceToPoint(O));
+      const { start: g, end: _ } = h;
+      g.copy(A[T]), _.copy(A[(T + 1) % 3]), h.delta(n);
+      const S = zs(m.distanceToPoint(g));
       if (zs(m.normal.dot(n)) && S) {
         C.copy(h), F = 2;
         break;
       }
       const N = m.intersectLine(h, u);
-      if (!N && S && u.copy(O), (N || S) && !zs(u.distanceTo(_))) {
+      if (!N && S && u.copy(g), (N || S) && !zs(u.distanceTo(_))) {
         if (F <= 1)
           (F === 1 ? C.start : C.end).copy(u), S && (p = F);
         else if (F >= 2) {
@@ -518,10 +518,10 @@ Ft.prototype.intersectsTriangle = function() {
     this.needsUpdate && this.update(), m.isExtendedTriangle ? m.needsUpdate && m.update() : (l.copy(m), l.update(), m = l);
     const F = this.plane, p = m.plane;
     if (Math.abs(F.normal.dot(p.normal)) > 1 - 1e-10) {
-      const T = this.satBounds, O = this.satAxes;
+      const T = this.satBounds, g = this.satAxes;
       t[0] = m.a, t[1] = m.b, t[2] = m.c;
       for (let N = 0; N < 4; N++) {
-        const L = T[N], w = O[N];
+        const L = T[N], w = g[N];
         if (e.setFromPoints(w, t), L.isSeparated(e))
           return !1;
       }
@@ -533,7 +533,7 @@ Ft.prototype.intersectsTriangle = function() {
           return !1;
       }
       for (let N = 0; N < 4; N++) {
-        const L = O[N];
+        const L = g[N];
         for (let w = 0; w < 4; w++) {
           const y = S[w];
           if (o.crossVectors(L, y), e.setFromPoints(o, s), i.setFromPoints(o, t), e.isSeparated(i))
@@ -547,10 +547,10 @@ Ft.prototype.intersectsTriangle = function() {
         return C && (C.start.copy(d.end), C.end.copy(d.end)), !0;
       if (T !== 2)
         return !1;
-      const O = f(m, F, E);
-      if (O === 1 && this.containsPoint(E.end))
+      const g = f(m, F, E);
+      if (g === 1 && this.containsPoint(E.end))
         return C && (C.start.copy(E.end), C.end.copy(E.end)), !0;
-      if (O !== 2)
+      if (g !== 2)
         return !1;
       if (d.delta(r), E.delta(a), r.dot(a) < 0) {
         let U = E.start;
@@ -586,7 +586,7 @@ Ft.prototype.distanceToTriangle = function() {
       e.set(this[E], this[u]);
       for (let f = 0; f < 3; f++) {
         const R = t[f], m = t[(f + 1) % 3];
-        i.set(n[R], n[m]), Oi(e, i, l, s);
+        i.set(n[R], n[m]), gi(e, i, l, s);
         const C = l.distanceToSquared(s);
         C < h && (h = C, r && r.copy(l), a && a.copy(s));
       }
@@ -695,7 +695,7 @@ at.prototype.distanceToBox = function() {
     for (let m = 0; m < 3; m++)
       for (let C = 0; C <= 1; C++)
         for (let A = 0; A <= 1; A++) {
-          const F = (m + 1) % 3, p = (m + 2) % 3, T = C << F | A << p, O = 1 << m | C << F | A << p, _ = u[T], S = u[O];
+          const F = (m + 1) % 3, p = (m + 2) % 3, T = C << F | A << p, g = 1 << m | C << F | A << p, _ = u[T], S = u[g];
           s[R].set(_, S);
           const L = l[m], w = l[F], y = l[p], U = t[R], x = U.start, B = U.end;
           x[L] = d[L], x[w] = C ? d[w] : E[w], x[y] = A ? d[y] : E[w], B[L] = E[L], B[w] = C ? d[w] : E[w], B[y] = A ? d[y] : E[w], R++;
@@ -712,7 +712,7 @@ at.prototype.distanceToBox = function() {
       const C = s[m];
       for (let A = 0; A < 12; A++) {
         const F = t[A];
-        Oi(C, F, e, i);
+        gi(C, F, e, i);
         const p = e.distanceToSquared(i);
         if (p < f && (f = p, a && a.copy(e), c && c.copy(i), p < h))
           return Math.sqrt(p);
@@ -721,7 +721,7 @@ at.prototype.distanceToBox = function() {
     return Math.sqrt(f);
   };
 }();
-class gi {
+class Oi {
   constructor(s) {
     this._getNewPrimitive = s, this._primitives = [];
   }
@@ -733,12 +733,12 @@ class gi {
     this._primitives.push(s);
   }
 }
-class Oo extends gi {
+class go extends Oi {
   constructor() {
     super(() => new Ft());
   }
 }
-const It = /* @__PURE__ */ new Oo();
+const It = /* @__PURE__ */ new go();
 function Et(l, s) {
   return s[l + 15] === 65535;
 }
@@ -757,7 +757,7 @@ function Ct(l, s) {
 function Un(l, s) {
   return s[l + 7];
 }
-class go {
+class Oo {
   constructor() {
     this.float32Array = null, this.uint16Array = null, this.uint32Array = null;
     const s = [];
@@ -769,9 +769,9 @@ class go {
     };
   }
 }
-const Z = new go();
+const Z = new Oo();
 let Yt, Ie;
-const Jt = [], Ke = /* @__PURE__ */ new gi(() => new Ot());
+const Jt = [], Ke = /* @__PURE__ */ new Oi(() => new gt());
 function _o(l, s, t, e, i, o) {
   Yt = Ke.getPrimitive(), Ie = Ke.getPrimitive(), Jt.push(Yt, Ie), Z.setBuffer(l._roots[s]);
   const n = ai(0, l.geometry, t, e, i, o);
@@ -808,12 +808,12 @@ function ai(l, s, t, e, i = null, o = 0, n = 0) {
     }
     A || (A = Yt, K(f, r, A));
     const p = Et(f * 2, a), T = t(A, p, m, n + 1, o + f);
-    let O;
+    let g;
     if (T === xi) {
       const y = L(f), x = w(f) - y;
-      O = e(y, x, !0, n + 1, o + f, A);
+      g = e(y, x, !0, n + 1, o + f, A);
     } else
-      O = T && ai(
+      g = T && ai(
         f,
         s,
         t,
@@ -822,7 +822,7 @@ function ai(l, s, t, e, i = null, o = 0, n = 0) {
         o,
         n + 1
       );
-    if (O)
+    if (g)
       return !0;
     F = Ie, K(R, r, F);
     const _ = Et(R * 2, a), S = t(F, _, C, n + 1, o + R);
@@ -933,18 +933,18 @@ function wo(l, s = null) {
     const R = E * 2;
     if (r[R + 15] === Us) {
       const C = n[E + 6], A = r[R + 14];
-      let F = 1 / 0, p = 1 / 0, T = 1 / 0, O = -1 / 0, _ = -1 / 0, S = -1 / 0;
+      let F = 1 / 0, p = 1 / 0, T = 1 / 0, g = -1 / 0, _ = -1 / 0, S = -1 / 0;
       for (let N = 3 * C, L = 3 * (C + A); N < L; N++) {
         let w = e[N];
         const y = i.getX(w), U = i.getY(w), x = i.getZ(w);
-        y < F && (F = y), y > O && (O = y), U < p && (p = U), U > _ && (_ = U), x < T && (T = x), x > S && (S = x);
+        y < F && (F = y), y > g && (g = y), U < p && (p = U), U > _ && (_ = U), x < T && (T = x), x > S && (S = x);
       }
-      return a[E + 0] !== F || a[E + 1] !== p || a[E + 2] !== T || a[E + 3] !== O || a[E + 4] !== _ || a[E + 5] !== S ? (a[E + 0] = F, a[E + 1] = p, a[E + 2] = T, a[E + 3] = O, a[E + 4] = _, a[E + 5] = S, !0) : !1;
+      return a[E + 0] !== F || a[E + 1] !== p || a[E + 2] !== T || a[E + 3] !== g || a[E + 4] !== _ || a[E + 5] !== S ? (a[E + 0] = F, a[E + 1] = p, a[E + 2] = T, a[E + 3] = g, a[E + 4] = _, a[E + 5] = S, !0) : !1;
     } else {
       const C = E + 8, A = n[E + 6], F = C + u, p = A + u;
-      let T = f, O = !1, _ = !1;
-      s ? T || (O = s.has(F), _ = s.has(p), T = !O && !_) : (O = !0, _ = !0);
-      const S = T || O, N = T || _;
+      let T = f, g = !1, _ = !1;
+      s ? T || (g = s.has(F), _ = s.has(p), T = !g && !_) : (g = !0, _ = !0);
+      const S = T || g, N = T || _;
       let L = !1;
       S && (L = d(C, u, T));
       let w = !1;
@@ -959,7 +959,7 @@ function wo(l, s = null) {
     }
   }
 }
-const Hi = /* @__PURE__ */ new Ot();
+const Hi = /* @__PURE__ */ new gt();
 function Gt(l, s, t, e) {
   return K(l, s, Hi), t.intersectBox(Hi, e);
 }
@@ -1033,7 +1033,7 @@ function li(l, s, t, e) {
     return m && A ? m.distance <= A.distance ? m : A : m || A || null;
   }
 }
-const ss = /* @__PURE__ */ new Ot(), ie = /* @__PURE__ */ new Ft(), ne = /* @__PURE__ */ new Ft(), Fe = /* @__PURE__ */ new yt(), Xi = /* @__PURE__ */ new at(), is = /* @__PURE__ */ new at();
+const ss = /* @__PURE__ */ new gt(), ie = /* @__PURE__ */ new Ft(), ne = /* @__PURE__ */ new Ft(), Fe = /* @__PURE__ */ new yt(), Xi = /* @__PURE__ */ new at(), is = /* @__PURE__ */ new at();
 function Yo(l, s, t, e) {
   Z.setBuffer(l._roots[s]);
   const i = hi(0, l, t, e);
@@ -1066,26 +1066,26 @@ function hi(l, s, t, e, i = null) {
     return K(h, o, ss), !!(i.intersectsBox(ss) && hi(h, s, t, e, i) || (K(d, o, ss), i.intersectsBox(ss) && hi(d, s, t, e, i)));
   }
 }
-const ns = /* @__PURE__ */ new yt(), ks = /* @__PURE__ */ new at(), Oe = /* @__PURE__ */ new at(), Vo = /* @__PURE__ */ new M(), Go = /* @__PURE__ */ new M(), zo = /* @__PURE__ */ new M(), Ho = /* @__PURE__ */ new M();
+const ns = /* @__PURE__ */ new yt(), ks = /* @__PURE__ */ new at(), ge = /* @__PURE__ */ new at(), Vo = /* @__PURE__ */ new M(), Go = /* @__PURE__ */ new M(), zo = /* @__PURE__ */ new M(), Ho = /* @__PURE__ */ new M();
 function ko(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
   s.boundingBox || s.computeBoundingBox(), ks.set(s.boundingBox.min, s.boundingBox.max, t), ks.needsUpdate = !0;
   const r = l.geometry, a = r.attributes.position, c = r.index, h = s.attributes.position, d = s.index, E = It.getPrimitive(), u = It.getPrimitive();
   let f = Vo, R = Go, m = null, C = null;
   i && (m = zo, C = Ho);
   let A = 1 / 0, F = null, p = null;
-  return ns.copy(t).invert(), Oe.matrix.copy(ns), l.shapecast(
+  return ns.copy(t).invert(), ge.matrix.copy(ns), l.shapecast(
     {
       boundsTraverseOrder: (T) => ks.distanceToBox(T),
-      intersectsBounds: (T, O, _) => _ < A && _ < n ? (O && (Oe.min.copy(T.min), Oe.max.copy(T.max), Oe.needsUpdate = !0), !0) : !1,
-      intersectsRange: (T, O) => {
+      intersectsBounds: (T, g, _) => _ < A && _ < n ? (g && (ge.min.copy(T.min), ge.max.copy(T.max), ge.needsUpdate = !0), !0) : !1,
+      intersectsRange: (T, g) => {
         if (s.boundsTree)
           return s.boundsTree.shapecast({
-            boundsTraverseOrder: (S) => Oe.distanceToBox(S),
+            boundsTraverseOrder: (S) => ge.distanceToBox(S),
             intersectsBounds: (S, N, L) => L < A && L < n,
             intersectsRange: (S, N) => {
               for (let L = S, w = S + N; L < w; L++) {
                 tt(u, 3 * L, d, h), u.a.applyMatrix4(t), u.b.applyMatrix4(t), u.c.applyMatrix4(t), u.needsUpdate = !0;
-                for (let y = T, U = T + O; y < U; y++) {
+                for (let y = T, U = T + g; y < U; y++) {
                   tt(E, 3 * y, c, a), E.needsUpdate = !0;
                   const x = E.distanceToTriangle(u, f, m);
                   if (x < A && (R.copy(f), C && C.copy(m), A = x, F = y, p = L), x < o)
@@ -1098,7 +1098,7 @@ function ko(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
           const _ = pe(s);
           for (let S = 0, N = _; S < N; S++) {
             tt(u, 3 * S, d, h), u.a.applyMatrix4(t), u.b.applyMatrix4(t), u.c.applyMatrix4(t), u.needsUpdate = !0;
-            for (let L = T, w = T + O; L < w; L++) {
+            for (let L = T, w = T + g; L < w; L++) {
               tt(E, 3 * L, c, a), E.needsUpdate = !0;
               const y = E.distanceToTriangle(u, f, m);
               if (y < A && (R.copy(f), C && C.copy(m), A = y, F = L, p = S), y < o)
@@ -1121,22 +1121,22 @@ function Wo(l, s = null) {
     const R = E * 2;
     if (r[R + 15] === Us) {
       const C = n[E + 6], A = r[R + 14];
-      let F = 1 / 0, p = 1 / 0, T = 1 / 0, O = -1 / 0, _ = -1 / 0, S = -1 / 0;
+      let F = 1 / 0, p = 1 / 0, T = 1 / 0, g = -1 / 0, _ = -1 / 0, S = -1 / 0;
       for (let N = C, L = C + A; N < L; N++) {
         const w = 3 * l.resolveTriangleIndex(N);
         for (let y = 0; y < 3; y++) {
           let U = w + y;
           U = e ? e[U] : U;
           const x = i.getX(U), B = i.getY(U), H = i.getZ(U);
-          x < F && (F = x), x > O && (O = x), B < p && (p = B), B > _ && (_ = B), H < T && (T = H), H > S && (S = H);
+          x < F && (F = x), x > g && (g = x), B < p && (p = B), B > _ && (_ = B), H < T && (T = H), H > S && (S = H);
         }
       }
-      return a[E + 0] !== F || a[E + 1] !== p || a[E + 2] !== T || a[E + 3] !== O || a[E + 4] !== _ || a[E + 5] !== S ? (a[E + 0] = F, a[E + 1] = p, a[E + 2] = T, a[E + 3] = O, a[E + 4] = _, a[E + 5] = S, !0) : !1;
+      return a[E + 0] !== F || a[E + 1] !== p || a[E + 2] !== T || a[E + 3] !== g || a[E + 4] !== _ || a[E + 5] !== S ? (a[E + 0] = F, a[E + 1] = p, a[E + 2] = T, a[E + 3] = g, a[E + 4] = _, a[E + 5] = S, !0) : !1;
     } else {
       const C = E + 8, A = n[E + 6], F = C + u, p = A + u;
-      let T = f, O = !1, _ = !1;
-      s ? T || (O = s.has(F), _ = s.has(p), T = !O && !_) : (O = !0, _ = !0);
-      const S = T || O, N = T || _;
+      let T = f, g = !1, _ = !1;
+      s ? T || (g = s.has(F), _ = s.has(p), T = !g && !_) : (g = !0, _ = !0);
+      const S = T || g, N = T || _;
       let L = !1;
       S && (L = d(C, u, T));
       let w = !1;
@@ -1196,7 +1196,7 @@ function di(l, s, t, e) {
     return m && A ? m.distance <= A.distance ? m : A : m || A || null;
   }
 }
-const os = /* @__PURE__ */ new Ot(), oe = /* @__PURE__ */ new Ft(), re = /* @__PURE__ */ new Ft(), ge = /* @__PURE__ */ new yt(), ji = /* @__PURE__ */ new at(), rs = /* @__PURE__ */ new at();
+const os = /* @__PURE__ */ new gt(), oe = /* @__PURE__ */ new Ft(), re = /* @__PURE__ */ new Ft(), Oe = /* @__PURE__ */ new yt(), ji = /* @__PURE__ */ new at(), rs = /* @__PURE__ */ new at();
 function jo(l, s, t, e) {
   Z.setBuffer(l._roots[s]);
   const i = ui(0, l, t, e);
@@ -1207,8 +1207,8 @@ function ui(l, s, t, e, i = null) {
   let a = l * 2;
   if (i === null && (t.boundingBox || t.computeBoundingBox(), ji.set(t.boundingBox.min, t.boundingBox.max, e), i = ji), Et(a, n)) {
     const h = s.geometry, d = h.index, E = h.attributes.position, u = t.index, f = t.attributes.position, R = dt(l, r), m = ft(a, n);
-    if (ge.copy(e).invert(), t.boundsTree)
-      return K(l, o, rs), rs.matrix.copy(ge), rs.needsUpdate = !0, t.boundsTree.shapecast({
+    if (Oe.copy(e).invert(), t.boundsTree)
+      return K(l, o, rs), rs.matrix.copy(Oe), rs.needsUpdate = !0, t.boundsTree.shapecast({
         intersectsBounds: (A) => rs.intersectsBox(A),
         intersectsTriangle: (A) => {
           A.a.applyMatrix4(e), A.b.applyMatrix4(e), A.c.applyMatrix4(e), A.needsUpdate = !0;
@@ -1220,7 +1220,7 @@ function ui(l, s, t, e, i = null) {
       });
     for (let C = R, A = m + R; C < A; C++) {
       const F = s.resolveTriangleIndex(C);
-      tt(oe, 3 * F, d, E), oe.a.applyMatrix4(ge), oe.b.applyMatrix4(ge), oe.c.applyMatrix4(ge), oe.needsUpdate = !0;
+      tt(oe, 3 * F, d, E), oe.a.applyMatrix4(Oe), oe.b.applyMatrix4(Oe), oe.c.applyMatrix4(Oe), oe.needsUpdate = !0;
       for (let p = 0, T = u.count; p < T; p += 3)
         if (tt(re, p, u, f), re.needsUpdate = !0, oe.intersectsTriangle(re))
           return !0;
@@ -1240,8 +1240,8 @@ function tr(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
   return as.copy(t).invert(), _e.matrix.copy(as), l.shapecast(
     {
       boundsTraverseOrder: (T) => Ws.distanceToBox(T),
-      intersectsBounds: (T, O, _) => _ < A && _ < n ? (O && (_e.min.copy(T.min), _e.max.copy(T.max), _e.needsUpdate = !0), !0) : !1,
-      intersectsRange: (T, O) => {
+      intersectsBounds: (T, g, _) => _ < A && _ < n ? (g && (_e.min.copy(T.min), _e.max.copy(T.max), _e.needsUpdate = !0), !0) : !1,
+      intersectsRange: (T, g) => {
         if (s.boundsTree) {
           const _ = s.boundsTree;
           return _.shapecast({
@@ -1251,7 +1251,7 @@ function tr(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
               for (let L = S, w = S + N; L < w; L++) {
                 const y = _.resolveTriangleIndex(L);
                 tt(u, 3 * y, d, h), u.a.applyMatrix4(t), u.b.applyMatrix4(t), u.c.applyMatrix4(t), u.needsUpdate = !0;
-                for (let U = T, x = T + O; U < x; U++) {
+                for (let U = T, x = T + g; U < x; U++) {
                   const B = l.resolveTriangleIndex(U);
                   tt(E, 3 * B, c, a), E.needsUpdate = !0;
                   const H = E.distanceToTriangle(u, f, m);
@@ -1265,7 +1265,7 @@ function tr(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
           const _ = pe(s);
           for (let S = 0, N = _; S < N; S++) {
             tt(u, 3 * S, d, h), u.a.applyMatrix4(t), u.b.applyMatrix4(t), u.c.applyMatrix4(t), u.needsUpdate = !0;
-            for (let L = T, w = T + O; L < w; L++) {
+            for (let L = T, w = T + g; L < w; L++) {
               const y = l.resolveTriangleIndex(L);
               tt(E, 3 * y, c, a), E.needsUpdate = !0;
               const U = E.distanceToTriangle(u, f, m);
@@ -1281,7 +1281,7 @@ function tr(l, s, t, e = {}, i = {}, o = 0, n = 1 / 0) {
 function er() {
   return typeof SharedArrayBuffer < "u";
 }
-const xe = new Z.constructor(), As = new Z.constructor(), vt = new gi(() => new Ot()), ae = new Ot(), ce = new Ot(), Xs = new Ot(), Zs = new Ot();
+const xe = new Z.constructor(), As = new Z.constructor(), vt = new Oi(() => new gt()), ae = new gt(), ce = new gt(), Xs = new gt(), Zs = new gt();
 let Qs = !1;
 function sr(l, s, t, e) {
   if (Qs)
@@ -1315,9 +1315,9 @@ function sr(l, s, t, e) {
 function Tt(l, s, t, e, i, o = 0, n = 0, r = 0, a = 0, c = null, h = !1) {
   let d, E;
   h ? (d = As, E = xe) : (d = xe, E = As);
-  const u = d.float32Array, f = d.uint32Array, R = d.uint16Array, m = E.float32Array, C = E.uint32Array, A = E.uint16Array, F = l * 2, p = s * 2, T = Et(F, R), O = Et(p, A);
+  const u = d.float32Array, f = d.uint32Array, R = d.uint16Array, m = E.float32Array, C = E.uint32Array, A = E.uint16Array, F = l * 2, p = s * 2, T = Et(F, R), g = Et(p, A);
   let _ = !1;
-  if (O && T)
+  if (g && T)
     h ? _ = i(
       dt(s, C),
       ft(s * 2, A),
@@ -1337,7 +1337,7 @@ function Tt(l, s, t, e, i, o = 0, n = 0, r = 0, a = 0, c = null, h = !1) {
       a,
       n + s
     );
-  else if (O) {
+  else if (g) {
     const S = vt.getPrimitive();
     K(s, m, S), S.applyMatrix4(t);
     const N = pt(l), L = Ct(l, f);
@@ -1495,7 +1495,7 @@ function Tt(l, s, t, e, i, o = 0, n = 0, r = 0, a = 0, c = null, h = !1) {
   }
   return _;
 }
-const cs = /* @__PURE__ */ new at(), qi = /* @__PURE__ */ new Ot();
+const cs = /* @__PURE__ */ new at(), qi = /* @__PURE__ */ new gt();
 class _i {
   static serialize(s, t = {}) {
     t = {
@@ -1554,7 +1554,7 @@ class _i {
       [Vs]: !1
     }, t), t.useSharedArrayBuffer && !er())
       throw new Error("MeshBVH: SharedArrayBuffer is not available.");
-    this.geometry = s, this._roots = null, this._indirectBuffer = null, t[Vs] || (mo(this, t), !s.boundingBox && t.setBoundingBox && (s.boundingBox = this.getBoundingBox(new Ot())));
+    this.geometry = s, this._roots = null, this._indirectBuffer = null, t[Vs] || (mo(this, t), !s.boundingBox && t.setBoundingBox && (s.boundingBox = this.getBoundingBox(new gt())));
     const { _indirectBuffer: e } = this;
     this.resolveTriangleIndex = t.indirect ? (i) => e[i] : (i) => i;
   }
@@ -1645,19 +1645,19 @@ class _i {
       tt(h, f * 3, d, E);
     };
     if (o) {
-      const f = (R, m, C, A, F, p, T, O) => {
+      const f = (R, m, C, A, F, p, T, g) => {
         for (let _ = C, S = C + A; _ < S; _++) {
           u(_), h.a.applyMatrix4(t), h.b.applyMatrix4(t), h.c.applyMatrix4(t), h.needsUpdate = !0;
           for (let N = R, L = R + m; N < L; N++)
-            if (c(N), n.needsUpdate = !0, o(n, h, N, _, F, p, T, O))
+            if (c(N), n.needsUpdate = !0, o(n, h, N, _, F, p, T, g))
               return !0;
         }
         return !1;
       };
       if (i) {
         const R = i;
-        i = function(m, C, A, F, p, T, O, _) {
-          return R(m, C, A, F, p, T, O, _) ? !0 : f(m, C, A, F, p, T, O, _);
+        i = function(m, C, A, F, p, T, g, _) {
+          return R(m, C, A, F, p, T, g, _) ? !0 : f(m, C, A, F, p, T, g, _);
         };
       } else
         i = f;
@@ -2364,7 +2364,7 @@ function Cr(l, s) {
   let t = 0, e = 0;
   const i = 10;
   s.unitary.identity(), s.diagonal.copy(l);
-  const o = s.unitary, n = s.diagonal, r = new g.Matrix3(), a = new g.Matrix3(), c = Number.EPSILON * Ir(n);
+  const o = s.unitary, n = s.diagonal, r = new O.Matrix3(), a = new O.Matrix3(), c = Number.EPSILON * Ir(n);
   for (; e < i && fr(n) > c; )
     pr(n, r), a.copy(r).transpose(), n.multiply(r), n.premultiply(a), o.multiply(r), ++t > 2 && (e++, t = 0);
   return s;
@@ -2373,13 +2373,13 @@ function Tr(l) {
   const s = [];
   for (let it = 0; it < l.length - 2; it += 3) {
     const Xt = l[it], J = l[it + 1], $t = l[it + 2];
-    s.push(new g.Vector3(Xt, J, $t));
+    s.push(new O.Vector3(Xt, J, $t));
   }
   const t = new dr();
   t.setFromPoints(s);
   const e = {
-    unitary: new g.Matrix3(),
-    diagonal: new g.Matrix3()
+    unitary: new O.Matrix3(),
+    diagonal: new O.Matrix3()
   }, i = t.faces, o = [], n = [];
   for (let it = 0, Xt = i.length; it < Xt; it++) {
     const J = i[it];
@@ -2394,7 +2394,7 @@ function Tr(l) {
       n.push(bs.point.x, bs.point.y, bs.point.z), n.push(vs.point.x, vs.point.y, vs.point.z), n.push(Bs.point.x, Bs.point.y, Bs.point.z);
     }
   }
-  const r = new g.Vector3(), a = new g.Vector3(), c = new g.Vector3(), h = new g.Vector3(), d = new g.Vector3(), E = new g.Vector3(), u = new g.Vector3(), f = new g.Vector3();
+  const r = new O.Vector3(), a = new O.Vector3(), c = new O.Vector3(), h = new O.Vector3(), d = new O.Vector3(), E = new O.Vector3(), u = new O.Vector3(), f = new O.Vector3();
   let R = 0, m = 0, C = 0, A = 0, F = 0, p = 0, T = 0;
   for (let it = 0, Xt = n.length; it < Xt; it += 9) {
     r.fromArray(n, it), a.fromArray(n, it + 3), c.fromArray(n, it + 6), u.set(0, 0, 0), u.add(r).add(a).add(c).divideScalar(3), h.subVectors(a, r), d.subVectors(c, r);
@@ -2402,9 +2402,9 @@ function Tr(l) {
     f.add(E.copy(u).multiplyScalar(J)), R += J, m += (9 * u.x * u.x + r.x * r.x + a.x * a.x + c.x * c.x) * (J / 12), C += (9 * u.x * u.y + r.x * r.y + a.x * a.y + c.x * c.y) * (J / 12), A += (9 * u.x * u.z + r.x * r.z + a.x * a.z + c.x * c.z) * (J / 12), F += (9 * u.y * u.y + r.y * r.y + a.y * a.y + c.y * c.y) * (J / 12), p += (9 * u.y * u.z + r.y * r.z + a.y * a.z + c.y * c.z) * (J / 12), T += (9 * u.z * u.z + r.z * r.z + a.z * a.z + c.z * c.z) * (J / 12);
   }
   f.divideScalar(R), m /= R, C /= R, A /= R, F /= R, p /= R, T /= R, m -= f.x * f.x, C -= f.x * f.y, A -= f.x * f.z, F -= f.y * f.y, p -= f.y * f.z, T -= f.z * f.z;
-  const O = new g.Matrix3();
-  O.elements[0] = m, O.elements[1] = C, O.elements[2] = A, O.elements[3] = C, O.elements[4] = F, O.elements[5] = p, O.elements[6] = A, O.elements[7] = p, O.elements[8] = T, Cr(O, e);
-  const _ = e.unitary, S = new g.Vector3(), N = new g.Vector3(), L = new g.Vector3();
+  const g = new O.Matrix3();
+  g.elements[0] = m, g.elements[1] = C, g.elements[2] = A, g.elements[3] = C, g.elements[4] = F, g.elements[5] = p, g.elements[6] = A, g.elements[7] = p, g.elements[8] = T, Cr(g, e);
+  const _ = e.unitary, S = new O.Vector3(), N = new O.Vector3(), L = new O.Vector3();
   _.extractBasis(S, N, L);
   let w = -1 / 0, y = -1 / 0, U = -1 / 0, x = 1 / 0, B = 1 / 0, H = 1 / 0;
   for (let it = 0, Xt = s.length; it < Xt; it++) {
@@ -2412,17 +2412,17 @@ function Tr(l) {
     w = Math.max(S.dot(J), w), y = Math.max(N.dot(J), y), U = Math.max(L.dot(J), U), x = Math.min(S.dot(J), x), B = Math.min(N.dot(J), B), H = Math.min(L.dot(J), H);
   }
   S.multiplyScalar(0.5 * (x + w)), N.multiplyScalar(0.5 * (B + y)), L.multiplyScalar(0.5 * (H + U));
-  const q = new g.Vector3(), st = new g.Vector3(), Q = new g.Matrix3();
+  const q = new O.Vector3(), st = new O.Vector3(), Q = new O.Matrix3();
   q.add(S).add(N).add(L), st.x = w - x, st.y = y - B, st.z = U - H, st.multiplyScalar(0.5), Q.copy(_);
-  const { x: Ht, y: kt, z: Wt } = st, We = new g.Matrix4();
+  const { x: Ht, y: kt, z: Wt } = st, We = new O.Matrix4();
   We.makeScale(Ht * 2, kt * 2, Wt * 2);
-  const Ce = new g.Matrix4();
+  const Ce = new O.Matrix4();
   Ce.makeTranslation(-Ht, -kt, -Wt);
-  const yi = new g.Matrix4();
+  const yi = new O.Matrix4();
   yi.makeTranslation(q.x, q.y, q.z);
-  const Mi = new g.Matrix4();
+  const Mi = new O.Matrix4();
   Mi.setFromMatrix3(Q);
-  const Te = new g.Matrix4();
+  const Te = new O.Matrix4();
   return Te.multiply(yi), Te.multiply(Mi), Te.multiply(Ce), Te.multiply(We), { center: q, halfSizes: st, rotation: Q, transformation: Te };
 }
 function mr(l, s, t) {
@@ -2832,7 +2832,7 @@ class ea extends et {
     return n ? (this.workingPlane ? Math.abs(this.workingPlane.distanceToPoint(n)) < 1e-3 : !0) ? ((this._pickedPoint === null || !this._pickedPoint.equals(n)) && (this._pickedPoint = n.clone(), this.onVertexFound.trigger(this._pickedPoint)), this._pickedPoint) : (this._pickedPoint = null, this._pickedPoint) : (this._pickedPoint !== null && (this.onVertexLost.trigger(), this._pickedPoint = null), this._pickedPoint);
   }
   getClosestVertex(t) {
-    let e = new g.Vector3(), i = !1, o = Number.MAX_SAFE_INTEGER;
+    let e = new O.Vector3(), i = !1, o = Number.MAX_SAFE_INTEGER;
     const n = this.getVertices(t);
     if (n === null)
       return null;
@@ -2848,7 +2848,7 @@ class ea extends et {
     const e = t.object;
     if (!t.face || !e)
       return null;
-    const i = e.geometry, o = new g.Matrix4(), { instanceId: n } = t, r = n !== void 0, a = e instanceof g.InstancedMesh;
+    const i = e.geometry, o = new O.Matrix4(), { instanceId: n } = t, r = n !== void 0, a = e instanceof O.InstancedMesh;
     return a && r && e.getMatrixAt(n, o), [
       this.getVertex(t.face.a, i),
       this.getVertex(t.face.b, i),
@@ -2859,7 +2859,7 @@ class ea extends et {
     if (t === void 0)
       return null;
     const i = e.attributes.position;
-    return new g.Vector3(
+    return new O.Vector3(
       i.getX(t),
       i.getY(t),
       i.getZ(t)
@@ -2889,7 +2889,7 @@ const Fs = class Fs {
         e.enabled && e.isUpdateable() && e.update(s);
       requestAnimationFrame(this.update);
     });
-    this._clock = new g.Clock(), Fs.setupBVH();
+    this._clock = new O.Clock(), Fs.setupBVH();
   }
   /**
    * Adds a component to the list of components.
@@ -2962,18 +2962,18 @@ const Fs = class Fs {
     this._clock.stop(), this.onDisposed.trigger(), this.onDisposed.reset();
   }
   static setupBVH() {
-    g.BufferGeometry.prototype.computeBoundsTree = or, g.BufferGeometry.prototype.disposeBoundsTree = rr, g.Mesh.prototype.raycast = nr;
+    O.BufferGeometry.prototype.computeBoundsTree = or, O.BufferGeometry.prototype.disposeBoundsTree = rr, O.Mesh.prototype.raycast = nr;
   }
 };
 /**
  * The version of the @thatopen/components library.
  */
-I(Fs, "release", "2.1.1");
+I(Fs, "release", "2.1.3");
 let pi = Fs;
 class Rr {
   constructor(s) {
     I(this, "_event");
-    I(this, "_position", new g.Vector2());
+    I(this, "_position", new O.Vector2());
     /** {@link Disposable.onDisposed} */
     I(this, "onDisposed", new D());
     I(this, "updateMouseInfo", (s) => {
@@ -3019,7 +3019,7 @@ class Ar {
      * A reference to the Three.js Raycaster instance.
      * This is used for raycasting operations.
      */
-    I(this, "three", new g.Raycaster());
+    I(this, "three", new O.Raycaster());
     /**
      * A reference to the world instance to which this Raycaster belongs.
      * This is used to access the camera and meshes.
@@ -3077,7 +3077,7 @@ class Ar {
     );
   }
 }
-const Os = class Os extends et {
+const gs = class gs extends et {
   constructor(t) {
     super(t);
     /** {@link Component.enabled} */
@@ -3089,7 +3089,7 @@ const Os = class Os extends et {
     I(this, "list", /* @__PURE__ */ new Map());
     /** {@link Disposable.onDisposed} */
     I(this, "onDisposed", new D());
-    t.add(Os.uuid, this);
+    t.add(gs.uuid, this);
   }
   /**
    * Retrieves a SimpleRaycaster instance for the given world.
@@ -3129,8 +3129,8 @@ const Os = class Os extends et {
  * A unique identifier for the component.
  * This UUID is used to register the component within the Components system.
  */
-I(Os, "uuid", "d5d8bdf0-db25-4952-b951-b643af207ace");
-let ze = Os;
+I(gs, "uuid", "d5d8bdf0-db25-4952-b951-b643af207ace");
+let ze = gs;
 class Fr extends Si {
   constructor() {
     super(...arguments);
@@ -3249,26 +3249,26 @@ class sa extends lr {
      */
     I(this, "config", {
       directionalLight: {
-        color: new g.Color("white"),
+        color: new O.Color("white"),
         intensity: 1.5,
-        position: new g.Vector3(5, 10, 3)
+        position: new O.Vector3(5, 10, 3)
       },
       ambientLight: {
-        color: new g.Color("white"),
+        color: new O.Color("white"),
         intensity: 1
       }
     });
-    this.three = new g.Scene(), this.three.background = new g.Color(2107698);
+    this.three = new O.Scene(), this.three.background = new O.Color(2107698);
   }
   /** {@link Configurable.setup} */
   setup(t) {
     this.config = { ...this.config, ...t };
-    const e = new g.DirectionalLight(
+    const e = new O.DirectionalLight(
       this.config.directionalLight.color,
       this.config.directionalLight.intensity
     );
     e.position.copy(this.config.directionalLight.position);
-    const i = new g.AmbientLight(
+    const i = new O.AmbientLight(
       this.config.ambientLight.color,
       this.config.ambientLight.intensity
     );
@@ -3309,7 +3309,7 @@ class ia extends cr {
         return;
       this._resizing = !0, this.onContainerUpdated.trigger();
       const e = t ? t.x : this.container.clientWidth, i = t ? t.y : this.container.clientHeight;
-      this.three.setSize(e, i), this.onResize.trigger(new g.Vector2(e, i)), this._resizing = !1;
+      this.three.setSize(e, i), this.onResize.trigger(new O.Vector2(e, i)), this._resizing = !1;
     });
     I(this, "resizeEvent", () => {
       this.resize();
@@ -3318,14 +3318,14 @@ class ia extends cr {
       t.preventDefault(), this.enabled = !1;
     });
     I(this, "onContextBack", () => {
-      this.three.setRenderTarget(null), this.three.dispose(), this.three = new g.WebGLRenderer({
+      this.three.setRenderTarget(null), this.three.dispose(), this.three = new O.WebGLRenderer({
         canvas: this._canvas,
         antialias: !0,
         alpha: !0,
         ...this._parameters
       }), this.enabled = !0;
     });
-    this.container = e, this._parameters = i, this.three = new g.WebGLRenderer({
+    this.container = e, this._parameters = i, this.three = new O.WebGLRenderer({
       antialias: !0,
       alpha: !0,
       ...i
@@ -3347,7 +3347,7 @@ class ia extends cr {
   }
   /** {@link Resizeable.getSize}. */
   getSize() {
-    return new g.Vector2(
+    return new O.Vector2(
       this.three.domElement.clientWidth,
       this.three.domElement.clientHeight
     );
@@ -3448,8 +3448,8 @@ function rn(l, s, t, e, i = 1 / 0, o, n) {
     u = u / B * F, f = f / B * F, R = R / B * F;
   }
   h = l.x - u, d = l.y - f, E = l.z - R;
-  const O = (t.x + r * u) * o, _ = (t.y + r * f) * o, S = (t.z + r * R) * o;
-  t.x = (t.x - r * O) * c, t.y = (t.y - r * _) * c, t.z = (t.z - r * S) * c, n.x = h + (u + O) * c, n.y = d + (f + _) * c, n.z = E + (R + S) * c;
+  const g = (t.x + r * u) * o, _ = (t.y + r * f) * o, S = (t.z + r * R) * o;
+  t.x = (t.x - r * g) * c, t.y = (t.y - r * _) * c, t.z = (t.z - r * S) * c, n.x = h + (u + g) * c, n.y = d + (f + _) * c, n.z = E + (R + S) * c;
   const N = m - l.x, L = C - l.y, w = A - l.z, y = n.x - m, U = n.y - C, x = n.z - A;
   return N * y + L * U + w * x > 0 && (n.x = m, n.y = C, n.z = A, t.x = (n.x - m) / o, t.y = (n.y - C) / o, t.z = (n.z - A) / o), n;
 }
@@ -3461,7 +3461,7 @@ function $s(l, s) {
 function Js(l, s) {
   return bt(l) ? (console.warn(`${s} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Or {
+class gr {
   constructor() {
     this._listeners = {};
   }
@@ -3525,9 +3525,9 @@ class Or {
     }
   }
 }
-const gr = "2.7.3", Es = 1 / 8, bn = typeof window < "u", _r = bn && /Mac/.test(navigator.platform), Sr = !(bn && "PointerEvent" in window);
-let Y, an, ds, ti, lt, G, z, Ee, Le, gt, _t, Qt, cn, ln, ut, ye, de, hn, ei, En, si, ii, us;
-class ot extends Or {
+const Or = "2.7.3", Es = 1 / 8, bn = typeof window < "u", _r = bn && /Mac/.test(navigator.platform), Sr = !(bn && "PointerEvent" in window);
+let Y, an, ds, ti, lt, G, z, Ee, Le, Ot, _t, Qt, cn, ln, ut, ye, de, hn, ei, En, si, ii, us;
+class ot extends gr {
   /**
        * Injects THREE as the dependency. You can then proceed to use CameraControls.
        *
@@ -3569,7 +3569,7 @@ class ot extends Or {
        * @category Statics
        */
   static install(s) {
-    Y = s.THREE, an = Object.freeze(new Y.Vector3(0, 0, 0)), ds = Object.freeze(new Y.Vector3(0, 1, 0)), ti = Object.freeze(new Y.Vector3(0, 0, 1)), lt = new Y.Vector2(), G = new Y.Vector3(), z = new Y.Vector3(), Ee = new Y.Vector3(), Le = new Y.Vector3(), gt = new Y.Vector3(), _t = new Y.Vector3(), Qt = new Y.Vector3(), cn = new Y.Vector3(), ln = new Y.Vector3(), ut = new Y.Spherical(), ye = new Y.Spherical(), de = new Y.Box3(), hn = new Y.Box3(), ei = new Y.Sphere(), En = new Y.Quaternion(), si = new Y.Quaternion(), ii = new Y.Matrix4(), us = new Y.Raycaster();
+    Y = s.THREE, an = Object.freeze(new Y.Vector3(0, 0, 0)), ds = Object.freeze(new Y.Vector3(0, 1, 0)), ti = Object.freeze(new Y.Vector3(0, 0, 1)), lt = new Y.Vector2(), G = new Y.Vector3(), z = new Y.Vector3(), Ee = new Y.Vector3(), Le = new Y.Vector3(), Ot = new Y.Vector3(), _t = new Y.Vector3(), Qt = new Y.Vector3(), cn = new Y.Vector3(), ln = new Y.Vector3(), ut = new Y.Spherical(), ye = new Y.Spherical(), de = new Y.Box3(), hn = new Y.Box3(), ei = new Y.Sphere(), En = new Y.Quaternion(), si = new Y.Quaternion(), ii = new Y.Matrix4(), us = new Y.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -3597,7 +3597,7 @@ class ot extends Or {
    */
   constructor(s, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.verticalDragToForward = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = P.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = le.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new Y.Vector3(), this._focalOffsetVelocity = new Y.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (p, T, O) => {
+    }, this._enabled = !0, this._state = P.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = le.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new Y.Vector3(), this._focalOffsetVelocity = new Y.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (p, T, g) => {
       let _, S;
       if (Zt(this._camera)) {
         const N = G.copy(this._camera.position).sub(this._target), L = this._camera.getEffectiveFOV() * Se, w = N.length() * Math.tan(L * 0.5);
@@ -3607,16 +3607,16 @@ class ot extends Or {
         _ = p * (N.right - N.left) / N.zoom / this._elementRect.width, S = T * (N.top - N.bottom) / N.zoom / this._elementRect.height;
       } else
         return;
-      this.verticalDragToForward ? (O ? this.setFocalOffset(this._focalOffsetEnd.x + _, this._focalOffsetEnd.y, this._focalOffsetEnd.z, !0) : this.truck(_, 0, !0), this.forward(-S, !0)) : O ? this.setFocalOffset(this._focalOffsetEnd.x + _, this._focalOffsetEnd.y + S, this._focalOffsetEnd.z, !0) : this.truck(_, S, !0);
+      this.verticalDragToForward ? (g ? this.setFocalOffset(this._focalOffsetEnd.x + _, this._focalOffsetEnd.y, this._focalOffsetEnd.z, !0) : this.truck(_, 0, !0), this.forward(-S, !0)) : g ? this.setFocalOffset(this._focalOffsetEnd.x + _, this._focalOffsetEnd.y + S, this._focalOffsetEnd.z, !0) : this.truck(_, S, !0);
     }, this._rotateInternal = (p, T) => {
-      const O = he * this.azimuthRotateSpeed * p / this._elementRect.height, _ = he * this.polarRotateSpeed * T / this._elementRect.height;
-      this.rotate(O, _, !0);
-    }, this._dollyInternal = (p, T, O) => {
+      const g = he * this.azimuthRotateSpeed * p / this._elementRect.height, _ = he * this.polarRotateSpeed * T / this._elementRect.height;
+      this.rotate(g, _, !0);
+    }, this._dollyInternal = (p, T, g) => {
       const _ = Math.pow(0.95, -p * this.dollySpeed), S = this._sphericalEnd.radius, N = this._sphericalEnd.radius * _, L = mt(N, this.minDistance, this.maxDistance), w = L - N;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(N, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(w, !0), this._dollyToNoClamp(L, !0)) : this._dollyToNoClamp(L, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? N : L) - S, this._dollyControlCoord.set(T, O)), this._lastDollyDirection = Math.sign(-p);
-    }, this._zoomInternal = (p, T, O) => {
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(N, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(w, !0), this._dollyToNoClamp(L, !0)) : this._dollyToNoClamp(L, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? N : L) - S, this._dollyControlCoord.set(T, g)), this._lastDollyDirection = Math.sign(-p);
+    }, this._zoomInternal = (p, T, g) => {
       const _ = Math.pow(0.95, p * this.dollySpeed), S = this._zoom, N = this._zoom * _;
-      this.zoomTo(N, !0), this.dollyToCursor && (this._changedZoom += N - S, this._dollyControlCoord.set(T, O));
+      this.zoomTo(N, !0), this.dollyToCursor && (this._changedZoom += N - S, this._dollyControlCoord.set(T, g));
     }, typeof Y > "u" && console.error("camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."), this._camera = s, this._yAxisUpSpace = new Y.Quaternion().setFromUnitVectors(this._camera.up, ds), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = P.NONE, this._target = new Y.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new Y.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new Y.Spherical().setFromVector3(G.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
       new Y.Vector3(),
       new Y.Vector3(),
@@ -3647,7 +3647,7 @@ class ot extends Or {
       }
       if ((p.buttons & V.LEFT) === V.LEFT && this._lockedPointer)
         return;
-      const O = {
+      const g = {
         pointerId: p.pointerId,
         clientX: p.clientX,
         clientY: p.clientY,
@@ -3655,7 +3655,7 @@ class ot extends Or {
         deltaY: 0,
         mouseButton: T
       };
-      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("pointerup", h), this._domElement.ownerDocument.addEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, R(p);
+      this._activePointers.push(g), this._domElement.ownerDocument.removeEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("pointerup", h), this._domElement.ownerDocument.addEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, R(p);
     }, r = (p) => {
       if (!this._enabled || !this._domElement || this._lockedPointer)
         return;
@@ -3669,7 +3669,7 @@ class ot extends Or {
         const _ = this._findPointerByMouseButton(T);
         _ && this._disposePointer(_);
       }
-      const O = {
+      const g = {
         pointerId: 1,
         clientX: p.clientX,
         clientY: p.clientY,
@@ -3677,12 +3677,12 @@ class ot extends Or {
         deltaY: 0,
         mouseButton: (p.buttons & V.LEFT) === V.LEFT ? V.LEFT : (p.buttons & V.MIDDLE) === V.LEFT ? V.MIDDLE : (p.buttons & V.RIGHT) === V.LEFT ? V.RIGHT : null
       };
-      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener("mousemove", c), this._domElement.ownerDocument.removeEventListener("mouseup", d), this._domElement.ownerDocument.addEventListener("mousemove", c), this._domElement.ownerDocument.addEventListener("mouseup", d), this._isDragging = !0, R(p);
+      this._activePointers.push(g), this._domElement.ownerDocument.removeEventListener("mousemove", c), this._domElement.ownerDocument.removeEventListener("mouseup", d), this._domElement.ownerDocument.addEventListener("mousemove", c), this._domElement.ownerDocument.addEventListener("mouseup", d), this._isDragging = !0, R(p);
     }, a = (p) => {
       p.cancelable && p.preventDefault();
-      const T = p.pointerId, O = this._lockedPointer || this._findPointerById(T);
-      if (O) {
-        if (O.clientX = p.clientX, O.clientY = p.clientY, O.deltaX = p.movementX, O.deltaY = p.movementY, this._state = 0, p.pointerType === "touch")
+      const T = p.pointerId, g = this._lockedPointer || this._findPointerById(T);
+      if (g) {
+        if (g.clientX = p.clientX, g.clientY = p.clientY, g.deltaX = p.movementX, g.deltaY = p.movementY, this._state = 0, p.pointerType === "touch")
           switch (this._activePointers.length) {
             case 1:
               this._state = this.touches.one;
@@ -3740,7 +3740,7 @@ class ot extends Or {
         const N = performance.now();
         E - N < 1e3 && this._getClientRect(this._elementRect), E = N;
       }
-      const T = _r ? -1 : -3, O = p.deltaMode === 1 ? p.deltaY / T : p.deltaY / (T * 10), _ = this.dollyToCursor ? (p.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, S = this.dollyToCursor ? (p.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const T = _r ? -1 : -3, g = p.deltaMode === 1 ? p.deltaY / T : p.deltaY / (T * 10), _ = this.dollyToCursor ? (p.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, S = this.dollyToCursor ? (p.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case P.ROTATE: {
           this._rotateInternal(p.deltaX, p.deltaY), this._isUserControllingRotate = !0;
@@ -3755,11 +3755,11 @@ class ot extends Or {
           break;
         }
         case P.DOLLY: {
-          this._dollyInternal(-O, _, S), this._isUserControllingDolly = !0;
+          this._dollyInternal(-g, _, S), this._isUserControllingDolly = !0;
           break;
         }
         case P.ZOOM: {
-          this._zoomInternal(-O, _, S), this._isUserControllingZoom = !0;
+          this._zoomInternal(-g, _, S), this._isUserControllingZoom = !0;
           break;
         }
       }
@@ -3767,8 +3767,8 @@ class ot extends Or {
     }, f = (p) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === ot.ACTION.NONE) {
-          const T = p instanceof PointerEvent ? p.pointerId : (p instanceof MouseEvent, 0), O = this._findPointerById(T);
-          O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("pointerup", h), this._domElement.ownerDocument.removeEventListener("mousemove", c), this._domElement.ownerDocument.removeEventListener("mouseup", d);
+          const T = p instanceof PointerEvent ? p.pointerId : (p instanceof MouseEvent, 0), g = this._findPointerById(T);
+          g && this._disposePointer(g), this._domElement.ownerDocument.removeEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("pointerup", h), this._domElement.ownerDocument.removeEventListener("mousemove", c), this._domElement.ownerDocument.removeEventListener("mouseup", d);
           return;
         }
         p.preventDefault();
@@ -3777,7 +3777,7 @@ class ot extends Or {
       if (!this._enabled)
         return;
       if ($s(this._activePointers, lt), this._getClientRect(this._elementRect), e.copy(lt), i.copy(lt), this._activePointers.length >= 2) {
-        const O = lt.x - this._activePointers[1].clientX, _ = lt.y - this._activePointers[1].clientY, S = Math.sqrt(O * O + _ * _);
+        const g = lt.x - this._activePointers[1].clientX, _ = lt.y - this._activePointers[1].clientY, S = Math.sqrt(g * g + _ * _);
         o.set(0, S);
         const N = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, L = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
         i.set(N, L);
@@ -3803,8 +3803,8 @@ class ot extends Or {
       if (!this._enabled || !this._dragNeedsUpdate)
         return;
       this._dragNeedsUpdate = !1, $s(this._activePointers, lt);
-      const T = this._domElement && document.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = T ? -T.deltaX : i.x - lt.x, _ = T ? -T.deltaY : i.y - lt.y;
-      if (i.copy(lt), ((this._state & P.ROTATE) === P.ROTATE || (this._state & P.TOUCH_ROTATE) === P.TOUCH_ROTATE || (this._state & P.TOUCH_DOLLY_ROTATE) === P.TOUCH_DOLLY_ROTATE || (this._state & P.TOUCH_ZOOM_ROTATE) === P.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, _), this._isUserControllingRotate = !0), (this._state & P.DOLLY) === P.DOLLY || (this._state & P.ZOOM) === P.ZOOM) {
+      const T = this._domElement && document.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, g = T ? -T.deltaX : i.x - lt.x, _ = T ? -T.deltaY : i.y - lt.y;
+      if (i.copy(lt), ((this._state & P.ROTATE) === P.ROTATE || (this._state & P.TOUCH_ROTATE) === P.TOUCH_ROTATE || (this._state & P.TOUCH_DOLLY_ROTATE) === P.TOUCH_DOLLY_ROTATE || (this._state & P.TOUCH_ZOOM_ROTATE) === P.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(g, _), this._isUserControllingRotate = !0), (this._state & P.DOLLY) === P.DOLLY || (this._state & P.ZOOM) === P.ZOOM) {
         const S = this.dollyToCursor ? (e.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, N = this.dollyToCursor ? (e.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, L = this.dollyDragInverted ? -1 : 1;
         (this._state & P.DOLLY) === P.DOLLY ? (this._dollyInternal(L * _ * Es, S, N), this._isUserControllingDolly = !0) : (this._zoomInternal(L * _ * Es, S, N), this._isUserControllingZoom = !0);
       }
@@ -3814,7 +3814,7 @@ class ot extends Or {
         const y = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, U = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
         (this._state & P.TOUCH_DOLLY) === P.TOUCH_DOLLY || (this._state & P.TOUCH_DOLLY_ROTATE) === P.TOUCH_DOLLY_ROTATE || (this._state & P.TOUCH_DOLLY_TRUCK) === P.TOUCH_DOLLY_TRUCK || (this._state & P.TOUCH_DOLLY_OFFSET) === P.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(w * Es, y, U), this._isUserControllingDolly = !0) : (this._zoomInternal(w * Es, y, U), this._isUserControllingZoom = !0);
       }
-      ((this._state & P.TRUCK) === P.TRUCK || (this._state & P.TOUCH_TRUCK) === P.TOUCH_TRUCK || (this._state & P.TOUCH_DOLLY_TRUCK) === P.TOUCH_DOLLY_TRUCK || (this._state & P.TOUCH_ZOOM_TRUCK) === P.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, _, !1), this._isUserControllingTruck = !0), ((this._state & P.OFFSET) === P.OFFSET || (this._state & P.TOUCH_OFFSET) === P.TOUCH_OFFSET || (this._state & P.TOUCH_DOLLY_OFFSET) === P.TOUCH_DOLLY_OFFSET || (this._state & P.TOUCH_ZOOM_OFFSET) === P.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, _, !0), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
+      ((this._state & P.TRUCK) === P.TRUCK || (this._state & P.TOUCH_TRUCK) === P.TOUCH_TRUCK || (this._state & P.TOUCH_DOLLY_TRUCK) === P.TOUCH_DOLLY_TRUCK || (this._state & P.TOUCH_ZOOM_TRUCK) === P.TOUCH_ZOOM_TRUCK) && (this._truckInternal(g, _, !1), this._isUserControllingTruck = !0), ((this._state & P.OFFSET) === P.OFFSET || (this._state & P.TOUCH_OFFSET) === P.TOUCH_OFFSET || (this._state & P.TOUCH_DOLLY_OFFSET) === P.TOUCH_DOLLY_OFFSET || (this._state & P.TOUCH_ZOOM_OFFSET) === P.TOUCH_ZOOM_OFFSET) && (this._truckInternal(g, _, !0), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
     }, C = () => {
       $s(this._activePointers, lt), i.copy(lt), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener("pointermove", a, { passive: !1 }), this._domElement.ownerDocument.removeEventListener("mousemove", c), this._domElement.ownerDocument.removeEventListener("pointerup", h), this._domElement.ownerDocument.removeEventListener("mouseup", d), this.dispatchEvent({ type: "controlend" }));
     };
@@ -4137,8 +4137,8 @@ class ot extends Or {
    * @category Methods
    */
   truck(s, t, e = !1) {
-    this._camera.updateMatrix(), gt.setFromMatrixColumn(this._camera.matrix, 0), _t.setFromMatrixColumn(this._camera.matrix, 1), gt.multiplyScalar(s), _t.multiplyScalar(-t);
-    const i = G.copy(gt).add(_t), o = z.copy(this._targetEnd).add(i);
+    this._camera.updateMatrix(), Ot.setFromMatrixColumn(this._camera.matrix, 0), _t.setFromMatrixColumn(this._camera.matrix, 1), Ot.multiplyScalar(s), _t.multiplyScalar(-t);
+    const i = G.copy(Ot).add(_t), o = z.copy(this._targetEnd).add(i);
     return this.moveTo(o.x, o.y, o.z, e);
   }
   /**
@@ -4282,8 +4282,8 @@ class ot extends Or {
     ye.setFromVector3(A.sub(C).applyQuaternion(this._yAxisUpSpace)), this._targetEnd.copy(R.lerp(C, u));
     const F = ye.theta - ut.theta, p = ye.phi - ut.phi, T = ye.radius - ut.radius;
     this._sphericalEnd.set(ut.radius + T * u, ut.phi + p * u, ut.theta + F * u), this.normalizeRotations(), this._needsUpdate = !0, f || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const O = !f || k(this._target.x, this._targetEnd.x, this.restThreshold) && k(this._target.y, this._targetEnd.y, this.restThreshold) && k(this._target.z, this._targetEnd.z, this.restThreshold) && k(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && k(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold) && k(this._spherical.radius, this._sphericalEnd.radius, this.restThreshold);
-    return this._createOnRestPromise(O);
+    const g = !f || k(this._target.x, this._targetEnd.x, this.restThreshold) && k(this._target.y, this._targetEnd.y, this.restThreshold) && k(this._target.z, this._targetEnd.z, this.restThreshold) && k(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && k(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold) && k(this._spherical.radius, this._sphericalEnd.radius, this.restThreshold);
+    return this._createOnRestPromise(g);
   }
   /**
    * Set angle and distance by given position.
@@ -4332,9 +4332,9 @@ class ot extends Or {
    * @category Methods
    */
   setOrbitPoint(s, t, e) {
-    this._camera.updateMatrixWorld(), gt.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), _t.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Qt.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
+    this._camera.updateMatrixWorld(), Ot.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), _t.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Qt.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
     const i = G.set(s, t, e), o = i.distanceTo(this._camera.position), n = i.sub(this._camera.position);
-    gt.multiplyScalar(n.x), _t.multiplyScalar(n.y), Qt.multiplyScalar(n.z), G.copy(gt).add(_t).add(Qt), G.z = G.z + o, this.dollyTo(o, !1), this.setFocalOffset(-G.x, G.y, -G.z, !1), this.moveTo(s, t, e, !1);
+    Ot.multiplyScalar(n.x), _t.multiplyScalar(n.y), Qt.multiplyScalar(n.z), G.copy(Ot).add(_t).add(Qt), G.z = G.z + o, this.dollyTo(o, !1), this.setFocalOffset(-G.x, G.y, -G.z, !1), this.moveTo(s, t, e, !1);
   }
   /**
    * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
@@ -4526,8 +4526,8 @@ class ot extends Or {
       if (Zt(this._camera) && this._changedDolly !== 0) {
         const d = this._spherical.radius - this._lastDistance, E = this._camera, u = this._getCameraDirection(Le), f = G.copy(u).cross(E.up).normalize();
         f.lengthSq() === 0 && (f.x = 1);
-        const R = z.crossVectors(f, u), m = this._sphericalEnd.radius * Math.tan(E.getEffectiveFOV() * Se * 0.5), A = (this._sphericalEnd.radius - d - this._sphericalEnd.radius) / this._sphericalEnd.radius, F = Ee.copy(this._targetEnd).add(f.multiplyScalar(this._dollyControlCoord.x * m * E.aspect)).add(R.multiplyScalar(this._dollyControlCoord.y * m)), p = G.copy(this._targetEnd).lerp(F, A), T = this._lastDollyDirection === le.IN && this._spherical.radius <= this.minDistance, O = this._lastDollyDirection === le.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (T || O)) {
+        const R = z.crossVectors(f, u), m = this._sphericalEnd.radius * Math.tan(E.getEffectiveFOV() * Se * 0.5), A = (this._sphericalEnd.radius - d - this._sphericalEnd.radius) / this._sphericalEnd.radius, F = Ee.copy(this._targetEnd).add(f.multiplyScalar(this._dollyControlCoord.x * m * E.aspect)).add(R.multiplyScalar(this._dollyControlCoord.y * m)), p = G.copy(this._targetEnd).lerp(F, A), T = this._lastDollyDirection === le.IN && this._spherical.radius <= this.minDistance, g = this._lastDollyDirection === le.OUT && this.maxDistance <= this._spherical.radius;
+        if (this.infinityDolly && (T || g)) {
           this._sphericalEnd.radius -= d, this._spherical.radius -= d;
           const S = z.copy(u).multiplyScalar(-d);
           p.add(S);
@@ -4536,15 +4536,15 @@ class ot extends Or {
         const _ = z.subVectors(p, this._targetEnd);
         this._targetEnd.copy(p), this._target.add(_), this._changedDolly -= d, X(this._changedDolly) && (this._changedDolly = 0);
       } else if (bt(this._camera) && this._changedZoom !== 0) {
-        const d = this._zoom - this._lastZoom, E = this._camera, u = G.set(this._dollyControlCoord.x, this._dollyControlCoord.y, (E.near + E.far) / (E.near - E.far)).unproject(E), f = z.set(0, 0, -1).applyQuaternion(E.quaternion), R = Ee.copy(u).add(f.multiplyScalar(-u.dot(E.up))), C = -(this._zoom - d - this._zoom) / this._zoom, A = this._getCameraDirection(Le), F = this._targetEnd.dot(A), p = G.copy(this._targetEnd).lerp(R, C), T = p.dot(A), O = A.multiplyScalar(T - F);
-        p.sub(O), this._boundary.clampPoint(p, p);
+        const d = this._zoom - this._lastZoom, E = this._camera, u = G.set(this._dollyControlCoord.x, this._dollyControlCoord.y, (E.near + E.far) / (E.near - E.far)).unproject(E), f = z.set(0, 0, -1).applyQuaternion(E.quaternion), R = Ee.copy(u).add(f.multiplyScalar(-u.dot(E.up))), C = -(this._zoom - d - this._zoom) / this._zoom, A = this._getCameraDirection(Le), F = this._targetEnd.dot(A), p = G.copy(this._targetEnd).lerp(R, C), T = p.dot(A), g = A.multiplyScalar(T - F);
+        p.sub(g), this._boundary.clampPoint(p, p);
         const _ = z.subVectors(p, this._targetEnd);
         this._targetEnd.copy(p), this._target.add(_), this._changedZoom -= d, X(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
     const a = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!X(this._focalOffset.x) || !X(this._focalOffset.y) || !X(this._focalOffset.z)) && (this._camera.updateMatrixWorld(), gt.setFromMatrixColumn(this._camera.matrix, 0), _t.setFromMatrixColumn(this._camera.matrix, 1), Qt.setFromMatrixColumn(this._camera.matrix, 2), gt.multiplyScalar(this._focalOffset.x), _t.multiplyScalar(-this._focalOffset.y), Qt.multiplyScalar(this._focalOffset.z), G.copy(gt).add(_t).add(Qt), this._camera.position.add(G)), this._boundaryEnclosesCamera && this._encloseToBoundary(this._camera.position.copy(this._target), G.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse), 1);
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!X(this._focalOffset.x) || !X(this._focalOffset.y) || !X(this._focalOffset.z)) && (this._camera.updateMatrixWorld(), Ot.setFromMatrixColumn(this._camera.matrix, 0), _t.setFromMatrixColumn(this._camera.matrix, 1), Qt.setFromMatrixColumn(this._camera.matrix, 2), Ot.multiplyScalar(this._focalOffset.x), _t.multiplyScalar(-this._focalOffset.y), Qt.multiplyScalar(this._focalOffset.z), G.copy(Ot).add(_t).add(Qt), this._camera.position.add(G)), this._boundaryEnclosesCamera && this._encloseToBoundary(this._camera.position.copy(this._target), G.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse), 1);
     const h = this._needsUpdate;
     return h && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : h ? (this.dispatchEvent({ type: "update" }), X(t, this.restThreshold) && X(e, this.restThreshold) && X(i, this.restThreshold) && X(o.x, this.restThreshold) && X(o.y, this.restThreshold) && X(o.z, this.restThreshold) && X(n.x, this.restThreshold) && X(n.y, this.restThreshold) && X(n.z, this.restThreshold) && X(r, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !h && this._updatedLastTime && this.dispatchEvent({ type: "sleep" }), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = h, this._needsUpdate = !1, h;
   }
@@ -4598,7 +4598,7 @@ class ot extends Or {
       console.warn("camera-controls is already connected.");
       return;
     }
-    s.setAttribute("data-camera-controls-version", gr), this._addAllEventListeners(s), this._getClientRect(this._elementRect);
+    s.setAttribute("data-camera-controls-version", Or), this._addAllEventListeners(s), this._getClientRect(this._elementRect);
   }
   /**
    * Detach all internal event handlers to disable drag control.
@@ -4770,7 +4770,7 @@ class He extends ar {
     I(this, "updateAspect", () => {
       var t;
       if (!(!this.currentWorld || !this.currentWorld.renderer)) {
-        if (this.three instanceof g.OrthographicCamera) {
+        if (this.three instanceof O.OrthographicCamera) {
           this.onAspectUpdated.trigger();
           return;
         }
@@ -4835,8 +4835,8 @@ class He extends ar {
     this.enabled && (this.onBeforeUpdate.trigger(this), this.controls.update(t), this.onAfterUpdate.trigger(this));
   }
   setupCamera() {
-    const t = window.innerWidth / window.innerHeight, e = new g.PerspectiveCamera(60, t, 1, 1e3);
-    return e.position.set(50, 50, 50), e.lookAt(new g.Vector3(0, 0, 0)), e;
+    const t = window.innerWidth / window.innerHeight, e = new O.PerspectiveCamera(60, t, 1, 1e3);
+    return e.position.set(50, 50, 50), e.lookAt(new O.Vector3(0, 0, 0)), e;
   }
   newCameraControls() {
     if (!this.currentWorld)
@@ -4852,21 +4852,21 @@ class He extends ar {
   }
   static getSubsetOfThree() {
     return {
-      MOUSE: g.MOUSE,
-      Vector2: g.Vector2,
-      Vector3: g.Vector3,
-      Vector4: g.Vector4,
-      Quaternion: g.Quaternion,
-      Matrix4: g.Matrix4,
-      Spherical: g.Spherical,
-      Box3: g.Box3,
-      Sphere: g.Sphere,
-      Raycaster: g.Raycaster,
-      MathUtils: g.MathUtils
+      MOUSE: O.MOUSE,
+      Vector2: O.Vector2,
+      Vector3: O.Vector3,
+      Vector4: O.Vector4,
+      Quaternion: O.Quaternion,
+      Matrix4: O.Matrix4,
+      Spherical: O.Spherical,
+      Box3: O.Box3,
+      Sphere: O.Sphere,
+      Raycaster: O.Raycaster,
+      MathUtils: O.MathUtils
     };
   }
 }
-const gs = class gs extends et {
+const Os = class Os extends et {
   constructor(t) {
     super(t);
     /** {@link Updateable.onAfterUpdate} */
@@ -4892,7 +4892,7 @@ const gs = class gs extends et {
     I(this, "list", /* @__PURE__ */ new Map());
     /** {@link Component.enabled} */
     I(this, "enabled", !0);
-    t.add(gs.uuid, this);
+    t.add(Os.uuid, this);
   }
   /**
    * Creates a new instance of a SimpleWorld and adds it to the list of worlds.
@@ -4948,8 +4948,8 @@ const gs = class gs extends et {
  * A unique identifier for the component.
  * This UUID is used to register the component within the Components system.
  */
-I(gs, "uuid", "fdb61dc4-2ec1-4966-b83d-54ea795fad4a");
-let Ci = gs;
+I(Os, "uuid", "fdb61dc4-2ec1-4966-b83d-54ea795fad4a");
+let Ci = Os;
 class Nr {
   constructor(s, t, e) {
     /** {@link Disposable.onDisposed} */
@@ -4967,8 +4967,8 @@ class Nr {
     this.world = t;
     const { color: i, size1: o, size2: n, distance: r } = e;
     this.components = s;
-    const a = new g.PlaneGeometry(2, 2, 1, 1), c = new g.ShaderMaterial({
-      side: g.DoubleSide,
+    const a = new O.PlaneGeometry(2, 2, 1, 1), c = new O.ShaderMaterial({
+      side: O.DoubleSide,
       uniforms: {
         uSize1: {
           value: o
@@ -5057,7 +5057,7 @@ class Nr {
         derivatives: !0
       }
     });
-    this.three = new g.Mesh(a, c), this.three.frustumCulled = !1, t.scene.three.add(this.three), this.setupEvents(!0);
+    this.three = new O.Mesh(a, c), this.three.frustumCulled = !1, t.scene.three.add(this.three), this.setupEvents(!0);
   }
   /** {@link Hideable.visible} */
   get visible() {
@@ -5107,7 +5107,7 @@ const _s = class _s extends et {
      * The default configuration for grid creation.
      */
     I(this, "config", {
-      color: new g.Color(12303291),
+      color: new O.Color(12303291),
       size1: 1,
       size2: 10,
       distance: 500
@@ -5402,7 +5402,7 @@ class Ur extends ri {
       XZ: [
         [new v(new rt(0.15, 0.15, 0.01), c.clone()), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]
       ]
-    }, O = {
+    }, g = {
       X: [
         [new v(new ct(0.2, 0, 0.6, 4), e), [0.3, 0, 0], [0, 0, -Math.PI / 2]],
         [new v(new ct(0.2, 0, 0.6, 4), e), [-0.3, 0, 0], [0, 0, Math.PI / 2]]
@@ -5557,7 +5557,7 @@ class Ur extends ri {
         }
       return H;
     }
-    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = x(T)), this.add(this.gizmo.rotate = x(S)), this.add(this.gizmo.scale = x(w)), this.add(this.picker.translate = x(O)), this.add(this.picker.rotate = x(L)), this.add(this.picker.scale = x(y)), this.add(this.helper.translate = x(_)), this.add(this.helper.rotate = x(N)), this.add(this.helper.scale = x(U)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
+    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = x(T)), this.add(this.gizmo.rotate = x(S)), this.add(this.gizmo.scale = x(w)), this.add(this.picker.translate = x(g)), this.add(this.picker.rotate = x(L)), this.add(this.picker.scale = x(y)), this.add(this.helper.translate = x(_)), this.add(this.helper.rotate = x(N)), this.add(this.helper.scale = x(U)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
   }
   // updateMatrixWorld will update transformations and appearance of individual handles
   updateMatrixWorld(s) {
@@ -5643,19 +5643,21 @@ class Pi {
     /**
      * The THREE.js Plane object representing the clipping plane.
      */
-    I(this, "three", new g.Plane());
+    I(this, "three", new O.Plane());
     /** The components instance to which this plane belongs. */
     I(this, "components");
     /** The world instance to which this plane belongs. */
     I(this, "world");
+    /** A custom string to identify what this plane is used for. */
+    I(this, "type", "default");
     I(this, "_helper");
     I(this, "_visible", !0);
     I(this, "_enabled", !0);
     I(this, "_controlsActive", !1);
-    I(this, "_arrowBoundBox", new g.Mesh());
+    I(this, "_arrowBoundBox", new O.Mesh());
     I(this, "_planeMesh");
     I(this, "_controls");
-    I(this, "_hiddenMaterial", new g.MeshBasicMaterial({
+    I(this, "_hiddenMaterial", new O.MeshBasicMaterial({
       visible: !1
     }));
     /** {@link Updateable.update} */
@@ -5745,7 +5747,7 @@ class Pi {
     this._enabled = !1, this.onDraggingStarted.reset(), this.onDraggingEnded.reset(), this._helper.removeFromParent(), this.world.renderer && this.world.renderer.setPlane(!1, this.three), this._arrowBoundBox.removeFromParent(), this._arrowBoundBox.geometry.dispose(), this._planeMesh.geometry.dispose(), this._controls.removeFromParent(), this._controls.dispose(), this.onDisposed.trigger(), this.onDisposed.reset();
   }
   reset() {
-    const s = new g.Vector3(1, 0, 0), t = new g.Vector3();
+    const s = new O.Vector3(1, 0, 0), t = new O.Vector3();
     this.normal.equals(s) || (this.normal.copy(s), this._helper.lookAt(s)), this.origin.copy(t), this._helper.position.copy(t), this._helper.updateMatrix();
   }
   toggleControls(s) {
@@ -5767,7 +5769,7 @@ class Pi {
     s.attach(this._helper), s.showX = !1, s.showY = !1, s.setSpace("local"), this.createArrowBoundingBox(), s.children[0].children[0].add(this._arrowBoundBox);
   }
   createArrowBoundingBox() {
-    this._arrowBoundBox.geometry = new g.CylinderGeometry(0.18, 0.18, 1.2), this._arrowBoundBox.material = this._hiddenMaterial, this._arrowBoundBox.rotateX(Math.PI / 2), this._arrowBoundBox.updateMatrix(), this._arrowBoundBox.geometry.applyMatrix4(this._arrowBoundBox.matrix);
+    this._arrowBoundBox.geometry = new O.CylinderGeometry(0.18, 0.18, 1.2), this._arrowBoundBox.material = this._hiddenMaterial, this._arrowBoundBox.rotateX(Math.PI / 2), this._arrowBoundBox.updateMatrix(), this._arrowBoundBox.geometry.applyMatrix4(this._arrowBoundBox.matrix);
   }
   notifyDraggingChanged(s) {
     s.value ? this.onDraggingStarted.trigger() : this.onDraggingEnded.trigger();
@@ -5776,11 +5778,11 @@ class Pi {
     this.world.camera.enabled = this._visible;
   }
   newHelper() {
-    const s = new g.Object3D();
+    const s = new O.Object3D();
     return s.lookAt(this.normal), s.position.copy(this.origin), this._planeMesh.position.z += 0.01, s.add(this._planeMesh), this.world.scene.three.add(s), s;
   }
   static newPlaneMesh(s, t) {
-    const e = new g.PlaneGeometry(1), i = new g.Mesh(e, t);
+    const e = new O.PlaneGeometry(1), i = new O.Mesh(e, t);
     return i.scale.set(s, s, s), i;
   }
 }
@@ -5842,9 +5844,9 @@ const ve = class ve extends et {
      */
     I(this, "list", []);
     /** The material used in all the clipping planes. */
-    I(this, "_material", new g.MeshBasicMaterial({
+    I(this, "_material", new O.MeshBasicMaterial({
       color: 12255487,
-      side: g.DoubleSide,
+      side: O.DoubleSide,
       transparent: !0,
       opacity: 0.2
     }));
@@ -5910,7 +5912,7 @@ const ve = class ve extends et {
   /** {@link Createable.create} */
   create(t) {
     const o = this.components.get(ze).get(t).castRay();
-    o && this.createPlaneFromIntersection(t, o);
+    return o ? this.createPlaneFromIntersection(t, o) : null;
   }
   /**
    * Creates a plane in a certain place and with a certain orientation,
@@ -5935,12 +5937,19 @@ const ve = class ve extends et {
   delete(t, e) {
     e || (e = this.pickPlane(t)), e && this.deletePlane(e);
   }
-  /** Deletes all the existing clipping planes. */
-  deleteAll() {
-    for (; this.list.length > 0; ) {
-      const t = this.list[0];
-      this.delete(t.world, t);
-    }
+  /**
+   * Deletes all the existing clipping planes.
+   *
+   * @param types - the types of planes to be deleted. If not provided, all planes will be deleted.
+   */
+  deleteAll(t) {
+    const e = [...this.list];
+    for (const i of e)
+      if (!t || t.has(i.type)) {
+        this.delete(i.world, i);
+        const o = this.list.indexOf(i);
+        o !== -1 && this.list.splice(o, 1);
+      }
   }
   deletePlane(t) {
     const e = this.list.indexOf(t);
@@ -5967,20 +5976,20 @@ const ve = class ve extends et {
     var a;
     if (!t.renderer)
       throw new Error("The given world must have a renderer!");
-    const i = e.point.distanceTo(new g.Vector3(0, 0, 0)), o = (a = e.face) == null ? void 0 : a.normal;
+    const i = e.point.distanceTo(new O.Vector3(0, 0, 0)), o = (a = e.face) == null ? void 0 : a.normal;
     if (!i || !o)
-      return;
+      return null;
     const n = this.getWorldNormal(e, o), r = this.newPlane(t, e.point, n.negate());
-    r.visible = this._visible, r.size = this._size, t.renderer.setPlane(!0, r.three), this.updateMaterialsAndPlanes();
+    return r.visible = this._visible, r.size = this._size, t.renderer.setPlane(!0, r.three), this.updateMaterialsAndPlanes(), r;
   }
   getWorldNormal(t, e) {
     const i = t.object;
     let o = t.object.matrixWorld.clone();
-    if (i instanceof g.InstancedMesh && t.instanceId !== void 0) {
-      const c = new g.Matrix4();
+    if (i instanceof O.InstancedMesh && t.instanceId !== void 0) {
+      const c = new O.Matrix4();
       i.getMatrixAt(t.instanceId, c), o = c.multiply(o);
     }
-    const r = new g.Matrix3().getNormalMatrix(o), a = e.clone().applyMatrix3(r).normalize();
+    const r = new O.Matrix3().getNormalMatrix(o), a = e.clone().applyMatrix3(r).normalize();
     return this.normalizePlaneDirectionY(a), a;
   }
   normalizePlaneDirectionY(t) {
@@ -6077,7 +6086,7 @@ class Yr {
     I(this, "autoUpdate", !0);
     I(this, "updateInterval", 1e3);
     I(this, "worker");
-    I(this, "scene", new g.Scene());
+    I(this, "scene", new O.Scene());
     I(this, "_width", 512);
     I(this, "_height", 512);
     I(this, "_availableColor", 1);
@@ -6114,7 +6123,7 @@ class Yr {
     });
     if (!t.renderer)
       throw new Error("The given world must have a renderer!");
-    this.components = s, this.applySettings(e), this.world = t, this.renderer = new g.WebGLRenderer(), this.renderTarget = new g.WebGLRenderTarget(this._width, this._height), this.bufferSize = this._width * this._height * 4, this._buffer = new Uint8Array(this.bufferSize), this.renderer.clippingPlanes = t.renderer.clippingPlanes;
+    this.components = s, this.applySettings(e), this.world = t, this.renderer = new O.WebGLRenderer(), this.renderTarget = new O.WebGLRenderTarget(this._width, this._height), this.bufferSize = this._width * this._height * 4, this._buffer = new Uint8Array(this.bufferSize), this.renderer.clippingPlanes = t.renderer.clippingPlanes;
     const i = `
       addEventListener("message", (event) => {
         const { buffer } = event.data;
@@ -6199,7 +6208,7 @@ class Vr extends Yr {
     I(this, "_currentVisibleMeshes", /* @__PURE__ */ new Set());
     I(this, "_recentlyHiddenMeshes", /* @__PURE__ */ new Set());
     I(this, "_intervalID", null);
-    I(this, "_transparentMat", new g.MeshBasicMaterial({
+    I(this, "_transparentMat", new O.MeshBasicMaterial({
       transparent: !0,
       opacity: 0
     }));
@@ -6251,7 +6260,7 @@ class Vr extends Yr {
       return;
     }
     this.isProcessing = !0;
-    const e = t instanceof g.InstancedMesh, { geometry: i, material: o } = t, { colorMaterial: n, code: r } = this.getAvailableMaterial();
+    const e = t instanceof O.InstancedMesh, { geometry: i, material: o } = t, { colorMaterial: n, code: r } = this.getAvailableMaterial();
     let a;
     if (Array.isArray(o)) {
       let d = !0;
@@ -6269,8 +6278,8 @@ class Vr extends Yr {
     } else
       a = n;
     this._colorCodeMeshMap.set(r, t), this._meshIDColorCodeMap.set(t.uuid, r);
-    const c = e ? t.count : 1, h = new g.InstancedMesh(i, a, c);
-    e ? h.instanceMatrix = t.instanceMatrix : h.setMatrixAt(0, new g.Matrix4()), t.visible = !1, t.updateWorldMatrix(!0, !1), h.applyMatrix4(t.matrixWorld), h.updateMatrix(), this.scene.add(h), this.colorMeshes.set(t.uuid, h), this.increaseColor(), this.isProcessing = !1;
+    const c = e ? t.count : 1, h = new O.InstancedMesh(i, a, c);
+    e ? h.instanceMatrix = t.instanceMatrix : h.setMatrixAt(0, new O.Matrix4()), t.visible = !1, t.updateWorldMatrix(!0, !1), h.applyMatrix4(t.matrixWorld), h.updateMatrix(), this.scene.add(h), this.colorMeshes.set(t.uuid, h), this.increaseColor(), this.isProcessing = !1;
   }
   /**
    * Removes a mesh from the culler, so its visibility is not controlled by the culler anymore.
@@ -6288,23 +6297,23 @@ class Vr extends Yr {
     this._currentVisibleMeshes.delete(t), this._recentlyHiddenMeshes.delete(t);
     const i = this.colorMeshes.get(t.uuid), o = this._meshIDColorCodeMap.get(t.uuid);
     if (!i || !o) {
-      this.isProcessing = !1, console.log(t.visible);
+      this.isProcessing = !1;
       return;
     }
     this._colorCodeMeshMap.delete(o), this._meshIDColorCodeMap.delete(t.uuid), this.colorMeshes.delete(t.uuid), i.geometry = void 0, i.material = [], e.destroy(i, !0), this._recentlyHiddenMeshes.delete(t), this._currentVisibleMeshes.delete(t), this.isProcessing = !1;
   }
   getAvailableMaterial() {
-    const { r: t, g: e, b: i, code: o } = this.getAvailableColor(), n = g.ColorManagement.enabled;
-    g.ColorManagement.enabled = !1;
-    const r = new g.Color(`rgb(${t}, ${e}, ${i})`);
+    const { r: t, g: e, b: i, code: o } = this.getAvailableColor(), n = O.ColorManagement.enabled;
+    O.ColorManagement.enabled = !1;
+    const r = new O.Color(`rgb(${t}, ${e}, ${i})`);
     if (!this.world.renderer)
       throw new Error("Renderer not found in the world!");
-    const a = this.world.renderer.clippingPlanes, c = new g.MeshBasicMaterial({
+    const a = this.world.renderer.clippingPlanes, c = new O.MeshBasicMaterial({
       color: r,
       clippingPlanes: a,
-      side: g.DoubleSide
+      side: O.DoubleSide
     });
-    return g.ColorManagement.enabled = n, { colorMaterial: c, code: o };
+    return O.ColorManagement.enabled = n, { colorMaterial: c, code: o };
   }
 }
 const Be = class Be extends et {
@@ -6392,12 +6401,12 @@ class Gr {
      * The override material for the minimap.
      * It is used to render the depth information of the world onto the minimap.
      */
-    I(this, "overrideMaterial", new g.MeshDepthMaterial());
+    I(this, "overrideMaterial", new O.MeshDepthMaterial());
     /**
      * The background color of the minimap.
      * It is used to set the background color of the minimap's renderer.
      */
-    I(this, "backgroundColor", new g.Color(395274));
+    I(this, "backgroundColor", new O.Color(395274));
     /**
      * The WebGL renderer for the minimap.
      * It is used to render the minimap onto the screen.
@@ -6416,11 +6425,11 @@ class Gr {
     I(this, "_lockRotation", !0);
     I(this, "_camera");
     I(this, "_plane");
-    I(this, "_size", new g.Vector2(320, 160));
-    I(this, "_tempVector1", new g.Vector3());
-    I(this, "_tempVector2", new g.Vector3());
-    I(this, "_tempTarget", new g.Vector3());
-    I(this, "down", new g.Vector3(0, -1, 0));
+    I(this, "_size", new O.Vector2(320, 160));
+    I(this, "_tempVector1", new O.Vector3());
+    I(this, "_tempVector2", new O.Vector3());
+    I(this, "_tempTarget", new O.Vector3());
+    I(this, "down", new O.Vector3(0, -1, 0));
     I(this, "updatePlanes", () => {
       if (!this.world.renderer)
         throw new Error("The given world must have a renderer!");
@@ -6431,14 +6440,14 @@ class Gr {
     });
     if (this.world = s, !this.world.renderer)
       throw new Error("The given world must have a renderer!");
-    this.renderer = new g.WebGLRenderer(), this.renderer.setSize(this._size.x, this._size.y);
+    this.renderer = new O.WebGLRenderer(), this.renderer.setSize(this._size.x, this._size.y);
     const t = 1, e = this._size.x / this._size.y;
-    this._camera = new g.OrthographicCamera(
+    this._camera = new O.OrthographicCamera(
       t * e / -2,
       t * e / 2,
       t / 2,
       t / -2
-    ), this.world.renderer.onClippingPlanesUpdated.add(this.updatePlanes), this._camera.position.set(0, 200, 0), this._camera.zoom = 0.1, this._camera.rotation.x = -Math.PI / 2, this._plane = new g.Plane(this.down, 200), this.updatePlanes();
+    ), this.world.renderer.onClippingPlanesUpdated.add(this.updatePlanes), this._camera.position.set(0, 200, 0), this._camera.zoom = 0.1, this._camera.rotation.x = -Math.PI / 2, this._plane = new O.Plane(this.down, 200), this.updatePlanes();
   }
   /**
    * Gets or sets whether the minimap rotation is locked.
@@ -6487,7 +6496,7 @@ class Gr {
     const s = this.world.scene.three, t = this.world.camera;
     if (!t.hasCameraControls())
       throw new Error("The given world must use camera controls!");
-    if (!(s instanceof g.Scene))
+    if (!(s instanceof O.Scene))
       throw new Error("The given world must have a THREE.Scene as a root!");
     const e = t.controls;
     if (e.getPosition(this._tempVector1), this._camera.position.x = this._tempVector1.x, this._camera.position.z = this._tempVector1.z, this.frontOffset !== 0 && (e.getTarget(this._tempVector2), this._tempVector2.sub(this._tempVector1), this._tempVector2.normalize().multiplyScalar(this.frontOffset), this._camera.position.x += this._tempVector2.x, this._camera.position.z += this._tempVector2.z), !this._lockRotation) {
@@ -6592,7 +6601,7 @@ class zr {
     }
   }
   setupFirstPersonCamera() {
-    const s = this.camera.controls, t = new g.Vector3();
+    const s = this.camera.controls, t = new O.Vector3();
     s.distance--, s.getPosition(t), s.minDistance = 1, s.maxDistance = 1, s.distance = 1, s.moveTo(
       t.x,
       t.y,
@@ -6615,11 +6624,11 @@ class Hr {
   activateOrbitControls() {
     const s = this.camera.controls;
     s.minDistance = 1, s.maxDistance = 300;
-    const t = new g.Vector3();
+    const t = new O.Vector3();
     s.getPosition(t);
     const e = t.length();
     s.distance = e, s.truckSpeed = 2;
-    const { rotation: i } = this.camera.three, o = new g.Vector3(0, 0, -1).applyEuler(i), n = t.addScaledVector(o, e);
+    const { rotation: i } = this.camera.three, o = new O.Vector3(0, 0, -1).applyEuler(i), n = t.addScaledVector(o, e);
     s.moveTo(n.x, n.y, n.z);
   }
 }
@@ -6696,9 +6705,9 @@ class Wr {
     const s = this._component.currentWorld;
     if (!s || !s.renderer)
       return null;
-    const t = new g.Vector3();
+    const t = new O.Vector3();
     this._component.threePersp.getWorldDirection(t);
-    const e = new g.Vector3();
+    const e = new O.Vector3();
     this._component.controls.getTarget(e);
     const o = e.clone().sub(this._component.threePersp.position).dot(t), n = s.renderer.getSize(), r = n.x / n.y, a = this._component.threePersp, c = o * 2 * Math.atan(a.fov * (Math.PI / 180) / 2);
     return { width: c * r, height: c };
@@ -6789,16 +6798,16 @@ class na extends He {
   async fit(t, e = 1.5) {
     if (!this.enabled)
       return;
-    const i = Number.MAX_VALUE, o = Number.MIN_VALUE, n = new g.Vector3(i, i, i), r = new g.Vector3(o, o, o);
+    const i = Number.MAX_VALUE, o = Number.MIN_VALUE, n = new O.Vector3(i, i, i), r = new O.Vector3(o, o, o);
     for (const u of t) {
-      const f = new g.Box3().setFromObject(u);
+      const f = new O.Box3().setFromObject(u);
       f.min.x < n.x && (n.x = f.min.x), f.min.y < n.y && (n.y = f.min.y), f.min.z < n.z && (n.z = f.min.z), f.max.x > r.x && (r.x = f.max.x), f.max.y > r.y && (r.y = f.max.y), f.max.z > r.z && (r.z = f.max.z);
     }
-    const a = new g.Box3(n, r), c = new g.Vector3();
+    const a = new O.Box3(n, r), c = new O.Vector3();
     a.getSize(c);
-    const h = new g.Vector3();
+    const h = new O.Vector3();
     a.getCenter(h);
-    const d = Math.max(c.x, c.y, c.z) * e, E = new g.Sphere(h, d);
+    const d = Math.max(c.x, c.y, c.z) * e, E = new O.Sphere(h, d);
     await this.controls.fitToSphere(E, !0);
   }
   /**
@@ -6817,7 +6826,7 @@ class na extends He {
   }
   newOrthoCamera() {
     const t = window.innerWidth / window.innerHeight;
-    return new g.OrthographicCamera(
+    return new O.OrthographicCamera(
       this._frustumSize * t / -2,
       this._frustumSize * t / 2,
       this._frustumSize / 2,
@@ -7145,6 +7154,30 @@ const Xr = /* @__PURE__ */ new Map([
   dispose() {
     this.relationMaps = {}, this.components.get(ht).onFragmentsDisposed.remove(this.onFragmentsDisposed), this.onDisposed.trigger(Ye.uuid), this.onDisposed.reset();
   }
+  /**
+   * Gets the children of the given element recursively. E.g. in a model with project - site - building - storeys - rooms, passing a storey will include all its children and the children of the rooms contained in it.
+   *
+   * @param model The BIM model whose children to get.
+   * @param id The expressID of the item whose children to get.
+   * @param found An optional parameter that includes a set of expressIDs where the found element IDs will be added.
+   *
+   * @returns A `Set` with the expressIDs of the found items.
+   */
+  getElementsChildren(t, e, i = /* @__PURE__ */ new Set()) {
+    if (i.add(e), this.relationMaps[t.uuid] === void 0)
+      throw new Error(
+        "The provided model has no indices. You have to generate them first."
+      );
+    const n = this.getEntityRelations(t, e, "IsDecomposedBy");
+    if (n)
+      for (const a of n)
+        this.getElementsChildren(t, a, i);
+    const r = this.getEntityRelations(t, e, "ContainsElements");
+    if (r)
+      for (const a of r)
+        this.getElementsChildren(t, a, i);
+    return i;
+  }
 };
 /**
  * A unique identifier for the component.
@@ -7331,7 +7364,7 @@ const At = class At extends et {
    * @returns An object containing the width, height, depth, and center of the bounding box.
    */
   static getDimensions(t) {
-    const { min: e, max: i } = t, o = Math.abs(i.x - e.x), n = Math.abs(i.y - e.y), r = Math.abs(i.z - e.z), a = new g.Vector3();
+    const { min: e, max: i } = t, o = Math.abs(i.x - e.x), n = Math.abs(i.y - e.y), r = Math.abs(i.z - e.z), a = new O.Vector3();
     return a.subVectors(i, e).divideScalar(2).add(e), { width: o, height: n, depth: r, center: a };
   }
   /**
@@ -7356,7 +7389,7 @@ const At = class At extends et {
    */
   static newBound(t) {
     const e = t ? 1 : -1;
-    return new g.Vector3(
+    return new O.Vector3(
       e * Number.MAX_VALUE,
       e * Number.MAX_VALUE,
       e * Number.MAX_VALUE
@@ -7390,7 +7423,7 @@ const At = class At extends et {
     const o = i || this.newBound(!1), n = e || this.newBound(!0);
     for (const r of t)
       r.x < n.x && (n.x = r.x), r.y < n.y && (n.y = r.y), r.z < n.z && (n.z = r.z), r.x > o.x && (o.x = r.x), r.y > o.y && (o.y = r.y), r.z > o.z && (o.z = r.z);
-    return new g.Box3(e, i);
+    return new O.Box3(e, i);
   }
   /** {@link Disposable.dispose} */
   dispose() {
@@ -7416,7 +7449,7 @@ const At = class At extends et {
    */
   get() {
     const t = this._absoluteMin.clone(), e = this._absoluteMax.clone();
-    return new g.Box3(t, e);
+    return new O.Box3(t, e);
   }
   /**
    * Calculates and returns a sphere that encompasses the entire bounding box.
@@ -7437,8 +7470,8 @@ const At = class At extends et {
    * ```
    */
   getSphere() {
-    const t = this._absoluteMin.clone(), e = this._absoluteMax.clone(), i = Math.abs((e.x - t.x) / 2), o = Math.abs((e.y - t.y) / 2), n = Math.abs((e.z - t.z) / 2), r = new g.Vector3(t.x + i, t.y + o, t.z + n), a = r.distanceTo(t);
-    return new g.Sphere(r, a);
+    const t = this._absoluteMin.clone(), e = this._absoluteMax.clone(), i = Math.abs((e.x - t.x) / 2), o = Math.abs((e.y - t.y) / 2), n = Math.abs((e.z - t.z) / 2), r = new O.Vector3(t.x + i, t.y + o, t.z + n), a = r.distanceTo(t);
+    return new O.Sphere(r, a);
   }
   /**
    * Returns a THREE.Mesh instance representing the bounding box.
@@ -7460,7 +7493,7 @@ const At = class At extends et {
    * ```
    */
   getMesh() {
-    const t = new g.Box3(this._absoluteMin, this._absoluteMax), e = At.getDimensions(t), { width: i, height: o, depth: n, center: r } = e, a = new g.BoxGeometry(i, o, n), c = new g.Mesh(a);
+    const t = new O.Box3(this._absoluteMin, this._absoluteMax), e = At.getDimensions(t), { width: i, height: o, depth: n, center: r } = e, a = new O.BoxGeometry(i, o, n), c = new O.Mesh(a);
     return this._meshes.push(c), c.position.copy(r), c;
   }
   /**
@@ -7523,7 +7556,7 @@ const At = class At extends et {
       return;
     const i = At.getFragmentBounds(t);
     t.updateMatrixWorld();
-    const o = t.matrixWorld, n = new g.Matrix4(), r = t instanceof g.InstancedMesh, a = /* @__PURE__ */ new Set();
+    const o = t.matrixWorld, n = new O.Matrix4(), r = t instanceof O.InstancedMesh, a = /* @__PURE__ */ new Set();
     if (e && t instanceof Vt.FragmentMesh)
       for (const c of e) {
         const h = t.fragment.getInstancesIDs(c);
@@ -7571,7 +7604,7 @@ const At = class At extends et {
     }
   }
   static getFragmentBounds(t) {
-    const e = t.geometry.attributes.position, i = Number.MAX_VALUE, o = -i, n = new g.Vector3(i, i, i), r = new g.Vector3(o, o, o);
+    const e = t.geometry.attributes.position, i = Number.MAX_VALUE, o = -i, n = new O.Vector3(i, i, i), r = new O.Vector3(o, o, o);
     if (!t.geometry.index)
       throw new Error("Geometry must be indexed!");
     const a = Array.from(t.geometry.index.array);
@@ -7583,7 +7616,7 @@ const At = class At extends et {
       const h = a[c], d = e.getX(h), E = e.getY(h), u = e.getZ(h);
       d < n.x && (n.x = d), E < n.y && (n.y = E), u < n.z && (n.z = u), d > r.x && (r.x = d), E > r.y && (r.y = E), u > r.z && (r.z = u);
     }
-    return new g.Box3(n, r);
+    return new O.Box3(n, r);
   }
 };
 I(At, "uuid", "d1444724-dba6-4cdd-a0c7-68ee1450d166");
@@ -9229,7 +9262,7 @@ class Qr {
   }
   getScaleMatrix() {
     const s = this.factor;
-    return new g.Matrix4().fromArray([
+    return new O.Matrix4().fromArray([
       s,
       0,
       0,
@@ -9365,7 +9398,7 @@ class Li {
 }
 class Vn {
   constructor() {
-    I(this, "defLineMat", new g.LineBasicMaterial({ color: 16777215 }));
+    I(this, "defLineMat", new O.LineBasicMaterial({ color: 16777215 }));
   }
   read(s) {
     const t = s.GetAllAlignments(0), e = s.GetAllCrossSections2D(0), i = s.GetAllCrossSections3D(0), o = {
@@ -9382,7 +9415,7 @@ class Vn {
         const i = new Vt.Alignment();
         i.absolute = this.getCurves(e.curve3D, i), i.horizontal = this.getCurves(e.horizontal, i), i.vertical = this.getCurves(e.vertical, i), t.set(t.size, i);
       }
-      return { alignments: t, coordinationMatrix: new g.Matrix4() };
+      return { alignments: t, coordinationMatrix: new O.Matrix4() };
     }
   }
   getCurves(s, t) {
@@ -9400,7 +9433,7 @@ class Vn {
         const { x: u, y: f, z: R } = r[E];
         a[E * 3] = u, a[E * 3 + 1] = f, a[E * 3 + 2] = R || 0;
       }
-      const c = new g.BufferAttribute(a, 3), h = new g.EdgesGeometry();
+      const c = new O.BufferAttribute(a, 3), h = new O.EdgesGeometry();
       h.setAttribute("position", c);
       const d = new Vt.CurveMesh(
         i,
@@ -9473,13 +9506,13 @@ const Ve = class Ve extends et {
     I(this, "webIfc", new b.IfcAPI());
     /** {@link Component.enabled} */
     I(this, "enabled", !0);
-    I(this, "_material", new g.MeshLambertMaterial());
+    I(this, "_material", new O.MeshLambertMaterial());
     I(this, "_spatialTree", new Yn());
     I(this, "_metaData", new Gn());
     I(this, "_fragmentInstances", /* @__PURE__ */ new Map());
     I(this, "_civil", new Vn());
     I(this, "_visitedFragments", /* @__PURE__ */ new Map());
-    I(this, "_materialT", new g.MeshLambertMaterial({
+    I(this, "_materialT", new O.MeshLambertMaterial({
       transparent: !0,
       opacity: 0.5
     }));
@@ -9487,7 +9520,7 @@ const Ve = class Ve extends et {
   }
   /** {@link Disposable.dispose} */
   dispose() {
-    this.webIfc = null, this.onDisposed.trigger(Ve.uuid), this.onDisposed.reset();
+    this.webIfc.Dispose(), this.webIfc = null, this.onDisposed.trigger(Ve.uuid), this.onDisposed.reset();
   }
   /**
    * Sets up the IfcLoader component with the provided configuration.
@@ -9578,7 +9611,7 @@ const Ve = class Ve extends et {
    * ```
    */
   cleanUp() {
-    this.webIfc = null, this.webIfc = new b.IfcAPI(), this._visitedFragments.clear(), this._fragmentInstances.clear();
+    this.webIfc.Dispose(), this.webIfc = null, this.webIfc = new b.IfcAPI(), this._visitedFragments.clear(), this._fragmentInstances.clear();
   }
   async getAllGeometries() {
     this._spatialTree.setUp(this.webIfc);
@@ -9627,12 +9660,12 @@ const Ve = class Ve extends et {
     for (let n = 0; n < i; n++) {
       const r = t.geometries.get(n), { x: a, y: c, z: h, w: d } = r.color, E = d !== 1, { geometryExpressID: u } = r, f = `${u}-${E}`;
       if (!this._visitedFragments.has(f)) {
-        const T = this.getGeometry(this.webIfc, u), O = E ? this._materialT : this._material, _ = new Vt.Fragment(T, O, 1);
+        const T = this.getGeometry(this.webIfc, u), g = E ? this._materialT : this._material, _ = new Vt.Fragment(T, g, 1);
         e.add(_.mesh), e.items.push(_);
         const S = this._visitedFragments.size;
         this._visitedFragments.set(f, { index: S, fragment: _ });
       }
-      const R = new g.Color().setRGB(a, c, h, "srgb"), m = new g.Matrix4();
+      const R = new O.Color().setRGB(a, c, h, "srgb"), m = new O.Matrix4();
       m.fromArray(r.flatTransformation);
       const C = this._visitedFragments.get(f);
       if (C === void 0)
@@ -9665,7 +9698,7 @@ const Ve = class Ve extends et {
     ), r = new Float32Array(n.length / 2), a = new Float32Array(n.length / 2);
     for (let E = 0; E < n.length; E += 6)
       r[E / 2] = n[E], r[E / 2 + 1] = n[E + 1], r[E / 2 + 2] = n[E + 2], a[E / 2] = n[E + 3], a[E / 2 + 1] = n[E + 4], a[E / 2 + 2] = n[E + 5];
-    const c = new g.BufferGeometry(), h = new g.BufferAttribute(r, 3), d = new g.BufferAttribute(a, 3);
+    const c = new O.BufferGeometry(), h = new O.BufferAttribute(r, 3), d = new O.BufferAttribute(a, 3);
     return c.setAttribute("position", h), c.setAttribute("normal", d), c.setIndex(Array.from(o)), i.delete(), c;
   }
   async autoSetWasm() {
@@ -10048,7 +10081,7 @@ const Bt = class Bt extends et {
  * This UUID is used to register the component within the Components system.
  */
 I(Bt, "uuid", "58c2d9f0-183c-48d6-a402-dfcf5b9a34df");
-let On = Bt;
+let gn = Bt;
 const Ls = class Ls extends et {
   constructor(t) {
     super(t);
@@ -10071,7 +10104,7 @@ const Ls = class Ls extends et {
           for (const a of r) {
             const c = n[a];
             for (const h of i)
-              delete c[h];
+              delete c.map[h];
             Object.values(c).length === 0 && delete n[a];
           }
       }
@@ -10093,7 +10126,7 @@ const Ls = class Ls extends et {
       const i = this.list[e];
       for (const o in i) {
         const n = i[o];
-        delete n[t];
+        delete n.map[t];
       }
     }
   }
@@ -10128,9 +10161,9 @@ const Ls = class Ls extends et {
       for (const c of a) {
         const h = this.list[r][c];
         if (h)
-          for (const d in h) {
+          for (const d in h.map) {
             o[d] || (o[d] = /* @__PURE__ */ new Map());
-            for (const E of h[d]) {
+            for (const E of h.map[d]) {
               const u = o[d].get(E);
               u === void 0 ? o[d].set(E, 1) : o[d].set(E, u + 1);
             }
@@ -10164,13 +10197,13 @@ const Ls = class Ls extends et {
   byModel(t, e) {
     this.list.models || (this.list.models = {});
     const i = this.list.models;
-    i[t] || (i[t] = {});
+    i[t] || (i[t] = { map: {}, id: null, name: t });
     const o = i[t];
     for (const [n, r] of e.data) {
       const a = r[0];
       for (const c of a) {
         const h = e.keyFragments.get(c);
-        h && (o[h] || (o[h] = /* @__PURE__ */ new Set()), o[h].add(n));
+        h && (o.map[h] || (o.map[h] = /* @__PURE__ */ new Set()), o.map[h].add(n));
       }
     }
   }
@@ -10196,7 +10229,11 @@ const Ls = class Ls extends et {
       if (!r)
         continue;
       const a = String((o = r.PredefinedType) == null ? void 0 : o.value).toUpperCase();
-      e[a] || (e[a] = {});
+      e[a] || (e[a] = {
+        map: {},
+        id: null,
+        name: a
+      });
       const c = e[a];
       for (const [h, d] of t.data) {
         const E = d[0];
@@ -10204,7 +10241,7 @@ const Ls = class Ls extends et {
           const f = t.keyFragments.get(u);
           if (!f)
             throw new Error("Fragment ID not found!");
-          c[f] || (c[f] = /* @__PURE__ */ new Set()), c[f].add(r.expressID);
+          c.map[f] || (c.map[f] = /* @__PURE__ */ new Set()), c.map[f].add(r.expressID);
         }
       }
     }
@@ -10267,6 +10304,7 @@ const Ls = class Ls extends et {
    * Classifies fragments based on their spatial structure in the IFC model.
    *
    * @param model - The FragmentsGroup containing the fragments to be classified.
+   * @param config - The configuration for the classifier. It includes "useProperties" (if false, the classification will use the expressIDs instead of the names)
    *
    * @remarks
    * This method iterates through the relations of the fragments in the provided group,
@@ -10276,49 +10314,55 @@ const Ls = class Ls extends et {
    *
    * @throws Will throw an error if the fragment ID is not found or if the model relations do not exist.
    */
-  async bySpatialStructure(t) {
-    var n, r;
-    const e = this.components.get(ke), i = e.relationMaps[t.uuid];
-    if (!i)
+  async bySpatialStructure(t, e = { useProperties: !0 }) {
+    var r, a;
+    const i = this.components.get(ke), o = i.relationMaps[t.uuid];
+    if (!o)
       throw new Error(
         `Classifier: model relations of ${t.name || t.uuid} have to exists to group by spatial structure.`
       );
-    const o = "spatialStructures";
-    for (const [a] of i) {
-      const c = e.getEntityRelations(
+    const n = "spatialStructures";
+    for (const [c] of o) {
+      const h = i.getEntityRelations(
         t,
-        a,
+        c,
         "Decomposes"
       );
-      if (c)
-        for (const u of c) {
-          const f = await t.getProperties(u);
-          if (!f)
-            continue;
-          const R = (n = f.Name) == null ? void 0 : n.value;
-          this.saveItem(t, o, R, a);
+      if (h)
+        for (const u of h) {
+          let f = u.toString();
+          if (e.useProperties) {
+            const R = await t.getProperties(u);
+            if (!R)
+              continue;
+            f = (r = R.Name) == null ? void 0 : r.value;
+          }
+          this.saveItem(t, n, f, c, u);
         }
-      const h = e.getEntityRelations(
+      const d = i.getEntityRelations(
         t,
-        a,
+        c,
         "ContainsElements"
       );
-      if (!h)
-        continue;
-      const d = await t.getProperties(a);
       if (!d)
         continue;
-      const E = (r = d.Name) == null ? void 0 : r.value;
-      for (const u of h) {
-        this.saveItem(t, o, E, u);
-        const f = e.getEntityRelations(
+      let E = c.toString();
+      if (e.useProperties) {
+        const u = await t.getProperties(c);
+        if (!u)
+          continue;
+        E = (a = u.Name) == null ? void 0 : a.value;
+      }
+      for (const u of d) {
+        this.saveItem(t, n, E, u, c);
+        const f = i.getEntityRelations(
           t,
           Number(u),
           "IsDecomposedBy"
         );
         if (f)
           for (const R of f)
-            this.saveItem(t, o, E, R);
+            this.saveItem(t, n, E, R, c);
       }
     }
   }
@@ -10366,15 +10410,15 @@ const Ls = class Ls extends et {
       o.resetColor(n);
     }
   }
-  saveItem(t, e, i, o) {
+  saveItem(t, e, i, o, n = null) {
     this.list[e] || (this.list[e] = {});
-    const n = t.data.get(o);
-    if (n)
-      for (const r of n[0]) {
-        const a = t.keyFragments.get(r);
-        if (a) {
-          const c = this.list[e];
-          c[i] || (c[i] = {}), c[i][a] || (c[i][a] = /* @__PURE__ */ new Set()), c[i][a].add(o);
+    const r = t.data.get(o);
+    if (r)
+      for (const a of r[0]) {
+        const c = t.keyFragments.get(a);
+        if (c) {
+          const h = this.list[e];
+          h[i] || (h[i] = { map: {}, id: n, name: i }), h[i].map[c] || (h[i].map[c] = /* @__PURE__ */ new Set()), h[i].map[c].add(o);
         }
       }
   }
@@ -10434,16 +10478,16 @@ const ys = class ys extends et {
       return;
     const e = this.components.get(Ai), i = this.components.get(ht), o = t ? 1 : -1;
     let n = 0;
-    const r = e.list[this.groupName], a = new g.Matrix4();
+    const r = e.list[this.groupName], a = new O.Matrix4();
     for (const c in r) {
       a.elements[13] = n * o * this.height;
-      for (const h in r[c]) {
+      for (const h in r[c].map) {
         const d = i.list.get(h), E = c + h, u = this.list.has(E);
         if (!d || t && u || !t && !u)
           continue;
         t ? this.list.add(E) : this.list.delete(E);
-        const f = r[c][h];
-        d.applyTransform(f, a);
+        const f = r[c].map[h];
+        d.applyTransform(f, a), d.mesh.computeBoundingSphere(), d.mesh.computeBoundingBox();
       }
       n++;
     }
@@ -10454,7 +10498,7 @@ const ys = class ys extends et {
  * This UUID is used to register the component within the Components system.
  */
 I(ys, "uuid", "d260618b-ce88-4c7d-826c-6debb91de3e2");
-let gn = ys;
+let On = ys;
 const Ms = class Ms extends et {
   constructor(t) {
     super(t);
@@ -10575,7 +10619,7 @@ const ws = class ws extends et {
   }
   /** {@link Disposable.dispose} */
   dispose() {
-    this.onIfcLoaded.reset(), this.onGeometryStreamed.reset(), this.onAssetStreamed.reset(), this.webIfc = null, this.onDisposed.trigger(), this.onDisposed.reset();
+    this.onIfcLoaded.reset(), this.onGeometryStreamed.reset(), this.onAssetStreamed.reset(), this.webIfc.Dispose(), this.webIfc = null, this.onDisposed.trigger(), this.onDisposed.reset();
   }
   /**
    * This method streams the IFC file from a given buffer.
@@ -10644,8 +10688,8 @@ const ws = class ws extends et {
           const _ = (T == null ? void 0 : T.GlobalId.value) || (T == null ? void 0 : T.GlobalId);
           n.globalToExpressIDs.set(_, p);
         }
-        const O = this._spatialTree.itemsByFloor[p] || 0;
-        n.data.set(p, [[], [O, m]]), r++;
+        const g = this._spatialTree.itemsByFloor[p] || 0;
+        n.data.set(p, [[], [g, m]]), r++;
       }
     }
     this._spatialTree.cleanUp();
@@ -10672,7 +10716,7 @@ const ws = class ws extends et {
     this.onIfcLoaded.trigger(R), n.dispose(!0);
   }
   cleanUp() {
-    this.webIfc = null, this.webIfc = new b.IfcAPI(), this._visitedGeometries.clear(), this._geometries.clear(), this._assets = [], this._meshesWithHoles.clear();
+    this.webIfc.Dispose(), this.webIfc = null, this.webIfc = new b.IfcAPI(), this._visitedGeometries.clear(), this._geometries.clear(), this._assets = [], this._meshesWithHoles.clear();
   }
   getMesh(t, e, i) {
     const o = e.geometries.size(), n = e.expressID, r = { id: n, geometries: [] };
@@ -10680,8 +10724,8 @@ const ws = class ws extends et {
       const c = e.geometries.get(a), h = c.geometryExpressID, d = c.color.w === 1 ? 1 : -1, E = h * d;
       if (!this._visitedGeometries.has(E)) {
         this._visitedGeometries.has(h) || this.getGeometry(t, h);
-        const T = this._visitedGeometries.size, O = g.MathUtils.generateUUID();
-        this._visitedGeometries.set(E, { uuid: O, index: T });
+        const T = this._visitedGeometries.size, g = O.MathUtils.generateUUID();
+        this._visitedGeometries.set(E, { uuid: g, index: T });
       }
       const u = this._visitedGeometries.get(E);
       if (u === void 0)
@@ -10781,7 +10825,7 @@ class Kr extends et {
   }
   /** {@link Disposable.dispose} */
   async dispose() {
-    this.onIndicesStreamed.reset(), this.onPropertiesStreamed.reset(), this.webIfc = null, this.onDisposed.reset();
+    this.onIndicesStreamed.reset(), this.onPropertiesStreamed.reset(), this.webIfc.Dispose(), this.webIfc = null, this.onDisposed.reset();
   }
   /**
    * This method converts properties from an IFC file to tiles given its data as a Uint8Array.
@@ -10852,14 +10896,14 @@ class Kr extends et {
         }
         await this.onPropertiesStreamed.trigger({ type: c, data: R });
       }
-      const f = n / e.size;
-      f > o && (o += 0.01, o = Math.max(o, f), await this.onProgress.trigger(Math.round(o * 100) / 100));
+      n / e.size > o && (o = Math.round(o * 100) / 100, await this.onProgress.trigger(o), o += 0.01);
     }
+    await this.onProgress.trigger(1);
     const a = await this.components.get(ke).processFromWebIfc(this.webIfc, 0);
     await this.onIndicesStreamed.trigger(a);
   }
   cleanUp() {
-    this.webIfc = null, this.webIfc = new b.IfcAPI();
+    this.webIfc.Dispose(), this.webIfc = null, this.webIfc = new b.IfcAPI();
   }
 }
 /**
@@ -10884,7 +10928,7 @@ const Ds = class Ds extends et {
    * @returns The distance from the point to the line segment.
    */
   static distanceFromPointToLine(t, e, i, o = !1) {
-    const n = new g.Line3(), r = new g.Vector3();
+    const n = new O.Line3(), r = new O.Vector3();
     return n.set(e, i), n.closestPointToPoint(t, o, r), r.distanceTo(t);
   }
   /**
@@ -10918,14 +10962,14 @@ const Ds = class Ds extends et {
       const f = /* @__PURE__ */ new Map();
       for (const { id: T } of u)
         if (h.has(T)) {
-          const O = h.get(T);
-          f.set(T, O);
+          const g = h.get(T);
+          f.set(T, g);
         }
       const R = u.map((T) => T.id);
       if (!f.size) {
         const T = c++;
-        for (const { id: O } of u)
-          h.set(O, T);
+        for (const { id: g } of u)
+          h.set(g, T);
         d.set(T, {
           edges: new Set(R),
           indices: /* @__PURE__ */ new Set([E])
@@ -10934,9 +10978,9 @@ const Ds = class Ds extends et {
       }
       let m = null;
       const C = /* @__PURE__ */ new Set(), A = new Set(R);
-      for (const [T, O] of f) {
-        m === null ? m = O : O !== m && C.add(O), h.delete(T);
-        const { edges: _ } = d.get(O);
+      for (const [T, g] of f) {
+        m === null ? m = g : g !== m && C.add(g), h.delete(T);
+        const { edges: _ } = d.get(g);
         _.delete(T), A.delete(T);
       }
       if (m === null)
@@ -10945,11 +10989,11 @@ const Ds = class Ds extends et {
       p.add(E);
       for (const T of A) {
         h.set(T, m);
-        const { edges: O } = F;
-        O.add(T);
+        const { edges: g } = F;
+        g.add(T);
       }
       for (const T of C) {
-        const O = d.get(T), { edges: _, indices: S } = O, N = d.get(m), { edges: L, indices: w } = N;
+        const g = d.get(T), { edges: _, indices: S } = g, N = d.get(m), { edges: L, indices: w } = N;
         for (const y of _)
           L.add(y), h.set(y, m);
         for (const y of S)
@@ -10981,12 +11025,12 @@ const Ds = class Ds extends et {
   getVerticesAndNormal(t, e, i) {
     if (!t.geometry.index)
       throw new Error("Geometry must be indexed!");
-    const o = t.geometry.index.array, n = t.geometry.attributes.position.array, r = t.geometry.attributes.normal.array, a = o[e * 3] * 3, c = o[e * 3 + 1] * 3, h = o[e * 3 + 2] * 3, d = new g.Vector3(n[a], n[a + 1], n[a + 2]), E = new g.Vector3(n[c], n[c + 1], n[c + 2]), u = new g.Vector3(n[h], n[h + 1], n[h + 2]), f = new g.Vector3(r[a], r[a + 1], r[a + 2]), R = new g.Vector3(r[c], r[c + 1], r[c + 2]), m = new g.Vector3(r[h], r[h + 1], r[h + 2]), C = (f.x + R.x + m.x) / 3, A = (f.y + R.y + m.y) / 3, F = (f.z + R.z + m.z) / 3, p = new g.Vector3(C, A, F);
-    if (i !== void 0 && t instanceof g.InstancedMesh) {
-      const T = new g.Matrix4();
+    const o = t.geometry.index.array, n = t.geometry.attributes.position.array, r = t.geometry.attributes.normal.array, a = o[e * 3] * 3, c = o[e * 3 + 1] * 3, h = o[e * 3 + 2] * 3, d = new O.Vector3(n[a], n[a + 1], n[a + 2]), E = new O.Vector3(n[c], n[c + 1], n[c + 2]), u = new O.Vector3(n[h], n[h + 1], n[h + 2]), f = new O.Vector3(r[a], r[a + 1], r[a + 2]), R = new O.Vector3(r[c], r[c + 1], r[c + 2]), m = new O.Vector3(r[h], r[h + 1], r[h + 2]), C = (f.x + R.x + m.x) / 3, A = (f.y + R.y + m.y) / 3, F = (f.z + R.z + m.z) / 3, p = new O.Vector3(C, A, F);
+    if (i !== void 0 && t instanceof O.InstancedMesh) {
+      const T = new O.Matrix4();
       t.getMatrixAt(i, T);
-      const O = new g.Matrix4();
-      O.extractRotation(T), p.applyMatrix4(O), d.applyMatrix4(T), E.applyMatrix4(T), u.applyMatrix4(T);
+      const g = new O.Matrix4();
+      g.extractRotation(T), p.applyMatrix4(g), d.applyMatrix4(T), E.applyMatrix4(T), u.applyMatrix4(T);
     }
     return { p1: d, p2: E, p3: u, faceNormal: p };
   }
@@ -11014,7 +11058,7 @@ const Ds = class Ds extends et {
    * @throws Will throw an error if the fragment manager is not available.
    */
   getVolumeFromFragments(t) {
-    const e = this.components.get(ht), i = new g.Matrix4(), o = [];
+    const e = this.components.get(ht), i = new O.Matrix4(), o = [];
     for (const r in t) {
       const a = e.list.get(r);
       if (!a)
@@ -11025,7 +11069,7 @@ const Ds = class Ds extends et {
         const f = a.getInstancesIDs(u);
         f && (h += f.size);
       }
-      const d = new g.InstancedMesh(
+      const d = new O.InstancedMesh(
         a.mesh.geometry,
         void 0,
         h
@@ -11090,23 +11134,23 @@ const Ds = class Ds extends et {
         distance: E.distanceTo(m),
         points: [E, m]
       }
-    ], A = new g.Plane();
+    ], A = new O.Plane();
     return A.setFromNormalAndCoplanarPoint(c, n), A.constant = Math.round(A.constant * 10) / 10, { plane: A, edges: C };
   }
   // https://stackoverflow.com/a/1568551
   getVolumeOfMesh(t) {
     let e = 0;
-    const i = new g.Vector3(), o = new g.Vector3(), n = new g.Vector3(), { index: r } = t.geometry, a = t.geometry.attributes.position.array;
+    const i = new O.Vector3(), o = new O.Vector3(), n = new O.Vector3(), { index: r } = t.geometry, a = t.geometry.attributes.position.array;
     if (!r)
       return console.warn("Geometry must be indexed to compute its volume!"), 0;
     const c = [];
-    if (t instanceof g.InstancedMesh)
+    if (t instanceof O.InstancedMesh)
       for (let d = 0; d < t.count; d++) {
-        const E = new g.Matrix4();
+        const E = new O.Matrix4();
         t.getMatrixAt(d, E), c.push(E);
       }
     else
-      c.push(new g.Matrix4().identity());
+      c.push(new O.Matrix4().identity());
     const { matrixWorld: h } = t;
     for (let d = 0; d < r.array.length - 2; d += 3)
       for (const E of c) {
@@ -11142,7 +11186,7 @@ export {
   Ti as Cullers,
   zt as Disposer,
   D as Event,
-  gn as Exploder,
+  On as Exploder,
   zr as FirstPersonMode,
   ht as FragmentsManager,
   vn as GeometryTypes,
@@ -11155,7 +11199,7 @@ export {
   Sn as IfcGeometryTiler,
   mi as IfcJsonExporter,
   Ri as IfcLoader,
-  On as IfcPropertiesManager,
+  gn as IfcPropertiesManager,
   Kr as IfcPropertiesTiler,
   Kt as IfcPropertiesUtils,
   ke as IfcRelationsIndexer,