u-space 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,5 +1,5 @@
-import { Raycaster as Be, Vector2 as S, EventDispatcher as Le, Box2 as tt, Matrix4 as Ie, Vector3 as w, Box3 as X, Scene as Re, Color as M, AmbientLight as st, DirectionalLight as ue, PointLight as me, SpotLight as ge, HemisphereLight as fe, DirectionalLightHelper as nt, PointLightHelper as it, SpotLightHelper as rt, HemisphereLightHelper as ot, RenderPipeline as at, PerspectiveCamera as J, Sphere as ze, Spherical as C, Quaternion as ct, Vector4 as ht, MathUtils as lt, PMREMGenerator as dt, OrthographicCamera as V, TimestampQuery as pt, Cache as ut, Timer as mt, WebGPURenderer as gt, PCFShadowMap as ft, AgXToneMapping as yt, Fog as wt, FogExp2 as vt, MeshStandardNodeMaterial as R, Loader as bt, LoaderUtils as L, FileLoader as Ne, TextureLoader as je, Group as I, SRGBColorSpace as De, RepeatWrapping as ye, BufferGeometry as K, BufferAttribute as we, Mesh as D, FrontSide as xt, BackSide as St, DoubleSide as Ct, REVISION as ve, CubeTextureLoader as Mt, EquirectangularReflectionMapping as _t, Sprite as Tt, AnimationMixer as Et, LoopRepeat as Pt, LoopOnce as Ot, SphereGeometry as At, TubeGeometry as Bt, LineCurve3 as Lt, CatmullRomCurve3 as It, SpriteNodeMaterial as Rt, CanvasTexture as zt, ShapeGeometry as Nt, Shape as ke, ExtrudeGeometry as jt, PlaneGeometry as Dt, CircleGeometry as kt, ClippingGroup as Ut, Plane as Ht, PlaneHelper as Ft, LineBasicMaterial as Z, Line as ee } from "three/webgpu";
-import { pass as de, mrt as Gt, output as $t, add as be, blendColor as Wt, emissive as Kt, normalView as Qt, velocity as Xt, color as H, uv as xe, time as te, pow as se, sin as pe, mix as ne, mx_noise_float as Se, Fn as Ue, userData as B, materialColor as Ce, select as ie, materialOpacity as qt, vec3 as Yt } from "three/tsl";
+import { Raycaster as Be, Vector2 as C, EventDispatcher as Le, Box2 as tt, Matrix4 as Ie, Vector3 as w, Box3 as X, Scene as Re, Color as M, AmbientLight as st, DirectionalLight as ue, PointLight as me, SpotLight as fe, HemisphereLight as ge, DirectionalLightHelper as nt, PointLightHelper as it, SpotLightHelper as rt, HemisphereLightHelper as ot, RenderPipeline as at, PerspectiveCamera as J, Sphere as ze, Spherical as S, Quaternion as ct, Vector4 as ht, MathUtils as lt, PMREMGenerator as dt, OrthographicCamera as V, TimestampQuery as pt, Cache as ut, Timer as mt, WebGPURenderer as ft, PCFShadowMap as gt, AgXToneMapping as yt, Fog as wt, FogExp2 as vt, MeshStandardNodeMaterial as R, Loader as bt, LoaderUtils as L, FileLoader as Ne, TextureLoader as je, Group as I, SRGBColorSpace as De, RepeatWrapping as ye, BufferGeometry as K, BufferAttribute as we, Mesh as D, FrontSide as xt, BackSide as Ct, DoubleSide as St, REVISION as ve, CubeTextureLoader as Mt, EquirectangularReflectionMapping as _t, Sprite as Tt, AnimationMixer as Et, LoopRepeat as Pt, LoopOnce as Ot, SphereGeometry as At, TubeGeometry as Bt, LineCurve3 as Lt, CatmullRomCurve3 as It, SpriteNodeMaterial as Rt, CanvasTexture as zt, ShapeGeometry as Nt, Shape as ke, ExtrudeGeometry as jt, PlaneGeometry as Dt, CircleGeometry as kt, ClippingGroup as Ut, Plane as Ht, PlaneHelper as Ft, LineBasicMaterial as Z, Line as ee } from "three/webgpu";
+import { pass as de, mrt as Gt, output as $t, add as be, blendColor as Wt, emissive as Kt, normalView as Qt, velocity as Xt, color as H, uv as xe, time as te, pow as se, sin as pe, mix as ne, mx_noise_float as Ce, Fn as Ue, userData as B, materialColor as Se, select as ie, materialOpacity as qt, vec3 as Yt } from "three/tsl";
 import { bloom as Jt } from "three/addons/tsl/display/BloomNode.js";
 import { ssgi as Vt } from "three/addons/tsl/display/SSGINode.js";
 import { traa as Zt } from "three/addons/tsl/display/TRAANode.js";
@@ -20,7 +20,7 @@ import { MeshoptDecoder as Me } from "three/addons/libs/meshopt_decoder.module.j
 import { HDRLoader as ps } from "three/addons/loaders/HDRLoader.js";
 import { clone as us } from "three/addons/utils/SkeletonUtils.js";
 import { Easing as m, Tween as ms } from "three/addons/libs/tween.module.js";
-class gs {
+class fs {
   /** 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 fs {
+class gs {
   domElement;
   scene;
   camera;
   raycaster = new Be();
-  pointer = new S();
+  pointer = new C();
   hoveredObject = null;
   pointerDownTime = 0;
-  pointerDownPos = new S();
+  pointerDownPos = new C();
   clickTimer = null;
   longPressThreshold = 500;
   moveThreshold = 0.01;
@@ -143,7 +143,7 @@ class fs {
    * 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 fs({
       type: e,
       target: t,
       intersect: s,
@@ -215,8 +215,8 @@ class vn extends Le {
   // Box selection state
   _boxSelectionEnabled = !1;
   _isSelecting = !1;
-  _startPoint = new S();
-  _endPoint = new S();
+  _startPoint = new C();
+  _endPoint = new C();
   _selectionBox = null;
   _deep = !0;
   /**
@@ -315,21 +315,21 @@ class vn extends Le {
     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 S(
+    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 S(
+    ), i = new C(
       this._endPoint.x / t * 2 - 1,
       -(this._endPoint.y / s) * 2 + 1
     ), r = new tt(
-      new S(Math.min(n.x, i.x), Math.min(n.y, i.y)),
-      new S(Math.max(n.x, i.x), Math.max(n.y, i.y))
+      new C(Math.min(n.x, i.x), Math.min(n.y, i.y)),
+      new C(Math.max(n.x, i.x), Math.max(n.y, i.y))
     ), o = this.targetObjects || this.scene.children, a = [], c = new Ie();
     c.multiplyMatrices(this.camera.projectionMatrix, this.camera.matrixWorldInverse);
     const l = (d) => {
       if (!d.visible) return;
       const p = new w();
-      if (p.setFromMatrixPosition(d.matrixWorld), p.applyMatrix4(c), p.z > -1 && p.z < 1 && r.containsPoint(new S(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);
     };
@@ -622,11 +622,11 @@ class xn {
       position: c = { x: 0, y: 10, z: 0 },
       target: l,
       castShadow: d = !1
-    } = t, p = new ge(s, n, i, r, o, a);
+    } = t, p = new fe(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 fe(s, n, i);
+    const { skyColor: s = 8900331, groundColor: n = 3549447, intensity: i = 0.6 } = t, r = new ge(s, n, i);
     return r.name = e, this._register(e, r), r;
   }
   /**
@@ -677,7 +677,7 @@ class xn {
     const t = this.lights.get(e);
     if (!t) return;
     let s = null;
-    t instanceof ue ? s = new nt(t, 1) : t instanceof me ? s = new it(t, 0.5) : t instanceof ge ? s = new rt(t) : t instanceof fe && (s = new ot(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
+    t instanceof ue ? s = new nt(t, 1) : t instanceof me ? s = new it(t, 0.5) : t instanceof fe ? s = new rt(t) : t instanceof ge && (s = new ot(t, 1)), s && (this.scene.add(s), this.helpers.set(e, s));
   }
   /**
    * Hide (remove) the helper for a light.
@@ -713,13 +713,13 @@ class ws extends at {
   camera;
   scenePass;
   needsUpdateOutputNode;
-  #r;
-  #t;
-  #s = !1;
-  #o = { strength: 1, radius: 0, threshold: 0 };
-  #c = null;
+  #o;
+  #s;
+  #n = !1;
+  #a = { strength: 1, radius: 0, threshold: 0 };
+  #d = null;
   #i = !1;
-  #e = {
+  #t = {
     sliceCount: 1,
     stepCount: 12,
     aoIntensity: 1,
@@ -727,26 +727,30 @@ class ws extends at {
     radius: 12,
     thickness: 1
   };
+  #p = null;
+  #c = !1;
   #h = null;
-  #a = !1;
-  #l = null;
-  #d = null;
+  #u = null;
+  #l;
+  #r;
+  #m = !1;
+  #f = !0;
   constructor(...e) {
     const [t, s, n] = e;
-    super(t), this.scene = s, this.camera = n, this.scenePass = de(s, n), this.needsUpdateOutputNode = !0, this.#r = /* @__PURE__ */ new Set(), this.#t = [], this.#p();
+    super(t), this.scene = s, this.camera = n, this.scenePass = de(s, n), this.needsUpdateOutputNode = !0, this.#o = /* @__PURE__ */ new Set(), this.#s = [], this.#l = /* @__PURE__ */ new Set(), this.#r = /* @__PURE__ */ new Map(), this.#g();
   }
   /** @deprecated Use `scenePass` instead */
   get currentOutputNode() {
     return this.scenePass;
   }
   addOverlayPass(e) {
-    this.#r.add(e), this.needsUpdateOutputNode = !0;
+    this.#o.add(e), this.needsUpdateOutputNode = !0;
   }
   removeOverlayPass(e) {
-    this.#r.delete(e), this.needsUpdateOutputNode = !0;
+    this.#o.delete(e), this.needsUpdateOutputNode = !0;
   }
   setCamera(e) {
-    this.camera = e, this.#n();
+    this.camera = e, this.#e();
   }
   /** @deprecated Use `setOutputComposer` instead */
   setCurrentOutputNode(e) {
@@ -757,96 +761,117 @@ class ws extends at {
     this.setOutputComposer(null);
   }
   setOutputComposer(e) {
-    this.#d = e, this.needsUpdateOutputNode = !0;
+    this.#u = e, this.needsUpdateOutputNode = !0;
+  }
+  addOutputEffect(e) {
+    return this.#l.add(e), this.needsUpdateOutputNode = !0, this;
+  }
+  removeOutputEffect(e) {
+    return this.#l.delete(e), this.needsUpdateOutputNode = !0, this;
+  }
+  addMRTChannel(e, t) {
+    return this.#r.get(e) === t ? this : (this.#r.set(e, t), this.#e(), this);
+  }
+  removeMRTChannel(e) {
+    return this.#r.delete(e) && this.#e(), this;
   }
   enableBloom(e) {
-    e && Object.assign(this.#o, e), this.#s = !0, this.#n();
+    e && Object.assign(this.#a, e), this.#n = !0, this.#e();
   }
   disableBloom() {
-    this.#s = !1, this.#c = null, this.#n();
+    this.#n = !1, this.#d = null, this.#e();
   }
   updateBloom(e) {
-    Object.assign(this.#o, e), this.#s && (this.needsUpdateOutputNode = !0);
+    Object.assign(this.#a, e), this.#n && (this.needsUpdateOutputNode = !0);
   }
   enableSSGI(e) {
-    e && Object.assign(this.#e, e), this.#i = !0, this.#n();
+    e && Object.assign(this.#t, e), this.#i = !0, this.#e();
   }
   disableSSGI() {
-    this.#i = !1, this.#h = null, this.#n();
+    this.#i = !1, this.#p = null, this.#e();
   }
   updateSSGI(e) {
-    if (Object.assign(this.#e, e), this.#h) {
-      const t = this.#h;
+    if (Object.assign(this.#t, e), this.#p) {
+      const t = this.#p;
       e.sliceCount !== void 0 && (t.sliceCount.value = e.sliceCount), e.stepCount !== void 0 && (t.stepCount.value = e.stepCount), e.aoIntensity !== void 0 && (t.aoIntensity.value = e.aoIntensity), e.giIntensity !== void 0 && (t.giIntensity.value = e.giIntensity), e.radius !== void 0 && (t.radius.value = e.radius), e.thickness !== void 0 && (t.thickness.value = e.thickness);
     }
   }
   enableTRAA() {
-    this.#a = !0, this.#n();
+    this.#c = !0, this.#e();
   }
   disableTRAA() {
-    this.#a = !1, this.#l = null, this.#n();
+    this.#c = !1, this.#h = null, this.#e();
   }
-  #n() {
+  #e() {
     const e = this.scenePass;
-    this.scenePass = de(this.scene, this.camera), this.#p(), this.needsUpdateOutputNode = !0, e.dispose();
+    this.scenePass = de(this.scene, this.camera), this.#g(), this.needsUpdateOutputNode = !0, e.dispose();
   }
-  #p() {
-    if (this.#s || this.#i || this.#a) {
+  #g() {
+    if (this.#n || this.#i || this.#c || this.#r.size > 0) {
       const t = { output: $t };
-      this.#s && (t.emissive = Kt), this.#i && (t.normal = Qt), this.#a && (t.velocity = Xt), this.scenePass.setMRT(Gt(t));
+      this.#r.forEach((s, n) => {
+        n !== "output" && (t[n] = s);
+      }), this.#n && (t.emissive = Kt), this.#i && (t.normal = Qt), this.#c && (t.velocity = Xt), this.scenePass.setMRT(Gt(t));
     }
   }
-  #u() {
-    for (const e of this.#t)
+  #y() {
+    for (const e of this.#s)
       e.dispose();
-    this.#t = [];
+    this.#s = [];
   }
-  #m() {
+  #w() {
     let e = this.scenePass.getTextureNode();
     if (this.#i)
       if (!(this.camera instanceof J))
         console.warn("RenderPipeline: SSGI requires a PerspectiveCamera, skipping.");
       else {
         const t = this.scenePass.getTextureNode(), s = this.scenePass.getTextureNode("depth"), n = this.scenePass.getTextureNode("normal"), i = Vt(t, s, n, this.camera);
-        i.sliceCount.value = this.#e.sliceCount, i.stepCount.value = this.#e.stepCount, i.aoIntensity.value = this.#e.aoIntensity, i.giIntensity.value = this.#e.giIntensity, i.radius.value = this.#e.radius, i.thickness.value = this.#e.thickness, this.#h = i, e = be(e, i), this.#t.push(i);
+        i.sliceCount.value = this.#t.sliceCount, i.stepCount.value = this.#t.stepCount, i.aoIntensity.value = this.#t.aoIntensity, i.giIntensity.value = this.#t.giIntensity, i.radius.value = this.#t.radius, i.thickness.value = this.#t.thickness, this.#p = i, e = be(e, i), this.#s.push(i);
       }
-    if (this.#s) {
+    if (this.#n) {
       const t = this.scenePass.getTextureNode("emissive");
-      this.#c = Jt(
+      this.#d = Jt(
         t,
-        this.#o.strength,
-        this.#o.radius,
-        this.#o.threshold
-      ), e = be(e, this.#c), this.#t.push(this.#c);
+        this.#a.strength,
+        this.#a.radius,
+        this.#a.threshold
+      ), e = be(e, this.#d), this.#s.push(this.#d);
     }
     return e;
   }
-  #g() {
-    this.#u();
-    let e;
-    if (this.#d ? e = this.#d(this.scenePass) : this.#s || this.#i ? e = this.#m() : e = this.scenePass, this.#a) {
-      const t = this.scenePass.getTextureNode("depth"), s = this.scenePass.getTextureNode("velocity");
-      this.#l = Zt(e, t, s, this.camera), this.#t.push(this.#l), e = this.#l;
-    }
-    this.#r.size > 0 && this.#r.forEach((t) => {
-      const s = Wt(e, t);
-      this.#t.push(s), e = s;
+  #v(e) {
+    e ? (this.#m || (this.#f = this.outputColorTransform), this.outputColorTransform = !1) : this.#m && (this.outputColorTransform = this.#f), this.#m = e;
+  }
+  #b() {
+    this.#y();
+    let e, t = !1, s = !1;
+    const n = this.#u !== null;
+    if (n ? e = this.#u(this.scenePass) : this.#n || this.#i ? e = this.#w() : e = this.#l.size > 0 ? this.scenePass.getTextureNode() : this.scenePass, n || this.#l.forEach((i) => {
+      t ||= i.includesTemporalAntialias === !0, s ||= i.includesOutputTransform === !0, e = i(this.scenePass, e);
+    }), this.#v(s), this.#c && !t) {
+      const i = this.scenePass.getTextureNode("depth"), r = this.scenePass.getTextureNode("velocity");
+      this.#h = Zt(e, i, r, this.camera), this.#s.push(this.#h), e = this.#h;
+    } else
+      this.#h = null;
+    this.#o.size > 0 && this.#o.forEach((i) => {
+      const r = Wt(e, i);
+      this.#s.push(r), e = r;
     }), this.outputNode = e, this.needsUpdate = !0;
   }
   render() {
-    this.needsUpdateOutputNode && (this.#g(), this.needsUpdateOutputNode = !1), super.render();
+    this.needsUpdateOutputNode && (this.#b(), this.needsUpdateOutputNode = !1), super.render();
   }
   dispose() {
-    this.#u(), this.scenePass.dispose(), super.dispose();
+    this.#y(), this.scenePass.dispose(), super.dispose();
   }
 }
 const vs = {
-  Vector2: S,
+  Vector2: C,
   Vector3: w,
   Vector4: ht,
   Quaternion: ct,
   Matrix4: Ie,
-  Spherical: C,
+  Spherical: S,
   Box3: X,
   Sphere: ze,
   Raycaster: Be
@@ -937,26 +962,26 @@ class bs extends He {
   }
 }
 const _e = {
-  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 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)
 };
 function xs(h, e) {
   const t = h - e;
   return lt.euclideanModulo(t + Math.PI, Math.PI * 2) - Math.PI;
 }
-class Ss {
+class Cs {
   environment = new es();
   renderer;
   pmremGenerator;
@@ -972,7 +997,7 @@ class Ss {
   }
 }
 const Y = 128;
-class Cs extends ts {
+class Ss extends ts {
   viewer;
   overlayPass;
   constructor(e) {
@@ -1071,7 +1096,7 @@ class Es {
   }
 }
 ut.enabled = !0;
-class Sn extends Le {
+class Cn extends Le {
   el;
   renderer;
   scene;
@@ -1088,7 +1113,7 @@ class Sn extends Le {
   frameCount = 1;
   frameloop = "demand";
   constructor({ el: e, rendererOptions: t }) {
-    super(), this.el = e, this.renderer = this._initRenderer(t), this.scene = this.createScene(), this.camera = this.createPerspectiveCamera(), this.info = new Es(this.el, this.renderer), this.controls = new bs(this.camera, this.renderer.domElement), this.renderPipeline = new ws(this.renderer, this.scene, this.camera), this.timer = new mt(), this.roomEnvironment = new Ss(this.renderer), this.interactionManager = new fs(this.renderer.domElement, this.scene, this.camera), this.objectManager = new ys(), this.viewerHelper = new Cs(this), this.cssRenderer = new Ts(this.el), window.addEventListener("resize", this.onWindowResize);
+    super(), this.el = e, this.renderer = this._initRenderer(t), this.scene = this.createScene(), this.camera = this.createPerspectiveCamera(), this.info = new Es(this.el, this.renderer), this.controls = new bs(this.camera, this.renderer.domElement), this.renderPipeline = new ws(this.renderer, this.scene, this.camera), this.timer = new mt(), this.roomEnvironment = new Cs(this.renderer), this.interactionManager = new gs(this.renderer.domElement, this.scene, this.camera), this.objectManager = new ys(), this.viewerHelper = new Ss(this), this.cssRenderer = new Ts(this.el), window.addEventListener("resize", this.onWindowResize);
   }
   onWindowResize = () => {
     const e = this.el.clientWidth, t = this.el.clientHeight;
@@ -1119,14 +1144,14 @@ class Sn extends Le {
     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({
+    const t = new ft({
       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 = ft, t.toneMapping = yt, t.toneMappingExposure = 1, t.info.autoReset = !1, t.setPixelRatio(window.devicePixelRatio), t.setAnimationLoop(this.animate), this.el.appendChild(t.domElement), t;
+    return t.setSize(this.el.clientWidth, this.el.clientHeight), t.shadowMap.enabled = !0, t.shadowMap.type = gt, t.toneMapping = yt, t.toneMappingExposure = 1, t.info.autoReset = !1, t.setPixelRatio(window.devicePixelRatio), t.setAnimationLoop(this.animate), this.el.appendChild(t.domElement), t;
   }
   createScene() {
     const e = new Re();
@@ -1247,8 +1272,8 @@ function Ns(h) {
     const d = e + Te, p = new Uint8Array(h, d), u = new Uint8Array(p.length);
     for (let v = 0; v < p.length; v++)
       u[v] = p[v] ^ c[l], l = (l + 1) % c.length;
-    const g = new Uint8Array(r.length + o.length + u.length);
-    return g.set(r), g.set(o, r.length), g.set(u, r.length + o.length), g.buffer;
+    const f = new Uint8Array(r.length + o.length + u.length);
+    return f.set(r), f.set(o, r.length), f.set(u, r.length + o.length), f.buffer;
   }
 }
 function js(h) {
@@ -1309,11 +1334,11 @@ class Fs {
       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 = xt : u === 1 ? u = St : u === 2 && (u = Ct);
-      const g = e.getUint16(t, this.littleEndian);
+      t += 1, u === 0 ? u = xt : u === 1 ? u = Ct : u === 2 && (u = St);
+      const f = e.getUint16(t, this.littleEndian);
       t += 2;
-      const v = g > 0 ? ks(e, g, t) : "";
-      if (t += g, !this.materials.has(a)) {
+      const v = f > 0 ? ks(e, f, t) : "";
+      if (t += f, !this.materials.has(a)) {
         const x = Us(a, [c, l, d, p, u], Hs(v));
         this.materials.set(a, x), v && this.options.path && this.textureLoader.load(L.resolveURL(v, this.options.path), (y) => {
           y.colorSpace = De, y.wrapS = ye, y.wrapT = ye, y.flipY = !1, y.anisotropy = 16, x.map = y;
@@ -1325,25 +1350,25 @@ class Fs {
       t += 2;
       const c = e.getUint16(t, this.littleEndian).toString();
       t += 2;
-      const l = [], d = [], p = [], u = [], g = e.getUint16(t, this.littleEndian);
-      if (t += 2, g > 0)
-        for (let f = 0; f < g; f++) {
+      const l = [], d = [], p = [], u = [], f = e.getUint16(t, this.littleEndian);
+      if (t += 2, f > 0)
+        for (let g = 0; g < f; g++) {
           const b = new w();
           b.setX(e.getFloat32(t, this.littleEndian)), t += 4, b.setY(e.getFloat32(t, this.littleEndian)), t += 4, b.setZ(e.getFloat32(t, this.littleEndian)), t += 4, l.push(b);
         }
       const v = e.getUint16(t, this.littleEndian);
       if (t += 2, v > 0)
-        for (let f = 0; f < v; f++)
+        for (let g = 0; g < v; g++)
           t += 4, t += 4, t += 4;
       const _ = e.getUint16(t, this.littleEndian);
       if (t += 2, _ > 0)
-        for (let f = 0; f < _; f++) {
-          const b = new S();
+        for (let g = 0; g < _; 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);
       if (t += 2, x > 0)
-        for (let f = 0; f < x; f++) {
+        for (let g = 0; g < x; g++) {
           const b = e.getUint16(t, this.littleEndian);
           t += 2;
           const z = e.getUint16(t, this.littleEndian);
@@ -1354,17 +1379,17 @@ class Fs {
           p.push(P), d.length > 0 && u.push([d[P[0]], d[P[1]], d[P[2]]]);
         }
       const y = [], T = [];
-      for (let f = 0; f < p.length; f++) {
-        const b = p[f], z = l[b[0]], N = l[b[1]], P = l[b[2]];
+      for (let g = 0; g < p.length; g++) {
+        const b = p[g], z = l[b[0]], N = l[b[1]], P = l[b[2]];
         y.push(...z.toArray(), ...N.toArray(), ...P.toArray());
-        let q = new S(), $ = new S(), k = new S();
-        const U = u[f];
+        let q = new C(), $ = new C(), k = new C();
+        const U = u[g];
         U !== void 0 && (q = U[0], $ = U[1], k = U[2]), T.push(...q.toArray(), ...$.toArray(), ...k.toArray());
       }
       const O = new Float32Array(y), A = new Float32Array(T), E = new K();
       if (O.length > 0 && E.setAttribute("position", new we(O, 3)), A.length > 0 && E.setAttribute("uv", new we(A, 2)), E.computeVertexNormals(), this.materials.has(c)) {
-        const f = new D(E, this.materials.get(c));
-        f.name = a, f.castShadow = !0, f.receiveShadow = !0, n.add(f);
+        const g = new D(E, this.materials.get(c));
+        g.name = a, g.castShadow = !0, g.receiveShadow = !0, n.add(g);
       }
     }
     s(n);
@@ -1553,7 +1578,7 @@ class j {
     }
   }
 }
-class Cn {
+class Sn {
   static textureLoader = new je();
   static hdrLoader = new ps();
   static cubeTextureLoader = new Mt();
@@ -1945,33 +1970,33 @@ class _n extends Ws {
     n.font = `${this.parameters.fontSize}px ${this.parameters.fontFamily}`;
     let i = null;
     this.parameters.img && (i = await this._loadImage(this.parameters.img));
-    const { text: r, fontSize: o, color: a, iconSize: c, padding: l, backgroundColor: d, borderRadius: p, textPosition: u, scaleFactor: g } = this.parameters, v = n.measureText(r), _ = r ? v.width : 0, x = r ? o : 0;
-    let y = 0, T = 0, O = 0, A = 0, E = 0, f = 0;
+    const { text: r, fontSize: o, color: a, iconSize: c, padding: l, backgroundColor: d, borderRadius: p, textPosition: u, scaleFactor: f } = this.parameters, v = n.measureText(r), _ = r ? v.width : 0, x = r ? o : 0;
+    let y = 0, T = 0, O = 0, A = 0, E = 0, g = 0;
     const b = !!i, z = !!r;
     if (b && z)
       switch (u) {
         case "top":
-          y = Math.max(c, _), T = c + l + x, E = (y - _) / 2, f = x / 2, O = (y - c) / 2, A = x + l;
+          y = Math.max(c, _), T = c + l + x, E = (y - _) / 2, g = x / 2, O = (y - c) / 2, A = x + l;
           break;
         case "bottom":
-          y = Math.max(c, _), T = c + l + x, O = (y - c) / 2, A = 0, E = (y - _) / 2, f = c + l + x / 2;
+          y = Math.max(c, _), T = c + l + x, O = (y - c) / 2, A = 0, E = (y - _) / 2, g = c + l + x / 2;
           break;
         case "left":
-          y = c + l + _, T = Math.max(c, x), E = 0, f = T / 2, O = _ + l, A = (T - c) / 2;
+          y = c + l + _, T = Math.max(c, x), E = 0, g = T / 2, O = _ + l, A = (T - c) / 2;
           break;
         default:
-          y = c + l + _, T = Math.max(c, x), O = 0, A = (T - c) / 2, E = c + l, f = T / 2;
+          y = c + l + _, T = Math.max(c, x), O = 0, A = (T - c) / 2, E = c + l, g = T / 2;
           break;
       }
-    else b ? (y = c, T = c, O = 0, A = 0) : z && (y = _, T = x, E = 0, f = x / 2);
+    else b ? (y = c, T = c, O = 0, A = 0) : z && (y = _, T = x, E = 0, g = x / 2);
     const N = y + l * 2, P = T + l * 2;
     if (s.width = N, s.height = P, n.font = `${o}px ${this.parameters.fontFamily}`, d && (n.fillStyle = d, this._drawRoundedRect(n, 0, 0, N, P, p), n.fill()), b && n.drawImage(i, O + l, A + l, c, c), z) {
       n.fillStyle = a;
       const k = n.measureText(r), U = k.actualBoundingBoxAscent + k.actualBoundingBoxDescent, et = k.actualBoundingBoxAscent - U / 2;
-      n.textBaseline = "alphabetic", n.fillText(r, E + l, f + l + et);
+      n.textBaseline = "alphabetic", n.fillText(r, E + l, g + l + et);
     }
     const q = this.material.map, $ = new zt(s);
-    $.colorSpace = De, this.material.map = $, q?.dispose(), this.scale.set(N * g, P * g, 1);
+    $.colorSpace = De, this.material.map = $, q?.dispose(), this.scale.set(N * f, P * f, 1);
   }
   _loadImage(e) {
     return new Promise((t, s) => {
@@ -2000,7 +2025,7 @@ class Ke extends G {
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new ke(e.map((s) => new S(s.x, -s.z)))
+        shape: new ke(e.map((s) => new C(s.x, -s.z)))
       }
     });
   }
@@ -2016,7 +2041,7 @@ class Qe extends G {
       ...t,
       geometryParameters: {
         ...t.geometryParameters,
-        shape: new ke(e?.map((s) => new S(s.x, -s.z)))
+        shape: new ke(e?.map((s) => new C(s.x, -s.z)))
       }
     });
   }
@@ -2072,15 +2097,15 @@ class Pn {
       scale: i = 1,
       intensity: r = 1,
       distortion: o = 0.5
-    } = e, a = H(new M(t)), c = H(new M(s)), l = xe().mul(i), d = te.mul(n), p = Se(l.add(d), 1, 0), u = l.add(p.mul(o)), g = Se(u, 1, 0).add(1).mul(0.5), v = se(g, r);
+    } = e, a = H(new M(t)), c = H(new M(s)), l = xe().mul(i), d = te.mul(n), p = Ce(l.add(d), 1, 0), u = l.add(p.mul(o)), f = Ce(u, 1, 0).add(1).mul(0.5), v = se(f, r);
     return ne(a, c, v);
   }
 }
 function On(h) {
 }
 const he = "uSpaceHighlight", Q = `${he}/enabled`, Xe = `${he}/opacity`, qe = `${he}/color`, Ye = `${he}/overwrite`, le = "uSpaceBreathe", ae = `${le}/enabled`, Je = `${le}/color`, Ve = `${le}/speed`, Ze = `${le}/intensity`, ce = /* @__PURE__ */ new WeakMap(), Qs = Ue(() => {
-  const h = B(Q, "uint"), e = B(qe, "uint"), t = B(Ye, "uint"), s = Ae(e), n = Ce.mul(s), i = ie(t.greaterThan(0), s, n), r = ie(h.greaterThan(0), i, Ce), o = B(ae, "uint"), a = B(Je, "uint"), c = B(Ve, "float"), l = B(Ze, "float"), d = Ae(a), p = pe(te.mul(c)).add(1).mul(0.5), u = se(p, l), g = ne(r, d, u);
-  return ie(o.greaterThan(0), g, r);
+  const h = B(Q, "uint"), e = B(qe, "uint"), t = B(Ye, "uint"), s = Ae(e), n = Se.mul(s), i = ie(t.greaterThan(0), s, n), r = ie(h.greaterThan(0), i, Se), o = B(ae, "uint"), a = B(Je, "uint"), c = B(Ve, "float"), l = B(Ze, "float"), d = Ae(a), p = pe(te.mul(c)).add(1).mul(0.5), u = se(p, l), f = ne(r, d, u);
+  return ie(o.greaterThan(0), f, r);
 })(), Xs = Ue(() => {
   const h = B(Q, "uint"), e = B(Xe, "float");
   return ie(h.greaterThan(0), e, qt);
@@ -2194,14 +2219,14 @@ class oe {
           cancelAnimationFrame(c), o();
           return;
         }
-        for (const { material: g, targetOpacity: v } of r)
-          g.opacity = t + (v - t) * p, g.needsUpdate = !0;
+        for (const { material: f, targetOpacity: v } of r)
+          f.opacity = t + (v - t) * p, f.needsUpdate = !0;
         if (p < 1)
           c = requestAnimationFrame(l);
         else {
           if (s >= 1)
-            for (const { material: g } of r)
-              g.transparent = !1;
+            for (const { material: f } of r)
+              f.transparent = !1;
           o();
         }
       };
@@ -2234,8 +2259,8 @@ class qs extends ms {
 }
 function An(h, e, t, s = {}, n, i) {
   return new Promise((r, o) => {
-    const { duration: a = 1e3, delay: c = 0, repeat: l = !1, mode: d = "Linear.None", yoyo: p = !1 } = s, u = new qs(h, e).to(t, a).easingByMode(d).delay(c).onUpdate((g) => {
-      n?.(g, u);
+    const { duration: a = 1e3, delay: c = 0, repeat: l = !1, mode: d = "Linear.None", yoyo: p = !1 } = s, u = new qs(h, e).to(t, a).easingByMode(d).delay(c).onUpdate((f) => {
+      n?.(f, u);
     }).onComplete(() => {
       r();
     }).onStop(() => {
@@ -2471,17 +2496,17 @@ class Ln {
    * Measure the angle between three points (vertex at the middle point).
    */
   measureAngle(e, t, s, n = {}) {
-    const { lineColor: i = 16746496 } = n, r = new w(e.x, e.y, e.z), o = new w(t.x, t.y, t.z), a = new w(s.x, s.y, s.z), c = r.clone().sub(o).normalize(), l = a.clone().sub(o).normalize(), p = Math.acos(Math.max(-1, Math.min(1, c.dot(l)))) * 180 / Math.PI, u = `measure_angle_${this._idCounter++}`, g = new I();
-    g.name = u;
+    const { lineColor: i = 16746496 } = n, r = new w(e.x, e.y, e.z), o = new w(t.x, t.y, t.z), a = new w(s.x, s.y, s.z), c = r.clone().sub(o).normalize(), l = a.clone().sub(o).normalize(), p = Math.acos(Math.max(-1, Math.min(1, c.dot(l)))) * 180 / Math.PI, u = `measure_angle_${this._idCounter++}`, f = new I();
+    f.name = u;
     const v = new K().setFromPoints([r, o, a]), _ = new Z({ color: i }), x = new ee(v, _);
-    g.add(x), this.scene.add(g);
+    f.add(x), this.scene.add(f);
     const y = {
       id: u,
       type: "angle",
       value: p,
       unit: "°",
       points: [r, o, a],
-      object: g
+      object: f
     };
     return this.measurements.set(u, y), y;
   }
@@ -2685,7 +2710,7 @@ class In {
     this.removeAll();
   }
 }
-const Js = "0.0.16";
+const Js = "0.0.18";
 window.__USPACE__ = { version: Js };
 export {
   In as AnnotationManager,
@@ -2700,8 +2725,8 @@ export {
   En as CircleMesh,
   Bn as ClippingTool,
   Qe as ExtrudeMesh,
-  gs as InteractionEvent,
-  fs as InteractionManager,
+  fs as InteractionEvent,
+  gs as InteractionManager,
   xn as LightManager,
   oe as MaterialEffects,
   Ln as MeasureTool,
@@ -2712,7 +2737,7 @@ export {
   Tn as PlaneMesh,
   _n as Poi,
   ws as RenderPipeline,
-  Ss as RoomEnvironment,
+  Cs as RoomEnvironment,
   Gs as SBMLoader,
   Ps as SBMXLoader,
   bn as SceneManager,
@@ -2720,11 +2745,11 @@ export {
   Ke as ShapeMesh,
   Ks as SphereMesh,
   Pn as TSLEffects,
-  Cn as TextureLoaderManager,
+  Sn as TextureLoaderManager,
   Mn as Topology,
   Ee as TubeMesh,
   qs as Tween,
-  Sn as Viewer,
+  Cn as Viewer,
   On as reinterpretType,
   An as tweenAnimation,
   Js as version