u-space 0.0.2 → 0.0.5

package/dist/index.js

@@ -1,20 +1,20 @@
-import { Raycaster as me, Vector2 as P, RenderPipeline as Be, Sphere as ge, Box3 as we, Spherical as C, Matrix4 as Re, Quaternion as _e, Vector4 as Ne, Vector3 as J, MathUtils as Ae, PMREMGenerator as Ue, OrthographicCamera as F, TimestampQuery as De, Cache as je, EventDispatcher as ke, Timer as Ge, PerspectiveCamera as W, WebGPURenderer as Fe, PCFShadowMap as He, AgXToneMapping as ze, Scene as $e, Color as Z, MeshStandardNodeMaterial as I, Loader as We, LoaderUtils as L, FileLoader as fe, TextureLoader as ye, Group as z, SRGBColorSpace as ve, RepeatWrapping as ne, BufferGeometry as Qe, BufferAttribute as ie, Mesh as j, FrontSide as Ke, BackSide as Xe, DoubleSide as qe, REVISION as re, CubeTextureLoader as Ye, EquirectangularReflectionMapping as Je, Sprite as Ze, SphereGeometry as Ve, TubeGeometry as et, LineCurve3 as tt, CatmullRomCurve3 as st, SpriteNodeMaterial as nt, CanvasTexture as it, ShapeGeometry as rt, Shape as be, ExtrudeGeometry as at, PlaneGeometry as ot, CircleGeometry as ct } from "three/webgpu";
-import { pass as q, blendColor as ht, color as N, uv as ae, time as Q, pow as K, sin as oe, mix as X, mx_noise_float as ce, Fn as Te, userData as D, materialColor as he, select as Y, materialOpacity as lt, vec3 as dt } from "three/tsl";
+import { Raycaster as me, Vector2 as S, RenderPipeline as Ae, Sphere as ge, Box3 as fe, Spherical as T, Matrix4 as Re, Quaternion as _e, Vector4 as Ne, Vector3 as ee, MathUtils as Ue, PMREMGenerator as De, OrthographicCamera as $, TimestampQuery as je, Cache as ke, EventDispatcher as Ge, Timer as Fe, PerspectiveCamera as X, WebGPURenderer as He, PCFShadowMap as ze, AgXToneMapping as $e, Scene as We, Color as te, MeshStandardNodeMaterial as I, Loader as Qe, LoaderUtils as L, FileLoader as we, TextureLoader as ye, Group as Q, SRGBColorSpace as ve, RepeatWrapping as ne, BufferGeometry as Ke, BufferAttribute as ie, Mesh as F, FrontSide as Xe, BackSide as qe, DoubleSide as Ye, REVISION as re, CubeTextureLoader as Je, EquirectangularReflectionMapping as Ze, Sprite as Ve, AnimationMixer as et, LoopRepeat as tt, LoopOnce as st, SphereGeometry as nt, TubeGeometry as it, LineCurve3 as rt, CatmullRomCurve3 as at, SpriteNodeMaterial as ot, CanvasTexture as ct, ShapeGeometry as ht, Shape as be, ExtrudeGeometry as lt, PlaneGeometry as dt, CircleGeometry as pt } from "three/webgpu";
+import { pass as Z, blendColor as ut, color as U, uv as ae, time as q, pow as Y, sin as oe, mix as J, mx_noise_float as ce, Fn as Te, userData as G, materialColor as he, select as V, materialOpacity as mt, vec3 as gt } from "three/tsl";
 import Ce from "camera-controls";
-import { RoomEnvironment as pt } from "three/addons/environments/RoomEnvironment.js";
-import { ViewHelper as ut } from "three/addons/helpers/ViewHelper.js";
+import { RoomEnvironment as ft } from "three/addons/environments/RoomEnvironment.js";
+import { ViewHelper as wt } from "three/addons/helpers/ViewHelper.js";
 import { GLTFLoader as xe } from "three/addons/loaders/GLTFLoader.js";
-import { FBXLoader as mt } from "three/addons/loaders/FBXLoader.js";
-import { OBJLoader as gt } from "three/addons/loaders/OBJLoader.js";
-import { STLLoader as wt } from "three/addons/loaders/STLLoader.js";
-import { DRACOLoader as ft } from "three/addons/loaders/DRACOLoader.js";
-import { KTX2Loader as yt } from "three/addons/loaders/KTX2Loader.js";
+import { FBXLoader as yt } from "three/addons/loaders/FBXLoader.js";
+import { OBJLoader as vt } from "three/addons/loaders/OBJLoader.js";
+import { STLLoader as bt } from "three/addons/loaders/STLLoader.js";
+import { DRACOLoader as Tt } from "three/addons/loaders/DRACOLoader.js";
+import { KTX2Loader as Ct } from "three/addons/loaders/KTX2Loader.js";
 import { MeshoptDecoder as le } from "three/addons/libs/meshopt_decoder.module.js";
-import { HDRLoader as vt } from "three/addons/loaders/HDRLoader.js";
-import { clone as bt } from "three/addons/utils/SkeletonUtils.js";
-import { Color as A } from "three";
-import { Easing as d, Tween as Tt } from "three/addons/libs/tween.module.js";
-class Ct {
+import { HDRLoader as xt } from "three/addons/loaders/HDRLoader.js";
+import { clone as Mt } from "three/addons/utils/SkeletonUtils.js";
+import { Color as D } from "three";
+import { Easing as d, Tween as Et } from "three/addons/libs/tween.module.js";
+class Ot {
   /** The type of event (e.g., 'click', 'pointerdown'). */
   type;
   /** The original 3D object that triggered the event. */
@@ -42,15 +42,15 @@ class Ct {
     return this._propagationStopped;
   }
 }
-class xt {
+class Pt {
   domElement;
   scene;
   camera;
   raycaster = new me();
-  pointer = new P();
+  pointer = new S();
   hoveredObject = null;
   pointerDownTime = 0;
-  pointerDownPos = new P();
+  pointerDownPos = new S();
   clickTimer = null;
   longPressThreshold = 500;
   moveThreshold = 0.01;
@@ -86,15 +86,15 @@ class xt {
    * Dispatches an event to the target object and bubbles up the parent chain.
    */
   _dispatchToTarget(e, t, s, n) {
-    const i = new Ct({
+    const i = new Ot({
       type: e,
       target: t,
       intersect: s,
       originalEvent: n
     });
-    let a = t;
-    for (; a && !i.propagationStopped; )
-      i.currentTarget = a, a.dispatchEvent({ type: e, event: i }), a = a.parent;
+    let r = t;
+    for (; r && !i.propagationStopped; )
+      i.currentTarget = r, r.dispatchEvent({ type: e, event: i }), r = r.parent;
   }
   /**
    * Handles a DOM event by raycasting and dispatching to the first intersected object.
@@ -147,7 +147,7 @@ class xt {
     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.hoveredObject = null;
   }
 }
-class Mt {
+class St {
   idMap = /* @__PURE__ */ new Map();
   nameMap = /* @__PURE__ */ new Map();
   typeMap = /* @__PURE__ */ new Map();
@@ -250,7 +250,7 @@ class Mt {
     return this.allObjects.size;
   }
 }
-class Et extends Be {
+class Lt extends Ae {
   scene;
   camera;
   currentOutputNode;
@@ -258,7 +258,7 @@ class Et extends Be {
   #e;
   constructor(...e) {
     const [t, s, n] = e;
-    super(t), this.scene = s, this.camera = n, this.currentOutputNode = q(s, n), this.needsUpdateOutputNode = !0, this.#e = /* @__PURE__ */ new Set();
+    super(t), this.scene = s, this.camera = n, this.currentOutputNode = Z(s, n), this.needsUpdateOutputNode = !0, this.#e = /* @__PURE__ */ new Set();
   }
   addOverlayPass(e) {
     this.#e.add(e), this.needsUpdateOutputNode = !0;
@@ -273,31 +273,31 @@ class Et extends Be {
     this.currentOutputNode.dispose(), this.currentOutputNode = e, this.needsUpdateOutputNode = !0;
   }
   resetCurrentOutputNode() {
-    this.currentOutputNode.dispose(), this.currentOutputNode = q(this.scene, this.camera), this.needsUpdateOutputNode = !0;
+    this.currentOutputNode.dispose(), this.currentOutputNode = Z(this.scene, this.camera), this.needsUpdateOutputNode = !0;
   }
   #t() {
     let e = this.currentOutputNode;
     this.#e.size > 0 && this.#e.forEach((t) => {
-      e = ht(e, t);
+      e = ut(e, t);
     }), this.outputNode = e, this.needsUpdate = !0;
   }
   render() {
     this.needsUpdateOutputNode && (this.#t(), this.needsUpdateOutputNode = !1), super.render();
   }
 }
-const Ot = {
-  Vector2: P,
-  Vector3: J,
+const It = {
+  Vector2: S,
+  Vector3: ee,
   Vector4: Ne,
   Quaternion: _e,
   Matrix4: Re,
-  Spherical: C,
-  Box3: we,
+  Spherical: T,
+  Box3: fe,
   Sphere: ge,
   Raycaster: me
 };
-Ce.install({ THREE: Ot });
-class Pt extends Ce {
+Ce.install({ THREE: It });
+class Bt extends Ce {
   constructor(...e) {
     super(...e), this.minDistance = 0.2, this.smoothTime = 0.2, this.dollySpeed = 0.2;
   }
@@ -305,62 +305,62 @@ class Pt extends Ce {
    * Set absolute angle for azimuth to avoid spinning
    */
   absoluteRotations() {
-    this.azimuthAngle = St(this.azimuthAngle, 0);
+    this.azimuthAngle = At(this.azimuthAngle, 0);
   }
   async flyToBox(e, t = {}) {
     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: a = !1 } = t, c = [];
+    const { viewpoint: s = "frontTop", enableTransition: n = !0, padding: i = 0.1, cover: r = !1 } = t, a = [];
     if (s !== "current") {
-      const r = de[s.toUpperCase()] ?? de.FRONTTOP, h = r.theta, l = r.phi;
-      c.push(
+      const o = de[s.toUpperCase()] ?? de.FRONTTOP, h = o.theta, l = o.phi;
+      a.push(
         this.fitToBox(e, n, {
           paddingLeft: i,
           paddingRight: i,
           paddingTop: i,
           paddingBottom: i,
-          cover: a
+          cover: r
         })
-      ), c.push(this.rotateTo(h, l, n));
+      ), a.push(this.rotateTo(h, l, n));
     } else {
-      const r = new ge();
-      e.getBoundingSphere(r), r.radius += i, c.push(this.fitToSphere(r, n));
+      const o = new ge();
+      e.getBoundingSphere(o), o.radius += i, a.push(this.fitToSphere(o, n));
     }
-    return await Promise.all(c), !0;
+    return await Promise.all(a), !0;
   }
   async flyToObject(e, t = {}) {
-    const s = new we().setFromObject(e);
+    const s = new fe().setFromObject(e);
     return this.flyToBox(s, t);
   }
 }
 const de = {
-  LEFT: new C(0, Math.PI / 2, -Math.PI / 2),
-  RIGHT: new C(0, Math.PI / 2, Math.PI / 2),
-  FRONT: new C(0, Math.PI / 2, 0),
-  BACK: new C(0, Math.PI / 2, Math.PI),
-  TOP: new C(0, 0, 0),
-  BOTTOM: new C(0, Math.PI, 0),
-  FRONTTOP: new C(0, Math.PI / 4, 0),
-  BACKTOP: new C(0, Math.PI / 4, Math.PI),
-  LEFTTOP: new C(0, Math.PI / 4, -Math.PI / 2),
-  RIGHTTOP: new C(0, Math.PI / 4, Math.PI / 2),
-  LEFTFRONTTOP: new C(0, Math.PI / 4, -Math.PI / 4),
-  RIGHTFRONTTOP: new C(0, Math.PI / 4, Math.PI / 4),
-  LEFTBACKTOP: new C(0, Math.PI / 4, -Math.PI / 4 * 3),
-  RIGHTBACKTOP: new C(0, Math.PI / 4, Math.PI / 4 * 3)
+  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 St(o, e) {
-  const t = o - e;
-  return Ae.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
+function At(c, e) {
+  const t = c - e;
+  return Ue.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
 }
-class Lt {
-  environment = new pt();
+class Rt {
+  environment = new ft();
   renderer;
   pmremGenerator;
   envMap = null;
   constructor(e) {
-    this.renderer = e, this.pmremGenerator = new Ue(e);
+    this.renderer = e, this.pmremGenerator = new De(e);
   }
   update() {
     this.envMap || (this.envMap = this.pmremGenerator.fromScene(this.environment).texture);
@@ -369,20 +369,20 @@ class Lt {
     this.pmremGenerator.dispose(), this.envMap?.dispose();
   }
 }
-const G = 128;
-class It extends ut {
+const z = 128;
+class _t extends wt {
   viewer;
   overlayPass;
   constructor(e) {
     super(e.camera, e.el), this.viewer = e;
-    const t = new F(-2, 2, 2, -2, 0, 4);
-    t.position.set(0, 0, 2), this.overlayPass = q(this, t), this.setLabels("x", "y", "z");
+    const t = new $(-2, 2, 2, -2, 0, 4);
+    t.position.set(0, 0, 2), this.overlayPass = Z(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 - G - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - G - e.bottom, this.overlayPass.setViewport(t, s, G, G);
+    e.left !== null ? t = e.left : t = this.viewer.el.offsetWidth - z - e.right, e.top !== null ? s = e.top : s = this.viewer.el.offsetHeight - z - e.bottom, this.overlayPass.setViewport(t, s, z, z);
   };
   enable() {
     return this.viewer.renderPipeline.addOverlayPass(this.overlayPass), this.viewer.addEventListener("beforeRender", this._update), this.viewer.render(), this;
@@ -391,7 +391,7 @@ class It extends ut {
     return this.viewer.renderPipeline.removeOverlayPass(this.overlayPass), this.viewer.removeEventListener("beforeRender", this._update), this.viewer.render(), this;
   }
 }
-class Bt {
+class Nt {
   el;
   renderer;
   container;
@@ -406,9 +406,9 @@ class Bt {
     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(a, c = !0) {
-      const r = document.createElement("span");
-      return c && (r.style.marginLeft = "6px"), r.innerText = a, r;
+    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");
@@ -418,7 +418,7 @@ class Bt {
   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(De.RENDER).then((t) => {
+      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(je.RENDER).then((t) => {
         this.timestampText.innerText = t?.toFixed(2) ?? "0";
       });
     }
@@ -433,8 +433,8 @@ class Bt {
     this.disable();
   }
 }
-je.enabled = !0;
-class ys extends ke {
+ke.enabled = !0;
+class Cs extends Ge {
   el;
   renderer;
   scene;
@@ -450,11 +450,11 @@ class ys extends ke {
   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 Bt(this.el, this.renderer), this.controls = new Pt(this.camera, this.renderer.domElement), this.renderPipeline = new Et(this.renderer, this.scene, this.camera), this.timer = new Ge(), this.roomEnvironment = new Lt(this.renderer), this.interactionManager = new xt(this.renderer.domElement, this.scene, this.camera), this.objectManager = new Mt(), this.viewerHelper = new It(this), 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 Nt(this.el, this.renderer), this.controls = new Bt(this.camera, this.renderer.domElement), this.renderPipeline = new Lt(this.renderer, this.scene, this.camera), this.timer = new Fe(), this.roomEnvironment = new Rt(this.renderer), this.interactionManager = new Pt(this.renderer.domElement, this.scene, this.camera), this.objectManager = new St(), this.viewerHelper = new _t(this), window.addEventListener("resize", this.onWindowResize);
   }
   onWindowResize = () => {
     const e = this.el.clientWidth, t = this.el.clientHeight;
-    this.camera instanceof W ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof F && (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.render();
+    this.camera instanceof X ? (this.camera.aspect = e / t, this.camera.updateProjectionMatrix()) : this.camera instanceof $ && (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.render();
   };
   async init() {
     await this.renderer.init(), this.roomEnvironment.update(), this.scene.environment = this.roomEnvironment.envMap;
@@ -463,7 +463,7 @@ class ys extends ke {
     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 W) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof F) && this.setCamera(this.createOrthographicCamera());
+    e === "perspective" && !(this.camera instanceof X) ? this.setCamera(this.createPerspectiveCamera()) : e === "orthographic" && !(this.camera instanceof $) && this.setCamera(this.createOrthographicCamera());
   }
   render(e = 1) {
     return this.frameCount += e, new Promise((t) => {
@@ -474,30 +474,32 @@ class ys extends ke {
     });
   }
   animate = (e) => {
-    this.timer.update(e), this.dispatchEvent({ type: "beforeControlsUpdate", time: e });
-    let t = this.controls.update(this.timer.getDelta());
-    this.dispatchEvent({ type: "afterControlsUpdate", time: e }), this.frameCount > 0 && (this.frameCount--, t = !0), this.frameloop === "always" && (t = !0), t && (this.dispatchEvent({ type: "beforeRender", time: e }), this.renderer.info.reset(), this.renderPipeline.render(), this.info.update(), this.dispatchEvent({ type: "afterRender", time: e }));
+    this.timer.update(e);
+    const t = this.timer.getDelta();
+    this.dispatchEvent({ type: "beforeControlsUpdate", time: e, delta: t });
+    let s = this.controls.update(t);
+    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.info.update(), this.dispatchEvent({ type: "afterRender", time: e, delta: t }));
   };
   _initRenderer(e) {
-    const t = new Fe({
+    const t = new He({
       logarithmicDepthBuffer: !0,
       antialias: !1,
       depth: !1,
       trackTimestamp: !0,
       ...e
     });
-    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = He, t.toneMapping = ze, 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 = ze, t.toneMapping = $e, t.toneMappingExposure = 1, t.info.autoReset = !1, t.setPixelRatio(window.devicePixelRatio), t.setAnimationLoop(this.animate), this.el.appendChild(t.domElement), t;
   }
   createScene() {
-    const e = new $e();
-    return e.background = new Z(0), e;
+    const e = new We();
+    return e.background = new te(0), e;
   }
   createPerspectiveCamera() {
-    const e = new W(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
+    const e = new X(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
     return e.position.setScalar(5), e;
   }
   createOrthographicCamera() {
-    const e = new F(
+    const e = new $(
       -this.el.clientWidth / 2,
       this.el.clientWidth / 2,
       this.el.clientHeight / 2,
@@ -511,71 +513,71 @@ class ys extends ke {
     this.el.removeChild(this.renderer.domElement), window.removeEventListener("resize", this.onWindowResize), this.info.dispose(), this.interactionManager.dispose(), this.roomEnvironment.dispose(), this.renderPipeline.dispose(), this.renderer.dispose();
   }
 }
-class Rt extends xe {
+class Ut extends xe {
   constructor(e) {
     super(e);
   }
   parse(e, t, s, n) {
-    if (_t(e.slice(0, 8)) === "SBMG----") {
-      const a = Nt(e.slice(8));
-      return super.parse(a, t, s, n);
+    if (Dt(e.slice(0, 8)) === "SBMG----") {
+      const r = jt(e.slice(8));
+      return super.parse(r, t, s, n);
     } else
       return super.parse(e, t, s, n);
   }
 }
-function _t(o) {
-  return new TextDecoder().decode(new Uint8Array(o));
+function Dt(c) {
+  return new TextDecoder().decode(new Uint8Array(c));
 }
-function Nt(o) {
-  const e = new DataView(o);
+function jt(c) {
+  const e = new DataView(c);
   for (let t = 0; t < e.byteLength; t++) {
     const s = e.getUint8(t), n = (s >> 4 & 15) + (s << 4 & 240);
     e.setUint8(t, n);
   }
   return e.buffer;
 }
-const At = 8, Ut = 130, pe = 66, Dt = "SBK-----", jt = "SBM-----", Me = new TextDecoder(), kt = new TextEncoder();
-function Gt(o) {
-  let e = At;
-  const t = new Uint8Array(o, 0, e);
-  if (Me.decode(t) !== Dt)
-    return o;
-  e += Ut;
-  const n = new Uint8Array(o, 0, e);
+const kt = 8, Gt = 130, pe = 66, Ft = "SBK-----", Ht = "SBM-----", Me = new TextDecoder(), zt = new TextEncoder();
+function $t(c) {
+  let e = kt;
+  const t = new Uint8Array(c, 0, e);
+  if (Me.decode(t) !== Ft)
+    return c;
+  e += Gt;
+  const n = new Uint8Array(c, 0, e);
   if (n[40] === 1) {
-    const a = kt.encode(jt), c = new Uint8Array([n[41]]), r = Ft(n), h = Ht(r);
+    const r = zt.encode(Ht), a = new Uint8Array([n[41]]), o = Wt(n), h = Qt(o);
     let l = pe % h.length;
-    const u = e + pe, f = new Uint8Array(o, u), p = new Uint8Array(f.length);
-    for (let w = 0; w < f.length; w++)
-      p[w] = f[w] ^ h[l], l = (l + 1) % h.length;
-    const g = new Uint8Array(a.length + c.length + p.length);
-    return g.set(a), g.set(c, a.length), g.set(p, a.length + c.length), g.buffer;
+    const p = e + pe, g = new Uint8Array(c, p), u = new Uint8Array(g.length);
+    for (let v = 0; v < g.length; v++)
+      u[v] = g[v] ^ h[l], l = (l + 1) % h.length;
+    const w = new Uint8Array(r.length + a.length + u.length);
+    return w.set(r), w.set(a, r.length), w.set(u, r.length + a.length), w.buffer;
   }
 }
-function Ft(o) {
+function Wt(c) {
   const e = new Uint8Array(128);
-  return e.set(o.slice(42, 74), 0), e.set(o.slice(74, 138), 32), e.set(o.slice(8, 40), 96), e;
+  return e.set(c.slice(42, 74), 0), e.set(c.slice(74, 138), 32), e.set(c.slice(8, 40), 96), e;
 }
-function Ht(o) {
+function Qt(c) {
   const e = new Uint8Array(64);
-  return e.set(o.slice(0, 8), 0), e.set(o.slice(24, 32), 8), e.set(o.slice(40, 56), 16), e.set(o.slice(64, 88), 32), e.set(o.slice(96, 104), 56), e;
+  return e.set(c.slice(0, 8), 0), e.set(c.slice(24, 32), 8), e.set(c.slice(40, 56), 16), e.set(c.slice(64, 88), 32), e.set(c.slice(96, 104), 56), e;
 }
-const zt = (o, e, t) => {
-  const s = o.buffer.slice(t, t + e);
+const Kt = (c, e, t) => {
+  const s = c.buffer.slice(t, t + e);
   let n = Me.decode(s);
   return n = n.replace("\\", "/"), n.startsWith("Maps/") || (n = `Maps/${n}`), n;
-}, $t = (o, e, t) => {
-  const [s, n, i, a, c] = e, r = t || a < 1;
+}, Xt = (c, e, t) => {
+  const [s, n, i, r, a] = e, o = t || r < 1;
   return new I({
-    name: o,
-    color: new Z(s, n, i),
-    opacity: a,
-    transparent: r,
+    name: c,
+    color: new te(s, n, i),
+    opacity: r,
+    transparent: o,
     alphaTest: 0.01,
-    side: c
+    side: a
   });
-}, Wt = (o) => o?.toLowerCase().endsWith(".png") ?? !1;
-class Qt {
+}, qt = (c) => c?.toLowerCase().endsWith(".png") ?? !1;
+class Yt {
   data;
   options;
   textureLoader;
@@ -586,127 +588,127 @@ class Qt {
   }
   parse(e, t) {
     let s = this.data;
-    const n = Gt(this.data);
+    const n = $t(this.data);
     n && (s = n);
     const i = new DataView(s);
-    let a = 8;
-    const c = i.getUint8(a);
-    a += 1, c === 1 ? this._parseV2(i, a, e) : c === 2 ? this._parseV2(i, a, e) : c === 3 ? this._parseV3(i, a, e) : t?.(new Error(`SBMLoader: Unsupported SBM version: ${c}`));
+    let r = 8;
+    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 z(), i = e.getUint16(t, this.littleEndian);
+    const n = new Q(), i = e.getUint16(t, this.littleEndian);
     t += 2;
-    const a = e.getUint16(t, this.littleEndian);
+    const r = e.getUint16(t, this.littleEndian);
     t += 2;
-    for (let c = 0; c < i; ++c) {
-      const r = 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 h = e.getFloat32(t, this.littleEndian);
       t += 4;
       const l = e.getFloat32(t, this.littleEndian);
       t += 4;
-      const u = e.getFloat32(t, this.littleEndian);
+      const p = e.getFloat32(t, this.littleEndian);
       t += 4;
-      const f = e.getFloat32(t, this.littleEndian);
+      const g = e.getFloat32(t, this.littleEndian);
       t += 4, t += 4, t += 4, t += 4, t += 4;
-      let p = e.getUint8(t);
-      t += 1, p === 0 ? p = Ke : p === 1 ? p = Xe : p === 2 && (p = qe);
-      const g = e.getUint16(t, this.littleEndian);
+      let u = e.getUint8(t);
+      t += 1, u === 0 ? u = Xe : u === 1 ? u = qe : u === 2 && (u = Ye);
+      const w = e.getUint16(t, this.littleEndian);
       t += 2;
-      const w = g > 0 ? zt(e, g, t) : "";
-      if (t += g, !this.materials.has(r)) {
-        const v = $t(r, [h, l, u, f, p], Wt(w));
-        this.materials.set(r, v), w && this.options.path && this.textureLoader.load(L.resolveURL(w, this.options.path), (b) => {
-          b.colorSpace = ve, b.wrapS = ne, b.wrapT = ne, b.flipY = !1, b.anisotropy = 16, v.map = b;
+      const v = w > 0 ? Kt(e, w, t) : "";
+      if (t += w, !this.materials.has(o)) {
+        const b = Xt(o, [h, l, p, g, u], qt(v));
+        this.materials.set(o, b), v && this.options.path && this.textureLoader.load(L.resolveURL(v, this.options.path), (f) => {
+          f.colorSpace = ve, f.wrapS = ne, f.wrapT = ne, f.flipY = !1, f.anisotropy = 16, b.map = f;
         });
       }
     }
-    for (let c = 0; c < a; ++c) {
-      const r = e.getUint16(t, this.littleEndian).toString();
+    for (let a = 0; a < r; ++a) {
+      const o = e.getUint16(t, this.littleEndian).toString();
       t += 2;
       const h = e.getUint16(t, this.littleEndian).toString();
       t += 2;
-      const l = [], u = [], f = [], p = [], g = e.getUint16(t, this.littleEndian);
-      if (t += 2, g > 0)
-        for (let m = 0; m < g; m++) {
-          const y = new J();
-          y.setX(e.getFloat32(t, this.littleEndian)), t += 4, y.setY(e.getFloat32(t, this.littleEndian)), t += 4, y.setZ(e.getFloat32(t, this.littleEndian)), t += 4, l.push(y);
-        }
-      const w = e.getUint16(t, this.littleEndian);
+      const l = [], p = [], g = [], u = [], w = e.getUint16(t, this.littleEndian);
       if (t += 2, w > 0)
-        for (let m = 0; m < w; m++)
-          t += 4, t += 4, t += 4;
-      const T = e.getUint16(t, this.littleEndian);
-      if (t += 2, T > 0)
-        for (let m = 0; m < T; m++) {
-          const y = new P();
-          y.setX(e.getFloat32(t, this.littleEndian)), t += 4, y.setY(e.getFloat32(t, this.littleEndian)), t += 4, u.push(y);
+        for (let m = 0; m < w; m++) {
+          const y = new ee();
+          y.setX(e.getFloat32(t, this.littleEndian)), t += 4, y.setY(e.getFloat32(t, this.littleEndian)), t += 4, y.setZ(e.getFloat32(t, this.littleEndian)), t += 4, l.push(y);
         }
       const v = e.getUint16(t, this.littleEndian);
       if (t += 2, v > 0)
-        for (let m = 0; m < v; m++) {
+        for (let m = 0; m < v; m++)
+          t += 4, t += 4, t += 4;
+      const x = e.getUint16(t, this.littleEndian);
+      if (t += 2, x > 0)
+        for (let m = 0; m < x; m++) {
+          const y = new S();
+          y.setX(e.getFloat32(t, this.littleEndian)), t += 4, y.setY(e.getFloat32(t, this.littleEndian)), t += 4, p.push(y);
+        }
+      const b = e.getUint16(t, this.littleEndian);
+      if (t += 2, b > 0)
+        for (let m = 0; m < b; m++) {
           const y = e.getUint16(t, this.littleEndian);
           t += 2;
           const B = e.getUint16(t, this.littleEndian);
           t += 2;
-          const _ = e.getUint16(t, this.littleEndian);
+          const A = e.getUint16(t, this.littleEndian);
           t += 2;
-          const O = [y, B, _];
-          f.push(O), u.length > 0 && p.push([u[O[0]], u[O[1]], u[O[2]]]);
+          const E = [y, B, A];
+          g.push(E), p.length > 0 && u.push([p[E[0]], p[E[1]], p[E[2]]]);
         }
-      const b = [], x = [];
-      for (let m = 0; m < f.length; m++) {
-        const y = f[m], B = l[y[0]], _ = l[y[1]], O = l[y[2]];
-        b.push(...B.toArray(), ..._.toArray(), ...O.toArray());
-        let ee = new P(), te = new P(), se = new P();
-        const k = p[m];
-        k !== void 0 && (ee = k[0], te = k[1], se = k[2]), x.push(...ee.toArray(), ...te.toArray(), ...se.toArray());
+      const f = [], C = [];
+      for (let m = 0; m < g.length; m++) {
+        const y = g[m], B = l[y[0]], A = l[y[1]], E = l[y[2]];
+        f.push(...B.toArray(), ...A.toArray(), ...E.toArray());
+        let H = new S(), k = new S(), _ = new S();
+        const N = u[m];
+        N !== void 0 && (H = N[0], k = N[1], _ = N[2]), C.push(...H.toArray(), ...k.toArray(), ..._.toArray());
       }
-      const M = new Float32Array(b), E = new Float32Array(x), S = new Qe();
-      if (M.length > 0 && S.setAttribute("position", new ie(M, 3)), E.length > 0 && S.setAttribute("uv", new ie(E, 2)), S.computeVertexNormals(), this.materials.has(h)) {
-        const m = new j(S, this.materials.get(h));
-        m.name = r, m.castShadow = !0, m.receiveShadow = !0, n.add(m);
+      const O = new Float32Array(f), P = new Float32Array(C), M = new Ke();
+      if (O.length > 0 && M.setAttribute("position", new ie(O, 3)), P.length > 0 && M.setAttribute("uv", new ie(P, 2)), M.computeVertexNormals(), this.materials.has(h)) {
+        const m = new F(M, this.materials.get(h));
+        m.name = o, m.castShadow = !0, m.receiveShadow = !0, n.add(m);
       }
     }
     s(n);
   }
   _parseV3(e, t, s) {
-    const n = new z();
+    const n = new Q();
     console.warn("SBMLoader: SBM version 3 is not supported yet."), s(n);
   }
 }
-class Kt extends We {
+class Jt extends Qe {
   load(e, t, s, n) {
     let i;
     if (this.resourcePath !== "")
       i = this.resourcePath;
     else if (this.path !== "") {
-      const r = L.extractUrlBase(e);
-      i = L.resolveURL(r, this.path);
+      const o = L.extractUrlBase(e);
+      i = L.resolveURL(o, this.path);
     } else
       i = L.extractUrlBase(e);
     this.manager.itemStart(e);
-    const a = (r) => {
-      n ? n(r) : console.error(r), this.manager.itemError(e), this.manager.itemEnd(e);
-    }, c = new fe(this.manager);
-    c.setPath(this.path), c.setResponseType("arraybuffer"), c.setRequestHeader(this.requestHeader), c.setWithCredentials(this.withCredentials), c.load(
+    const r = (o) => {
+      n ? n(o) : console.error(o), this.manager.itemError(e), this.manager.itemEnd(e);
+    }, a = new we(this.manager);
+    a.setPath(this.path), a.setResponseType("arraybuffer"), a.setRequestHeader(this.requestHeader), a.setWithCredentials(this.withCredentials), a.load(
       e,
-      (r) => {
+      (o) => {
         try {
           this.parse(
-            r,
+            o,
             i,
             (h) => {
               t(h), this.manager.itemEnd(e);
             },
-            a
+            r
           );
         } catch (h) {
-          a(h);
+          r(h);
         }
       },
       s,
-      a
+      r
     );
   }
   parse(e, t, s, n) {
@@ -715,7 +717,7 @@ class Kt extends We {
       n?.(new Error(`SBMLoader: Invalid SBM format: ${i}`));
       return;
     }
-    new Qt(e, {
+    new Yt(e, {
       path: t,
       crossOrigin: this.crossOrigin,
       requestHeader: this.requestHeader,
@@ -739,19 +741,19 @@ class Kt extends We {
 }
 class R {
   static CACHE_NAME = "u-space-model-loader-cache";
-  static fileLoader = new fe().setResponseType("arraybuffer");
-  static dracoLoader = new ft().setDecoderPath(
+  static fileLoader = new we().setResponseType("arraybuffer");
+  static dracoLoader = new Tt().setDecoderPath(
     `https://cdn.jsdelivr.net/npm/three@0.${re}.0/examples/jsm/libs/draco/`
   );
-  static ktx2Loader = new yt().setTranscoderPath(
+  static ktx2Loader = new Ct().setTranscoderPath(
     `https://cdn.jsdelivr.net/npm/three@0.${re}.0/examples/jsm/libs/basis/`
   );
   static gltfLoader = new xe().setDRACOLoader(R.dracoLoader).setKTX2Loader(R.ktx2Loader).setMeshoptDecoder(le);
-  static sbmxLoader = new Rt().setDRACOLoader(R.dracoLoader).setKTX2Loader(R.ktx2Loader).setMeshoptDecoder(le);
-  static sbmLoader = new Kt();
-  static fbxLoader = new mt();
-  static objLoader = new gt();
-  static stlLoader = new wt();
+  static sbmxLoader = new Ut().setDRACOLoader(R.dracoLoader).setKTX2Loader(R.ktx2Loader).setMeshoptDecoder(le);
+  static sbmLoader = new Jt();
+  static fbxLoader = new yt();
+  static objLoader = new vt();
+  static stlLoader = new bt();
   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;
   }
@@ -779,9 +781,11 @@ class R {
     switch (t.persistent && typeof caches < "u" ? n = await this.getPersistentData(e) : n = await this.fileLoader.loadAsync(e), s) {
       case "gltf":
       case "glb":
-        return (await this.gltfLoader.parseAsync(n, L.extractUrlBase(e))).scene;
+        const i = await this.gltfLoader.parseAsync(n, L.extractUrlBase(e));
+        return i.scene.animations = i.animations, i.scene;
       case "sbmx":
-        return (await this.sbmxLoader.parseAsync(n, L.extractUrlBase(e))).scene;
+        const r = await this.sbmxLoader.parseAsync(n, L.extractUrlBase(e));
+        return r.scene.animations = r.animations, r.scene;
       case "sbm":
         return await this.sbmLoader.parseAsync(n, L.extractUrlBase(e));
       case "fbx":
@@ -790,8 +794,8 @@ class R {
         const h = new TextDecoder().decode(n);
         return this.objLoader.parse(h);
       case "stl":
-        const u = this.stlLoader.parse(n);
-        return new j(u, new I());
+        const p = this.stlLoader.parse(n);
+        return new F(p, new I());
       default:
         throw new Error(`Unsupported model format: ${s}`);
     }
@@ -808,10 +812,10 @@ class R {
     }
   }
 }
-class vs {
+class xs {
   static textureLoader = new ye();
-  static hdrLoader = new vt();
-  static cubeTextureLoader = new Ye();
+  static hdrLoader = new xt();
+  static cubeTextureLoader = new Je();
   static setLoadingManager(e) {
     this.textureLoader.manager = e, this.hdrLoader.manager = e, this.cubeTextureLoader.manager = e;
   }
@@ -820,13 +824,13 @@ class vs {
   }
   static async loadAsyncHDR(e) {
     const t = await this.hdrLoader.loadAsync(e);
-    return t.mapping = Je, t;
+    return t.mapping = Ze, t;
   }
   static async loadAsyncCubeTexture(e, t) {
     return this.cubeTextureLoader.setPath(e), await this.cubeTextureLoader.loadAsync(t);
   }
 }
-class U extends j {
+class j extends F {
   isBaseMesh = !0;
   type = "BaseMesh";
   ignoreInvisibleWhenRaycast = !0;
@@ -837,7 +841,7 @@ class U extends j {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class Ee extends z {
+class Ee extends Q {
   isBaseGroup = !0;
   type = "BaseGroup";
   ignoreInvisibleWhenRaycast = !0;
@@ -848,7 +852,7 @@ class Ee extends z {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class Xt extends Ze {
+class Zt extends Ve {
   isBaseSprite = !0;
   type = "BaseSprite";
   ignoreInvisibleWhenRaycast = !0;
@@ -859,10 +863,13 @@ class Xt extends Ze {
     return this.visible === !1 && this.ignoreInvisibleWhenRaycast === !0 ? !1 : super.raycast(e, t);
   }
 }
-class H extends Ee {
+class W extends Ee {
   isModel = !0;
   type = "Model";
   static memoryCache = /* @__PURE__ */ new Map();
+  mixer = null;
+  animations = [];
+  actions = /* @__PURE__ */ new Map();
   constructor() {
     super();
   }
@@ -870,13 +877,37 @@ class H extends Ee {
     const { url: t, cache: s = !0, persistent: n = !0 } = e;
     try {
       let i;
-      s ? H.memoryCache.has(t) ? i = H.memoryCache.get(t) : (i = R.loadAsync(t, { persistent: n }), H.memoryCache.set(t, i)) : i = R.loadAsync(t, { persistent: n });
-      const a = await i, c = bt(a);
-      return this.add(c), c;
+      s ? W.memoryCache.has(t) ? i = W.memoryCache.get(t) : (i = R.loadAsync(t, { persistent: n }), W.memoryCache.set(t, i)) : i = R.loadAsync(t, { persistent: n });
+      const r = await i, a = Mt(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;
     }
   }
+  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 a;
+    if (e === void 0 ? a = this.animations[0] : typeof e == "number" ? a = this.animations[e] : a = this.animations.find((h) => h.name === e), !a)
+      return console.warn(`[Model] Animation not found: ${e}`), null;
+    let o = this.actions.get(a.name);
+    return o || (o = this.mixer.clipAction(a), this.actions.set(a.name, o)), o.setLoop(s ? tt : st, 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);
+  }
+  stopAnimation(e) {
+    if (!this.mixer) return;
+    if (e === void 0) {
+      this.mixer.stopAllAction();
+      return;
+    }
+    let t;
+    typeof e == "number" ? t = this.animations[e]?.name : t = e, t && this.actions.get(t)?.stop();
+  }
+  updateAnimation(e) {
+    this.mixer?.update(e);
+  }
   static clearMemoryCache() {
     this.memoryCache.clear();
   }
@@ -884,11 +915,11 @@ class H extends Ee {
     typeof caches < "u" && await caches.delete("u-space-loader-cache");
   }
 }
-class qt extends U {
+class Vt extends j {
   isSphereMesh = !0;
   type = "SphereMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new Ve(
+    super(), this.geometry = new nt(
       e?.radius,
       e?.widthSegments,
       e?.heightSegments,
@@ -899,11 +930,11 @@ class qt extends U {
     ), this.material = new I(t);
   }
 }
-class ue extends U {
+class ue extends j {
   isTubeMesh = !0;
   type = "TubeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new et(
+    super(), this.geometry = new it(
       e?.path,
       e?.tubularSegments,
       e?.radius,
@@ -912,7 +943,7 @@ class ue extends U {
     ), this.material = new I(t);
   }
 }
-class bs extends Ee {
+class Ms extends Ee {
   isTopology = !0;
   type = "Topology";
   // Visuals
@@ -958,13 +989,13 @@ class bs extends Ee {
    * @param bidirectional If true, adds the reverse edge as well. Default true.
    */
   addEdge(e, t, s, n = !0) {
-    const i = this.nodes.get(e), a = this.nodes.get(t);
-    if (!i || !a) {
+    const i = this.nodes.get(e), r = this.nodes.get(t);
+    if (!i || !r) {
       console.error(`[Topology] Cannot add edge. One or both nodes not found: ${e}, ${t}`);
       return;
     }
-    const c = s ?? i.distanceTo(a);
-    this.getNeighbors(e)?.set(t, c), n && this.getNeighbors(t)?.set(e, c);
+    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.
@@ -982,41 +1013,41 @@ class bs extends Ee {
     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 [r] of this.nodes)
-      s.set(r, 1 / 0), n.set(r, null), i.add(r);
+    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 r = null, h = 1 / 0;
-      for (const u of i) {
-        const f = s.get(u);
-        f < h && (h = f, r = u);
+      let o = null, h = 1 / 0;
+      for (const p of i) {
+        const g = s.get(p);
+        g < h && (h = g, o = p);
       }
-      if (r === null || r === t || h === 1 / 0)
+      if (o === null || o === t || h === 1 / 0)
         break;
-      i.delete(r);
-      const l = this.adjacencyMap?.get(r);
+      i.delete(o);
+      const l = this.adjacencyMap?.get(o);
       if (l)
-        for (const [u, f] of l) {
-          if (!i.has(u)) continue;
-          const p = s.get(r) + f;
-          p < s.get(u) && (s.set(u, p), n.set(u, r));
+        for (const [p, g] of l) {
+          if (!i.has(p)) continue;
+          const u = s.get(o) + g;
+          u < s.get(p) && (s.set(p, u), n.set(p, o));
         }
     }
-    const a = [];
-    let c = t;
+    const r = [];
+    let a = t;
     if (n.get(t) === null && e !== t)
       return [];
-    for (; c !== null; ) {
-      const r = this.nodes.get(c);
-      r && a.unshift(r), c = n.get(c) || null;
+    for (; a !== null; ) {
+      const o = this.nodes.get(a);
+      o && r.unshift(o), a = n.get(a) || null;
     }
-    return a;
+    return r;
   }
   /**
    * Renders the entire topology graph structure using TubeGeometry and Spheres.
    */
   renderGraph() {
-    this.clearGraph(), this.graphGroup = new z();
-    const e = new qt({
+    this.clearGraph(), this.graphGroup = new Q();
+    const e = new Vt({
       geometryParameters: {
         radius: this.parameters.nodeRadius,
         widthSegments: 16,
@@ -1032,13 +1063,13 @@ class bs extends Ee {
     });
     const t = /* @__PURE__ */ new Set();
     this.adjacencyMap.forEach((s, n) => {
-      s.forEach((i, a) => {
-        const c = [n, a].sort().join("-");
-        if (t.has(c)) return;
-        t.add(c);
-        const r = this.nodes.get(n), h = this.nodes.get(a);
-        if (r && h) {
-          const l = new tt(r, h), u = new ue({
+      s.forEach((i, r) => {
+        const a = [n, r].sort().join("-");
+        if (t.has(a)) return;
+        t.add(a);
+        const o = this.nodes.get(n), h = this.nodes.get(r);
+        if (o && h) {
+          const l = new rt(o, h), p = new ue({
             geometryParameters: {
               path: l,
               tubularSegments: 1,
@@ -1050,14 +1081,14 @@ class bs extends Ee {
               color: this.parameters.edgeColor
             }
           });
-          Object.assign(u.userData, { from: n, to: a, weight: i, type: "edge" }), this.graphGroup.add(u);
+          Object.assign(p.userData, { from: n, to: r, weight: i, type: "edge" }), this.graphGroup.add(p);
         }
       });
     }), this.add(this.graphGroup);
   }
   clearGraph() {
     this.graphGroup && (this.remove(this.graphGroup), this.graphGroup.traverse((e) => {
-      e instanceof j && (e.geometry.dispose(), e.material.dispose());
+      e instanceof F && (e.geometry.dispose(), e.material.dispose());
     }), this.graphGroup = null);
   }
   /**
@@ -1065,7 +1096,7 @@ class bs extends Ee {
    */
   renderPath(e, t = this.parameters.pathColor) {
     if (e.length < 2) return;
-    const s = new st(e, !1, "catmullrom", 0), n = new ue({
+    const s = new at(e, !1, "catmullrom", 0), n = new ue({
       geometryParameters: {
         path: s,
         tubularSegments: e.length * 10,
@@ -1091,9 +1122,9 @@ class bs extends Ee {
     });
     const t = [], s = /* @__PURE__ */ new Set();
     return this.adjacencyMap.forEach((n, i) => {
-      n.forEach((a, c) => {
-        const r = [i, c].sort().join("-");
-        s.has(r) || (s.add(r), t.push({ from: i, to: c, weight: a }));
+      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 };
   }
@@ -1103,7 +1134,7 @@ class bs extends Ee {
    */
   importData(e) {
     this.clearGraph(), this.clearPaths(), this.nodes.clear(), this.adjacencyMap.clear(), Object.entries(e.nodes).forEach(([t, s]) => {
-      this.addNode(t, new J(s.x, s.y, s.z));
+      this.addNode(t, new ee(s.x, s.y, s.z));
     }), e.edges.forEach(({ from: t, to: s, weight: n }) => {
       this.addEdge(t, s, n);
     }), this.renderGraph();
@@ -1115,7 +1146,7 @@ class bs extends Ee {
     return this.adjacencyMap.get(e);
   }
 }
-class Ts extends Xt {
+class Es extends Zt {
   isPoi = !0;
   type = "Poi";
   parameters = {
@@ -1126,12 +1157,15 @@ class Ts extends Xt {
     color: "#ffffff",
     iconSize: 64,
     padding: 10,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    backgroundColor: "rgba(0, 0, 0, 0)",
     borderRadius: 8,
-    textPosition: "right"
+    textPosition: "right",
+    scaleFactor: 0.01
   };
+  _canvas = document.createElement("canvas");
+  _lastParametersJSON = "";
   constructor(e = {}) {
-    super(new nt()), Object.assign(this.parameters, e);
+    super(new ot()), Object.assign(this.parameters, e), this.updateAsync();
   }
   /**
    * Update the POI with new parameters
@@ -1139,90 +1173,95 @@ class Ts extends Xt {
    */
   async updateAsync(e = {}) {
     Object.assign(this.parameters, e);
-    const t = document.createElement("canvas"), s = t.getContext("2d");
-    if (!s) return;
-    s.font = `${this.parameters.fontSize}px ${this.parameters.fontFamily}`;
-    let n = null;
-    this.parameters.img && (n = await this._loadImage(this.parameters.img));
-    const { text: i, fontSize: a, color: c, iconSize: r, padding: h, backgroundColor: l, borderRadius: u, textPosition: f } = this.parameters, p = s.measureText(i), g = i ? p.width : 0, w = i ? a : 0;
-    let T = 0, v = 0, b = 0, x = 0, M = 0, E = 0;
-    const S = !!n, m = !!i;
-    if (S && m)
-      switch (f) {
+    const t = JSON.stringify(this.parameters);
+    if (t === this._lastParametersJSON) return;
+    this._lastParametersJSON = t;
+    const s = this._canvas, n = s.getContext("2d");
+    if (!n) return;
+    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: a, color: o, iconSize: h, padding: l, backgroundColor: p, borderRadius: g, textPosition: u, scaleFactor: w } = this.parameters, v = n.measureText(r), x = r ? v.width : 0, b = r ? a : 0;
+    let f = 0, C = 0, O = 0, P = 0, M = 0, m = 0;
+    const y = !!i, B = !!r;
+    if (y && B)
+      switch (u) {
         case "top":
-          T = Math.max(r, g), v = r + h + w, M = (T - g) / 2, E = w / 2, b = (T - r) / 2, x = w + h;
+          f = Math.max(h, x), C = h + l + b, M = (f - x) / 2, m = b / 2, O = (f - h) / 2, P = b + l;
           break;
         case "bottom":
-          T = Math.max(r, g), v = r + h + w, b = (T - r) / 2, x = 0, M = (T - g) / 2, E = r + h + w / 2;
+          f = Math.max(h, x), C = h + l + b, O = (f - h) / 2, P = 0, M = (f - x) / 2, m = h + l + b / 2;
           break;
         case "left":
-          T = r + h + g, v = Math.max(r, w), M = 0, E = v / 2, b = g + h, x = (v - r) / 2;
+          f = h + l + x, C = Math.max(h, b), M = 0, m = C / 2, O = x + l, P = (C - h) / 2;
           break;
         default:
-          T = r + h + g, v = Math.max(r, w), b = 0, x = (v - r) / 2, M = r + h, E = v / 2;
+          f = h + l + x, C = Math.max(h, b), O = 0, P = (C - h) / 2, M = h + l, m = C / 2;
           break;
       }
-    else S ? (T = r, v = r, b = 0, x = 0) : m && (T = g, v = w, M = 0, E = w / 2);
-    const y = T + h * 2, B = v + h * 2;
-    t.width = y, t.height = B, s.font = `${a}px ${this.parameters.fontFamily}`, s.textBaseline = "middle", l && (s.fillStyle = l, this._drawRoundedRect(s, 0, 0, y, B, u), s.fill()), S && s.drawImage(n, b + h, x + h, r, r), m && (s.fillStyle = c, s.fillText(i, M + h, E + h)), this.material.map?.dispose();
-    const _ = new it(t);
-    _.colorSpace = ve, this.material.map = _;
-    const O = 0.01;
-    this.scale.set(y * O, B * O, 1);
+    else y ? (f = h, C = h, O = 0, P = 0) : B && (f = x, C = b, M = 0, m = b / 2);
+    const A = f + l * 2, E = C + l * 2;
+    if (s.width = A, s.height = E, n.font = `${a}px ${this.parameters.fontFamily}`, p && (n.fillStyle = p, this._drawRoundedRect(n, 0, 0, A, E, g), n.fill()), y && n.drawImage(i, O + l, P + l, h, h), B) {
+      n.fillStyle = o;
+      const _ = n.measureText(r), N = _.actualBoundingBoxAscent + _.actualBoundingBoxDescent, Be = _.actualBoundingBoxAscent - N / 2;
+      n.textBaseline = "alphabetic", n.fillText(r, M + l, m + l + Be);
+    }
+    const H = this.material.map, k = new ct(s);
+    k.colorSpace = ve, this.material.map = k, H?.dispose(), this.scale.set(A * w, E * w, 1);
   }
   _loadImage(e) {
     return new Promise((t, s) => {
       if (typeof e == "string") {
         const n = new Image();
-        n.crossOrigin = "Anonymous", n.onload = () => t(n), n.onerror = (i) => s(i), n.src = e;
+        n.crossOrigin = "Anonymous", n.onload = () => t(n), n.onerror = () => s(new Error(`Failed to load image: ${e}`)), n.src = e;
       } else
         t(e);
     });
   }
-  _drawRoundedRect(e, t, s, n, i, a) {
-    e.beginPath(), e.moveTo(t + a, s), e.lineTo(t + n - a, s), e.quadraticCurveTo(t + n, s, t + n, s + a), e.lineTo(t + n, s + i - a), e.quadraticCurveTo(t + n, s + i, t + n - a, s + i), e.lineTo(t + a, s + i), e.quadraticCurveTo(t, s + i, t, s + i - a), e.lineTo(t, s + a), e.quadraticCurveTo(t, s, t + a, s), e.closePath();
+  _drawRoundedRect(e, t, s, n, i, r) {
+    e.beginPath(), e.moveTo(t + r, s), e.lineTo(t + n - r, s), e.quadraticCurveTo(t + n, s, t + n, s + r), e.lineTo(t + n, s + i - r), e.quadraticCurveTo(t + n, s + i, t + n - r, s + i), e.lineTo(t + r, s + i), e.quadraticCurveTo(t, s + i, t, s + i - r), e.lineTo(t, s + r), e.quadraticCurveTo(t, s, t + r, s), e.closePath();
   }
   dispose() {
     this.material.map?.dispose(), this.material.dispose();
   }
 }
-class Oe extends U {
+class Oe extends j {
   isShapeMesh = !0;
   type = "ShapeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new rt(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 I(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
     return new Oe({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new be(e.map((s) => new P(s.x, -s.z)))
+        shape: new be(e.map((s) => new S(s.x, -s.z)))
       }
     });
   }
 }
-class Pe extends U {
+class Pe extends j {
   isExtrudeMesh = !0;
   type = "ExtrudeMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new at(e?.shape, e?.options), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
+    super(), this.geometry = new lt(e?.shape, e?.options), this.material = new I(t), this.geometry.rotateX(-Math.PI / 2);
   }
   static createFromPoints(e, t = {}) {
     return new Pe({
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new be(e.map((s) => new P(s.x, -s.z)))
+        shape: new be(e.map((s) => new S(s.x, -s.z)))
       }
     });
   }
 }
-class Cs extends U {
+class Os extends j {
   isPlaneMesh = !0;
   type = "PlaneMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
-    super(), this.geometry = new ot(
+    super(), this.geometry = new dt(
       e?.width,
       e?.height,
       e?.widthSegments,
@@ -1230,12 +1269,12 @@ class Cs extends U {
     ), this.material = new I(t);
   }
 }
-class xs extends U {
+class Ps extends j {
   isCircleMesh = !0;
   type = "CircleMesh";
   constructor({ geometryParameters: e, materialParameters: t } = {}) {
     super(
-      new ct(
+      new pt(
         e?.radius,
         e?.segments,
         e?.thetaStart,
@@ -1245,21 +1284,21 @@ class xs extends U {
     ), this.geometry.rotateX(-Math.PI / 2);
   }
 }
-class Yt {
+class es {
   static traverseMeshes(e, t) {
     e.traverse((s) => {
-      s instanceof j && t(s);
+      s instanceof F && t(s);
     });
   }
 }
-class Ms {
+class Ss {
   static flow(e = {}) {
-    const { baseColor: t = 16777215, flowColor: s = 65280, speed: n = 1, scale: i = 3, intensity: a = 4 } = e, c = N(new A(t)), r = N(new A(s)), h = ae().x.mul(i).sub(Q.mul(n)), l = K(oe(h).add(1).mul(0.5), a);
-    return X(c, r, l);
+    const { baseColor: t = 16777215, flowColor: s = 65280, speed: n = 1, scale: i = 3, intensity: r = 4 } = e, a = U(new D(t)), o = U(new D(s)), h = ae().x.mul(i).sub(q.mul(n)), l = Y(oe(h).add(1).mul(0.5), r);
+    return J(a, o, l);
   }
   static breathe(e = {}) {
-    const { baseColor: t = 16777215, breathColor: s = 65280, speed: n = 1, intensity: i = 2 } = e, a = N(new A(t)), c = N(new A(s)), r = oe(Q.mul(n)).add(1).mul(0.5), h = K(r, i);
-    return X(a, c, h);
+    const { baseColor: t = 16777215, breathColor: s = 65280, speed: n = 1, intensity: i = 2 } = e, r = U(new D(t)), a = U(new D(s)), o = oe(q.mul(n)).add(1).mul(0.5), h = Y(o, i);
+    return J(r, a, h);
   }
   static fluid(e = {}) {
     const {
@@ -1267,22 +1306,22 @@ class Ms {
       flowColor: s = 255,
       speed: n = 1,
       scale: i = 1,
-      intensity: a = 1,
-      distortion: c = 0.5
-    } = e, r = N(new A(t)), h = N(new A(s)), l = ae().mul(i), u = Q.mul(n), f = ce(l.add(u), 1, 0), p = l.add(f.mul(c)), g = ce(p, 1, 0).add(1).mul(0.5), w = K(g, a);
-    return X(r, h, w);
+      intensity: r = 1,
+      distortion: a = 0.5
+    } = e, o = U(new D(t)), h = U(new D(s)), l = ae().mul(i), p = q.mul(n), g = ce(l.add(p), 1, 0), u = l.add(g.mul(a)), w = ce(u, 1, 0).add(1).mul(0.5), v = Y(w, r);
+    return J(o, h, v);
   }
 }
-function Es(o) {
+function Ls(c) {
 }
-const $ = "uSpaceHighlight", V = `${$}/enabled`, Se = `${$}/opacity`, Le = `${$}/color`, Ie = `${$}/overwrite`, Jt = Te(() => {
-  const o = D(V, "uint"), e = D(Le, "uint"), t = D(Ie, "uint"), s = Vt(e), n = he.mul(s), i = Y(t.greaterThan(0), s, n);
-  return Y(o.greaterThan(0), i, he);
-})(), Zt = Te(() => {
-  const o = D(V, "uint"), e = D(Se, "float");
-  return Y(o.greaterThan(0), e, lt);
+const K = "uSpaceHighlight", se = `${K}/enabled`, Se = `${K}/opacity`, Le = `${K}/color`, Ie = `${K}/overwrite`, ts = Te(() => {
+  const c = G(se, "uint"), e = G(Le, "uint"), t = G(Ie, "uint"), s = ns(e), n = he.mul(s), i = V(t.greaterThan(0), s, n);
+  return V(c.greaterThan(0), i, he);
+})(), ss = Te(() => {
+  const c = G(se, "uint"), e = G(Se, "float");
+  return V(c.greaterThan(0), e, mt);
 })();
-class Os {
+class Is {
   static highlight(e, t = {}) {
     const s = Object.assign(
       {
@@ -1293,18 +1332,18 @@ class Os {
       },
       t
     );
-    s.color = new Z(s.color).getHex(), Yt.traverseMeshes(e, (n) => {
-      n.userData[V] = s.enabled ? 1 : 0, n.userData[Se] = s.opacity, n.userData[Le] = s.color, n.userData[Ie] = s.overwrite ? 1 : 0;
+    s.color = new te(s.color).getHex(), es.traverseMeshes(e, (n) => {
+      n.userData[se] = s.enabled ? 1 : 0, n.userData[Se] = s.opacity, n.userData[Le] = s.color, n.userData[Ie] = s.overwrite ? 1 : 0;
       const i = n.material;
-      i && !Array.isArray(i) && (i.transparent = !0, i.colorNode = Jt, i.opacityNode = Zt, i.needsUpdate = !0);
+      i && !Array.isArray(i) && (i.transparent = !0, i.colorNode = ts, i.opacityNode = ss, i.needsUpdate = !0);
     });
   }
 }
-const Vt = (o) => {
-  const e = o.shiftRight(16).bitAnd(255).toFloat().div(255), t = o.shiftRight(8).bitAnd(255).toFloat().div(255), s = o.bitAnd(255).toFloat().div(255);
-  return dt(e, t, s);
+const ns = (c) => {
+  const e = c.shiftRight(16).bitAnd(255).toFloat().div(255), t = c.shiftRight(8).bitAnd(255).toFloat().div(255), s = c.bitAnd(255).toFloat().div(255);
+  return gt(e, t, s);
 };
-class es extends Tt {
+class is extends Et {
   viewer;
   constructor(e, t) {
     super(t), this.viewer = e;
@@ -1313,7 +1352,7 @@ class es extends Tt {
     this.update(e) && this.viewer.render();
   };
   easingByMode(e) {
-    const t = ts[e];
+    const t = rs[e];
     return super.easing(t);
   }
   start(e, t) {
@@ -1323,21 +1362,21 @@ class es extends Tt {
     return this.viewer.removeEventListener("afterControlsUpdate", this._update), super.stop();
   }
 }
-function Ps(o, e, t, s = {}, n, i) {
-  return new Promise((a, c) => {
-    const { duration: r = 1e3, delay: h = 0, repeat: l = !1, mode: u = "Linear.None", yoyo: f = !1 } = s, p = new es(o, e).to(t, r).easingByMode(u).delay(h).onUpdate((g) => {
-      n?.(g, p);
+function Bs(c, e, t, s = {}, n, i) {
+  return new Promise((r, a) => {
+    const { duration: o = 1e3, delay: h = 0, repeat: l = !1, mode: p = "Linear.None", yoyo: g = !1 } = s, u = new is(c, e).to(t, o).easingByMode(p).delay(h).onUpdate((w) => {
+      n?.(w, u);
     }).onComplete(() => {
-      a();
+      r();
     }).onStop(() => {
-      c("animation stop");
+      a("animation stop");
     }).onStart(() => {
-      i?.(p);
+      i?.(u);
     });
-    typeof l == "number" ? p.repeat(l) : typeof l == "boolean" && l && p.repeat(1 / 0), f && p.repeatDelay(20), p.yoyo(f), p.start();
+    typeof l == "number" ? u.repeat(l) : typeof l == "boolean" && l && u.repeat(1 / 0), g && u.repeatDelay(20), u.yoyo(g), u.start();
   });
 }
-const ts = {
+const rs = {
   "Linear.None": d.Linear.None,
   "Quadratic.In": d.Quadratic.In,
   "Quadratic.Out": d.Quadratic.Out,
@@ -1372,31 +1411,31 @@ const ts = {
 };
 export {
   Ee as BaseGroup,
-  U as BaseMesh,
-  Xt as BaseSprite,
-  Pt as CameraControls,
-  xs as CircleMesh,
+  j as BaseMesh,
+  Zt as BaseSprite,
+  Bt as CameraControls,
+  Ps as CircleMesh,
   Pe as ExtrudeMesh,
-  Ct as InteractionEvent,
-  xt as InteractionManager,
-  Os as MaterialEffects,
-  H as Model,
+  Ot as InteractionEvent,
+  Pt as InteractionManager,
+  Is as MaterialEffects,
+  W as Model,
   R as ModelLoaderManager,
-  Mt as ObjectManager,
-  Yt as ObjectUtils,
-  Cs as PlaneMesh,
-  Ts as Poi,
-  Lt as RoomEnvironment,
-  Kt as SBMLoader,
-  Rt as SBMXLoader,
+  St as ObjectManager,
+  es as ObjectUtils,
+  Os as PlaneMesh,
+  Es as Poi,
+  Rt as RoomEnvironment,
+  Jt as SBMLoader,
+  Ut as SBMXLoader,
   Oe as ShapeMesh,
-  qt as SphereMesh,
-  Ms as TSLEffects,
-  vs as TextureLoaderManager,
-  bs as Topology,
+  Vt as SphereMesh,
+  Ss as TSLEffects,
+  xs as TextureLoaderManager,
+  Ms as Topology,
   ue as TubeMesh,
-  es as Tween,
-  ys as Viewer,
-  Es as reinterpretType,
-  Ps as tweenAnimation
+  is as Tween,
+  Cs as Viewer,
+  Ls as reinterpretType,
+  Bs as tweenAnimation
 };