u-space 0.0.21 → 0.0.22

package/dist/index.js

@@ -1,22 +1,22 @@
-import { Raycaster as Be, Vector2 as C, EventDispatcher as Le, Box2 as tt, Matrix4 as Ie, Vector3 as w, Box3 as X, Scene as Re, Color as M, AmbientLight as st, DirectionalLight as ue, PointLight as me, SpotLight as fe, HemisphereLight as ge, DirectionalLightHelper as nt, PointLightHelper as it, SpotLightHelper as rt, HemisphereLightHelper as ot, RenderPipeline as at, PerspectiveCamera as J, Sphere as ze, Spherical as S, Quaternion as ct, Vector4 as ht, MathUtils as lt, PMREMGenerator as dt, OrthographicCamera as V, TimestampQuery as pt, Cache as ut, Timer as mt, WebGPURenderer as ft, PCFShadowMap as gt, AgXToneMapping as yt, Fog as wt, FogExp2 as vt, MeshStandardNodeMaterial as R, Loader as bt, LoaderUtils as L, FileLoader as Ne, TextureLoader as je, Group as I, SRGBColorSpace as De, RepeatWrapping as ye, BufferGeometry as K, BufferAttribute as we, Mesh as D, FrontSide as xt, BackSide as Ct, DoubleSide as St, REVISION as ve, CubeTextureLoader as Mt, EquirectangularReflectionMapping as _t, Sprite as Tt, AnimationMixer as Et, LoopRepeat as Pt, LoopOnce as Ot, SphereGeometry as At, TubeGeometry as Bt, LineCurve3 as Lt, CatmullRomCurve3 as It, SpriteNodeMaterial as Rt, CanvasTexture as zt, ShapeGeometry as Nt, Shape as ke, ExtrudeGeometry as jt, PlaneGeometry as Dt, CircleGeometry as kt, ClippingGroup as Ut, Plane as Ht, PlaneHelper as Ft, LineBasicMaterial as Z, Line as ee } from "three/webgpu";
-import { pass as de, mrt as Gt, output as $t, add as be, blendColor as Wt, emissive as Kt, normalView as Qt, velocity as Xt, color as H, uv as xe, time as te, pow as se, sin as pe, mix as ne, mx_noise_float as Ce, Fn as Ue, userData as B, materialColor as Se, select as ie, materialOpacity as qt, vec3 as Yt } from "three/tsl";
+import { Raycaster as Le, Vector2 as C, EventDispatcher as Re, Box2 as st, Matrix4 as Ie, Vector3 as w, Box3 as q, Scene as ze, Color as M, AmbientLight as nt, DirectionalLight as me, PointLight as fe, SpotLight as ge, HemisphereLight as ye, DirectionalLightHelper as it, PointLightHelper as rt, SpotLightHelper as at, HemisphereLightHelper as ot, RenderPipeline as ct, PerspectiveCamera as V, Sphere as Ne, Spherical as S, Quaternion as ht, Vector4 as lt, MathUtils as dt, PMREMGenerator as pt, OrthographicCamera as Z, TimestampQuery as Y, Cache as ut, Timer as mt, WebGPURenderer as ft, PCFShadowMap as gt, AgXToneMapping as yt, Fog as wt, FogExp2 as vt, MeshStandardNodeMaterial as I, Loader as bt, LoaderUtils as L, FileLoader as je, TextureLoader as De, Group as R, SRGBColorSpace as ke, RepeatWrapping as we, BufferGeometry as K, BufferAttribute as ve, Mesh as D, FrontSide as xt, BackSide as Ct, DoubleSide as St, REVISION as be, CubeTextureLoader as Mt, EquirectangularReflectionMapping as Tt, Sprite as _t, AnimationMixer as Et, LoopRepeat as Pt, LoopOnce as Ot, SphereGeometry as At, TubeGeometry as Bt, LineCurve3 as Lt, CatmullRomCurve3 as Rt, SpriteNodeMaterial as It, CanvasTexture as zt, ShapeGeometry as Nt, Shape as Ue, ExtrudeGeometry as jt, PlaneGeometry as Dt, CircleGeometry as kt, ClippingGroup as Ut, Plane as Ht, PlaneHelper as Ft, LineBasicMaterial as ee, Line as te } from "three/webgpu";
+import { pass as pe, mrt as Gt, output as $t, add as xe, blendColor as Wt, emissive as Kt, normalView as Qt, velocity as qt, color as H, uv as Ce, time as se, pow as ne, sin as ue, mix as ie, mx_noise_float as Se, Fn as He, userData as B, materialColor as Me, select as re, materialOpacity as Xt, vec3 as Yt } from "three/tsl";
 import { bloom as Jt } from "three/addons/tsl/display/BloomNode.js";
 import { ssgi as Vt } from "three/addons/tsl/display/SSGINode.js";
 import { traa as Zt } from "three/addons/tsl/display/TRAANode.js";
-import He from "camera-controls";
+import Fe from "camera-controls";
 import { RoomEnvironment as es } from "three/addons/environments/RoomEnvironment.js";
 import { ViewHelper as ts } from "three/addons/helpers/ViewHelper.js";
 import { CSS2DRenderer as ss, CSS2DObject as ns } from "three/addons/renderers/CSS2DRenderer.js";
-import { CSS2DObject as Nn } from "three/addons/renderers/CSS2DRenderer.js";
-import { CSS3DRenderer as is, CSS3DSprite as rs, CSS3DObject as os } from "three/addons/renderers/CSS3DRenderer.js";
-import { CSS3DObject as Dn, CSS3DSprite as kn } from "three/addons/renderers/CSS3DRenderer.js";
-import { GLTFLoader as Fe } from "three/addons/loaders/GLTFLoader.js";
-import { FBXLoader as as } from "three/addons/loaders/FBXLoader.js";
+import { CSS2DObject as jn } from "three/addons/renderers/CSS2DRenderer.js";
+import { CSS3DRenderer as is, CSS3DSprite as rs, CSS3DObject as as } from "three/addons/renderers/CSS3DRenderer.js";
+import { CSS3DObject as kn, CSS3DSprite as Un } from "three/addons/renderers/CSS3DRenderer.js";
+import { GLTFLoader as Ge } from "three/addons/loaders/GLTFLoader.js";
+import { FBXLoader as os } from "three/addons/loaders/FBXLoader.js";
 import { OBJLoader as cs } from "three/addons/loaders/OBJLoader.js";
 import { STLLoader as hs } from "three/addons/loaders/STLLoader.js";
 import { DRACOLoader as ls } from "three/addons/loaders/DRACOLoader.js";
 import { KTX2Loader as ds } from "three/addons/loaders/KTX2Loader.js";
-import { MeshoptDecoder as Me } from "three/addons/libs/meshopt_decoder.module.js";
+import { MeshoptDecoder as Te } from "three/addons/libs/meshopt_decoder.module.js";
 import { HDRLoader as ps } from "three/addons/loaders/HDRLoader.js";
 import { clone as us } from "three/addons/utils/SkeletonUtils.js";
 import { Easing as m, Tween as ms } from "three/addons/libs/tween.module.js";
@@ -52,7 +52,7 @@ class gs {
   domElement;
   scene;
   camera;
-  raycaster = new Be();
+  raycaster = new Le();
   pointer = new C();
   hoveredObject = null;
   pointerDownTime = 0;
@@ -205,7 +205,7 @@ class gs {
     this.domElement.removeEventListener("click", this._onClick), this.domElement.removeEventListener("dblclick", this._onDblClick), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.clickTimer && (clearTimeout(this.clickTimer), this.clickTimer = null), this.hoveredObject = null, this._excludeSet.clear();
   }
 }
-class vn extends Le {
+class bn extends Re {
   scene;
   camera;
   domElement;
@@ -321,21 +321,21 @@ class vn extends Le {
     ), i = new C(
       this._endPoint.x / t * 2 - 1,
       -(this._endPoint.y / s) * 2 + 1
-    ), r = new tt(
+    ), r = new st(
       new C(Math.min(n.x, i.x), Math.min(n.y, i.y)),
       new C(Math.max(n.x, i.x), Math.max(n.y, i.y))
-    ), o = this.targetObjects || this.scene.children, a = [], c = new Ie();
+    ), a = this.targetObjects || this.scene.children, o = [], c = new Ie();
     c.multiplyMatrices(this.camera.projectionMatrix, this.camera.matrixWorldInverse);
     const l = (d) => {
       if (!d.visible) return;
       const p = new w();
-      if (p.setFromMatrixPosition(d.matrixWorld), p.applyMatrix4(c), p.z > -1 && p.z < 1 && r.containsPoint(new C(p.x, p.y)) && a.push(d), this._deep)
+      if (p.setFromMatrixPosition(d.matrixWorld), p.applyMatrix4(c), p.z > -1 && p.z < 1 && r.containsPoint(new C(p.x, p.y)) && o.push(d), this._deep)
         for (const u of d.children)
           l(u);
     };
-    for (const d of o)
+    for (const d of a)
       l(d);
-    return a;
+    return o;
   }
   dispose() {
     this.disableBoxSelection(), this._selected.clear();
@@ -475,15 +475,15 @@ class ys {
       const i = n.material;
       if (!i) return;
       const r = Array.isArray(i) ? i : [i];
-      for (const o of r)
-        o.transparent = t < 1, o.opacity = t, o.needsUpdate = !0;
+      for (const a of r)
+        a.transparent = t < 1, a.opacity = t, a.needsUpdate = !0;
     });
   }
   /**
    * Get the bounding box of an object by id, or all objects if no id provided.
    */
   getBoundingBox(e) {
-    const t = new X();
+    const t = new q();
     if (e) {
       const s = this.idMap.get(e);
       s && t.setFromObject(s);
@@ -518,7 +518,7 @@ class ys {
       e.visible = !0;
   }
 }
-class bn {
+class xn {
   scenes = /* @__PURE__ */ new Map();
   _activeSceneKey = null;
   /**
@@ -531,7 +531,7 @@ class bn {
    * Create and register a new scene.
    */
   create(e, t = {}) {
-    const s = new Re();
+    const s = new ze();
     return t.background !== void 0 && (s.background = new M(t.background)), this.scenes.set(e, s), s;
   }
   /**
@@ -592,7 +592,7 @@ class bn {
     return this.scenes.size;
   }
 }
-class xn {
+class Cn {
   scene;
   lights = /* @__PURE__ */ new Map();
   helpers = /* @__PURE__ */ new Map();
@@ -600,16 +600,16 @@ class xn {
     this.scene = e;
   }
   addAmbient(e, t = {}) {
-    const { color: s = 16777215, intensity: n = 0.5 } = t, i = new st(s, n);
+    const { color: s = 16777215, intensity: n = 0.5 } = t, i = new nt(s, n);
     return i.name = e, this._register(e, i), i;
   }
   addDirectional(e, t = {}) {
-    const { color: s = 16777215, intensity: n = 1, position: i = { x: 5, y: 10, z: 5 }, castShadow: r = !1, shadowMapSize: o = 1024 } = t, a = new ue(s, n);
-    return a.position.set(i.x, i.y, i.z), a.castShadow = r, r && a.shadow.mapSize.setScalar(o), a.name = e, this._register(e, a), a;
+    const { color: s = 16777215, intensity: n = 1, position: i = { x: 5, y: 10, z: 5 }, castShadow: r = !1, shadowMapSize: a = 1024 } = t, o = new me(s, n);
+    return o.position.set(i.x, i.y, i.z), o.castShadow = r, r && o.shadow.mapSize.setScalar(a), o.name = e, this._register(e, o), o;
   }
   addPoint(e, t = {}) {
-    const { color: s = 16777215, intensity: n = 1, distance: i = 0, decay: r = 2, position: o = { x: 0, y: 5, z: 0 }, castShadow: a = !1 } = t, c = new me(s, n, i, r);
-    return c.position.set(o.x, o.y, o.z), c.castShadow = a, c.name = e, this._register(e, c), c;
+    const { color: s = 16777215, intensity: n = 1, distance: i = 0, decay: r = 2, position: a = { x: 0, y: 5, z: 0 }, castShadow: o = !1 } = t, c = new fe(s, n, i, r);
+    return c.position.set(a.x, a.y, a.z), c.castShadow = o, c.name = e, this._register(e, c), c;
   }
   addSpot(e, t = {}) {
     const {
@@ -617,16 +617,16 @@ class xn {
       intensity: n = 1,
       distance: i = 0,
       angle: r = Math.PI / 6,
-      penumbra: o = 0.1,
-      decay: a = 2,
+      penumbra: a = 0.1,
+      decay: o = 2,
       position: c = { x: 0, y: 10, z: 0 },
       target: l,
       castShadow: d = !1
-    } = t, p = new fe(s, n, i, r, o, a);
+    } = t, p = new ge(s, n, i, r, a, o);
     return p.position.set(c.x, c.y, c.z), l && p.target.position.set(l.x, l.y, l.z), p.castShadow = d, p.name = e, this._register(e, p), p;
   }
   addHemisphere(e, t = {}) {
-    const { skyColor: s = 8900331, groundColor: n = 3549447, intensity: i = 0.6 } = t, r = new ge(s, n, i);
+    const { skyColor: s = 8900331, groundColor: n = 3549447, intensity: i = 0.6 } = t, r = new ye(s, n, i);
     return r.name = e, this._register(e, r), r;
   }
   /**
@@ -677,7 +677,7 @@ class xn {
     const t = this.lights.get(e);
     if (!t) return;
     let s = null;
-    t instanceof ue ? s = new nt(t, 1) : t instanceof me ? s = new it(t, 0.5) : t instanceof fe ? s = new rt(t) : t instanceof ge && (s = new ot(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
+    t instanceof me ? s = new it(t, 1) : t instanceof fe ? s = new rt(t, 0.5) : t instanceof ge ? s = new at(t) : t instanceof ye && (s = new ot(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
   }
   /**
    * Hide (remove) the helper for a light.
@@ -708,18 +708,18 @@ class xn {
     this.removeAll(), this.hideAllHelpers();
   }
 }
-class ws extends at {
+class ws extends ct {
   scene;
   camera;
   scenePass;
   needsUpdateOutputNode;
-  #o;
-  #s;
-  #n = !1;
-  #a = { strength: 1, radius: 0, threshold: 0 };
-  #d = null;
-  #i = !1;
-  #t = {
+  #t;
+  #e;
+  #s = !1;
+  #r = { strength: 1, radius: 0, threshold: 0 };
+  #n = null;
+  #a = !1;
+  #o = {
     sliceCount: 1,
     stepCount: 12,
     aoIntensity: 1,
@@ -728,29 +728,29 @@ class ws extends at {
     thickness: 1
   };
   #p = null;
-  #c = !1;
-  #h = null;
+  #h = !1;
+  #l = null;
   #u = null;
-  #l;
-  #r;
+  #d;
+  #c;
   #m = !1;
   #f = !0;
   constructor(...e) {
     const [t, s, n] = e;
-    super(t), this.scene = s, this.camera = n, this.scenePass = de(s, n), this.needsUpdateOutputNode = !0, this.#o = /* @__PURE__ */ new Set(), this.#s = [], this.#l = /* @__PURE__ */ new Set(), this.#r = /* @__PURE__ */ new Map(), this.#g();
+    super(t), this.scene = s, this.camera = n, this.scenePass = pe(s, n), this.needsUpdateOutputNode = !0, this.#t = /* @__PURE__ */ new Set(), this.#e = [], this.#d = /* @__PURE__ */ new Set(), this.#c = /* @__PURE__ */ new Map(), this.#g();
   }
   /** @deprecated Use `scenePass` instead */
   get currentOutputNode() {
     return this.scenePass;
   }
   addOverlayPass(e) {
-    this.#o.add(e), this.needsUpdateOutputNode = !0;
+    this.#t.add(e), this.needsUpdateOutputNode = !0;
   }
   removeOverlayPass(e) {
-    this.#o.delete(e), this.needsUpdateOutputNode = !0;
+    this.#t.delete(e), this.needsUpdateOutputNode = !0;
   }
   setCamera(e) {
-    this.camera = e, this.#e();
+    this.camera = e, this.#i();
   }
   /** @deprecated Use `setOutputComposer` instead */
   setCurrentOutputNode(e) {
@@ -764,78 +764,78 @@ class ws extends at {
     this.#u = e, this.needsUpdateOutputNode = !0;
   }
   addOutputEffect(e) {
-    return this.#l.add(e), this.needsUpdateOutputNode = !0, this;
+    return this.#d.add(e), this.needsUpdateOutputNode = !0, this;
   }
   removeOutputEffect(e) {
-    return this.#l.delete(e), this.needsUpdateOutputNode = !0, this;
+    return this.#d.delete(e), this.needsUpdateOutputNode = !0, this;
   }
   addMRTChannel(e, t) {
-    return this.#r.get(e) === t ? this : (this.#r.set(e, t), this.#e(), this);
+    return this.#c.get(e) === t ? this : (this.#c.set(e, t), this.#i(), this);
   }
   removeMRTChannel(e) {
-    return this.#r.delete(e) && this.#e(), this;
+    return this.#c.delete(e) && this.#i(), this;
   }
   enableBloom(e) {
-    e && Object.assign(this.#a, e), this.#n = !0, this.#e();
+    e && Object.assign(this.#r, e), this.#s = !0, this.#i();
   }
   disableBloom() {
-    this.#n = !1, this.#d = null, this.#e();
+    this.#s = !1, this.#n = null, this.#i();
   }
   updateBloom(e) {
-    Object.assign(this.#a, e), this.#n && (this.needsUpdateOutputNode = !0);
+    Object.assign(this.#r, e), this.#s && (this.needsUpdateOutputNode = !0);
   }
   enableSSGI(e) {
-    e && Object.assign(this.#t, e), this.#i = !0, this.#e();
+    e && Object.assign(this.#o, e), this.#a = !0, this.#i();
   }
   disableSSGI() {
-    this.#i = !1, this.#p = null, this.#e();
+    this.#a = !1, this.#p = null, this.#i();
   }
   updateSSGI(e) {
-    if (Object.assign(this.#t, e), this.#p) {
+    if (Object.assign(this.#o, e), this.#p) {
       const t = this.#p;
       e.sliceCount !== void 0 && (t.sliceCount.value = e.sliceCount), e.stepCount !== void 0 && (t.stepCount.value = e.stepCount), e.aoIntensity !== void 0 && (t.aoIntensity.value = e.aoIntensity), e.giIntensity !== void 0 && (t.giIntensity.value = e.giIntensity), e.radius !== void 0 && (t.radius.value = e.radius), e.thickness !== void 0 && (t.thickness.value = e.thickness);
     }
   }
   enableTRAA() {
-    this.#c = !0, this.#e();
+    this.#h = !0, this.#i();
   }
   disableTRAA() {
-    this.#c = !1, this.#h = null, this.#e();
+    this.#h = !1, this.#l = null, this.#i();
   }
-  #e() {
+  #i() {
     const e = this.scenePass;
-    this.scenePass = de(this.scene, this.camera), this.#g(), this.needsUpdateOutputNode = !0, e.dispose();
+    this.scenePass = pe(this.scene, this.camera), this.#g(), this.needsUpdateOutputNode = !0, e.dispose();
   }
   #g() {
-    if (this.#n || this.#i || this.#c || this.#r.size > 0) {
+    if (this.#s || this.#a || this.#h || this.#c.size > 0) {
       const t = { output: $t };
-      this.#r.forEach((s, n) => {
+      this.#c.forEach((s, n) => {
         n !== "output" && (t[n] = s);
-      }), this.#n && (t.emissive = Kt), this.#i && (t.normal = Qt), this.#c && (t.velocity = Xt), this.scenePass.setMRT(Gt(t));
+      }), this.#s && (t.emissive = Kt), this.#a && (t.normal = Qt), this.#h && (t.velocity = qt), this.scenePass.setMRT(Gt(t));
     }
   }
   #y() {
-    for (const e of this.#s)
+    for (const e of this.#e)
       e.dispose();
-    this.#s = [];
+    this.#e = [];
   }
   #w() {
     let e = this.scenePass.getTextureNode();
-    if (this.#i)
-      if (!(this.camera instanceof J))
+    if (this.#a)
+      if (!(this.camera instanceof V))
         console.warn("RenderPipeline: SSGI requires a PerspectiveCamera, skipping.");
       else {
         const t = this.scenePass.getTextureNode(), s = this.scenePass.getTextureNode("depth"), n = this.scenePass.getTextureNode("normal"), i = Vt(t, s, n, this.camera);
-        i.sliceCount.value = this.#t.sliceCount, i.stepCount.value = this.#t.stepCount, i.aoIntensity.value = this.#t.aoIntensity, i.giIntensity.value = this.#t.giIntensity, i.radius.value = this.#t.radius, i.thickness.value = this.#t.thickness, this.#p = i, e = be(e, i), this.#s.push(i);
+        i.sliceCount.value = this.#o.sliceCount, i.stepCount.value = this.#o.stepCount, i.aoIntensity.value = this.#o.aoIntensity, i.giIntensity.value = this.#o.giIntensity, i.radius.value = this.#o.radius, i.thickness.value = this.#o.thickness, this.#p = i, e = xe(e, i), this.#e.push(i);
       }
-    if (this.#n) {
+    if (this.#s) {
       const t = this.scenePass.getTextureNode("emissive");
-      this.#d = Jt(
+      this.#n = Jt(
         t,
-        this.#a.strength,
-        this.#a.radius,
-        this.#a.threshold
-      ), e = be(e, this.#d), this.#s.push(this.#d);
+        this.#r.strength,
+        this.#r.radius,
+        this.#r.threshold
+      ), e = xe(e, this.#n), this.#e.push(this.#n);
     }
     return e;
   }
@@ -846,16 +846,16 @@ class ws extends at {
     this.#y();
     let e, t = !1, s = !1;
     const n = this.#u !== null;
-    if (n ? e = this.#u(this.scenePass) : this.#n || this.#i ? e = this.#w() : e = this.#l.size > 0 ? this.scenePass.getTextureNode() : this.scenePass, n || this.#l.forEach((i) => {
+    if (n ? e = this.#u(this.scenePass) : this.#s || this.#a ? e = this.#w() : e = this.#d.size > 0 ? this.scenePass.getTextureNode() : this.scenePass, n || this.#d.forEach((i) => {
       t ||= i.includesTemporalAntialias === !0, s ||= i.includesOutputTransform === !0, e = i(this.scenePass, e);
-    }), this.#v(s), this.#c && !t) {
+    }), this.#v(s), this.#h && !t) {
       const i = this.scenePass.getTextureNode("depth"), r = this.scenePass.getTextureNode("velocity");
-      this.#h = Zt(e, i, r, this.camera), this.#s.push(this.#h), e = this.#h;
+      this.#l = Zt(e, i, r, this.camera), this.#e.push(this.#l), e = this.#l;
     } else
-      this.#h = null;
-    this.#o.size > 0 && this.#o.forEach((i) => {
+      this.#l = null;
+    this.#t.size > 0 && this.#t.forEach((i) => {
       const r = Wt(e, i);
-      this.#s.push(r), e = r;
+      this.#e.push(r), e = r;
     }), this.outputNode = e, this.needsUpdate = !0;
   }
   render() {
@@ -868,16 +868,16 @@ class ws extends at {
 const vs = {
   Vector2: C,
   Vector3: w,
-  Vector4: ht,
-  Quaternion: ct,
+  Vector4: lt,
+  Quaternion: ht,
   Matrix4: Ie,
   Spherical: S,
-  Box3: X,
-  Sphere: ze,
-  Raycaster: Be
+  Box3: q,
+  Sphere: Ne,
+  Raycaster: Le
 };
-He.install({ THREE: vs });
-class bs extends He {
+Fe.install({ THREE: vs });
+class bs extends Fe {
   constructor(...e) {
     super(...e), this.minDistance = 0.2, this.smoothTime = 0.2, this.dollySpeed = 0.2;
   }
@@ -891,10 +891,10 @@ class bs extends He {
     if (e.isEmpty())
       return console.warn("CameraControls.flyToBox: The provided Box3 is empty."), !1;
     this.absoluteRotations();
-    const { viewpoint: s = "frontTop", enableTransition: n = !0, padding: i = 0.1, cover: r = !1 } = t, o = [];
+    const { viewpoint: s = "frontTop", enableTransition: n = !0, padding: i = 0.1, cover: r = !1 } = t, a = [];
     if (s !== "current") {
-      const a = _e[s.toUpperCase()] ?? _e.FRONTTOP, c = a.theta, l = a.phi;
-      o.push(
+      const o = _e[s.toUpperCase()] ?? _e.FRONTTOP, c = o.theta, l = o.phi;
+      a.push(
         this.fitToBox(e, n, {
           paddingLeft: i,
           paddingRight: i,
@@ -902,15 +902,15 @@ class bs extends He {
           paddingBottom: i,
           cover: r
         })
-      ), o.push(this.rotateTo(c, l, n));
+      ), a.push(this.rotateTo(c, l, n));
     } else {
-      const a = new ze();
-      e.getBoundingSphere(a), a.radius += i, o.push(this.fitToSphere(a, n));
+      const o = new Ne();
+      e.getBoundingSphere(o), o.radius += i, a.push(this.fitToSphere(o, n));
     }
-    return await Promise.all(o), !0;
+    return await Promise.all(a), !0;
   }
   async flyToObject(e, t = {}) {
-    const s = new X().setFromObject(e);
+    const s = new q().setFromObject(e);
     return this.flyToBox(s, t);
   }
   /**
@@ -979,7 +979,7 @@ const _e = {
 };
 function xs(h, e) {
   const t = h - e;
-  return lt.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
+  return dt.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
 }
 class Cs {
   environment = new es();
@@ -987,7 +987,7 @@ class Cs {
   pmremGenerator;
   envMap = null;
   constructor(e) {
-    this.renderer = e, this.pmremGenerator = new dt(e);
+    this.renderer = e, this.pmremGenerator = new pt(e);
   }
   update() {
     this.envMap || (this.envMap = this.pmremGenerator.fromScene(this.environment).texture);
@@ -996,20 +996,20 @@ class Cs {
     this.pmremGenerator.dispose(), this.envMap?.dispose();
   }
 }
-const Y = 128;
+const J = 128;
 class Ss extends ts {
   viewer;
   overlayPass;
   constructor(e) {
     super(e.camera, e.el), this.viewer = e;
-    const t = new V(-2, 2, 2, -2, 0, 4);
-    t.position.set(0, 0, 2), this.overlayPass = de(this, t), this.setLabels("x", "y", "z");
+    const t = new Z(-2, 2, 2, -2, 0, 4);
+    t.position.set(0, 0, 2), this.overlayPass = pe(this, t), this.setLabels("x", "y", "z");
   }
   _update = () => {
     this.quaternion.copy(this.viewer.camera.quaternion).invert();
     const e = this.location;
     let t, s;
-    e.left !== null ? t = e.left : t = this.viewer.el.offsetWidth - Y - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - Y - e.bottom, this.overlayPass.setViewport(t, s, Y, Y);
+    e.left !== null ? t = e.left : t = this.viewer.el.offsetWidth - J - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - J - e.bottom, this.overlayPass.setViewport(t, s, J, J);
   };
   enable() {
     return this.viewer.renderPipeline.addOverlayPass(this.overlayPass), this.viewer.addEventListener("beforeRender", this._update), this.viewer.render(), this;
@@ -1018,8 +1018,8 @@ class Ss extends ts {
     return this.viewer.renderPipeline.removeOverlayPass(this.overlayPass), this.viewer.removeEventListener("beforeRender", this._update), this.viewer.render(), this;
   }
 }
-const Ge = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;", Ms = Ge + "z-index:0;", _s = Ge + "z-index:1;";
-class Ts {
+const $e = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;", Ms = $e + "z-index:0;", Ts = $e + "z-index:1;";
+class _s {
   el;
   css2dRenderer = null;
   css3dRenderer = null;
@@ -1028,7 +1028,7 @@ class Ts {
   }
   initCSS2DRenderer() {
     const e = new ss();
-    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = _s, this.el.appendChild(e.domElement), this.css2dRenderer = e, e;
+    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = Ts, this.el.appendChild(e.domElement), this.css2dRenderer = e, e;
   }
   initCSS3DRenderer() {
     const e = new is();
@@ -1041,7 +1041,7 @@ class Ts {
     return this.css3dRenderer || this.initCSS3DRenderer(), new rs(e);
   }
   createCSS3DObject(e) {
-    return this.css3dRenderer || this.initCSS3DRenderer(), new os(e);
+    return this.css3dRenderer || this.initCSS3DRenderer(), new as(e);
   }
   render(e, t) {
     this.css2dRenderer && this.css2dRenderer.render(e, t), this.css3dRenderer && this.css3dRenderer.render(e, t);
@@ -1053,7 +1053,8 @@ class Ts {
     this.css2dRenderer && (this.el.removeChild(this.css2dRenderer.domElement), this.css2dRenderer = null), this.css3dRenderer && (this.el.removeChild(this.css3dRenderer.domElement), this.css3dRenderer = null);
   }
 }
-class Es {
+const Es = "timestamp-query";
+class Ps {
   el;
   renderer;
   container;
@@ -1064,13 +1065,14 @@ class Es {
   linesText;
   timestampText;
   _enabled = !1;
+  #t = !1;
   constructor(e, t) {
     this.el = e, this.renderer = t;
     const s = document.createElement("div");
     s.style.position = "absolute", s.style.left = "12px", s.style.bottom = "12px", s.style.fontSize = "12px", s.style.color = "#fff", s.style.pointerEvents = "none", this.container = s;
-    function n(r, o = !0) {
-      const a = document.createElement("span");
-      return o && (a.style.marginLeft = "6px"), a.innerText = r, a;
+    function n(r, a = !0) {
+      const o = document.createElement("span");
+      return a && (o.style.marginLeft = "6px"), o.innerText = r, o;
     }
     function i() {
       return document.createElement("br");
@@ -1080,23 +1082,53 @@ class Es {
   update() {
     if (this._enabled) {
       const { render: e } = this.renderer.info;
-      this.drawCallsText.innerText = e.drawCalls.toString(), this.frameCallsText.innerText = e.frameCalls.toString(), this.trianglesText.innerText = e.triangles.toString(), this.pointsText.innerText = e.points.toString(), this.linesText.innerText = e.lines.toString(), this.renderer.resolveTimestampsAsync(pt.RENDER).then((t) => {
-        this.timestampText.innerText = t?.toFixed(2) ?? "0";
-      });
+      if (this.drawCallsText.innerText = e.drawCalls.toString(), this.frameCallsText.innerText = e.frameCalls.toString(), this.trianglesText.innerText = e.triangles.toString(), this.pointsText.innerText = e.points.toString(), this.linesText.innerText = e.lines.toString(), !this.#t) {
+        this.timestampText.innerText = "0";
+        return;
+      }
+      this.#n(Y.RENDER).then((t) => {
+        this._enabled && (this.timestampText.innerText = t?.toFixed(2) ?? "0");
+      }), this.#n(Y.COMPUTE);
     }
   }
   enable() {
-    this._enabled = !0, this.el.appendChild(this.container);
+    this._enabled = !0, this.#r(!0), this.el.appendChild(this.container);
   }
   disable() {
-    this._enabled = !1, this.container.remove();
+    this._enabled = !1, this.#r(!1), this.#a(), this.container.remove();
   }
   dispose() {
     this.disable();
   }
+  #e() {
+    return this.renderer.backend;
+  }
+  #s() {
+    try {
+      return this.renderer.hasFeature(Es);
+    } catch {
+      return !0;
+    }
+  }
+  #r(e) {
+    const t = this.#e();
+    if (!t) {
+      this.#t = !1;
+      return;
+    }
+    t.trackTimestamp = e && this.#s(), this.#t = t.trackTimestamp === !0;
+  }
+  #n(e) {
+    const t = this.#e()?.timestampQueryPool?.[e];
+    return t?.resolveQueriesAsync ? Promise.resolve(t.resolveQueriesAsync()).catch(() => {
+    }) : Promise.resolve(void 0);
+  }
+  #a() {
+    this.#n(Y.RENDER), this.#n(Y.COMPUTE);
+  }
 }
 ut.enabled = !0;
-class Cn extends Le {
+class Sn extends Re {
   el;
   renderer;
   scene;
@@ -1113,11 +1145,11 @@ class Cn extends Le {
   frameCount = 1;
   frameloop = "demand";
   constructor({ el: e, rendererOptions: t }) {
-    super(), this.el = e, this.renderer = this._initRenderer(t), this.scene = this.createScene(), this.camera = this.createPerspectiveCamera(), this.info = new Es(this.el, this.renderer), this.controls = new bs(this.camera, this.renderer.domElement), this.renderPipeline = new ws(this.renderer, this.scene, this.camera), this.timer = new mt(), this.roomEnvironment = new Cs(this.renderer), this.interactionManager = new gs(this.renderer.domElement, this.scene, this.camera), this.objectManager = new ys(), this.viewerHelper = new Ss(this), this.cssRenderer = new Ts(this.el), window.addEventListener("resize", this.onWindowResize);
+    super(), this.el = e, this.renderer = this._initRenderer(t), this.scene = this.createScene(), this.camera = this.createPerspectiveCamera(), this.info = new Ps(this.el, this.renderer), this.controls = new bs(this.camera, this.renderer.domElement), this.renderPipeline = new ws(this.renderer, this.scene, this.camera), this.timer = new mt(), this.roomEnvironment = new Cs(this.renderer), this.interactionManager = new gs(this.renderer.domElement, this.scene, this.camera), this.objectManager = new ys(), this.viewerHelper = new Ss(this), this.cssRenderer = new _s(this.el), window.addEventListener("resize", this.onWindowResize);
   }
   onWindowResize = () => {
     const e = this.el.clientWidth, t = this.el.clientHeight;
-    this.camera instanceof J ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof V && (this.camera.left = -e / 2, this.camera.right = e / 2, this.camera.top = t / 2, this.camera.bottom = -t / 2, this.camera.updateProjectionMatrix()), this.renderer.setSize(e, t), this.cssRenderer.resize(e, t), this.render();
+    this.camera instanceof V ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof Z && (this.camera.left = -e / 2, this.camera.right = e / 2, this.camera.top = t / 2, this.camera.bottom = -t / 2, this.camera.updateProjectionMatrix()), this.renderer.setSize(e, t), this.cssRenderer.resize(e, t), this.render();
   };
   async init() {
     await this.renderer.init(), this.roomEnvironment.update(), this.scene.environment = this.roomEnvironment.envMap;
@@ -1126,7 +1158,7 @@ class Cn extends Le {
     this.camera = e, this.controls.camera = e, this.interactionManager.setCamera(e), this.renderPipeline.setCamera(e), this.onWindowResize(), this.dispatchEvent({ type: "cameraChange", camera: e });
   }
   setCameraByType(e) {
-    e === "perspective" && !(this.camera instanceof J) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof V) && this.setCamera(this.createOrthographicCamera());
+    e === "perspective" && !(this.camera instanceof V) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof Z) && this.setCamera(this.createOrthographicCamera());
   }
   render(e = 1) {
     return this.frameCount += e, new Promise((t) => {
@@ -1148,21 +1180,21 @@ class Cn extends Le {
       logarithmicDepthBuffer: !0,
       antialias: !1,
       depth: !1,
-      trackTimestamp: !0,
+      trackTimestamp: !1,
       ...e
     });
-    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = gt, t.toneMapping = yt, t.toneMappingExposure = 1, t.info.autoReset = !1, t.setPixelRatio(window.devicePixelRatio), t.setAnimationLoop(this.animate), this.el.appendChild(t.domElement), t;
+    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = gt, t.toneMapping = yt, t.toneMappingExposure = 1, t.info.autoReset = !1, t.setPixelRatio(Math.min(window.devicePixelRatio, 1.5)), t.setAnimationLoop(this.animate), this.el.appendChild(t.domElement), t;
   }
   createScene() {
-    const e = new Re();
+    const e = new ze();
     return e.background = new M(0), e;
   }
   createPerspectiveCamera() {
-    const e = new J(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
+    const e = new V(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
     return e.position.setScalar(5), e;
   }
   createOrthographicCamera() {
-    const e = new V(
+    const e = new Z(
       -this.el.clientWidth / 2,
       this.el.clientWidth / 2,
       this.el.clientHeight / 2,
@@ -1184,8 +1216,8 @@ class Cn extends Le {
   async screenshot(e = {}) {
     const { type: t = "image/png", quality: s = 1 } = e, n = this.el.clientWidth, i = this.el.clientHeight, r = e.width && e.height;
     r && this.renderer.setSize(e.width, e.height), await this.render();
-    const o = this.renderer.domElement.toDataURL(t, s);
-    return r && (this.renderer.setSize(n, i), this.onWindowResize()), o;
+    const a = this.renderer.domElement.toDataURL(t, s);
+    return r && (this.renderer.setSize(n, i), this.onWindowResize()), a;
   }
   /**
    * Set the scene background color, texture, or null.
@@ -1235,22 +1267,22 @@ class Cn extends Le {
     this.el.removeChild(this.renderer.domElement), window.removeEventListener("resize", this.onWindowResize), this.info.dispose(), this.interactionManager.dispose(), this.roomEnvironment.dispose(), this.cssRenderer.dispose(), this.renderPipeline.dispose(), this.renderer.dispose();
   }
 }
-class Ps extends Fe {
+class Os extends Ge {
   constructor(e) {
     super(e);
   }
   parse(e, t, s, n) {
-    if (Os(e.slice(0, 8)) === "SBMG----") {
-      const r = As(e.slice(8));
+    if (As(e.slice(0, 8)) === "SBMG----") {
+      const r = Bs(e.slice(8));
       return super.parse(r, t, s, n);
     } else
       return super.parse(e, t, s, n);
   }
 }
-function Os(h) {
+function As(h) {
   return new TextDecoder().decode(new Uint8Array(h));
 }
-function As(h) {
+function Bs(h) {
   const e = new DataView(h);
   for (let t = 0; t < e.byteLength; t++) {
     const s = e.getUint8(t), n = (s >> 4 & 15) + (s << 4 & 240);
@@ -1258,72 +1290,72 @@ function As(h) {
   }
   return e.buffer;
 }
-const Bs = 8, Ls = 130, Te = 66, Is = "SBK-----", Rs = "SBM-----", $e = new TextDecoder(), zs = new TextEncoder();
-function Ns(h) {
-  let e = Bs;
+const Ls = 8, Rs = 130, Ee = 66, Is = "SBK-----", zs = "SBM-----", We = new TextDecoder(), Ns = new TextEncoder();
+function js(h) {
+  let e = Ls;
   const t = new Uint8Array(h, 0, e);
-  if ($e.decode(t) !== Is)
+  if (We.decode(t) !== Is)
     return h;
-  e += Ls;
+  e += Rs;
   const n = new Uint8Array(h, 0, e);
   if (n[40] === 1) {
-    const r = zs.encode(Rs), o = new Uint8Array([n[41]]), a = js(n), c = Ds(a);
-    let l = Te % c.length;
-    const d = e + Te, p = new Uint8Array(h, d), u = new Uint8Array(p.length);
+    const r = Ns.encode(zs), a = new Uint8Array([n[41]]), o = Ds(n), c = ks(o);
+    let l = Ee % c.length;
+    const d = e + Ee, p = new Uint8Array(h, d), u = new Uint8Array(p.length);
     for (let v = 0; v < p.length; v++)
       u[v] = p[v] ^ c[l], l = (l + 1) % c.length;
-    const f = new Uint8Array(r.length + o.length + u.length);
-    return f.set(r), f.set(o, r.length), f.set(u, r.length + o.length), f.buffer;
+    const f = new Uint8Array(r.length + a.length + u.length);
+    return f.set(r), f.set(a, r.length), f.set(u, r.length + a.length), f.buffer;
   }
 }
-function js(h) {
+function Ds(h) {
   const e = new Uint8Array(128);
   return e.set(h.slice(42, 74), 0), e.set(h.slice(74, 138), 32), e.set(h.slice(8, 40), 96), e;
 }
-function Ds(h) {
+function ks(h) {
   const e = new Uint8Array(64);
   return e.set(h.slice(0, 8), 0), e.set(h.slice(24, 32), 8), e.set(h.slice(40, 56), 16), e.set(h.slice(64, 88), 32), e.set(h.slice(96, 104), 56), e;
 }
-const ks = (h, e, t) => {
+const Us = (h, e, t) => {
   const s = h.buffer.slice(t, t + e);
-  let n = $e.decode(s);
+  let n = We.decode(s);
   return n = n.replace("\\", "/"), n.startsWith("Maps/") || (n = `Maps/${n}`), n;
-}, Us = (h, e, t) => {
-  const [s, n, i, r, o] = e, a = t || r < 1;
-  return new R({
+}, Hs = (h, e, t) => {
+  const [s, n, i, r, a] = e, o = t || r < 1;
+  return new I({
     name: h,
     color: new M(s, n, i),
     opacity: r,
-    transparent: a,
+    transparent: o,
     alphaTest: 0.01,
-    side: o
+    side: a
   });
-}, Hs = (h) => h?.toLowerCase().endsWith(".png") ?? !1;
-class Fs {
+}, Fs = (h) => h?.toLowerCase().endsWith(".png") ?? !1;
+class Gs {
   data;
   options;
   textureLoader;
   littleEndian = !0;
   materials = /* @__PURE__ */ new Map();
   constructor(e, t) {
-    this.data = e, this.options = t, this.textureLoader = new je(t.manager), this.textureLoader.setCrossOrigin(t.crossOrigin), this.textureLoader.setRequestHeader(t.requestHeader);
+    this.data = e, this.options = t, this.textureLoader = new De(t.manager), this.textureLoader.setCrossOrigin(t.crossOrigin), this.textureLoader.setRequestHeader(t.requestHeader);
   }
   parse(e, t) {
     let s = this.data;
-    const n = Ns(this.data);
+    const n = js(this.data);
     n && (s = n);
     const i = new DataView(s);
     let r = 8;
-    const o = i.getUint8(r);
-    r += 1, o === 1 ? this._parseV2(i, r, e) : o === 2 ? this._parseV2(i, r, e) : o === 3 ? this._parseV3(i, r, e) : t?.(new Error(`SBMLoader: Unsupported SBM version: ${o}`));
+    const a = i.getUint8(r);
+    r += 1, a === 1 ? this._parseV2(i, r, e) : a === 2 ? this._parseV2(i, r, e) : a === 3 ? this._parseV3(i, r, e) : t?.(new Error(`SBMLoader: Unsupported SBM version: ${a}`));
   }
   _parseV2(e, t, s) {
-    const n = new I(), i = e.getUint16(t, this.littleEndian);
+    const n = new R(), i = e.getUint16(t, this.littleEndian);
     t += 2;
     const r = e.getUint16(t, this.littleEndian);
     t += 2;
-    for (let o = 0; o < i; ++o) {
-      const a = e.getUint16(t, this.littleEndian).toString();
+    for (let a = 0; a < i; ++a) {
+      const o = e.getUint16(t, this.littleEndian).toString();
       t += 2, t += 4, t += 4, t += 4, t += 4;
       const c = e.getFloat32(t, this.littleEndian);
       t += 4;
@@ -1337,16 +1369,16 @@ class Fs {
       t += 1, u === 0 ? u = xt : u === 1 ? u = Ct : u === 2 && (u = St);
       const f = e.getUint16(t, this.littleEndian);
       t += 2;
-      const v = f > 0 ? ks(e, f, t) : "";
-      if (t += f, !this.materials.has(a)) {
-        const x = Us(a, [c, l, d, p, u], Hs(v));
-        this.materials.set(a, x), v && this.options.path && this.textureLoader.load(L.resolveURL(v, this.options.path), (y) => {
-          y.colorSpace = De, y.wrapS = ye, y.wrapT = ye, y.flipY = !1, y.anisotropy = 16, x.map = y;
+      const v = f > 0 ? Us(e, f, t) : "";
+      if (t += f, !this.materials.has(o)) {
+        const x = Hs(o, [c, l, d, p, u], Fs(v));
+        this.materials.set(o, x), v && this.options.path && this.textureLoader.load(L.resolveURL(v, this.options.path), (y) => {
+          y.colorSpace = ke, y.wrapS = we, y.wrapT = we, y.flipY = !1, y.anisotropy = 16, x.map = y;
         });
       }
     }
-    for (let o = 0; o < r; ++o) {
-      const a = e.getUint16(t, this.littleEndian).toString();
+    for (let a = 0; a < r; ++a) {
+      const o = e.getUint16(t, this.littleEndian).toString();
       t += 2;
       const c = e.getUint16(t, this.littleEndian).toString();
       t += 2;
@@ -1360,9 +1392,9 @@ class Fs {
       if (t += 2, v > 0)
         for (let g = 0; g < v; g++)
           t += 4, t += 4, t += 4;
-      const _ = e.getUint16(t, this.littleEndian);
-      if (t += 2, _ > 0)
-        for (let g = 0; g < _; g++) {
+      const T = e.getUint16(t, this.littleEndian);
+      if (t += 2, T > 0)
+        for (let g = 0; g < T; g++) {
           const b = new C();
           b.setX(e.getFloat32(t, this.littleEndian)), t += 4, b.setY(e.getFloat32(t, this.littleEndian)), t += 4, d.push(b);
         }
@@ -1378,47 +1410,47 @@ class Fs {
           const P = [b, z, N];
           p.push(P), d.length > 0 && u.push([d[P[0]], d[P[1]], d[P[2]]]);
         }
-      const y = [], T = [];
+      const y = [], _ = [];
       for (let g = 0; g < p.length; g++) {
         const b = p[g], z = l[b[0]], N = l[b[1]], P = l[b[2]];
         y.push(...z.toArray(), ...N.toArray(), ...P.toArray());
-        let q = new C(), $ = new C(), k = new C();
+        let X = new C(), $ = new C(), k = new C();
         const U = u[g];
-        U !== void 0 && (q = U[0], $ = U[1], k = U[2]), T.push(...q.toArray(), ...$.toArray(), ...k.toArray());
+        U !== void 0 && (X = U[0], $ = U[1], k = U[2]), _.push(...X.toArray(), ...$.toArray(), ...k.toArray());
       }
-      const O = new Float32Array(y), A = new Float32Array(T), E = new K();
-      if (O.length > 0 && E.setAttribute("position", new we(O, 3)), A.length > 0 && E.setAttribute("uv", new we(A, 2)), E.computeVertexNormals(), this.materials.has(c)) {
+      const O = new Float32Array(y), A = new Float32Array(_), E = new K();
+      if (O.length > 0 && E.setAttribute("position", new ve(O, 3)), A.length > 0 && E.setAttribute("uv", new ve(A, 2)), E.computeVertexNormals(), this.materials.has(c)) {
         const g = new D(E, this.materials.get(c));
-        g.name = a, g.castShadow = !0, g.receiveShadow = !0, n.add(g);
+        g.name = o, g.castShadow = !0, g.receiveShadow = !0, n.add(g);
       }
     }
     s(n);
   }
   _parseV3(e, t, s) {
-    const n = new I();
+    const n = new R();
     console.warn("SBMLoader: SBM version 3 is not supported yet."), s(n);
   }
 }
-class Gs extends bt {
+class $s extends bt {
   load(e, t, s, n) {
     let i;
     if (this.resourcePath !== "")
       i = this.resourcePath;
     else if (this.path !== "") {
-      const a = L.extractUrlBase(e);
-      i = L.resolveURL(a, this.path);
+      const o = L.extractUrlBase(e);
+      i = L.resolveURL(o, this.path);
     } else
       i = L.extractUrlBase(e);
     this.manager.itemStart(e);
-    const r = (a) => {
-      n ? n(a) : console.error(a), this.manager.itemError(e), this.manager.itemEnd(e);
-    }, o = new Ne(this.manager);
-    o.setPath(this.path), o.setResponseType("arraybuffer"), o.setRequestHeader(this.requestHeader), o.setWithCredentials(this.withCredentials), o.load(
+    const r = (o) => {
+      n ? n(o) : console.error(o), this.manager.itemError(e), this.manager.itemEnd(e);
+    }, a = new je(this.manager);
+    a.setPath(this.path), a.setResponseType("arraybuffer"), a.setRequestHeader(this.requestHeader), a.setWithCredentials(this.withCredentials), a.load(
       e,
-      (a) => {
+      (o) => {
         try {
           this.parse(
-            a,
+            o,
             i,
             (c) => {
               t(c), this.manager.itemEnd(e);
@@ -1439,7 +1471,7 @@ class Gs extends bt {
       n?.(new Error(`SBMLoader: Invalid SBM format: ${i}`));
       return;
     }
-    new Fs(e, {
+    new Gs(e, {
       path: t,
       crossOrigin: this.crossOrigin,
       requestHeader: this.requestHeader,
@@ -1461,7 +1493,7 @@ class Gs extends bt {
     });
   }
 }
-const $s = [
+const Ws = [
   "map",
   "alphaMap",
   "aoMap",
@@ -1495,7 +1527,7 @@ function W(h) {
     for (const s of t) {
       if (!s) continue;
       let n = !1;
-      for (const i of $s) {
+      for (const i of Ws) {
         const r = s[i];
         r?.isTexture && r.image == null && (r.dispose(), s[i] = null, n = !0);
       }
@@ -1505,17 +1537,17 @@ function W(h) {
 }
 class j {
   static CACHE_NAME = "u-space-model-loader-cache";
-  static fileLoader = new Ne().setResponseType("arraybuffer");
+  static fileLoader = new je().setResponseType("arraybuffer");
   static dracoLoader = new ls().setDecoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${ve}.0/examples/jsm/libs/draco/`
+    `https://cdn.jsdelivr.net/npm/three@0.${be}.0/examples/jsm/libs/draco/`
   );
   static ktx2Loader = new ds().setTranscoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${ve}.0/examples/jsm/libs/basis/`
+    `https://cdn.jsdelivr.net/npm/three@0.${be}.0/examples/jsm/libs/basis/`
   );
-  static gltfLoader = new Fe().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(Me);
-  static sbmxLoader = new Ps().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(Me);
-  static sbmLoader = new Gs();
-  static fbxLoader = new as();
+  static gltfLoader = new Ge().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(Te);
+  static sbmxLoader = new Os().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(Te);
+  static sbmLoader = new $s();
+  static fbxLoader = new os();
   static objLoader = new cs();
   static stlLoader = new hs();
   static setLoadingManager(e) {
@@ -1551,17 +1583,17 @@ class j {
         const r = await this.sbmxLoader.parseAsync(n, L.extractUrlBase(e));
         return r.scene.animations = r.animations, W(r.scene);
       case "sbm":
-        const o = await this.sbmLoader.parseAsync(n, L.extractUrlBase(e));
-        return W(o);
-      case "fbx":
-        const a = this.fbxLoader.parse(n, L.extractUrlBase(e));
+        const a = await this.sbmLoader.parseAsync(n, L.extractUrlBase(e));
         return W(a);
+      case "fbx":
+        const o = this.fbxLoader.parse(n, L.extractUrlBase(e));
+        return W(o);
       case "obj":
         const c = new TextDecoder().decode(n), l = this.objLoader.parse(c);
         return W(l);
       case "stl":
         const d = this.stlLoader.parse(n);
-        return new D(d, new R());
+        return new D(d, new I());
       default:
         throw new Error(`Unsupported model format: ${s}`);
     }
@@ -1578,8 +1610,8 @@ class j {
     }
   }
 }
-class Sn {
-  static textureLoader = new je();
+class Mn {
+  static textureLoader = new De();
   static hdrLoader = new ps();
   static cubeTextureLoader = new Mt();
   static setLoadingManager(e) {
@@ -1590,7 +1622,7 @@ class Sn {
   }
   static async loadAsyncHDR(e) {
     const t = await this.hdrLoader.loadAsync(e);
-    return t.mapping = _t, t;
+    return t.mapping = Tt, t;
   }
   static async loadAsyncCubeTexture(e, t) {
     return this.cubeTextureLoader.setPath(e), await this.cubeTextureLoader.loadAsync(t);
@@ -1609,7 +1641,7 @@ class G extends D {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class We extends I {
+class Ke extends R {
   isBaseGroup = !0;
   type = "BaseGroup";
   ignoreInvisibleWhenRaycast = !0;
@@ -1620,7 +1652,7 @@ class We extends I {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class Ws extends Tt {
+class Ks extends _t {
   isBaseSprite = !0;
   type = "BaseSprite";
   ignoreInvisibleWhenRaycast = !0;
@@ -1631,7 +1663,7 @@ class Ws extends Tt {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class re extends We {
+class ae extends Ke {
   isModel = !0;
   type = "Model";
   static memoryCache = /* @__PURE__ */ new Map();
@@ -1645,9 +1677,9 @@ class re extends We {
     const { url: t, cache: s = !0, persistent: n = !0 } = e;
     try {
       let i;
-      s ? re.memoryCache.has(t) ? i = re.memoryCache.get(t) : (i = j.loadAsync(t, { persistent: n }), re.memoryCache.set(t, i)) : i = j.loadAsync(t, { persistent: n });
-      const r = await i, o = us(r);
-      return this.add(o), o.animations && o.animations.length > 0 && (this.animations = o.animations, this.mixer = new Et(o)), o;
+      s ? ae.memoryCache.has(t) ? i = ae.memoryCache.get(t) : (i = j.loadAsync(t, { persistent: n }), ae.memoryCache.set(t, i)) : i = j.loadAsync(t, { persistent: n });
+      const r = await i, a = us(r);
+      return this.add(a), a.animations && a.animations.length > 0 && (this.animations = a.animations, this.mixer = new Et(a)), a;
     } catch (i) {
       return console.error(`[Model] Failed to load model from ${t}:`, i), null;
     }
@@ -1655,11 +1687,11 @@ class re extends We {
   playAnimation(e, t = {}) {
     if (!this.mixer || this.animations.length === 0) return null;
     const { loop: s = !0, repetitions: n = 1 / 0, timeScale: i = 1, clampWhenFinished: r = !1 } = t;
-    let o;
-    if (e === void 0 ? o = this.animations[0] : typeof e == "number" ? o = this.animations[e] : o = this.animations.find((c) => c.name === e), !o)
+    let a;
+    if (e === void 0 ? a = this.animations[0] : typeof e == "number" ? a = this.animations[e] : a = this.animations.find((c) => c.name === e), !a)
       return console.warn(`[Model] Animation not found: ${e}`), null;
-    let a = this.actions.get(o.name);
-    return a || (a = this.mixer.clipAction(o), this.actions.set(o.name, a)), a.setLoop(s ? Pt : Ot, n), a.clampWhenFinished = r, a.timeScale = i, a.reset().play(), a;
+    let o = this.actions.get(a.name);
+    return o || (o = this.mixer.clipAction(a), this.actions.set(a.name, o)), o.setLoop(s ? Pt : Ot, n), o.clampWhenFinished = r, o.timeScale = i, o.reset().play(), o;
   }
   playAllAnimations(e = {}) {
     return this.animations.map((t, s) => this.playAnimation(s, e)).filter((t) => t !== null);
@@ -1680,7 +1712,7 @@ class re extends We {
    * Get the axis-aligned bounding box of this model.
    */
   getBoundingBox() {
-    return new X().setFromObject(this);
+    return new q().setFromObject(this);
   }
   /**
    * Get the center point of this model's bounding box.
@@ -1704,7 +1736,7 @@ class re extends We {
     typeof caches < "u" && await caches.delete("u-space-loader-cache");
   }
 }
-class Ks extends G {
+class Qs extends G {
   isSphereMesh = !0;
   type = "SphereMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
@@ -1716,10 +1748,10 @@ class Ks extends G {
       e?.phiLength,
       e?.thetaStart,
       e?.thetaLength
-    ), this.material = new R(t);
+    ), this.material = new I(t);
   }
 }
-class Ee extends G {
+class Pe extends G {
   isTubeMesh = !0;
   type = "TubeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
@@ -1729,10 +1761,10 @@ class Ee extends G {
       e?.radius,
       e?.radialSegments,
       e?.closed
-    ), this.material = new R(t);
+    ), this.material = new I(t);
   }
 }
-class Mn extends We {
+class Tn extends Ke {
   isTopology = !0;
   type = "Topology";
   // Visuals
@@ -1783,8 +1815,8 @@ class Mn extends We {
       console.error(`[Topology] Cannot add edge. One or both nodes not found: ${e}, ${t}`);
       return;
     }
-    const o = s ?? i.distanceTo(r);
-    this.getNeighbors(e)?.set(t, o), n && this.getNeighbors(t)?.set(e, o);
+    const a = s ?? i.distanceTo(r);
+    this.getNeighbors(e)?.set(t, a), n && this.getNeighbors(t)?.set(e, a);
   }
   /**
    * Remove an edge between two nodes.
@@ -1802,32 +1834,32 @@ class Mn extends We {
     if (!this.nodes.has(e) || !this.nodes.has(t))
       return console.warn("[Topology] Start or End node not found."), [];
     const s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-    for (const [a] of this.nodes)
-      s.set(a, 1 / 0), n.set(a, null), i.add(a);
+    for (const [o] of this.nodes)
+      s.set(o, 1 / 0), n.set(o, null), i.add(o);
     for (s.set(e, 0); i.size > 0; ) {
-      let a = null, c = 1 / 0;
+      let o = null, c = 1 / 0;
       for (const d of i) {
         const p = s.get(d);
-        p < c && (c = p, a = d);
+        p < c && (c = p, o = d);
       }
-      if (a === null || a === t || c === 1 / 0)
+      if (o === null || o === t || c === 1 / 0)
         break;
-      i.delete(a);
-      const l = this.adjacencyMap?.get(a);
+      i.delete(o);
+      const l = this.adjacencyMap?.get(o);
       if (l)
         for (const [d, p] of l) {
           if (!i.has(d)) continue;
-          const u = s.get(a) + p;
-          u < s.get(d) && (s.set(d, u), n.set(d, a));
+          const u = s.get(o) + p;
+          u < s.get(d) && (s.set(d, u), n.set(d, o));
         }
     }
     const r = [];
-    let o = t;
+    let a = t;
     if (n.get(t) === null && e !== t)
       return [];
-    for (; o !== null; ) {
-      const a = this.nodes.get(o);
-      a && r.unshift(a), o = n.get(o) || null;
+    for (; a !== null; ) {
+      const o = this.nodes.get(a);
+      o && r.unshift(o), a = n.get(a) || null;
     }
     return r;
   }
@@ -1835,8 +1867,8 @@ class Mn extends We {
    * Renders the entire topology graph structure using TubeGeometry and Spheres.
    */
   renderGraph() {
-    this.clearGraph(), this.graphGroup = new I();
-    const e = new Ks({
+    this.clearGraph(), this.graphGroup = new R();
+    const e = new Qs({
       geometryParameters: {
         radius: this.parameters.nodeRadius,
         widthSegments: 16,
@@ -1853,12 +1885,12 @@ class Mn extends We {
     const t = /* @__PURE__ */ new Set();
     this.adjacencyMap.forEach((s, n) => {
       s.forEach((i, r) => {
-        const o = [n, r].sort().join("-");
-        if (t.has(o)) return;
-        t.add(o);
-        const a = this.nodes.get(n), c = this.nodes.get(r);
-        if (a && c) {
-          const l = new Lt(a, c), d = new Ee({
+        const a = [n, r].sort().join("-");
+        if (t.has(a)) return;
+        t.add(a);
+        const o = this.nodes.get(n), c = this.nodes.get(r);
+        if (o && c) {
+          const l = new Lt(o, c), d = new Pe({
             geometryParameters: {
               path: l,
               tubularSegments: 1,
@@ -1885,7 +1917,7 @@ class Mn extends We {
    */
   renderPath(e, t = this.parameters.pathColor) {
     if (e.length < 2) return;
-    const s = new It(e, !1, "catmullrom", 0), n = new Ee({
+    const s = new Rt(e, !1, "catmullrom", 0), n = new Pe({
       geometryParameters: {
         path: s,
         tubularSegments: e.length * 10,
@@ -1911,9 +1943,9 @@ class Mn extends We {
     });
     const t = [], s = /* @__PURE__ */ new Set();
     return this.adjacencyMap.forEach((n, i) => {
-      n.forEach((r, o) => {
-        const a = [i, o].sort().join("-");
-        s.has(a) || (s.add(a), t.push({ from: i, to: o, weight: r }));
+      n.forEach((r, a) => {
+        const o = [i, a].sort().join("-");
+        s.has(o) || (s.add(o), t.push({ from: i, to: a, weight: r }));
       });
     }), { nodes: e, edges: t };
   }
@@ -1935,7 +1967,7 @@ class Mn extends We {
     return this.adjacencyMap.get(e);
   }
 }
-class _n extends Ws {
+class _n extends Ks {
   isPoi = !0;
   type = "Poi";
   parameters = {
@@ -1954,7 +1986,7 @@ class _n extends Ws {
   _canvas = document.createElement("canvas");
   _lastParametersJSON = "";
   constructor(e = {}) {
-    super(new Rt()), Object.assign(this.parameters, e), this.updateAsync();
+    super(new It()), Object.assign(this.parameters, e), this.updateAsync();
   }
   /**
    * Update the POI with new parameters
@@ -1970,33 +2002,33 @@ class _n extends Ws {
     n.font = `${this.parameters.fontSize}px ${this.parameters.fontFamily}`;
     let i = null;
     this.parameters.img && (i = await this._loadImage(this.parameters.img));
-    const { text: r, fontSize: o, color: a, iconSize: c, padding: l, backgroundColor: d, borderRadius: p, textPosition: u, scaleFactor: f } = this.parameters, v = n.measureText(r), _ = r ? v.width : 0, x = r ? o : 0;
-    let y = 0, T = 0, O = 0, A = 0, E = 0, g = 0;
+    const { text: r, fontSize: a, color: o, iconSize: c, padding: l, backgroundColor: d, borderRadius: p, textPosition: u, scaleFactor: f } = this.parameters, v = n.measureText(r), T = r ? v.width : 0, x = r ? a : 0;
+    let y = 0, _ = 0, O = 0, A = 0, E = 0, g = 0;
     const b = !!i, z = !!r;
     if (b && z)
       switch (u) {
         case "top":
-          y = Math.max(c, _), T = c + l + x, E = (y - _) / 2, g = x / 2, O = (y - c) / 2, A = x + l;
+          y = Math.max(c, T), _ = c + l + x, E = (y - T) / 2, g = x / 2, O = (y - c) / 2, A = x + l;
           break;
         case "bottom":
-          y = Math.max(c, _), T = c + l + x, O = (y - c) / 2, A = 0, E = (y - _) / 2, g = c + l + x / 2;
+          y = Math.max(c, T), _ = c + l + x, O = (y - c) / 2, A = 0, E = (y - T) / 2, g = c + l + x / 2;
           break;
         case "left":
-          y = c + l + _, T = Math.max(c, x), E = 0, g = T / 2, O = _ + l, A = (T - c) / 2;
+          y = c + l + T, _ = Math.max(c, x), E = 0, g = _ / 2, O = T + l, A = (_ - c) / 2;
           break;
         default:
-          y = c + l + _, T = Math.max(c, x), O = 0, A = (T - c) / 2, E = c + l, g = T / 2;
+          y = c + l + T, _ = Math.max(c, x), O = 0, A = (_ - c) / 2, E = c + l, g = _ / 2;
           break;
       }
-    else b ? (y = c, T = c, O = 0, A = 0) : z && (y = _, T = x, E = 0, g = x / 2);
-    const N = y + l * 2, P = T + l * 2;
-    if (s.width = N, s.height = P, n.font = `${o}px ${this.parameters.fontFamily}`, d && (n.fillStyle = d, this._drawRoundedRect(n, 0, 0, N, P, p), n.fill()), b && n.drawImage(i, O + l, A + l, c, c), z) {
-      n.fillStyle = a;
-      const k = n.measureText(r), U = k.actualBoundingBoxAscent + k.actualBoundingBoxDescent, et = k.actualBoundingBoxAscent - U / 2;
-      n.textBaseline = "alphabetic", n.fillText(r, E + l, g + l + et);
+    else b ? (y = c, _ = c, O = 0, A = 0) : z && (y = T, _ = x, E = 0, g = x / 2);
+    const N = y + l * 2, P = _ + l * 2;
+    if (s.width = N, s.height = P, n.font = `${a}px ${this.parameters.fontFamily}`, d && (n.fillStyle = d, this._drawRoundedRect(n, 0, 0, N, P, p), n.fill()), b && n.drawImage(i, O + l, A + l, c, c), z) {
+      n.fillStyle = o;
+      const k = n.measureText(r), U = k.actualBoundingBoxAscent + k.actualBoundingBoxDescent, tt = k.actualBoundingBoxAscent - U / 2;
+      n.textBaseline = "alphabetic", n.fillText(r, E + l, g + l + tt);
     }
-    const q = this.material.map, $ = new zt(s);
-    $.colorSpace = De, this.material.map = $, q?.dispose(), this.scale.set(N * f, P * f, 1);
+    const X = this.material.map, $ = new zt(s);
+    $.colorSpace = ke, this.material.map = $, X?.dispose(), this.scale.set(N * f, P * f, 1);
   }
   _loadImage(e) {
     return new Promise((t, s) => {
@@ -2014,39 +2046,39 @@ class _n extends Ws {
     this.material.map?.dispose(), this.material.dispose();
   }
 }
-class Ke extends G {
+class Qe extends G {
   isShapeMesh = !0;
   type = "ShapeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new Nt(e?.shape, e?.curveSegments), this.material = new R(t), this.geometry.rotateX(-Math.PI / 2);
+    super(), this.geometry = new Nt(e?.shape, e?.curveSegments), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
-    return new Ke({
+    return new Qe({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new ke(e.map((s) => new C(s.x, -s.z)))
+        shape: new Ue(e.map((s) => new C(s.x, -s.z)))
       }
     });
   }
 }
-class Qe extends G {
+class qe extends G {
   isExtrudeMesh = !0;
   type = "ExtrudeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new jt(e?.shape, e?.options), this.material = new R(t), this.geometry.rotateX(-Math.PI / 2);
+    super(), this.geometry = new jt(e?.shape, e?.options), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
-    return e && e.length === 0 && (e = void 0), new Qe({
+    return e && e.length === 0 && (e = void 0), new qe({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new ke(e?.map((s) => new C(s.x, -s.z)))
+        shape: new Ue(e?.map((s) => new C(s.x, -s.z)))
       }
     });
   }
 }
-class Tn extends G {
+class En extends G {
   isPlaneMesh = !0;
   type = "PlaneMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
@@ -2055,10 +2087,10 @@ class Tn extends G {
       e?.height,
       e?.widthSegments,
       e?.heightSegments
-    ), this.material = new R(t);
+    ), this.material = new I(t);
   }
 }
-class En extends G {
+class Pn extends G {
   isCircleMesh = !0;
   type = "CircleMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
@@ -2069,7 +2101,7 @@ class En extends G {
         e?.thetaStart,
         e?.thetaLength
       ),
-      new R(t)
+      new I(t)
     ), this.geometry.rotateX(-Math.PI / 2);
   }
 }
@@ -2080,14 +2112,14 @@ class F {
     });
   }
 }
-class Pn {
+class On {
   static flow(e = {}) {
-    const { baseColor: t = 16777215, flowColor: s = 65280, speed: n = 1, scale: i = 3, intensity: r = 4 } = e, o = H(new M(t)), a = H(new M(s)), c = xe().x.mul(i).sub(te.mul(n)), l = se(pe(c).add(1).mul(0.5), r);
-    return ne(o, a, l);
+    const { baseColor: t = 16777215, flowColor: s = 65280, speed: n = 1, scale: i = 3, intensity: r = 4 } = e, a = H(new M(t)), o = H(new M(s)), c = Ce().x.mul(i).sub(se.mul(n)), l = ne(ue(c).add(1).mul(0.5), r);
+    return ie(a, o, l);
   }
   static breathe(e = {}) {
-    const { baseColor: t = 16777215, breathColor: s = 65280, speed: n = 1, intensity: i = 2 } = e, r = H(new M(t)), o = H(new M(s)), a = pe(te.mul(n)).add(1).mul(0.5), c = se(a, i);
-    return ne(r, o, c);
+    const { baseColor: t = 16777215, breathColor: s = 65280, speed: n = 1, intensity: i = 2 } = e, r = H(new M(t)), a = H(new M(s)), o = ue(se.mul(n)).add(1).mul(0.5), c = ne(o, i);
+    return ie(r, a, c);
   }
   static fluid(e = {}) {
     const {
@@ -2096,48 +2128,48 @@ class Pn {
       speed: n = 1,
       scale: i = 1,
       intensity: r = 1,
-      distortion: o = 0.5
-    } = e, a = H(new M(t)), c = H(new M(s)), l = xe().mul(i), d = te.mul(n), p = Ce(l.add(d), 1, 0), u = l.add(p.mul(o)), f = Ce(u, 1, 0).add(1).mul(0.5), v = se(f, r);
-    return ne(a, c, v);
+      distortion: a = 0.5
+    } = e, o = H(new M(t)), c = H(new M(s)), l = Ce().mul(i), d = se.mul(n), p = Se(l.add(d), 1, 0), u = l.add(p.mul(a)), f = Se(u, 1, 0).add(1).mul(0.5), v = ne(f, r);
+    return ie(o, c, v);
   }
 }
-function On(h) {
+function An(h) {
 }
-const he = "uSpaceHighlight", Q = `${he}/enabled`, Xe = `${he}/opacity`, qe = `${he}/color`, Ye = `${he}/overwrite`, le = "uSpaceBreathe", ae = `${le}/enabled`, Je = `${le}/color`, Ve = `${le}/speed`, Ze = `${le}/intensity`, ce = /* @__PURE__ */ new WeakMap(), Qs = Ue(() => {
-  const h = B(Q, "uint"), e = B(qe, "uint"), t = B(Ye, "uint"), s = Ae(e), n = Se.mul(s), i = ie(t.greaterThan(0), s, n), r = ie(h.greaterThan(0), i, Se), o = B(ae, "uint"), a = B(Je, "uint"), c = B(Ve, "float"), l = B(Ze, "float"), d = Ae(a), p = pe(te.mul(c)).add(1).mul(0.5), u = se(p, l), f = ne(r, d, u);
-  return ie(o.greaterThan(0), f, r);
-})(), Xs = Ue(() => {
+const le = "uSpaceHighlight", Q = `${le}/enabled`, Xe = `${le}/opacity`, Ye = `${le}/color`, Je = `${le}/overwrite`, de = "uSpaceBreathe", ce = `${de}/enabled`, Ve = `${de}/color`, Ze = `${de}/speed`, et = `${de}/intensity`, he = /* @__PURE__ */ new WeakMap(), qs = He(() => {
+  const h = B(Q, "uint"), e = B(Ye, "uint"), t = B(Je, "uint"), s = Be(e), n = Me.mul(s), i = re(t.greaterThan(0), s, n), r = re(h.greaterThan(0), i, Me), a = B(ce, "uint"), o = B(Ve, "uint"), c = B(Ze, "float"), l = B(et, "float"), d = Be(o), p = ue(se.mul(c)).add(1).mul(0.5), u = ne(p, l), f = ie(r, d, u);
+  return re(a.greaterThan(0), f, r);
+})(), Xs = He(() => {
   const h = B(Q, "uint"), e = B(Xe, "float");
-  return ie(h.greaterThan(0), e, qt);
+  return re(h.greaterThan(0), e, Xt);
 })();
-function Pe(h) {
+function Oe(h) {
   const e = h.material;
   if (!e || Array.isArray(e)) return;
-  let t = ce.get(e);
+  let t = he.get(e);
   t || (t = {
     colorNode: e.colorNode,
     opacityNode: e.opacityNode,
     transparent: e.transparent,
     depthWrite: e.depthWrite,
     activeMeshes: /* @__PURE__ */ new Set()
-  }, ce.set(e, t)), t.activeMeshes.add(h), e.transparent = !0, e.colorNode = Qs, e.opacityNode = Xs, e.needsUpdate = !0;
+  }, he.set(e, t)), t.activeMeshes.add(h), e.transparent = !0, e.colorNode = qs, e.opacityNode = Xs, e.needsUpdate = !0;
 }
-function Oe(h) {
-  const e = h.userData[Q], t = h.userData[ae];
+function Ae(h) {
+  const e = h.userData[Q], t = h.userData[ce];
   if (e || t) return;
   const s = h.material;
   if (!s || Array.isArray(s)) return;
-  const n = ce.get(s);
-  n && (n.activeMeshes.delete(h), !(n.activeMeshes.size > 0) && (s.colorNode = n.colorNode, s.opacityNode = n.opacityNode, s.transparent = n.transparent, s.depthWrite = n.depthWrite, s.needsUpdate = !0, ce.delete(s)));
+  const n = he.get(s);
+  n && (n.activeMeshes.delete(h), !(n.activeMeshes.size > 0) && (s.colorNode = n.colorNode, s.opacityNode = n.opacityNode, s.transparent = n.transparent, s.depthWrite = n.depthWrite, s.needsUpdate = !0, he.delete(s)));
 }
 class oe {
   static highlightColor(e, t = {}) {
-    const s = Array.isArray(e) ? e : [e], { opacity: n = 0.5, color: i = 16711680, overwrite: r = !1, depthWrite: o } = t, a = new M(i).getHex();
+    const s = Array.isArray(e) ? e : [e], { opacity: n = 0.5, color: i = 16711680, overwrite: r = !1, depthWrite: a } = t, o = new M(i).getHex();
     for (const c of s)
       F.traverseMeshes(c, (l) => {
-        if (l.userData[Q] = 1, l.userData[Xe] = n, l.userData[qe] = a, l.userData[Ye] = r ? 1 : 0, Pe(l), o !== void 0) {
+        if (l.userData[Q] = 1, l.userData[Xe] = n, l.userData[Ye] = o, l.userData[Je] = r ? 1 : 0, Oe(l), a !== void 0) {
           const d = l.material;
-          d && !Array.isArray(d) && (d.depthWrite = o);
+          d && !Array.isArray(d) && (d.depthWrite = a);
         }
       });
   }
@@ -2145,7 +2177,7 @@ class oe {
     const t = Array.isArray(e) ? e : [e];
     for (const s of t)
       F.traverseMeshes(s, (n) => {
-        n.userData[Q] = 0, Oe(n);
+        n.userData[Q] = 0, Ae(n);
       });
   }
   static breatheColor(e, t = {}) {
@@ -2160,14 +2192,14 @@ class oe {
     n.color = new M(n.color).getHex();
     for (const i of s)
       F.traverseMeshes(i, (r) => {
-        r.userData[ae] = 1, r.userData[Je] = n.color, r.userData[Ve] = n.speed, r.userData[Ze] = n.intensity, Pe(r);
+        r.userData[ce] = 1, r.userData[Ve] = n.color, r.userData[Ze] = n.speed, r.userData[et] = n.intensity, Oe(r);
       });
   }
   static removeBreatheColor(e) {
     const t = Array.isArray(e) ? e : [e];
     for (const s of t)
       F.traverseMeshes(s, (n) => {
-        n.userData[ae] = 0, Oe(n);
+        n.userData[ce] = 0, Ae(n);
       });
   }
   /**
@@ -2205,18 +2237,18 @@ class oe {
   }
   static _fade(e, t, s, n) {
     const i = Array.isArray(e) ? e : [e], r = [];
-    for (const o of i)
-      F.traverseMeshes(o, (a) => {
-        const c = a.material;
+    for (const a of i)
+      F.traverseMeshes(a, (o) => {
+        const c = o.material;
         !c || Array.isArray(c) || (c.transparent = !0, c.opacity = t, c.needsUpdate = !0, r.push({ material: c, targetOpacity: s }));
       });
-    return r.length === 0 ? Promise.resolve() : new Promise((o) => {
-      const a = performance.now();
+    return r.length === 0 ? Promise.resolve() : new Promise((a) => {
+      const o = performance.now();
       let c = 0;
       const l = () => {
-        const d = performance.now() - a, p = Math.min(d / n, 1);
+        const d = performance.now() - o, p = Math.min(d / n, 1);
         if (!i[0].parent) {
-          cancelAnimationFrame(c), o();
+          cancelAnimationFrame(c), a();
           return;
         }
         for (const { material: f, targetOpacity: v } of r)
@@ -2227,18 +2259,18 @@ class oe {
           if (s >= 1)
             for (const { material: f } of r)
               f.transparent = !1;
-          o();
+          a();
         }
       };
       c = requestAnimationFrame(l);
     });
   }
 }
-const Ae = (h) => {
+const Be = (h) => {
   const e = h.shiftRight(16).bitAnd(255).toFloat().div(255), t = h.shiftRight(8).bitAnd(255).toFloat().div(255), s = h.bitAnd(255).toFloat().div(255);
   return Yt(e, t, s);
 };
-class qs extends ms {
+class Ys extends ms {
   viewer;
   constructor(e, t) {
     super(t), this.viewer = e;
@@ -2247,7 +2279,7 @@ class qs extends ms {
     this.update(e) && this.viewer.render();
   };
   easingByMode(e) {
-    const t = Ys[e];
+    const t = Js[e];
     return super.easing(t);
   }
   start(e, t) {
@@ -2257,21 +2289,21 @@ class qs extends ms {
     return this.viewer.removeEventListener("afterControlsUpdate", this._update), super.stop();
   }
 }
-function An(h, e, t, s = {}, n, i) {
-  return new Promise((r, o) => {
-    const { duration: a = 1e3, delay: c = 0, repeat: l = !1, mode: d = "Linear.None", yoyo: p = !1 } = s, u = new qs(h, e).to(t, a).easingByMode(d).delay(c).onUpdate((f) => {
+function Bn(h, e, t, s = {}, n, i) {
+  return new Promise((r, a) => {
+    const { duration: o = 1e3, delay: c = 0, repeat: l = !1, mode: d = "Linear.None", yoyo: p = !1 } = s, u = new Ys(h, e).to(t, o).easingByMode(d).delay(c).onUpdate((f) => {
       n?.(f, u);
     }).onComplete(() => {
       r();
     }).onStop(() => {
-      o("animation stop");
+      a("animation stop");
     }).onStart(() => {
       i?.(u);
     });
     typeof l == "number" ? u.repeat(l) : typeof l == "boolean" && l && u.repeat(1 / 0), p && u.repeatDelay(20), u.yoyo(p), u.start();
   });
 }
-const Ys = {
+const Js = {
   "Linear.None": m.Linear.None,
   "Quadratic.In": m.Quadratic.In,
   "Quadratic.Out": m.Quadratic.Out,
@@ -2304,7 +2336,7 @@ const Ys = {
   "Bounce.Out": m.Bounce.Out,
   "Bounce.InOut": m.Bounce.InOut
 };
-class Bn {
+class Ln {
   scene;
   planes = /* @__PURE__ */ new Map();
   helpers = /* @__PURE__ */ new Map();
@@ -2353,24 +2385,24 @@ class Bn {
       constant: n = 0,
       showHelper: i = !1,
       helperSize: r = 5,
-      helperColor: o = 16711680
-    } = t, a = new Ht(new w(s.x, s.y, s.z), n);
-    return this.planes.set(e, a), this._syncPlanes(), i && this.showHelper(e, r, o), a;
+      helperColor: a = 16711680
+    } = t, o = new Ht(new w(s.x, s.y, s.z), n);
+    return this.planes.set(e, o), this._syncPlanes(), i && this.showHelper(e, r, a), o;
   }
   /**
    * Add six clipping planes that form a box around a Box3.
    * Returns the six plane ids: `${id}_+x`, `${id}_-x`, etc.
    */
   addBox(e, t, s = {}) {
-    const { showHelpers: n = !1, helperColor: i = 16711680 } = s, r = t.min, o = t.max, a = [
-      { suffix: "+x", normal: { x: -1, y: 0, z: 0 }, constant: o.x },
+    const { showHelpers: n = !1, helperColor: i = 16711680 } = s, r = t.min, a = t.max, o = [
+      { suffix: "+x", normal: { x: -1, y: 0, z: 0 }, constant: a.x },
       { suffix: "-x", normal: { x: 1, y: 0, z: 0 }, constant: -r.x },
-      { suffix: "+y", normal: { x: 0, y: -1, z: 0 }, constant: o.y },
+      { suffix: "+y", normal: { x: 0, y: -1, z: 0 }, constant: a.y },
       { suffix: "-y", normal: { x: 0, y: 1, z: 0 }, constant: -r.y },
-      { suffix: "+z", normal: { x: 0, y: 0, z: -1 }, constant: o.z },
+      { suffix: "+z", normal: { x: 0, y: 0, z: -1 }, constant: a.z },
       { suffix: "-z", normal: { x: 0, y: 0, z: 1 }, constant: -r.z }
     ], c = [];
-    for (const l of a) {
+    for (const l of o) {
       const d = `${e}_${l.suffix}`;
       this.addPlane(d, { normal: l.normal, constant: l.constant, showHelper: n, helperColor: i }), c.push(d);
     }
@@ -2380,7 +2412,7 @@ class Bn {
    * Add a clipping box from an object's bounding box with optional padding.
    */
   addBoxFromObject(e, t, s = 0, n = {}) {
-    const i = new X().setFromObject(t);
+    const i = new q().setFromObject(t);
     return i.expandByScalar(s), this.addBox(e, i, n);
   }
   /**
@@ -2446,7 +2478,7 @@ class Bn {
     this.detach(), this.removeAll(), this.scene.remove(this.group);
   }
 }
-class Ln {
+class Rn {
   scene;
   measurements = /* @__PURE__ */ new Map();
   _idCounter = 0;
@@ -2457,19 +2489,19 @@ class Ln {
    * Measure distance between two points.
    */
   measureDistance(e, t, s = {}) {
-    const { lineColor: n = 16776960 } = s, i = new w(e.x, e.y, e.z), r = new w(t.x, t.y, t.z), o = i.distanceTo(r), a = `measure_dist_${this._idCounter++}`, c = new I();
-    c.name = a;
-    const l = new K().setFromPoints([i, r]), d = new Z({ color: n }), p = new ee(l, d);
+    const { lineColor: n = 16776960 } = s, i = new w(e.x, e.y, e.z), r = new w(t.x, t.y, t.z), a = i.distanceTo(r), o = `measure_dist_${this._idCounter++}`, c = new R();
+    c.name = o;
+    const l = new K().setFromPoints([i, r]), d = new ee({ color: n }), p = new te(l, d);
     c.add(p), this.scene.add(c);
     const u = {
-      id: a,
+      id: o,
       type: "distance",
-      value: o,
+      value: a,
       unit: "m",
       points: [i, r],
       object: c
     };
-    return this.measurements.set(a, u), u;
+    return this.measurements.set(o, u), u;
   }
   /**
    * Measure the area of a polygon defined by 3+ coplanar points.
@@ -2478,17 +2510,17 @@ class Ln {
     const { lineColor: s = 65280 } = t;
     if (e.length < 3)
       throw new Error("MeasureTool.measureArea requires at least 3 points");
-    const n = e.map((u) => new w(u.x, u.y, u.z)), i = this._calculatePolygonArea(n), r = `measure_area_${this._idCounter++}`, o = new I();
-    o.name = r;
-    const a = [...n, n[0]], c = new K().setFromPoints(a), l = new Z({ color: s }), d = new ee(c, l);
-    o.add(d), this.scene.add(o);
+    const n = e.map((u) => new w(u.x, u.y, u.z)), i = this._calculatePolygonArea(n), r = `measure_area_${this._idCounter++}`, a = new R();
+    a.name = r;
+    const o = [...n, n[0]], c = new K().setFromPoints(o), l = new ee({ color: s }), d = new te(c, l);
+    a.add(d), this.scene.add(a);
     const p = {
       id: r,
       type: "area",
       value: i,
       unit: "m²",
       points: n,
-      object: o
+      object: a
     };
     return this.measurements.set(r, p), p;
   }
@@ -2496,16 +2528,16 @@ class Ln {
    * Measure the angle between three points (vertex at the middle point).
    */
   measureAngle(e, t, s, n = {}) {
-    const { lineColor: i = 16746496 } = n, r = new w(e.x, e.y, e.z), o = new w(t.x, t.y, t.z), a = new w(s.x, s.y, s.z), c = r.clone().sub(o).normalize(), l = a.clone().sub(o).normalize(), p = Math.acos(Math.max(-1, Math.min(1, c.dot(l)))) * 180 / Math.PI, u = `measure_angle_${this._idCounter++}`, f = new I();
+    const { lineColor: i = 16746496 } = n, r = new w(e.x, e.y, e.z), a = new w(t.x, t.y, t.z), o = new w(s.x, s.y, s.z), c = r.clone().sub(a).normalize(), l = o.clone().sub(a).normalize(), p = Math.acos(Math.max(-1, Math.min(1, c.dot(l)))) * 180 / Math.PI, u = `measure_angle_${this._idCounter++}`, f = new R();
     f.name = u;
-    const v = new K().setFromPoints([r, o, a]), _ = new Z({ color: i }), x = new ee(v, _);
+    const v = new K().setFromPoints([r, a, o]), T = new ee({ color: i }), x = new te(v, T);
     f.add(x), this.scene.add(f);
     const y = {
       id: u,
       type: "angle",
       value: p,
       unit: "°",
-      points: [r, o, a],
+      points: [r, a, o],
       object: f
     };
     return this.measurements.set(u, y), y;
@@ -2545,8 +2577,8 @@ class Ln {
   _calculatePolygonArea(e) {
     const t = e.length, s = new w();
     for (let i = 0; i < t; i++) {
-      const r = e[i], o = e[(i + 1) % t], a = new w().crossVectors(r, o);
-      s.add(a);
+      const r = e[i], a = e[(i + 1) % t], o = new w().crossVectors(r, a);
+      s.add(o);
     }
     const n = new w();
     if (t >= 3) {
@@ -2579,7 +2611,7 @@ class In {
    */
   add(e, t) {
     this.annotations.has(e) && this.remove(e);
-    const s = new I();
+    const s = new R();
     s.name = `annotation_${e}`;
     const n = new w(t.position.x, t.position.y, t.position.z);
     s.position.copy(n);
@@ -2596,27 +2628,27 @@ class In {
       for (const [c, l] of Object.entries(t.labelStyle))
         l !== void 0 && (i.style[c] = l);
     let r = null;
-    const o = t.labelOffset || { x: 0, y: 2, z: 0 };
+    const a = t.labelOffset || { x: 0, y: 2, z: 0 };
     if (t.showLeaderLine !== !1) {
       const { lineColor: c = 16777215 } = t, l = new K().setFromPoints([
         new w(0, 0, 0),
-        new w(o.x, o.y, o.z)
-      ]), d = new Z({ color: c });
-      r = new ee(l, d), s.add(r);
+        new w(a.x, a.y, a.z)
+      ]), d = new ee({ color: c });
+      r = new te(l, d), s.add(r);
     }
     if (this._createCSSObject) {
       const c = this._createCSSObject(i);
-      c.position.set(o.x, o.y, o.z), s.add(c);
+      c.position.set(a.x, a.y, a.z), s.add(c);
     }
     this.scene.add(s);
-    const a = {
+    const o = {
       id: e,
       options: t,
       group: s,
       labelElement: i,
       line: r
     };
-    return this.annotations.set(e, a), a;
+    return this.annotations.set(e, o), o;
   }
   /**
    * Quick-add a text annotation.
@@ -2710,47 +2742,47 @@ class In {
     this.removeAll();
   }
 }
-const Js = "0.0.21";
-window.__USPACE__ = { version: Js };
+const Vs = "0.0.22";
+window.__USPACE__ = { version: Vs };
 export {
   In as AnnotationManager,
-  We as BaseGroup,
+  Ke as BaseGroup,
   G as BaseMesh,
-  Ws as BaseSprite,
-  Nn as CSS2DObject,
-  Dn as CSS3DObject,
-  kn as CSS3DSprite,
-  Ts as CSSRenderer,
+  Ks as BaseSprite,
+  jn as CSS2DObject,
+  kn as CSS3DObject,
+  Un as CSS3DSprite,
+  _s as CSSRenderer,
   bs as CameraControls,
-  En as CircleMesh,
-  Bn as ClippingTool,
-  Qe as ExtrudeMesh,
+  Pn as CircleMesh,
+  Ln as ClippingTool,
+  qe as ExtrudeMesh,
   fs as InteractionEvent,
   gs as InteractionManager,
-  xn as LightManager,
+  Cn as LightManager,
   oe as MaterialEffects,
-  Ln as MeasureTool,
-  re as Model,
+  Rn as MeasureTool,
+  ae as Model,
   j as ModelLoaderManager,
   ys as ObjectManager,
   F as ObjectUtils,
-  Tn as PlaneMesh,
+  En as PlaneMesh,
   _n as Poi,
   ws as RenderPipeline,
   Cs as RoomEnvironment,
-  Gs as SBMLoader,
-  Ps as SBMXLoader,
-  bn as SceneManager,
-  vn as Selection,
-  Ke as ShapeMesh,
-  Ks as SphereMesh,
-  Pn as TSLEffects,
-  Sn as TextureLoaderManager,
-  Mn as Topology,
-  Ee as TubeMesh,
-  qs as Tween,
-  Cn as Viewer,
-  On as reinterpretType,
-  An as tweenAnimation,
-  Js as version
+  $s as SBMLoader,
+  Os as SBMXLoader,
+  xn as SceneManager,
+  bn as Selection,
+  Qe as ShapeMesh,
+  Qs as SphereMesh,
+  On as TSLEffects,
+  Mn as TextureLoaderManager,
+  Tn as Topology,
+  Pe as TubeMesh,
+  Ys as Tween,
+  Sn as Viewer,
+  An as reinterpretType,
+  Bn as tweenAnimation,
+  Vs as version
 };