u-space 0.0.26 → 0.0.28

package/dist/index.js

@@ -1,26 +1,26 @@
-import { Raycaster as Re, Vector2 as M, EventDispatcher as Ie, Box2 as nt, Matrix4 as ze, Vector3 as v, Box3 as X, Scene as Ne, Color as T, AmbientLight as it, DirectionalLight as fe, PointLight as ge, SpotLight as ye, HemisphereLight as we, DirectionalLightHelper as rt, PointLightHelper as ot, SpotLightHelper as at, HemisphereLightHelper as ct, RenderPipeline as ht, PerspectiveCamera as Z, Sphere as je, Spherical as S, Quaternion as lt, Vector4 as dt, MathUtils as pt, PMREMGenerator as ut, OrthographicCamera as ee, TimestampQuery as J, Cache as mt, Timer as ft, WebGPURenderer as gt, PCFShadowMap as yt, AgXToneMapping as wt, Fog as vt, FogExp2 as bt, MeshStandardNodeMaterial as I, Loader as xt, LoaderUtils as L, FileLoader as De, TextureLoader as ke, Group as R, SRGBColorSpace as Ue, RepeatWrapping as ve, BufferGeometry as K, BufferAttribute as be, Mesh as D, FrontSide as Ct, BackSide as Mt, DoubleSide as St, REVISION as xe, CubeTextureLoader as Tt, EquirectangularReflectionMapping as _t, Sprite as Et, AnimationMixer as Pt, LoopRepeat as Ot, LoopOnce as At, SphereGeometry as Bt, TubeGeometry as Lt, LineCurve3 as Rt, CatmullRomCurve3 as It, SpriteNodeMaterial as zt, CanvasTexture as Nt, ShapeGeometry as jt, Shape as He, ExtrudeGeometry as Dt, PlaneGeometry as kt, CircleGeometry as Ut, ClippingGroup as Ht, Plane as Ft, PlaneHelper as Gt, LineBasicMaterial as te, Line as se } from "three/webgpu";
-import { pass as ue, mrt as $t, output as Wt, add as Ce, blendColor as Kt, emissive as Qt, normalView as qt, velocity as Xt, color as H, uv as Me, time as ne, pow as ie, sin as me, mix as re, mx_noise_float as Se, Fn as Fe, userData as B, materialColor as Te, select as oe, materialOpacity as Yt, vec3 as Jt } from "three/tsl";
-import { bloom as Vt } from "three/addons/tsl/display/BloomNode.js";
-import { ssgi as Zt } from "three/addons/tsl/display/SSGINode.js";
-import { traa as es } from "three/addons/tsl/display/TRAANode.js";
-import Ge from "camera-controls";
-import { RoomEnvironment as ts } from "three/addons/environments/RoomEnvironment.js";
-import { ViewHelper as ss } from "three/addons/helpers/ViewHelper.js";
-import { CSS2DRenderer as ns, CSS2DObject as is } from "three/addons/renderers/CSS2DRenderer.js";
-import { CSS2DObject as Dn } from "three/addons/renderers/CSS2DRenderer.js";
-import { CSS3DRenderer as rs, CSS3DSprite as os, CSS3DObject as as } from "three/addons/renderers/CSS3DRenderer.js";
-import { CSS3DObject as Un, CSS3DSprite as Hn } from "three/addons/renderers/CSS3DRenderer.js";
-import { GLTFLoader as $e } from "three/addons/loaders/GLTFLoader.js";
-import { FBXLoader as cs } from "three/addons/loaders/FBXLoader.js";
-import { OBJLoader as hs } from "three/addons/loaders/OBJLoader.js";
-import { STLLoader as ls } from "three/addons/loaders/STLLoader.js";
-import { DRACOLoader as ds } from "three/addons/loaders/DRACOLoader.js";
-import { KTX2Loader as ps } from "three/addons/loaders/KTX2Loader.js";
-import { MeshoptDecoder as _e } from "three/addons/libs/meshopt_decoder.module.js";
-import { HDRLoader as us } from "three/addons/loaders/HDRLoader.js";
-import { clone as ms } from "three/addons/utils/SkeletonUtils.js";
-import { Easing as f, Tween as fs } from "three/addons/libs/tween.module.js";
-class gs {
+import { Raycaster as Ne, Vector2 as C, EventDispatcher as De, Box2 as at, Matrix4 as ke, Vector3 as v, Box3 as V, Scene as je, Color as M, AmbientLight as ct, DirectionalLight as ye, PointLight as we, SpotLight as ve, HemisphereLight as be, DirectionalLightHelper as ht, PointLightHelper as lt, SpotLightHelper as dt, HemisphereLightHelper as pt, RenderPipeline as ut, PerspectiveCamera as se, Sphere as Ue, Spherical as T, Quaternion as mt, Vector4 as ft, MathUtils as gt, PMREMGenerator as yt, OrthographicCamera as ne, TimestampQuery as Z, Cache as wt, Timer as vt, WebGPURenderer as bt, PCFShadowMap as xt, AgXToneMapping as St, Fog as Ct, FogExp2 as Mt, MeshStandardNodeMaterial as L, Loader as Tt, LoaderUtils as I, FileLoader as He, TextureLoader as Fe, Group as R, SRGBColorSpace as Ge, RepeatWrapping as xe, BufferGeometry as Q, BufferAttribute as Se, Mesh as k, FrontSide as _t, BackSide as Et, DoubleSide as Pt, REVISION as Ce, CubeTextureLoader as Ot, EquirectangularReflectionMapping as At, Sprite as Bt, AnimationMixer as It, LoopRepeat as Rt, LoopOnce as Lt, SphereGeometry as zt, TubeGeometry as Nt, LineCurve3 as Dt, CatmullRomCurve3 as kt, SpriteNodeMaterial as jt, CanvasTexture as Ut, ShapeGeometry as Ht, Shape as $e, ExtrudeGeometry as Ft, PlaneGeometry as Gt, CircleGeometry as $t, ClippingGroup as Wt, Plane as Kt, PlaneHelper as Qt, LineBasicMaterial as ie, Line as re } from "three/webgpu";
+import { pass as fe, mrt as qt, output as Xt, add as Me, blendColor as Yt, emissive as Vt, normalView as Jt, velocity as Zt, color as H, uv as Te, time as oe, pow as ae, sin as ge, mix as ce, mx_noise_float as _e, Fn as We, userData as O, materialColor as Ee, select as q, materialOpacity as Pe, vec3 as es } from "three/tsl";
+import { bloom as ts } from "three/addons/tsl/display/BloomNode.js";
+import { ssgi as ss } from "three/addons/tsl/display/SSGINode.js";
+import { traa as ns } from "three/addons/tsl/display/TRAANode.js";
+import Ke from "camera-controls";
+import { RoomEnvironment as is } from "three/addons/environments/RoomEnvironment.js";
+import { ViewHelper as rs } from "three/addons/helpers/ViewHelper.js";
+import { CSS2DRenderer as os, CSS2DObject as as } from "three/addons/renderers/CSS2DRenderer.js";
+import { CSS2DObject as Gn } from "three/addons/renderers/CSS2DRenderer.js";
+import { CSS3DRenderer as cs, CSS3DSprite as hs, CSS3DObject as ls } from "three/addons/renderers/CSS3DRenderer.js";
+import { CSS3DObject as Wn, CSS3DSprite as Kn } from "three/addons/renderers/CSS3DRenderer.js";
+import { GLTFLoader as Qe } from "three/addons/loaders/GLTFLoader.js";
+import { FBXLoader as ds } from "three/addons/loaders/FBXLoader.js";
+import { OBJLoader as ps } from "three/addons/loaders/OBJLoader.js";
+import { STLLoader as us } from "three/addons/loaders/STLLoader.js";
+import { DRACOLoader as ms } from "three/addons/loaders/DRACOLoader.js";
+import { KTX2Loader as fs } from "three/addons/loaders/KTX2Loader.js";
+import { MeshoptDecoder as Oe } from "three/addons/libs/meshopt_decoder.module.js";
+import { HDRLoader as gs } from "three/addons/loaders/HDRLoader.js";
+import { clone as ys } from "three/addons/utils/SkeletonUtils.js";
+import { Easing as f, Tween as ws } from "three/addons/libs/tween.module.js";
+class vs {
   /** The type of event (e.g., 'click', 'pointerdown'). */
   type;
   /** The original 3D object that triggered the event. */
@@ -48,15 +48,15 @@ class gs {
     return this._propagationStopped;
   }
 }
-class ys {
+class bs {
   domElement;
   scene;
   camera;
-  raycaster = new Re();
-  pointer = new M();
+  raycaster = new Ne();
+  pointer = new C();
   hoveredObject = null;
   pointerDownTime = 0;
-  pointerDownPos = new M();
+  pointerDownPos = new C();
   clickTimer = null;
   longPressThreshold = 500;
   moveThreshold = 0.01;
@@ -143,7 +143,7 @@ class ys {
    * Dispatches an event to the target object and bubbles up the parent chain.
    */
   _dispatchToTarget(e, t, s, n) {
-    const i = new gs({
+    const i = new vs({
       type: e,
       target: t,
       intersect: s,
@@ -205,7 +205,7 @@ class ys {
     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 xn extends Ie {
+class _n extends De {
   scene;
   camera;
   domElement;
@@ -215,8 +215,8 @@ class xn extends Ie {
   // Box selection state
   _boxSelectionEnabled = !1;
   _isSelecting = !1;
-  _startPoint = new M();
-  _endPoint = new M();
+  _startPoint = new C();
+  _endPoint = new C();
   _selectionBox = null;
   _deep = !0;
   /**
@@ -315,21 +315,21 @@ class xn extends Ie {
     this._selectionBox.style.left = `${e}px`, this._selectionBox.style.top = `${t}px`, this._selectionBox.style.width = `${s}px`, this._selectionBox.style.height = `${n}px`;
   }
   _getObjectsInBox() {
-    const e = this._container.getBoundingClientRect(), t = e.width, s = e.height, n = new M(
+    const e = this._container.getBoundingClientRect(), t = e.width, s = e.height, n = new C(
       this._startPoint.x / t * 2 - 1,
       -(this._startPoint.y / s) * 2 + 1
-    ), i = new M(
+    ), i = new C(
       this._endPoint.x / t * 2 - 1,
       -(this._endPoint.y / s) * 2 + 1
-    ), r = new nt(
-      new M(Math.min(n.x, i.x), Math.min(n.y, i.y)),
-      new M(Math.max(n.x, i.x), Math.max(n.y, i.y))
-    ), o = this.targetObjects || this.scene.children, a = [], c = new ze();
+    ), r = new at(
+      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 ke();
     c.multiplyMatrices(this.camera.projectionMatrix, this.camera.matrixWorldInverse);
     const l = (d) => {
       if (!d.visible) return;
       const p = new v();
-      if (p.setFromMatrixPosition(d.matrixWorld), p.applyMatrix4(c), p.z > -1 && p.z < 1 && r.containsPoint(new M(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)) && a.push(d), this._deep)
         for (const u of d.children)
           l(u);
     };
@@ -341,7 +341,15 @@ class xn extends Ie {
     this.disableBoxSelection(), this._selected.clear();
   }
 }
-class ws {
+function ee(h, e) {
+  const t = h;
+  if (t.setSemanticVisible) {
+    t.setSemanticVisible(e);
+    return;
+  }
+  h.visible = e, t.markSemanticRenderDirty?.();
+}
+class xs {
   idMap = /* @__PURE__ */ new Map();
   nameMap = /* @__PURE__ */ new Map();
   typeMap = /* @__PURE__ */ new Map();
@@ -448,42 +456,50 @@ class ws {
    */
   show(e) {
     const t = this.idMap.get(e);
-    t && (t.visible = !0);
+    t && ee(t, !0);
   }
   /**
    * Hide an object by id.
    */
   hide(e) {
     const t = this.idMap.get(e);
-    t && (t.visible = !1);
+    t && ee(t, !1);
   }
   /**
    * Show only the specified objects, hide all others.
    */
   isolate(e) {
     const t = new Set(e);
-    for (const [s, n] of this.idMap)
-      n.visible = t.has(s);
+    for (const s of this.allObjects) {
+      const n = this.objectIds.get(s) ?? /* @__PURE__ */ new Set();
+      ee(s, [...n].some((i) => t.has(i)));
+    }
   }
   /**
    * Set the opacity of an object's materials.
    */
   setOpacity(e, t) {
     const s = this.idMap.get(e);
-    s && s.traverse((n) => {
-      if (!n.isMesh) return;
-      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;
+    if (!s) return;
+    const n = s;
+    if (n.setSemanticOpacity) {
+      n.setSemanticOpacity(t);
+      return;
+    }
+    s.traverse((i) => {
+      if (!i.isMesh) return;
+      const r = i.material;
+      if (!r) return;
+      const o = Array.isArray(r) ? r : [r];
+      for (const a of o)
+        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 V();
     if (e) {
       const s = this.idMap.get(e);
       s && t.setFromObject(s);
@@ -515,10 +531,10 @@ class ws {
    */
   showAll() {
     for (const e of this.allObjects)
-      e.visible = !0;
+      ee(e, !0);
   }
 }
-class Cn {
+class En {
   scenes = /* @__PURE__ */ new Map();
   _activeSceneKey = null;
   /**
@@ -531,8 +547,8 @@ class Cn {
    * Create and register a new scene.
    */
   create(e, t = {}) {
-    const s = new Ne();
-    return t.background !== void 0 && (s.background = new T(t.background)), this.scenes.set(e, s), s;
+    const s = new je();
+    return t.background !== void 0 && (s.background = new M(t.background)), this.scenes.set(e, s), s;
   }
   /**
    * Get a scene by key.
@@ -571,7 +587,7 @@ class Cn {
     const t = this.scenes.get(e);
     if (!t) return null;
     let s = null;
-    return t.background instanceof T && (s = `#${t.background.getHexString()}`), {
+    return t.background instanceof M && (s = `#${t.background.getHexString()}`), {
       name: t.name || e,
       background: s,
       environmentRotation: {
@@ -592,7 +608,7 @@ class Cn {
     return this.scenes.size;
   }
 }
-class Mn {
+class Pn {
   scene;
   lights = /* @__PURE__ */ new Map();
   helpers = /* @__PURE__ */ new Map();
@@ -600,15 +616,15 @@ class Mn {
     this.scene = e;
   }
   addAmbient(e, t = {}) {
-    const { color: s = 16777215, intensity: n = 0.5 } = t, i = new it(s, n);
+    const { color: s = 16777215, intensity: n = 0.5 } = t, i = new ct(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 fe(s, n);
+    const { color: s = 16777215, intensity: n = 1, position: i = { x: 5, y: 10, z: 5 }, castShadow: r = !1, shadowMapSize: o = 1024 } = t, a = new ye(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;
   }
   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 ge(s, n, i, r);
+    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 we(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;
   }
   addSpot(e, t = {}) {
@@ -622,11 +638,11 @@ class Mn {
       position: c = { x: 0, y: 10, z: 0 },
       target: l,
       castShadow: d = !1
-    } = t, p = new ye(s, n, i, r, o, a);
+    } = t, p = new ve(s, n, i, r, o, a);
     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 we(s, n, i);
+    const { skyColor: s = 8900331, groundColor: n = 3549447, intensity: i = 0.6 } = t, r = new be(s, n, i);
     return r.name = e, this._register(e, r), r;
   }
   /**
@@ -677,7 +693,7 @@ class Mn {
     const t = this.lights.get(e);
     if (!t) return;
     let s = null;
-    t instanceof fe ? s = new rt(t, 1) : t instanceof ge ? s = new ot(t, 0.5) : t instanceof ye ? s = new at(t) : t instanceof we && (s = new ct(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
+    t instanceof ye ? s = new ht(t, 1) : t instanceof we ? s = new lt(t, 0.5) : t instanceof ve ? s = new dt(t) : t instanceof be && (s = new pt(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
   }
   /**
    * Hide (remove) the helper for a light.
@@ -708,7 +724,7 @@ class Mn {
     this.removeAll(), this.hideAllHelpers();
   }
 }
-class vs extends ht {
+class Ss extends ut {
   scene;
   camera;
   scenePass;
@@ -737,7 +753,7 @@ class vs extends ht {
   #f = !0;
   constructor(...e) {
     const [t, s, n] = e;
-    super(t), this.scene = s, this.camera = n, this.scenePass = ue(s, n), this.needsUpdateOutputNode = !0, this.#t = /* @__PURE__ */ new Set(), this.#e = [], this.#d = /* @__PURE__ */ new Set(), this.#c = /* @__PURE__ */ new Map(), this.#g();
+    super(t), this.scene = s, this.camera = n, this.scenePass = fe(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() {
@@ -804,14 +820,14 @@ class vs extends ht {
   }
   #i() {
     const e = this.scenePass;
-    this.scenePass = ue(this.scene, this.camera), this.#g(), this.needsUpdateOutputNode = !0, e.dispose();
+    this.scenePass = fe(this.scene, this.camera), this.#g(), this.needsUpdateOutputNode = !0, e.dispose();
   }
   #g() {
     if (this.#s || this.#o || this.#h || this.#c.size > 0) {
-      const t = { output: Wt };
+      const t = { output: Xt };
       this.#c.forEach((s, n) => {
         n !== "output" && (t[n] = s);
-      }), this.#s && (t.emissive = Qt), this.#o && (t.normal = qt), this.#h && (t.velocity = Xt), this.scenePass.setMRT($t(t));
+      }), this.#s && (t.emissive = Vt), this.#o && (t.normal = Jt), this.#h && (t.velocity = Zt), this.scenePass.setMRT(qt(t));
     }
   }
   #y() {
@@ -822,20 +838,20 @@ class vs extends ht {
   #w() {
     let e = this.scenePass.getTextureNode();
     if (this.#o)
-      if (!(this.camera instanceof Z))
+      if (!(this.camera instanceof se))
         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 = Zt(t, s, n, this.camera);
-        i.sliceCount.value = this.#a.sliceCount, i.stepCount.value = this.#a.stepCount, i.aoIntensity.value = this.#a.aoIntensity, i.giIntensity.value = this.#a.giIntensity, i.radius.value = this.#a.radius, i.thickness.value = this.#a.thickness, this.#p = i, e = Ce(e, i), this.#e.push(i);
+        const t = this.scenePass.getTextureNode(), s = this.scenePass.getTextureNode("depth"), n = this.scenePass.getTextureNode("normal"), i = ss(t, s, n, this.camera);
+        i.sliceCount.value = this.#a.sliceCount, i.stepCount.value = this.#a.stepCount, i.aoIntensity.value = this.#a.aoIntensity, i.giIntensity.value = this.#a.giIntensity, i.radius.value = this.#a.radius, i.thickness.value = this.#a.thickness, this.#p = i, e = Me(e, i), this.#e.push(i);
       }
     if (this.#s) {
       const t = this.scenePass.getTextureNode("emissive");
-      this.#n = Vt(
+      this.#n = ts(
         t,
         this.#r.strength,
         this.#r.radius,
         this.#r.threshold
-      ), e = Ce(e, this.#n), this.#e.push(this.#n);
+      ), e = Me(e, this.#n), this.#e.push(this.#n);
     }
     return e;
   }
@@ -850,11 +866,11 @@ class vs extends ht {
       t ||= i.includesTemporalAntialias === !0, s ||= i.includesOutputTransform === !0, e = i(this.scenePass, e);
     }), this.#v(s), this.#h && !t) {
       const i = this.scenePass.getTextureNode("depth"), r = this.scenePass.getTextureNode("velocity");
-      this.#l = es(e, i, r, this.camera), this.#e.push(this.#l), e = this.#l;
+      this.#l = ns(e, i, r, this.camera), this.#e.push(this.#l), e = this.#l;
     } else
       this.#l = null;
     this.#t.size > 0 && this.#t.forEach((i) => {
-      const r = Kt(e, i);
+      const r = Yt(e, i);
       this.#e.push(r), e = r;
     }), this.outputNode = e, this.needsUpdate = !0;
   }
@@ -865,19 +881,19 @@ class vs extends ht {
     this.#y(), this.scenePass.dispose(), super.dispose();
   }
 }
-const bs = {
-  Vector2: M,
+const Cs = {
+  Vector2: C,
   Vector3: v,
-  Vector4: dt,
-  Quaternion: lt,
-  Matrix4: ze,
-  Spherical: S,
-  Box3: X,
-  Sphere: je,
-  Raycaster: Re
+  Vector4: ft,
+  Quaternion: mt,
+  Matrix4: ke,
+  Spherical: T,
+  Box3: V,
+  Sphere: Ue,
+  Raycaster: Ne
 };
-Ge.install({ THREE: bs });
-class xs extends Ge {
+Ke.install({ THREE: Cs });
+class Ms extends Ke {
   constructor(...e) {
     super(...e), this.minDistance = 0.2, this.smoothTime = 0.2, this.dollySpeed = 0.2;
   }
@@ -885,7 +901,7 @@ class xs extends Ge {
    * Set absolute angle for azimuth to avoid spinning
    */
   absoluteRotations() {
-    this.azimuthAngle = Cs(this.azimuthAngle, 0);
+    this.azimuthAngle = Ts(this.azimuthAngle, 0);
   }
   async flyToBox(e, t = {}) {
     if (e.isEmpty())
@@ -893,7 +909,7 @@ class xs extends Ge {
     this.absoluteRotations();
     const { viewpoint: s = "frontTop", enableTransition: n = !0, padding: i = 0.1, cover: r = !1 } = t, o = [];
     if (s !== "current") {
-      const a = Ee[s.toUpperCase()] ?? Ee.FRONTTOP, c = a.theta, l = a.phi;
+      const a = Ae[s.toUpperCase()] ?? Ae.FRONTTOP, c = a.theta, l = a.phi;
       o.push(
         this.fitToBox(e, n, {
           paddingLeft: i,
@@ -904,13 +920,13 @@ class xs extends Ge {
         })
       ), o.push(this.rotateTo(c, l, n));
     } else {
-      const a = new je();
+      const a = new Ue();
       e.getBoundingSphere(a), a.radius += i, o.push(this.fitToSphere(a, n));
     }
     return await Promise.all(o), !0;
   }
   async flyToObject(e, t = {}) {
-    const s = new X().setFromObject(e);
+    const s = new V().setFromObject(e);
     return this.flyToBox(s, t);
   }
   /**
@@ -961,33 +977,33 @@ class xs extends Ge {
     ]);
   }
 }
-const Ee = {
-  LEFT: new S(0, Math.PI / 2, -Math.PI / 2),
-  RIGHT: new S(0, Math.PI / 2, Math.PI / 2),
-  FRONT: new S(0, Math.PI / 2, 0),
-  BACK: new S(0, Math.PI / 2, Math.PI),
-  TOP: new S(0, 0, 0),
-  BOTTOM: new S(0, Math.PI, 0),
-  FRONTTOP: new S(0, Math.PI / 4, 0),
-  BACKTOP: new S(0, Math.PI / 4, Math.PI),
-  LEFTTOP: new S(0, Math.PI / 4, -Math.PI / 2),
-  RIGHTTOP: new S(0, Math.PI / 4, Math.PI / 2),
-  LEFTFRONTTOP: new S(0, Math.PI / 4, -Math.PI / 4),
-  RIGHTFRONTTOP: new S(0, Math.PI / 4, Math.PI / 4),
-  LEFTBACKTOP: new S(0, Math.PI / 4, -Math.PI / 4 * 3),
-  RIGHTBACKTOP: new S(0, Math.PI / 4, Math.PI / 4 * 3)
+const Ae = {
+  LEFT: new T(0, Math.PI / 2, -Math.PI / 2),
+  RIGHT: new T(0, Math.PI / 2, Math.PI / 2),
+  FRONT: new T(0, Math.PI / 2, 0),
+  BACK: new T(0, Math.PI / 2, Math.PI),
+  TOP: new T(0, 0, 0),
+  BOTTOM: new T(0, Math.PI, 0),
+  FRONTTOP: new T(0, Math.PI / 4, 0),
+  BACKTOP: new T(0, Math.PI / 4, Math.PI),
+  LEFTTOP: new T(0, Math.PI / 4, -Math.PI / 2),
+  RIGHTTOP: new T(0, Math.PI / 4, Math.PI / 2),
+  LEFTFRONTTOP: new T(0, Math.PI / 4, -Math.PI / 4),
+  RIGHTFRONTTOP: new T(0, Math.PI / 4, Math.PI / 4),
+  LEFTBACKTOP: new T(0, Math.PI / 4, -Math.PI / 4 * 3),
+  RIGHTBACKTOP: new T(0, Math.PI / 4, Math.PI / 4 * 3)
 };
-function Cs(h, e) {
+function Ts(h, e) {
   const t = h - e;
-  return pt.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
+  return gt.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
 }
-class Ms {
-  environment = new ts();
+class _s {
+  environment = new is();
   renderer;
   pmremGenerator;
   envMap = null;
   constructor(e) {
-    this.renderer = e, this.pmremGenerator = new ut(e);
+    this.renderer = e, this.pmremGenerator = new yt(e);
   }
   update() {
     this.envMap || (this.envMap = this.pmremGenerator.fromScene(this.environment).texture);
@@ -996,20 +1012,20 @@ class Ms {
     this.pmremGenerator.dispose(), this.envMap?.dispose();
   }
 }
-const V = 128;
-class Ss extends ss {
+const te = 128;
+class Es extends rs {
   viewer;
   overlayPass;
   constructor(e) {
     super(e.camera, e.el), this.viewer = e;
-    const t = new ee(-2, 2, 2, -2, 0, 4);
-    t.position.set(0, 0, 2), this.overlayPass = ue(this, t), this.setLabels("x", "y", "z");
+    const t = new ne(-2, 2, 2, -2, 0, 4);
+    t.position.set(0, 0, 2), this.overlayPass = fe(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 - V - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - V - e.bottom, this.overlayPass.setViewport(t, s, V, V);
+    e.left !== null ? t = e.left : t = this.viewer.el.offsetWidth - te - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - te - e.bottom, this.overlayPass.setViewport(t, s, te, te);
   };
   enable() {
     return this.viewer.renderPipeline.addOverlayPass(this.overlayPass), this.viewer.addEventListener("beforeRender", this._update), this.viewer.render(), this;
@@ -1018,8 +1034,8 @@ class Ss extends ss {
     return this.viewer.renderPipeline.removeOverlayPass(this.overlayPass), this.viewer.removeEventListener("beforeRender", this._update), this.viewer.render(), this;
   }
 }
-const We = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;", Ts = We + "z-index:0;", _s = We + "z-index:1;";
-class Es {
+const qe = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;", Ps = qe + "z-index:0;", Os = qe + "z-index:1;";
+class As {
   el;
   css2dRenderer = null;
   css3dRenderer = null;
@@ -1027,21 +1043,21 @@ class Es {
     this.el = e, getComputedStyle(e).position === "static" && (e.style.position = "relative");
   }
   initCSS2DRenderer() {
-    const e = new ns();
-    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = _s, this.el.appendChild(e.domElement), this.css2dRenderer = e, e;
+    const e = new os();
+    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = Os, this.el.appendChild(e.domElement), this.css2dRenderer = e, e;
   }
   initCSS3DRenderer() {
-    const e = new rs();
-    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = Ts, this.el.appendChild(e.domElement), this.css3dRenderer = e, e;
+    const e = new cs();
+    return e.setSize(this.el.clientWidth, this.el.clientHeight), e.domElement.style.cssText = Ps, this.el.appendChild(e.domElement), this.css3dRenderer = e, e;
   }
   createCSS2DObject(e) {
-    return this.css2dRenderer || this.initCSS2DRenderer(), new is(e);
+    return this.css2dRenderer || this.initCSS2DRenderer(), new as(e);
   }
   createCSS25DObject(e) {
-    return this.css3dRenderer || this.initCSS3DRenderer(), new os(e);
+    return this.css3dRenderer || this.initCSS3DRenderer(), new hs(e);
   }
   createCSS3DObject(e) {
-    return this.css3dRenderer || this.initCSS3DRenderer(), new as(e);
+    return this.css3dRenderer || this.initCSS3DRenderer(), new ls(e);
   }
   render(e, t) {
     this.css2dRenderer && this.css2dRenderer.render(e, t), this.css3dRenderer && this.css3dRenderer.render(e, t);
@@ -1053,8 +1069,8 @@ class Es {
     this.css2dRenderer && (this.el.removeChild(this.css2dRenderer.domElement), this.css2dRenderer = null), this.css3dRenderer && (this.el.removeChild(this.css3dRenderer.domElement), this.css3dRenderer = null);
   }
 }
-const Ps = "timestamp-query";
-class Os {
+const Bs = "timestamp-query";
+class Is {
   el;
   renderer;
   container;
@@ -1086,9 +1102,9 @@ class Os {
         this.timestampText.innerText = "0";
         return;
       }
-      this.#n(J.RENDER).then((t) => {
+      this.#n(Z.RENDER).then((t) => {
         this._enabled && (this.timestampText.innerText = t?.toFixed(2) ?? "0");
-      }), this.#n(J.COMPUTE);
+      }), this.#n(Z.COMPUTE);
     }
   }
   enable() {
@@ -1105,7 +1121,7 @@ class Os {
   }
   #s() {
     try {
-      return this.renderer.hasFeature(Ps);
+      return this.renderer.hasFeature(Bs);
     } catch {
       return !0;
     }
@@ -1124,11 +1140,11 @@ class Os {
     }) : Promise.resolve(void 0);
   }
   #o() {
-    this.#n(J.RENDER), this.#n(J.COMPUTE);
+    this.#n(Z.RENDER), this.#n(Z.COMPUTE);
   }
 }
-mt.enabled = !0;
-class Sn extends Ie {
+wt.enabled = !0;
+class On extends De {
   el;
   renderer;
   scene;
@@ -1145,11 +1161,11 @@ class Sn extends Ie {
   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 Os(this.el, this.renderer), this.controls = new xs(this.camera, this.renderer.domElement), this.renderPipeline = new vs(this.renderer, this.scene, this.camera), this.timer = new ft(), this.roomEnvironment = new Ms(this.renderer), this.interactionManager = new ys(this.renderer.domElement, this.scene, this.camera), this.objectManager = new ws(), this.viewerHelper = new Ss(this), this.cssRenderer = new Es(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 Is(this.el, this.renderer), this.controls = new Ms(this.camera, this.renderer.domElement), this.renderPipeline = new Ss(this.renderer, this.scene, this.camera), this.timer = new vt(), this.roomEnvironment = new _s(this.renderer), this.interactionManager = new bs(this.renderer.domElement, this.scene, this.camera), this.objectManager = new xs(), this.viewerHelper = new Es(this), this.cssRenderer = new As(this.el), window.addEventListener("resize", this.onWindowResize);
   }
   onWindowResize = () => {
     const e = this.el.clientWidth, t = this.el.clientHeight;
-    this.camera instanceof Z ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof ee && (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 se ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof ne && (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;
@@ -1158,7 +1174,7 @@ class Sn extends Ie {
     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 Z) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof ee) && this.setCamera(this.createOrthographicCamera());
+    e === "perspective" && !(this.camera instanceof se) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof ne) && this.setCamera(this.createOrthographicCamera());
   }
   render(e = 1) {
     return this.frameCount += e, new Promise((t) => {
@@ -1176,25 +1192,25 @@ class Sn extends Ie {
     this.dispatchEvent({ type: "afterControlsUpdate", time: e, delta: t }), this.frameCount > 0 && (this.frameCount--, s = !0), this.frameloop === "always" && (s = !0), s && (this.dispatchEvent({ type: "beforeRender", time: e, delta: t }), this.renderer.info.reset(), this.renderPipeline.render(), this.cssRenderer.render(this.scene, this.camera), this.info.update(), this.dispatchEvent({ type: "afterRender", time: e, delta: t }));
   };
   _initRenderer(e) {
-    const t = new gt({
-      logarithmicDepthBuffer: !0,
+    const t = new bt({
+      reversedDepthBuffer: !0,
       antialias: !1,
       depth: !1,
       trackTimestamp: !1,
       ...e
     });
-    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = yt, t.toneMapping = wt, 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;
+    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = xt, t.toneMapping = St, 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 Ne();
-    return e.background = new T(0), e;
+    const e = new je();
+    return e.background = new M(0), e;
   }
   createPerspectiveCamera() {
-    const e = new Z(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
+    const e = new se(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
     return e.position.setScalar(5), e;
   }
   createOrthographicCamera() {
-    const e = new ee(
+    const e = new ne(
       -this.el.clientWidth / 2,
       this.el.clientWidth / 2,
       this.el.clientHeight / 2,
@@ -1223,7 +1239,7 @@ class Sn extends Ie {
    * Set the scene background color, texture, or null.
    */
   setBackground(e) {
-    e === null ? this.scene.background = null : e instanceof T || typeof e == "number" || typeof e == "string" ? this.scene.background = new T(e) : this.scene.background = e, this.render();
+    e === null ? this.scene.background = null : e instanceof M || typeof e == "number" || typeof e == "string" ? this.scene.background = new M(e) : this.scene.background = e, this.render();
   }
   /**
    * Set the scene environment map for reflections / IBL.
@@ -1248,14 +1264,14 @@ class Sn extends Ie {
    */
   enableFog(e = {}) {
     const { color: t = 13421772, near: s = 10, far: n = 100 } = e;
-    this.scene.fog = new vt(t, s, n), this.render();
+    this.scene.fog = new Ct(t, s, n), this.render();
   }
   /**
    * Enable exponential fog.
    */
   enableFogExp2(e = {}) {
     const { color: t = 13421772, density: s = 0.01 } = e;
-    this.scene.fog = new bt(t, s), this.render();
+    this.scene.fog = new Mt(t, s), this.render();
   }
   /**
    * Disable fog.
@@ -1267,22 +1283,22 @@ class Sn extends Ie {
     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 As extends $e {
+class Rs extends Qe {
   constructor(e) {
     super(e);
   }
   parse(e, t, s, n) {
-    if (Bs(e.slice(0, 8)) === "SBMG----") {
-      const r = Ls(e.slice(8));
+    if (Ls(e.slice(0, 8)) === "SBMG----") {
+      const r = zs(e.slice(8));
       return super.parse(r, t, s, n);
     } else
       return super.parse(e, t, s, n);
   }
 }
-function Bs(h) {
+function Ls(h) {
   return new TextDecoder().decode(new Uint8Array(h));
 }
-function Ls(h) {
+function zs(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);
@@ -1290,59 +1306,59 @@ function Ls(h) {
   }
   return e.buffer;
 }
-const Rs = 8, Is = 130, Pe = 66, zs = "SBK-----", Ns = "SBM-----", Ke = new TextDecoder(), js = new TextEncoder();
-function Ds(h) {
-  let e = Rs;
+const Ns = 8, Ds = 130, Be = 66, ks = "SBK-----", js = "SBM-----", Xe = new TextDecoder(), Us = new TextEncoder();
+function Hs(h) {
+  let e = Ns;
   const t = new Uint8Array(h, 0, e);
-  if (Ke.decode(t) !== zs)
+  if (Xe.decode(t) !== ks)
     return h;
-  e += Is;
+  e += Ds;
   const n = new Uint8Array(h, 0, e);
   if (n[40] === 1) {
-    const r = js.encode(Ns), o = new Uint8Array([n[41]]), a = ks(n), c = Us(a);
-    let l = Pe % c.length;
-    const d = e + Pe, p = new Uint8Array(h, d), u = new Uint8Array(p.length);
+    const r = Us.encode(js), o = new Uint8Array([n[41]]), a = Fs(n), c = Gs(a);
+    let l = Be % c.length;
+    const d = e + Be, p = new Uint8Array(h, d), u = new Uint8Array(p.length);
     for (let w = 0; w < p.length; w++)
       u[w] = p[w] ^ c[l], l = (l + 1) % c.length;
     const m = new Uint8Array(r.length + o.length + u.length);
     return m.set(r), m.set(o, r.length), m.set(u, r.length + o.length), m.buffer;
   }
 }
-function ks(h) {
+function Fs(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 Us(h) {
+function Gs(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 Hs = (h, e, t) => {
+const $s = (h, e, t) => {
   const s = h.buffer.slice(t, t + e);
-  let n = Ke.decode(s);
+  let n = Xe.decode(s);
   return n = n.replace("\\", "/"), n.startsWith("Maps/") || (n = `Maps/${n}`), n;
-}, Fs = (h, e, t) => {
+}, Ws = (h, e, t) => {
   const [s, n, i, r, o] = e, a = t || r < 1;
-  return new I({
+  return new L({
     name: h,
-    color: new T(s, n, i),
+    color: new M(s, n, i),
     opacity: r,
     transparent: a,
     alphaTest: 0.01,
     side: o
   });
-}, Gs = (h) => h?.toLowerCase().endsWith(".png") ?? !1;
-class $s {
+}, Ks = (h) => h?.toLowerCase().endsWith(".png") ?? !1;
+class Qs {
   data;
   options;
   textureLoader;
   littleEndian = !0;
   materials = /* @__PURE__ */ new Map();
   constructor(e, t) {
-    this.data = e, this.options = t, this.textureLoader = new ke(t.manager), this.textureLoader.setCrossOrigin(t.crossOrigin), this.textureLoader.setRequestHeader(t.requestHeader);
+    this.data = e, this.options = t, this.textureLoader = new Fe(t.manager), this.textureLoader.setCrossOrigin(t.crossOrigin), this.textureLoader.setRequestHeader(t.requestHeader);
   }
   parse(e, t) {
     let s = this.data;
-    const n = Ds(this.data);
+    const n = Hs(this.data);
     n && (s = n);
     const i = new DataView(s);
     let r = 8;
@@ -1366,14 +1382,14 @@ class $s {
       const p = e.getFloat32(t, this.littleEndian);
       t += 4, t += 4, t += 4, t += 4, t += 4;
       let u = e.getUint8(t);
-      t += 1, u === 0 ? u = Ct : u === 1 ? u = Mt : u === 2 && (u = St);
+      t += 1, u === 0 ? u = _t : u === 1 ? u = Et : u === 2 && (u = Pt);
       const m = e.getUint16(t, this.littleEndian);
       t += 2;
-      const w = m > 0 ? Hs(e, m, t) : "";
+      const w = m > 0 ? $s(e, m, t) : "";
       if (t += m, !this.materials.has(a)) {
-        const x = Fs(a, [c, l, d, p, u], Gs(w));
-        this.materials.set(a, x), w && this.options.path && this.textureLoader.load(L.resolveURL(w, this.options.path), (y) => {
-          y.colorSpace = Ue, y.wrapS = ve, y.wrapT = ve, y.flipY = !1, y.anisotropy = 16, x.map = y;
+        const x = Ws(a, [c, l, d, p, u], Ks(w));
+        this.materials.set(a, x), w && this.options.path && this.textureLoader.load(I.resolveURL(w, this.options.path), (y) => {
+          y.colorSpace = Ge, y.wrapS = xe, y.wrapT = xe, y.flipY = !1, y.anisotropy = 16, x.map = y;
         });
       }
     }
@@ -1392,10 +1408,10 @@ class $s {
       if (t += 2, w > 0)
         for (let g = 0; g < w; g++)
           t += 4, t += 4, t += 4;
-      const C = e.getUint16(t, this.littleEndian);
-      if (t += 2, C > 0)
-        for (let g = 0; g < C; g++) {
-          const b = new M();
+      const S = e.getUint16(t, this.littleEndian);
+      if (t += 2, S > 0)
+        for (let g = 0; g < S; 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);
         }
       const x = e.getUint16(t, this.littleEndian);
@@ -1414,13 +1430,13 @@ class $s {
       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 Y = new M(), $ = new M(), k = new M();
+        let J = new C(), W = new C(), j = new C();
         const U = u[g];
-        U !== void 0 && (Y = U[0], $ = U[1], k = U[2]), _.push(...Y.toArray(), ...$.toArray(), ...k.toArray());
+        U !== void 0 && (J = U[0], W = U[1], j = U[2]), _.push(...J.toArray(), ...W.toArray(), ...j.toArray());
       }
-      const O = new Float32Array(y), A = new Float32Array(_), E = new K();
-      if (O.length > 0 && E.setAttribute("position", new be(O, 3)), A.length > 0 && E.setAttribute("uv", new be(A, 2)), E.computeVertexNormals(), this.materials.has(c)) {
-        const g = new D(E, this.materials.get(c));
+      const A = new Float32Array(y), B = new Float32Array(_), E = new Q();
+      if (A.length > 0 && E.setAttribute("position", new Se(A, 3)), B.length > 0 && E.setAttribute("uv", new Se(B, 2)), E.computeVertexNormals(), this.materials.has(c)) {
+        const g = new k(E, this.materials.get(c));
         g.name = a, g.castShadow = !0, g.receiveShadow = !0, n.add(g);
       }
     }
@@ -1431,20 +1447,20 @@ class $s {
     console.warn("SBMLoader: SBM version 3 is not supported yet."), s(n);
   }
 }
-class Ws extends xt {
+class qs extends Tt {
   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 a = I.extractUrlBase(e);
+      i = I.resolveURL(a, this.path);
     } else
-      i = L.extractUrlBase(e);
+      i = I.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 De(this.manager);
+    }, o = new He(this.manager);
     o.setPath(this.path), o.setResponseType("arraybuffer"), o.setRequestHeader(this.requestHeader), o.setWithCredentials(this.withCredentials), o.load(
       e,
       (a) => {
@@ -1471,7 +1487,7 @@ class Ws extends xt {
       n?.(new Error(`SBMLoader: Invalid SBM format: ${i}`));
       return;
     }
-    new $s(e, {
+    new Qs(e, {
       path: t,
       crossOrigin: this.crossOrigin,
       requestHeader: this.requestHeader,
@@ -1493,7 +1509,7 @@ class Ws extends xt {
     });
   }
 }
-const Ks = [
+const Xs = [
   "map",
   "alphaMap",
   "aoMap",
@@ -1520,14 +1536,14 @@ const Ks = [
   "thicknessMap",
   "transmissionMap"
 ];
-function W(h) {
+function K(h) {
   return h.traverse((e) => {
-    if (!(e instanceof D)) return;
+    if (!(e instanceof k)) return;
     const t = Array.isArray(e.material) ? e.material : [e.material];
     for (const s of t) {
       if (!s) continue;
       let n = !1;
-      for (const i of Ks) {
+      for (const i of Xs) {
         const r = s[i];
         r?.isTexture && r.image == null && (r.dispose(), s[i] = null, n = !0);
       }
@@ -1535,21 +1551,21 @@ function W(h) {
     }
   }), h;
 }
-class j {
+class D {
   static CACHE_NAME = "u-space-model-loader-cache";
-  static fileLoader = new De().setResponseType("arraybuffer");
-  static dracoLoader = new ds().setDecoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${xe}.0/examples/jsm/libs/draco/`
+  static fileLoader = new He().setResponseType("arraybuffer");
+  static dracoLoader = new ms().setDecoderPath(
+    `https://cdn.jsdelivr.net/npm/three@0.${Ce}.0/examples/jsm/libs/draco/`
   );
-  static ktx2Loader = new ps().setTranscoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${xe}.0/examples/jsm/libs/basis/`
+  static ktx2Loader = new fs().setTranscoderPath(
+    `https://cdn.jsdelivr.net/npm/three@0.${Ce}.0/examples/jsm/libs/basis/`
   );
-  static gltfLoader = new $e().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(_e);
-  static sbmxLoader = new As().setDRACOLoader(j.dracoLoader).setKTX2Loader(j.ktx2Loader).setMeshoptDecoder(_e);
-  static sbmLoader = new Ws();
-  static fbxLoader = new cs();
-  static objLoader = new hs();
-  static stlLoader = new ls();
+  static gltfLoader = new Qe().setDRACOLoader(D.dracoLoader).setKTX2Loader(D.ktx2Loader).setMeshoptDecoder(Oe);
+  static sbmxLoader = new Rs().setDRACOLoader(D.dracoLoader).setKTX2Loader(D.ktx2Loader).setMeshoptDecoder(Oe);
+  static sbmLoader = new qs();
+  static fbxLoader = new ds();
+  static objLoader = new ps();
+  static stlLoader = new us();
   static setLoadingManager(e) {
     this.fileLoader.manager = e, this.dracoLoader.manager = e, this.ktx2Loader.manager = e, this.gltfLoader.manager = e, this.sbmxLoader.manager = e, this.sbmLoader.manager = e, this.fbxLoader.manager = e, this.objLoader.manager = e, this.stlLoader.manager = e;
   }
@@ -1577,23 +1593,23 @@ class j {
     switch (t.persistent && typeof caches < "u" ? n = await this.getPersistentData(e) : n = await this.fileLoader.loadAsync(e), s) {
       case "gltf":
       case "glb":
-        const i = await this.gltfLoader.parseAsync(n, L.extractUrlBase(e));
-        return i.scene.animations = i.animations, W(i.scene);
+        const i = await this.gltfLoader.parseAsync(n, I.extractUrlBase(e));
+        return i.scene.animations = i.animations, K(i.scene);
       case "sbmx":
-        const r = await this.sbmxLoader.parseAsync(n, L.extractUrlBase(e));
-        return r.scene.animations = r.animations, W(r.scene);
+        const r = await this.sbmxLoader.parseAsync(n, I.extractUrlBase(e));
+        return r.scene.animations = r.animations, K(r.scene);
       case "sbm":
-        const o = await this.sbmLoader.parseAsync(n, L.extractUrlBase(e));
-        return W(o);
+        const o = await this.sbmLoader.parseAsync(n, I.extractUrlBase(e));
+        return K(o);
       case "fbx":
-        const a = this.fbxLoader.parse(n, L.extractUrlBase(e));
-        return W(a);
+        const a = this.fbxLoader.parse(n, I.extractUrlBase(e));
+        return K(a);
       case "obj":
         const c = new TextDecoder().decode(n), l = this.objLoader.parse(c);
-        return W(l);
+        return K(l);
       case "stl":
         const d = this.stlLoader.parse(n);
-        return new D(d, new I());
+        return new k(d, new L());
       default:
         throw new Error(`Unsupported model format: ${s}`);
     }
@@ -1610,10 +1626,10 @@ class j {
     }
   }
 }
-class Tn {
-  static textureLoader = new ke();
-  static hdrLoader = new us();
-  static cubeTextureLoader = new Tt();
+class An {
+  static textureLoader = new Fe();
+  static hdrLoader = new gs();
+  static cubeTextureLoader = new Ot();
   static setLoadingManager(e) {
     this.textureLoader.manager = e, this.hdrLoader.manager = e, this.cubeTextureLoader.manager = e;
   }
@@ -1622,13 +1638,13 @@ class Tn {
   }
   static async loadAsyncHDR(e) {
     const t = await this.hdrLoader.loadAsync(e);
-    return t.mapping = _t, t;
+    return t.mapping = At, t;
   }
   static async loadAsyncCubeTexture(e, t) {
     return this.cubeTextureLoader.setPath(e), await this.cubeTextureLoader.loadAsync(t);
   }
 }
-class G extends D {
+class G extends k {
   isBaseMesh = !0;
   type = "BaseMesh";
   castShadow = !0;
@@ -1641,7 +1657,7 @@ class G extends D {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class Qe extends R {
+class Ye extends R {
   isBaseGroup = !0;
   type = "BaseGroup";
   ignoreInvisibleWhenRaycast = !0;
@@ -1652,7 +1668,7 @@ class Qe extends R {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class Qs extends Et {
+class Ys extends Bt {
   isBaseSprite = !0;
   type = "BaseSprite";
   ignoreInvisibleWhenRaycast = !0;
@@ -1663,7 +1679,7 @@ class Qs extends Et {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class ae extends Qe {
+class he extends Ye {
   isModel = !0;
   type = "Model";
   static memoryCache = /* @__PURE__ */ new Map();
@@ -1677,9 +1693,9 @@ class ae extends Qe {
     const { url: t, cache: s = !0, persistent: n = !0 } = e;
     try {
       let i;
-      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, o = ms(r);
-      return this.add(o), o.animations && o.animations.length > 0 && (this.animations = o.animations, this.mixer = new Pt(o)), o;
+      s ? he.memoryCache.has(t) ? i = he.memoryCache.get(t) : (i = D.loadAsync(t, { persistent: n }), he.memoryCache.set(t, i)) : i = D.loadAsync(t, { persistent: n });
+      const r = await i, o = ys(r);
+      return this.add(o), o.animations && o.animations.length > 0 && (this.animations = o.animations, this.mixer = new It(o)), o;
     } catch (i) {
       return console.error(`[Model] Failed to load model from ${t}:`, i), null;
     }
@@ -1691,7 +1707,7 @@ class ae extends Qe {
     if (e === void 0 ? o = this.animations[0] : typeof e == "number" ? o = this.animations[e] : o = this.animations.find((c) => c.name === e), !o)
       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 ? Ot : At, n), a.clampWhenFinished = r, a.timeScale = i, a.reset().play(), a;
+    return a || (a = this.mixer.clipAction(o), this.actions.set(o.name, a)), a.setLoop(s ? Rt : Lt, n), a.clampWhenFinished = r, a.timeScale = i, a.reset().play(), a;
   }
   playAllAnimations(e = {}) {
     return this.animations.map((t, s) => this.playAnimation(s, e)).filter((t) => t !== null);
@@ -1712,7 +1728,7 @@ class ae extends Qe {
    * Get the axis-aligned bounding box of this model.
    */
   getBoundingBox() {
-    return new X().setFromObject(this);
+    return new V().setFromObject(this);
   }
   /**
    * Get the center point of this model's bounding box.
@@ -1726,7 +1742,7 @@ class ae extends Qe {
    */
   setMaterial(e) {
     this.traverse((t) => {
-      t instanceof D && (t.material = e);
+      t instanceof k && (t.material = e);
     });
   }
   static clearMemoryCache() {
@@ -1736,11 +1752,11 @@ class ae extends Qe {
     typeof caches < "u" && await caches.delete("u-space-loader-cache");
   }
 }
-class qs extends G {
+class Vs extends G {
   isSphereMesh = !0;
   type = "SphereMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new Bt(
+    super(), this.geometry = new zt(
       e?.radius,
       e?.widthSegments,
       e?.heightSegments,
@@ -1748,23 +1764,23 @@ class qs extends G {
       e?.phiLength,
       e?.thetaStart,
       e?.thetaLength
-    ), this.material = new I(t);
+    ), this.material = new L(t);
   }
 }
-class Oe extends G {
+class Ie extends G {
   isTubeMesh = !0;
   type = "TubeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new Lt(
+    super(), this.geometry = new Nt(
       e?.path,
       e?.tubularSegments,
       e?.radius,
       e?.radialSegments,
       e?.closed
-    ), this.material = new I(t);
+    ), this.material = new L(t);
   }
 }
-class _n extends Qe {
+class Bn extends Ye {
   isTopology = !0;
   type = "Topology";
   // Visuals
@@ -1868,7 +1884,7 @@ class _n extends Qe {
    */
   renderGraph() {
     this.clearGraph(), this.graphGroup = new R();
-    const e = new qs({
+    const e = new Vs({
       geometryParameters: {
         radius: this.parameters.nodeRadius,
         widthSegments: 16,
@@ -1890,7 +1906,7 @@ class _n extends Qe {
         t.add(o);
         const a = this.nodes.get(n), c = this.nodes.get(r);
         if (a && c) {
-          const l = new Rt(a, c), d = new Oe({
+          const l = new Dt(a, c), d = new Ie({
             geometryParameters: {
               path: l,
               tubularSegments: 1,
@@ -1909,7 +1925,7 @@ class _n extends Qe {
   }
   clearGraph() {
     this.graphGroup && (this.remove(this.graphGroup), this.graphGroup.traverse((e) => {
-      e instanceof D && (e.geometry.dispose(), e.material.dispose());
+      e instanceof k && (e.geometry.dispose(), e.material.dispose());
     }), this.graphGroup = null);
   }
   /**
@@ -1917,7 +1933,7 @@ class _n extends Qe {
    */
   renderPath(e, t = this.parameters.pathColor) {
     if (e.length < 2) return;
-    const s = new It(e, !1, "catmullrom", 0), n = new Oe({
+    const s = new kt(e, !1, "catmullrom", 0), n = new Ie({
       geometryParameters: {
         path: s,
         tubularSegments: e.length * 10,
@@ -1967,7 +1983,7 @@ class _n extends Qe {
     return this.adjacencyMap.get(e);
   }
 }
-class En extends Qs {
+class In extends Ys {
   isPoi = !0;
   type = "Poi";
   parameters = {
@@ -1986,7 +2002,7 @@ class En extends Qs {
   _canvas = document.createElement("canvas");
   _lastParametersJSON = "";
   constructor(e = {}) {
-    super(new zt()), Object.assign(this.parameters, e), this.updateAsync();
+    super(new jt()), Object.assign(this.parameters, e), this.updateAsync();
   }
   /**
    * Update the POI with new parameters
@@ -2002,33 +2018,33 @@ class En extends Qs {
     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: m } = this.parameters, w = n.measureText(r), C = r ? w.width : 0, x = r ? o : 0;
-    let y = 0, _ = 0, O = 0, A = 0, E = 0, g = 0;
+    const { text: r, fontSize: o, color: a, iconSize: c, padding: l, backgroundColor: d, borderRadius: p, textPosition: u, scaleFactor: m } = this.parameters, w = n.measureText(r), S = r ? w.width : 0, x = r ? o : 0;
+    let y = 0, _ = 0, A = 0, B = 0, E = 0, g = 0;
     const b = !!i, z = !!r;
     if (b && z)
       switch (u) {
         case "top":
-          y = Math.max(c, C), _ = c + l + x, E = (y - C) / 2, g = x / 2, O = (y - c) / 2, A = x + l;
+          y = Math.max(c, S), _ = c + l + x, E = (y - S) / 2, g = x / 2, A = (y - c) / 2, B = x + l;
           break;
         case "bottom":
-          y = Math.max(c, C), _ = c + l + x, O = (y - c) / 2, A = 0, E = (y - C) / 2, g = c + l + x / 2;
+          y = Math.max(c, S), _ = c + l + x, A = (y - c) / 2, B = 0, E = (y - S) / 2, g = c + l + x / 2;
           break;
         case "left":
-          y = c + l + C, _ = Math.max(c, x), E = 0, g = _ / 2, O = C + l, A = (_ - c) / 2;
+          y = c + l + S, _ = Math.max(c, x), E = 0, g = _ / 2, A = S + l, B = (_ - c) / 2;
           break;
         default:
-          y = c + l + C, _ = Math.max(c, x), O = 0, A = (_ - c) / 2, E = c + l, g = _ / 2;
+          y = c + l + S, _ = Math.max(c, x), A = 0, B = (_ - c) / 2, E = c + l, g = _ / 2;
           break;
       }
-    else b ? (y = c, _ = c, O = 0, A = 0) : z && (y = C, _ = x, E = 0, g = x / 2);
+    else b ? (y = c, _ = c, A = 0, B = 0) : z && (y = S, _ = x, E = 0, g = x / 2);
     const N = y + l * 2, P = _ + 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) {
+    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, A + l, B + l, c, c), z) {
       n.fillStyle = a;
-      const k = n.measureText(r), U = k.actualBoundingBoxAscent + k.actualBoundingBoxDescent, st = k.actualBoundingBoxAscent - U / 2;
-      n.textBaseline = "alphabetic", n.fillText(r, E + l, g + l + st);
+      const j = n.measureText(r), U = j.actualBoundingBoxAscent + j.actualBoundingBoxDescent, ot = j.actualBoundingBoxAscent - U / 2;
+      n.textBaseline = "alphabetic", n.fillText(r, E + l, g + l + ot);
     }
-    const Y = this.material.map, $ = new Nt(s);
-    $.colorSpace = Ue, this.material.map = $, Y?.dispose(), this.scale.set(N * m, P * m, 1);
+    const J = this.material.map, W = new Ut(s);
+    W.colorSpace = Ge, this.material.map = W, J?.dispose(), this.scale.set(N * m, P * m, 1);
   }
   _loadImage(e) {
     return new Promise((t, s) => {
@@ -2046,80 +2062,80 @@ class En extends Qs {
     this.material.map?.dispose(), this.material.dispose();
   }
 }
-class qe extends G {
+class Ve extends G {
   isShapeMesh = !0;
   type = "ShapeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new jt(e?.shape, e?.curveSegments), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
+    super(), this.geometry = new Ht(e?.shape, e?.curveSegments), this.material = new L(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
-    return new qe({
+    return new Ve({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new He(e.map((s) => new M(s.x, -s.z)))
+        shape: new $e(e.map((s) => new C(s.x, -s.z)))
       }
     });
   }
 }
-class Xe extends G {
+class Je extends G {
   isExtrudeMesh = !0;
   type = "ExtrudeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new Dt(e?.shape, e?.options), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
+    super(), this.geometry = new Ft(e?.shape, e?.options), this.material = new L(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
-    return e && e.length === 0 && (e = void 0), new Xe({
+    return e && e.length === 0 && (e = void 0), new Je({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new He(e?.map((s) => new M(s.x, -s.z)))
+        shape: new $e(e?.map((s) => new C(s.x, -s.z)))
       }
     });
   }
 }
-class Pn extends G {
+class Rn extends G {
   isPlaneMesh = !0;
   type = "PlaneMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new kt(
+    super(), this.geometry = new Gt(
       e?.width,
       e?.height,
       e?.widthSegments,
       e?.heightSegments
-    ), this.material = new I(t);
+    ), this.material = new L(t);
   }
 }
-class On extends G {
+class Ln extends G {
   isCircleMesh = !0;
   type = "CircleMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
     super(
-      new Ut(
+      new $t(
         e?.radius,
         e?.segments,
         e?.thetaStart,
         e?.thetaLength
       ),
-      new I(t)
+      new L(t)
     ), this.geometry.rotateX(-Math.PI / 2);
   }
 }
 class F {
   static traverseMeshes(e, t) {
     e.traverse((s) => {
-      s instanceof D && t(s);
+      s instanceof k && t(s);
     });
   }
 }
-class An {
+class zn {
   static flow(e = {}) {
-    const { baseColor: t = 16777215, flowColor: s = 65280, speed: n = 1, scale: i = 3, intensity: r = 4 } = e, o = H(new T(t)), a = H(new T(s)), c = Me().x.mul(i).sub(ne.mul(n)), l = ie(me(c).add(1).mul(0.5), r);
-    return re(o, a, l);
+    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 = Te().x.mul(i).sub(oe.mul(n)), l = ae(ge(c).add(1).mul(0.5), r);
+    return ce(o, a, l);
   }
   static breathe(e = {}) {
-    const { baseColor: t = 16777215, breathColor: s = 65280, speed: n = 1, intensity: i = 2 } = e, r = H(new T(t)), o = H(new T(s)), a = me(ne.mul(n)).add(1).mul(0.5), c = ie(a, i);
-    return re(r, o, c);
+    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 = ge(oe.mul(n)).add(1).mul(0.5), c = ae(a, i);
+    return ce(r, o, c);
   }
   static fluid(e = {}) {
     const {
@@ -2129,59 +2145,79 @@ class An {
       scale: i = 1,
       intensity: r = 1,
       distortion: o = 0.5
-    } = e, a = H(new T(t)), c = H(new T(s)), l = Me().mul(i), d = ne.mul(n), p = Se(l.add(d), 1, 0), u = l.add(p.mul(o)), m = Se(u, 1, 0).add(1).mul(0.5), w = ie(m, r);
-    return re(a, c, w);
+    } = e, a = H(new M(t)), c = H(new M(s)), l = Te().mul(i), d = oe.mul(n), p = _e(l.add(d), 1, 0), u = l.add(p.mul(o)), m = _e(u, 1, 0).add(1).mul(0.5), w = ae(m, r);
+    return ce(a, c, w);
   }
 }
-function Bn(h) {
+function Nn(h) {
 }
-const de = "uSpaceHighlight", q = `${de}/enabled`, Ye = `${de}/opacity`, Je = `${de}/color`, Ve = `${de}/overwrite`, pe = "uSpaceBreathe", he = `${pe}/enabled`, Ze = `${pe}/color`, et = `${pe}/speed`, tt = `${pe}/intensity`, le = /* @__PURE__ */ new WeakMap(), Xs = Fe(() => {
-  const h = B(q, "uint"), e = B(Je, "uint"), t = B(Ve, "uint"), s = Le(e), n = Te.mul(s), i = oe(t.greaterThan(0), s, n), r = oe(h.greaterThan(0), i, Te), o = B(he, "uint"), a = B(Ze, "uint"), c = B(et, "float"), l = B(tt, "float"), d = Le(a), p = me(ne.mul(c)).add(1).mul(0.5), u = ie(p, l), m = re(r, d, u);
-  return oe(o.greaterThan(0), m, r);
-})(), Ys = Fe(() => {
-  const h = B(q, "uint"), e = B(Ye, "float");
-  return oe(h.greaterThan(0), e, Yt);
+const $ = "uSpaceHighlight", Y = `${$}/enabled`, Ze = `${$}/opacity`, et = `${$}/color`, tt = `${$}/overwrite`, st = `${$}/multiplyOpacity`, de = `${$}/instancedOriginalOpacity`, me = "uSpaceBreathe", pe = `${me}/enabled`, nt = `${me}/color`, it = `${me}/speed`, rt = `${me}/intensity`, ue = /* @__PURE__ */ new WeakMap(), Js = We(() => {
+  const h = O(Y, "uint"), e = O(et, "uint"), t = O(tt, "uint"), s = ze(e), n = Ee.mul(s), i = q(t.greaterThan(0), s, n), r = q(h.greaterThan(0), i, Ee), o = O(pe, "uint"), a = O(nt, "uint"), c = O(it, "float"), l = O(rt, "float"), d = ze(a), p = ge(oe.mul(c)).add(1).mul(0.5), u = ae(p, l), m = ce(r, d, u);
+  return q(o.greaterThan(0), m, r);
+})(), Zs = We(() => {
+  const h = O(Y, "uint"), e = O(Ze, "float"), t = O(st, "uint"), s = q(t.greaterThan(0), Pe.mul(e), e);
+  return q(h.greaterThan(0), s, Pe);
 })();
-function Q(h) {
+function X(h) {
   return Array.isArray(h.material) ? h.material : [h.material];
 }
-function Ae(h) {
-  Q(h).forEach((t) => {
+function Re(h) {
+  X(h).forEach((t) => {
     if (!t) return;
-    let s = le.get(t);
+    let s = ue.get(t);
     s || (s = {
       colorNode: t.colorNode,
       opacityNode: t.opacityNode,
       transparent: t.transparent,
       depthWrite: t.depthWrite,
       activeMeshes: /* @__PURE__ */ new Set()
-    }, le.set(t, s)), s.activeMeshes.add(h), t.transparent = !0, t.colorNode = Xs, t.opacityNode = Ys, t.needsUpdate = !0;
+    }, ue.set(t, s)), s.activeMeshes.add(h), t.transparent = !0, t.colorNode = Js, t.opacityNode = Zs, t.needsUpdate = !0;
   });
 }
-function Be(h) {
-  const e = h.userData[q], t = h.userData[he];
+function Le(h) {
+  const e = h.userData[Y], t = h.userData[pe];
   if (e || t) return;
-  Q(h).forEach((n) => {
+  X(h).forEach((n) => {
     if (!n) return;
-    const i = le.get(n);
-    i && (i.activeMeshes.delete(h), !(i.activeMeshes.size > 0) && (n.colorNode = i.colorNode, n.opacityNode = i.opacityNode, n.transparent = i.transparent, n.depthWrite = i.depthWrite, n.needsUpdate = !0, le.delete(n)));
+    const i = ue.get(n);
+    i && (i.activeMeshes.delete(h), !(i.activeMeshes.size > 0) && (n.colorNode = i.colorNode, n.opacityNode = i.opacityNode, n.transparent = i.transparent, n.depthWrite = i.depthWrite, n.needsUpdate = !0, ue.delete(n)));
   });
 }
-class ce {
+function en(h, e, t, s) {
+  const n = h, i = n.setSemanticHighlight;
+  if (i)
+    return i.call(h, e, t, s), !0;
+  const r = n.setSemanticColor, o = n.setSemanticOpacity, a = n.getSemanticOpacity, c = n.getSemanticColor, l = n.hasSemanticColor;
+  return !r || !o ? !1 : (h.userData[de] === void 0 && (h.userData[de] = {
+    hasColor: l?.call(h) ?? !1,
+    color: c?.call(h, new M()).getHex() ?? 16777215,
+    opacity: a?.call(h) ?? 1
+  }), r.call(h, e), o.call(h, t), !0);
+}
+function tn(h) {
+  const e = h, t = e.clearSemanticHighlight;
+  if (t)
+    return t.call(h), !0;
+  const s = e.resetSemanticColor, n = e.setSemanticColor, i = e.setSemanticOpacity;
+  if (!s || !i) return !1;
+  const r = h.userData[de];
+  return r && (r.hasColor && n ? n.call(h, r.color) : s.call(h), i.call(h, r.opacity), Reflect.deleteProperty(h.userData, de)), !0;
+}
+class le {
   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 T(i).getHex();
-    for (const c of s)
-      F.traverseMeshes(c, (l) => {
-        l.userData[q] = 1, l.userData[Ye] = n, l.userData[Je] = a, l.userData[Ve] = r ? 1 : 0, Ae(l), o !== void 0 && Q(l).forEach((p) => {
-          p && (p.depthWrite = o);
+    const s = Array.isArray(e) ? e : [e], { opacity: n = 0.5, color: i = 16711680, overwrite: r = !1, depthWrite: o, multiplyOpacity: a = !1 } = t, c = new M(i).getHex();
+    for (const l of s)
+      en(l, i, n, r) || F.traverseMeshes(l, (d) => {
+        d.userData[Y] = 1, d.userData[Ze] = n, d.userData[et] = c, d.userData[tt] = r ? 1 : 0, d.userData[st] = a ? 1 : 0, Re(d), o !== void 0 && X(d).forEach((u) => {
+          u && (u.depthWrite = o);
         });
       });
   }
   static removeHighlightColor(e) {
     const t = Array.isArray(e) ? e : [e];
     for (const s of t)
-      F.traverseMeshes(s, (n) => {
-        n.userData[q] = 0, Be(n);
+      tn(s) || F.traverseMeshes(s, (n) => {
+        n.userData[Y] = 0, Le(n);
       });
   }
   static breatheColor(e, t = {}) {
@@ -2193,17 +2229,17 @@ class ce {
       },
       t
     );
-    n.color = new T(n.color).getHex();
+    n.color = new M(n.color).getHex();
     for (const i of s)
       F.traverseMeshes(i, (r) => {
-        r.userData[he] = 1, r.userData[Ze] = n.color, r.userData[et] = n.speed, r.userData[tt] = n.intensity, Ae(r);
+        r.userData[pe] = 1, r.userData[nt] = n.color, r.userData[it] = n.speed, r.userData[rt] = n.intensity, Re(r);
       });
   }
   static removeBreatheColor(e) {
     const t = Array.isArray(e) ? e : [e];
     for (const s of t)
       F.traverseMeshes(s, (n) => {
-        n.userData[he] = 0, Be(n);
+        n.userData[pe] = 0, Le(n);
       });
   }
   /**
@@ -2213,7 +2249,7 @@ class ce {
     const s = Array.isArray(e) ? e : [e];
     for (const n of s)
       F.traverseMeshes(n, (i) => {
-        Q(i).forEach((r) => {
+        X(i).forEach((r) => {
           if (!r) return;
           const o = r;
           o.wireframe = t, o.needsUpdate = !0;
@@ -2224,7 +2260,7 @@ class ce {
    * Remove wireframe mode.
    */
   static removeWireframe(e) {
-    ce.wireframe(e, !1);
+    le.wireframe(e, !1);
   }
   /**
    * Fade in object(s) from fully transparent to original opacity.
@@ -2232,7 +2268,7 @@ class ce {
    */
   static fadeIn(e, t = {}) {
     const { duration: s = 500 } = t;
-    return ce._fade(e, 0, 1, s);
+    return le._fade(e, 0, 1, s);
   }
   /**
    * Fade out object(s) to fully transparent.
@@ -2240,13 +2276,13 @@ class ce {
    */
   static fadeOut(e, t = {}) {
     const { duration: s = 500 } = t;
-    return ce._fade(e, 1, 0, s);
+    return le._fade(e, 1, 0, s);
   }
   static _fade(e, t, s, n) {
     const i = Array.isArray(e) ? e : [e], r = /* @__PURE__ */ new Map();
     for (const o of i)
       F.traverseMeshes(o, (a) => {
-        Q(a).forEach((c) => {
+        X(a).forEach((c) => {
           if (!c || r.has(c)) return;
           const l = c.opacity, d = c.transparent, p = s >= 1 ? l : s;
           r.set(c, {
@@ -2272,8 +2308,8 @@ class ce {
           c = requestAnimationFrame(l);
         else {
           if (s >= 1)
-            for (const { material: m, originalOpacity: w, originalTransparent: C } of r.values())
-              m.opacity = w, m.transparent = C, m.needsUpdate = !0;
+            for (const { material: m, originalOpacity: w, originalTransparent: S } of r.values())
+              m.opacity = w, m.transparent = S, m.needsUpdate = !0;
           o();
         }
       };
@@ -2281,11 +2317,11 @@ class ce {
     });
   }
 }
-const Le = (h) => {
+const ze = (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 Jt(e, t, s);
+  return es(e, t, s);
 };
-class Js extends fs {
+class sn extends ws {
   viewer;
   constructor(e, t) {
     super(t), this.viewer = e;
@@ -2294,7 +2330,7 @@ class Js extends fs {
     this.update(e) && this.viewer.render();
   };
   easingByMode(e) {
-    const t = Vs[e];
+    const t = nn[e];
     return super.easing(t);
   }
   start(e, t) {
@@ -2304,9 +2340,9 @@ class Js extends fs {
     return this.viewer.removeEventListener("afterControlsUpdate", this._update), super.stop();
   }
 }
-function Ln(h, e, t, s = {}, n, i) {
+function Dn(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 Js(h, e).to(t, a).easingByMode(d).delay(c).onUpdate((m) => {
+    const { duration: a = 1e3, delay: c = 0, repeat: l = !1, mode: d = "Linear.None", yoyo: p = !1 } = s, u = new sn(h, e).to(t, a).easingByMode(d).delay(c).onUpdate((m) => {
       n?.(m, u);
     }).onComplete(() => {
       r();
@@ -2318,7 +2354,7 @@ function Ln(h, e, t, s = {}, n, i) {
     typeof l == "number" ? u.repeat(l) : typeof l == "boolean" && l && u.repeat(1 / 0), p && u.repeatDelay(20), u.yoyo(p), u.start();
   });
 }
-const Vs = {
+const nn = {
   "Linear.None": f.Linear.None,
   "Quadratic.In": f.Quadratic.In,
   "Quadratic.Out": f.Quadratic.Out,
@@ -2351,7 +2387,7 @@ const Vs = {
   "Bounce.Out": f.Bounce.Out,
   "Bounce.InOut": f.Bounce.InOut
 };
-class Rn {
+class kn {
   scene;
   planes = /* @__PURE__ */ new Map();
   helpers = /* @__PURE__ */ new Map();
@@ -2360,7 +2396,7 @@ class Rn {
    */
   group;
   constructor(e) {
-    this.scene = e, this.group = new Ht(), this.group.name = "__clippingToolGroup", this.scene.add(this.group);
+    this.scene = e, this.group = new Wt(), this.group.name = "__clippingToolGroup", this.scene.add(this.group);
   }
   /**
    * Move all current scene children (except the clipping group itself) into the ClippingGroup,
@@ -2401,7 +2437,7 @@ class Rn {
       showHelper: i = !1,
       helperSize: r = 5,
       helperColor: o = 16711680
-    } = t, a = new Ft(new v(s.x, s.y, s.z), n);
+    } = t, a = new Kt(new v(s.x, s.y, s.z), n);
     return this.planes.set(e, a), this._syncPlanes(), i && this.showHelper(e, r, o), a;
   }
   /**
@@ -2427,7 +2463,7 @@ class Rn {
    * 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 V().setFromObject(t);
     return i.expandByScalar(s), this.addBox(e, i, n);
   }
   /**
@@ -2467,7 +2503,7 @@ class Rn {
     this.hideHelper(e);
     const n = this.planes.get(e);
     if (!n) return;
-    const i = new Gt(n, t, new T(s).getHex());
+    const i = new Qt(n, t, new M(s).getHex());
     i.name = e, this.helpers.set(e, i), this.scene.add(i);
   }
   /**
@@ -2493,7 +2529,7 @@ class Rn {
     this.detach(), this.removeAll(), this.scene.remove(this.group);
   }
 }
-class In {
+class jn {
   scene;
   measurements = /* @__PURE__ */ new Map();
   _idCounter = 0;
@@ -2506,7 +2542,7 @@ class In {
   measureDistance(e, t, s = {}) {
     const { lineColor: n = 16776960 } = s, i = new v(e.x, e.y, e.z), r = new v(t.x, t.y, t.z), o = i.distanceTo(r), a = `measure_dist_${this._idCounter++}`, c = new R();
     c.name = a;
-    const l = new K().setFromPoints([i, r]), d = new te({ color: n }), p = new se(l, d);
+    const l = new Q().setFromPoints([i, r]), d = new ie({ color: n }), p = new re(l, d);
     c.add(p), this.scene.add(c);
     const u = {
       id: a,
@@ -2527,7 +2563,7 @@ class In {
       throw new Error("MeasureTool.measureArea requires at least 3 points");
     const n = e.map((u) => new v(u.x, u.y, u.z)), i = this._calculatePolygonArea(n), r = `measure_area_${this._idCounter++}`, o = new R();
     o.name = r;
-    const a = [...n, n[0]], c = new K().setFromPoints(a), l = new te({ color: s }), d = new se(c, l);
+    const a = [...n, n[0]], c = new Q().setFromPoints(a), l = new ie({ color: s }), d = new re(c, l);
     o.add(d), this.scene.add(o);
     const p = {
       id: r,
@@ -2545,7 +2581,7 @@ class In {
   measureAngle(e, t, s, n = {}) {
     const { lineColor: i = 16746496 } = n, r = new v(e.x, e.y, e.z), o = new v(t.x, t.y, t.z), a = new v(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++}`, m = new R();
     m.name = u;
-    const w = new K().setFromPoints([r, o, a]), C = new te({ color: i }), x = new se(w, C);
+    const w = new Q().setFromPoints([r, o, a]), S = new ie({ color: i }), x = new re(w, S);
     m.add(x), this.scene.add(m);
     const y = {
       id: u,
@@ -2606,7 +2642,7 @@ class In {
     this.removeAll();
   }
 }
-class zn {
+class Un {
   scene;
   annotations = /* @__PURE__ */ new Map();
   _idCounter = 0;
@@ -2640,16 +2676,18 @@ class zn {
       pointer-events: auto;
       white-space: nowrap;
     `, t.labelStyle)
-      for (const [c, l] of Object.entries(t.labelStyle))
+      for (const c of Object.keys(t.labelStyle)) {
+        const l = t.labelStyle[c];
         l !== void 0 && (i.style[c] = l);
+      }
     let r = null;
     const o = t.labelOffset || { x: 0, y: 2, z: 0 };
     if (t.showLeaderLine !== !1) {
-      const { lineColor: c = 16777215 } = t, l = new K().setFromPoints([
+      const { lineColor: c = 16777215 } = t, l = new Q().setFromPoints([
         new v(0, 0, 0),
         new v(o.x, o.y, o.z)
-      ]), d = new te({ color: c });
-      r = new se(l, d), s.add(r);
+      ]), d = new ie({ color: c });
+      r = new re(l, d), s.add(r);
     }
     if (this._createCSSObject) {
       const c = this._createCSSObject(i);
@@ -2757,47 +2795,47 @@ class zn {
     this.removeAll();
   }
 }
-const Zs = "0.0.26";
-window.__USPACE__ = { version: Zs };
+const rn = "0.0.28";
+window.__USPACE__ = { version: rn };
 export {
-  zn as AnnotationManager,
-  Qe as BaseGroup,
+  Un as AnnotationManager,
+  Ye as BaseGroup,
   G as BaseMesh,
-  Qs as BaseSprite,
-  Dn as CSS2DObject,
-  Un as CSS3DObject,
-  Hn as CSS3DSprite,
-  Es as CSSRenderer,
-  xs as CameraControls,
-  On as CircleMesh,
-  Rn as ClippingTool,
-  Xe as ExtrudeMesh,
-  gs as InteractionEvent,
-  ys as InteractionManager,
-  Mn as LightManager,
-  ce as MaterialEffects,
-  In as MeasureTool,
-  ae as Model,
-  j as ModelLoaderManager,
-  ws as ObjectManager,
+  Ys as BaseSprite,
+  Gn as CSS2DObject,
+  Wn as CSS3DObject,
+  Kn as CSS3DSprite,
+  As as CSSRenderer,
+  Ms as CameraControls,
+  Ln as CircleMesh,
+  kn as ClippingTool,
+  Je as ExtrudeMesh,
+  vs as InteractionEvent,
+  bs as InteractionManager,
+  Pn as LightManager,
+  le as MaterialEffects,
+  jn as MeasureTool,
+  he as Model,
+  D as ModelLoaderManager,
+  xs as ObjectManager,
   F as ObjectUtils,
-  Pn as PlaneMesh,
-  En as Poi,
-  vs as RenderPipeline,
-  Ms as RoomEnvironment,
-  Ws as SBMLoader,
-  As as SBMXLoader,
-  Cn as SceneManager,
-  xn as Selection,
-  qe as ShapeMesh,
-  qs as SphereMesh,
-  An as TSLEffects,
-  Tn as TextureLoaderManager,
-  _n as Topology,
-  Oe as TubeMesh,
-  Js as Tween,
-  Sn as Viewer,
-  Bn as reinterpretType,
-  Ln as tweenAnimation,
-  Zs as version
+  Rn as PlaneMesh,
+  In as Poi,
+  Ss as RenderPipeline,
+  _s as RoomEnvironment,
+  qs as SBMLoader,
+  Rs as SBMXLoader,
+  En as SceneManager,
+  _n as Selection,
+  Ve as ShapeMesh,
+  Vs as SphereMesh,
+  zn as TSLEffects,
+  An as TextureLoaderManager,
+  Bn as Topology,
+  Ie as TubeMesh,
+  sn as Tween,
+  On as Viewer,
+  Nn as reinterpretType,
+  Dn as tweenAnimation,
+  rn as version
 };