u-space 0.0.3 → 0.0.7

package/dist/index.cjs

@@ -1,2074 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webgpu = require("three/webgpu");
-const tsl = require("three/tsl");
-const CameraControlsBase = require("camera-controls");
-const RoomEnvironment_js = require("three/addons/environments/RoomEnvironment.js");
-const ViewHelper_js = require("three/addons/helpers/ViewHelper.js");
-const GLTFLoader_js = require("three/addons/loaders/GLTFLoader.js");
-const FBXLoader_js = require("three/addons/loaders/FBXLoader.js");
-const OBJLoader_js = require("three/addons/loaders/OBJLoader.js");
-const STLLoader_js = require("three/addons/loaders/STLLoader.js");
-const DRACOLoader_js = require("three/addons/loaders/DRACOLoader.js");
-const KTX2Loader_js = require("three/addons/loaders/KTX2Loader.js");
-const meshopt_decoder_module_js = require("three/addons/libs/meshopt_decoder.module.js");
-const HDRLoader_js = require("three/addons/loaders/HDRLoader.js");
-const SkeletonUtils_js = require("three/addons/utils/SkeletonUtils.js");
-const three = require("three");
-const tween_module_js = require("three/addons/libs/tween.module.js");
-class InteractionEvent {
-  /** The type of event (e.g., 'click', 'pointerdown'). */
-  type;
-  /** The original 3D object that triggered the event. */
-  target;
-  /** The current 3D object during the bubbling phase. */
-  currentTarget;
-  /** The intersection data from raycasting, or null if not applicable. */
-  intersect;
-  /** The original DOM event, or undefined if not applicable. */
-  originalEvent;
-  _propagationStopped = false;
-  constructor(init) {
-    this.type = init.type;
-    this.target = init.target;
-    this.currentTarget = init.target;
-    this.intersect = init.intersect;
-    this.originalEvent = init.originalEvent;
-  }
-  /**
-   * Stops the event from bubbling up the parent chain.
-   */
-  stopPropagation() {
-    this._propagationStopped = true;
-  }
-  /**
-   * Returns true if `stopPropagation()` has been called.
-   */
-  get propagationStopped() {
-    return this._propagationStopped;
-  }
-}
-class InteractionManager {
-  domElement;
-  scene;
-  camera;
-  raycaster = new webgpu.Raycaster();
-  pointer = new webgpu.Vector2();
-  hoveredObject = null;
-  pointerDownTime = 0;
-  pointerDownPos = new webgpu.Vector2();
-  clickTimer = null;
-  longPressThreshold = 500;
-  moveThreshold = 0.01;
-  /**
-   * The objects to check for intersections. default to all children of the scene (including nested).
-   */
-  targetObjects;
-  /**
-   * Whether to enable pointer move events (pointermove, pointerenter, pointerleave).
-   * Disabled by default for performance optimization.
-   */
-  pointerMoveEventsEnabled = false;
-  constructor(domElement, scene, camera) {
-    this.domElement = domElement;
-    this.scene = scene;
-    this.camera = camera;
-    this.raycaster.params.Points.threshold = 0.1;
-    this.raycaster.params.Line.threshold = 0.1;
-    this.targetObjects = this.scene.children;
-    this._bindEvents();
-  }
-  /**
-   * Updates the camera reference (useful when switching cameras).
-   */
-  setCamera(camera) {
-    this.camera = camera;
-  }
-  _bindEvents() {
-    this.domElement.addEventListener("click", this._onClick);
-    this.domElement.addEventListener("dblclick", this._onDblClick);
-    this.domElement.addEventListener("contextmenu", this._onContextMenu);
-    this.domElement.addEventListener("pointerdown", this._onPointerDown);
-    this.domElement.addEventListener("pointerup", this._onPointerUp);
-    this.domElement.addEventListener("pointermove", this._onPointerMove);
-  }
-  _updatePointer(event) {
-    const rect = this.domElement.getBoundingClientRect();
-    this.pointer.x = (event.clientX - rect.left) / rect.width * 2 - 1;
-    this.pointer.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
-  }
-  _getIntersects() {
-    this.raycaster.setFromCamera(this.pointer, this.camera);
-    return this.raycaster.intersectObjects(this.targetObjects, true);
-  }
-  /**
-   * Dispatches an event to the target object and bubbles up the parent chain.
-   */
-  _dispatchToTarget(type, target, intersect, originalEvent) {
-    const event3d = new InteractionEvent({
-      type,
-      target,
-      intersect,
-      originalEvent
-    });
-    let current = target;
-    while (current && !event3d.propagationStopped) {
-      event3d.currentTarget = current;
-      current.dispatchEvent({ type, event: event3d });
-      current = current.parent;
-    }
-  }
-  /**
-   * Handles a DOM event by raycasting and dispatching to the first intersected object.
-   */
-  _handleEvent(type, originalEvent) {
-    this._updatePointer(originalEvent);
-    const intersects = this._getIntersects();
-    if (intersects.length === 0) return;
-    const hit = intersects[0];
-    this._dispatchToTarget(type, hit.object, hit, originalEvent);
-  }
-  _onClick = (e) => {
-    const duration = Date.now() - this.pointerDownTime;
-    const moveDistance = this.pointer.distanceTo(this.pointerDownPos);
-    if (duration > this.longPressThreshold || moveDistance > this.moveThreshold) {
-      return;
-    }
-    if (this.clickTimer) {
-      clearTimeout(this.clickTimer);
-      this.clickTimer = null;
-      return;
-    }
-    this.clickTimer = setTimeout(() => {
-      this._handleEvent("click", e);
-      this.clickTimer = null;
-    }, 200);
-  };
-  _onDblClick = (e) => {
-    if (this.clickTimer) {
-      clearTimeout(this.clickTimer);
-      this.clickTimer = null;
-    }
-    this._handleEvent("dblclick", e);
-  };
-  _onContextMenu = (e) => {
-    e.preventDefault();
-  };
-  _onPointerDown = (e) => {
-    this.pointerDownTime = Date.now();
-    this._updatePointer(e);
-    this.pointerDownPos.copy(this.pointer);
-    this._handleEvent("pointerdown", e);
-  };
-  _onPointerUp = (e) => {
-    this._updatePointer(e);
-    if (e.button === 2) {
-      const duration = Date.now() - this.pointerDownTime;
-      const moveDistance = this.pointer.distanceTo(this.pointerDownPos);
-      if (duration <= this.longPressThreshold && moveDistance <= this.moveThreshold) {
-        this._handleEvent("rightclick", e);
-      }
-    }
-    this._handleEvent("pointerup", e);
-  };
-  _onPointerMove = (e) => {
-    if (!this.pointerMoveEventsEnabled) return;
-    this._updatePointer(e);
-    const intersects = this._getIntersects();
-    const hitObject = intersects.length > 0 ? intersects[0].object : null;
-    const intersect = intersects.length > 0 ? intersects[0] : null;
-    if (this.hoveredObject !== hitObject) {
-      if (this.hoveredObject) {
-        this._dispatchToTarget("pointerleave", this.hoveredObject, null, e);
-      }
-      this.hoveredObject = hitObject;
-      if (hitObject && intersect) {
-        this._dispatchToTarget("pointerenter", hitObject, intersect, e);
-      }
-    }
-    if (hitObject && intersect) {
-      this._dispatchToTarget("pointermove", hitObject, intersect, e);
-    }
-  };
-  /**
-   * Cleans up event listeners.
-   */
-  dispose() {
-    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 ObjectManager {
-  idMap = /* @__PURE__ */ new Map();
-  nameMap = /* @__PURE__ */ new Map();
-  typeMap = /* @__PURE__ */ new Map();
-  objectIds = /* @__PURE__ */ new Map();
-  allObjects = /* @__PURE__ */ new Set();
-  /**
-   * Add an object with a custom id.
-   * One object can have multiple ids.
-   */
-  add(id, object) {
-    if (this.idMap.has(id)) {
-      console.warn(`ObjectManager: Object with id ${id} already exists.`);
-      return;
-    }
-    this.idMap.set(id, object);
-    this.allObjects.add(object);
-    if (!this.objectIds.has(object)) {
-      this.objectIds.set(object, /* @__PURE__ */ new Set());
-    }
-    this.objectIds.get(object).add(id);
-    if (object.name) {
-      if (!this.nameMap.has(object.name)) {
-        this.nameMap.set(object.name, /* @__PURE__ */ new Set());
-      }
-      this.nameMap.get(object.name).add(object);
-    }
-    if (object.type) {
-      if (!this.typeMap.has(object.type)) {
-        this.typeMap.set(object.type, /* @__PURE__ */ new Set());
-      }
-      this.typeMap.get(object.type).add(object);
-    }
-  }
-  /**
-   * Get an object by its custom id.
-   */
-  getById(id) {
-    return this.idMap.get(id);
-  }
-  /**
-   * Get all objects with a given name.
-   */
-  getByName(name) {
-    return this.nameMap.get(name) || /* @__PURE__ */ new Set();
-  }
-  /**
-   * Get all objects with a given type.
-   */
-  getByType(type) {
-    return this.typeMap.get(type) || /* @__PURE__ */ new Set();
-  }
-  /**
-   * Get all ids associated with an object.
-   */
-  getObjectIds(object) {
-    return this.objectIds.get(object) || /* @__PURE__ */ new Set();
-  }
-  /**
-   * Remove an object and all its associated ids.
-   */
-  remove(object) {
-    const ids = this.objectIds.get(object);
-    if (ids) {
-      for (const id of ids) {
-        this.idMap.delete(id);
-      }
-      this.objectIds.delete(object);
-    }
-    if (object.name && this.nameMap.has(object.name)) {
-      const set = this.nameMap.get(object.name);
-      set.delete(object);
-      if (set.size === 0) {
-        this.nameMap.delete(object.name);
-      }
-    }
-    if (object.type && this.typeMap.has(object.type)) {
-      const set = this.typeMap.get(object.type);
-      set.delete(object);
-      if (set.size === 0) {
-        this.typeMap.delete(object.type);
-      }
-    }
-    this.allObjects.delete(object);
-  }
-  /**
-   * Remove an object by its id.
-   */
-  removeById(id) {
-    const object = this.idMap.get(id);
-    if (object) {
-      this.remove(object);
-    }
-  }
-  /**
-   * Remove all objects with a given name.
-   */
-  removeByName(name) {
-    const objects = this.getByName(name);
-    for (const object of objects) {
-      this.remove(object);
-    }
-  }
-  /**
-   * Remove all objects with a given type.
-   */
-  removeByType(type) {
-    const objects = this.getByType(type);
-    for (const object of objects) {
-      this.remove(object);
-    }
-  }
-  /**
-   * Clear all cached objects.
-   */
-  clear() {
-    this.idMap.clear();
-    this.nameMap.clear();
-    this.typeMap.clear();
-    this.objectIds.clear();
-    this.allObjects.clear();
-  }
-  /**
-   * Get all cached objects as a Set.
-   */
-  getAll() {
-    return this.allObjects;
-  }
-  /**
-   * Get the number of unique cached objects.
-   */
-  get size() {
-    return this.allObjects.size;
-  }
-}
-class RenderPipeline extends webgpu.RenderPipeline {
-  scene;
-  camera;
-  currentOutputNode;
-  needsUpdateOutputNode;
-  #overlayPasses;
-  constructor(...args) {
-    const [renderer, scene, camera] = args;
-    super(renderer);
-    this.scene = scene;
-    this.camera = camera;
-    this.currentOutputNode = tsl.pass(scene, camera);
-    this.needsUpdateOutputNode = true;
-    this.#overlayPasses = /* @__PURE__ */ new Set();
-  }
-  addOverlayPass(pass2) {
-    this.#overlayPasses.add(pass2);
-    this.needsUpdateOutputNode = true;
-  }
-  removeOverlayPass(pass2) {
-    this.#overlayPasses.delete(pass2);
-    this.needsUpdateOutputNode = true;
-  }
-  setCamera(camera) {
-    this.camera = camera;
-    this.needsUpdateOutputNode = true;
-  }
-  setCurrentOutputNode(node) {
-    this.currentOutputNode.dispose();
-    this.currentOutputNode = node;
-    this.needsUpdateOutputNode = true;
-  }
-  resetCurrentOutputNode() {
-    this.currentOutputNode.dispose();
-    this.currentOutputNode = tsl.pass(this.scene, this.camera);
-    this.needsUpdateOutputNode = true;
-  }
-  #updateOutputNode() {
-    let currentNode = this.currentOutputNode;
-    if (this.#overlayPasses.size > 0) {
-      this.#overlayPasses.forEach((overlayPass) => {
-        currentNode = tsl.blendColor(currentNode, overlayPass);
-      });
-    }
-    this.outputNode = currentNode;
-    this.needsUpdate = true;
-  }
-  render() {
-    if (this.needsUpdateOutputNode) {
-      this.#updateOutputNode();
-      this.needsUpdateOutputNode = false;
-    }
-    super.render();
-  }
-}
-const subsetOfTHREE = {
-  Vector2: webgpu.Vector2,
-  Vector3: webgpu.Vector3,
-  Vector4: webgpu.Vector4,
-  Quaternion: webgpu.Quaternion,
-  Matrix4: webgpu.Matrix4,
-  Spherical: webgpu.Spherical,
-  Box3: webgpu.Box3,
-  Sphere: webgpu.Sphere,
-  Raycaster: webgpu.Raycaster
-};
-CameraControlsBase.install({ THREE: subsetOfTHREE });
-class CameraControls extends CameraControlsBase {
-  constructor(...args) {
-    super(...args);
-    this.minDistance = 0.2;
-    this.smoothTime = 0.2;
-    this.dollySpeed = 0.2;
-  }
-  /**
-   * Set absolute angle for azimuth to avoid spinning
-   */
-  absoluteRotations() {
-    this.azimuthAngle = absoluteAngle(this.azimuthAngle, 0);
-  }
-  async flyToBox(box, options = {}) {
-    if (box.isEmpty()) {
-      console.warn("CameraControls.flyToBox: The provided Box3 is empty.");
-      return false;
-    }
-    this.absoluteRotations();
-    const { viewpoint = "frontTop", enableTransition = true, padding = 0.1, cover = false } = options;
-    const promises = [];
-    if (viewpoint !== "current") {
-      const spherical = viewpointsSpherical[viewpoint.toUpperCase()] ?? viewpointsSpherical.FRONTTOP;
-      const azimuthAngle = spherical.theta, polarAngle = spherical.phi;
-      promises.push(
-        this.fitToBox(box, enableTransition, {
-          paddingLeft: padding,
-          paddingRight: padding,
-          paddingTop: padding,
-          paddingBottom: padding,
-          cover
-        })
-      );
-      promises.push(this.rotateTo(azimuthAngle, polarAngle, enableTransition));
-    } else {
-      const sphere = new webgpu.Sphere();
-      box.getBoundingSphere(sphere);
-      sphere.radius += padding;
-      promises.push(this.fitToSphere(sphere, enableTransition));
-    }
-    await Promise.all(promises);
-    return true;
-  }
-  async flyToObject(object, options = {}) {
-    const box = new webgpu.Box3().setFromObject(object);
-    return this.flyToBox(box, options);
-  }
-}
-const viewpointsSpherical = {
-  LEFT: new webgpu.Spherical(0, Math.PI / 2, -Math.PI / 2),
-  RIGHT: new webgpu.Spherical(0, Math.PI / 2, Math.PI / 2),
-  FRONT: new webgpu.Spherical(0, Math.PI / 2, 0),
-  BACK: new webgpu.Spherical(0, Math.PI / 2, Math.PI),
-  TOP: new webgpu.Spherical(0, 0, 0),
-  BOTTOM: new webgpu.Spherical(0, Math.PI, 0),
-  FRONTTOP: new webgpu.Spherical(0, Math.PI / 4, 0),
-  BACKTOP: new webgpu.Spherical(0, Math.PI / 4, Math.PI),
-  LEFTTOP: new webgpu.Spherical(0, Math.PI / 4, -Math.PI / 2),
-  RIGHTTOP: new webgpu.Spherical(0, Math.PI / 4, Math.PI / 2),
-  LEFTFRONTTOP: new webgpu.Spherical(0, Math.PI / 4, -Math.PI / 4),
-  RIGHTFRONTTOP: new webgpu.Spherical(0, Math.PI / 4, Math.PI / 4),
-  LEFTBACKTOP: new webgpu.Spherical(0, Math.PI / 4, -Math.PI / 4 * 3),
-  RIGHTBACKTOP: new webgpu.Spherical(0, Math.PI / 4, Math.PI / 4 * 3)
-};
-function absoluteAngle(targetAngle, sourceAngle) {
-  const angle = targetAngle - sourceAngle;
-  return webgpu.MathUtils.euclideanModulo(angle + Math.PI, Math.PI * 2) - Math.PI;
-}
-class RoomEnvironment {
-  environment = new RoomEnvironment_js.RoomEnvironment();
-  renderer;
-  pmremGenerator;
-  envMap = null;
-  constructor(renderer) {
-    this.renderer = renderer;
-    this.pmremGenerator = new webgpu.PMREMGenerator(renderer);
-  }
-  update() {
-    if (!this.envMap) {
-      this.envMap = this.pmremGenerator.fromScene(this.environment).texture;
-    }
-  }
-  dispose() {
-    this.pmremGenerator.dispose();
-    this.envMap?.dispose();
-  }
-}
-const dim = 128;
-class ViewerHelper extends ViewHelper_js.ViewHelper {
-  viewer;
-  overlayPass;
-  constructor(viewer) {
-    super(viewer.camera, viewer.el);
-    this.viewer = viewer;
-    const orthoCamera = new webgpu.OrthographicCamera(-2, 2, 2, -2, 0, 4);
-    orthoCamera.position.set(0, 0, 2);
-    this.overlayPass = tsl.pass(this, orthoCamera);
-    this.setLabels("x", "y", "z");
-  }
-  _update = () => {
-    this.quaternion.copy(this.viewer.camera.quaternion).invert();
-    const location = this.location;
-    let x, y;
-    if (location.left !== null) {
-      x = location.left;
-    } else {
-      x = this.viewer.el.offsetWidth - dim - location.right;
-    }
-    if (location.top !== null) {
-      y = location.top;
-    } else {
-      y = this.viewer.el.offsetHeight - dim - location.bottom;
-    }
-    this.overlayPass.setViewport(x, y, dim, dim);
-  };
-  enable() {
-    this.viewer.renderPipeline.addOverlayPass(this.overlayPass);
-    this.viewer.addEventListener("beforeRender", this._update);
-    this.viewer.render();
-    return this;
-  }
-  disable() {
-    this.viewer.renderPipeline.removeOverlayPass(this.overlayPass);
-    this.viewer.removeEventListener("beforeRender", this._update);
-    this.viewer.render();
-    return this;
-  }
-}
-class Info {
-  el;
-  renderer;
-  container;
-  drawCallsText;
-  frameCallsText;
-  trianglesText;
-  pointsText;
-  linesText;
-  timestampText;
-  _enabled = false;
-  constructor(el, renderer) {
-    this.el = el;
-    this.renderer = renderer;
-    const container = document.createElement("div");
-    container.style.position = "absolute";
-    container.style.left = "12px";
-    container.style.bottom = "12px";
-    container.style.fontSize = "12px";
-    container.style.color = "#fff";
-    container.style.pointerEvents = "none";
-    this.container = container;
-    function createTextEl(text, isMarginLeft = true) {
-      const el2 = document.createElement("span");
-      if (isMarginLeft) el2.style.marginLeft = "6px";
-      el2.innerText = text;
-      return el2;
-    }
-    function createBr() {
-      return document.createElement("br");
-    }
-    this.drawCallsText = createTextEl("0");
-    this.frameCallsText = createTextEl("0");
-    this.trianglesText = createTextEl("0");
-    this.linesText = createTextEl("0");
-    this.pointsText = createTextEl("0");
-    this.timestampText = createTextEl("0");
-    this.container.appendChild(createTextEl("draw calls", false));
-    this.container.appendChild(this.drawCallsText);
-    this.container.appendChild(createBr());
-    this.container.appendChild(createTextEl("frame calls", false));
-    this.container.appendChild(this.frameCallsText);
-    this.container.appendChild(createBr());
-    this.container.appendChild(createTextEl("triangles", false));
-    this.container.appendChild(this.trianglesText);
-    this.container.appendChild(createBr());
-    this.container.appendChild(createTextEl("points", false));
-    this.container.appendChild(this.pointsText);
-    this.container.appendChild(createBr());
-    this.container.appendChild(createTextEl("lines", false));
-    this.container.appendChild(this.linesText);
-    this.container.appendChild(createBr());
-    this.container.appendChild(createTextEl("timestamp", false));
-    this.container.appendChild(this.timestampText);
-    this.container.appendChild(createBr());
-  }
-  update() {
-    if (this._enabled) {
-      const { render } = this.renderer.info;
-      this.drawCallsText.innerText = render.drawCalls.toString();
-      this.frameCallsText.innerText = render.frameCalls.toString();
-      this.trianglesText.innerText = render.triangles.toString();
-      this.pointsText.innerText = render.points.toString();
-      this.linesText.innerText = render.lines.toString();
-      this.renderer.resolveTimestampsAsync(webgpu.TimestampQuery.RENDER).then((timestamps) => {
-        this.timestampText.innerText = timestamps?.toFixed(2) ?? "0";
-      });
-    }
-  }
-  enable() {
-    this._enabled = true;
-    this.el.appendChild(this.container);
-  }
-  disable() {
-    this._enabled = false;
-    this.container.remove();
-  }
-  dispose() {
-    this.disable();
-  }
-}
-webgpu.Cache.enabled = true;
-class Viewer extends webgpu.EventDispatcher {
-  el;
-  renderer;
-  scene;
-  camera;
-  info;
-  controls;
-  renderPipeline;
-  timer;
-  roomEnvironment;
-  interactionManager;
-  objectManager;
-  viewerHelper;
-  frameCount = 1;
-  frameloop = "demand";
-  constructor({ el, rendererOptions }) {
-    super();
-    this.el = el;
-    this.renderer = this._initRenderer(rendererOptions);
-    this.scene = this.createScene();
-    this.camera = this.createPerspectiveCamera();
-    this.info = new Info(this.el, this.renderer);
-    this.controls = new CameraControls(this.camera, this.renderer.domElement);
-    this.renderPipeline = new RenderPipeline(this.renderer, this.scene, this.camera);
-    this.timer = new webgpu.Timer();
-    this.roomEnvironment = new RoomEnvironment(this.renderer);
-    this.interactionManager = new InteractionManager(this.renderer.domElement, this.scene, this.camera);
-    this.objectManager = new ObjectManager();
-    this.viewerHelper = new ViewerHelper(this);
-    window.addEventListener("resize", this.onWindowResize);
-  }
-  onWindowResize = () => {
-    const width = this.el.clientWidth;
-    const height = this.el.clientHeight;
-    if (this.camera instanceof webgpu.PerspectiveCamera) {
-      this.camera.aspect = width / height;
-      this.camera.updateProjectionMatrix();
-    } else if (this.camera instanceof webgpu.OrthographicCamera) {
-      this.camera.left = -width / 2;
-      this.camera.right = width / 2;
-      this.camera.top = height / 2;
-      this.camera.bottom = -height / 2;
-      this.camera.updateProjectionMatrix();
-    }
-    this.renderer.setSize(width, height);
-    this.render();
-  };
-  async init() {
-    await this.renderer.init();
-    this.roomEnvironment.update();
-    this.scene.environment = this.roomEnvironment.envMap;
-  }
-  setCamera(camera) {
-    this.camera = camera;
-    this.controls.camera = camera;
-    this.interactionManager.setCamera(camera);
-    this.renderPipeline.setCamera(camera);
-    this.onWindowResize();
-    this.dispatchEvent({ type: "cameraChange", camera });
-  }
-  setCameraByType(type) {
-    if (type === "perspective" && !(this.camera instanceof webgpu.PerspectiveCamera)) {
-      this.setCamera(this.createPerspectiveCamera());
-    } else if (type === "orthographic" && !(this.camera instanceof webgpu.OrthographicCamera)) {
-      this.setCamera(this.createOrthographicCamera());
-    }
-  }
-  render(frame = 1) {
-    this.frameCount += frame;
-    return new Promise((resolve) => {
-      const fn = () => {
-        this.removeEventListener("afterRender", fn);
-        resolve();
-      };
-      this.addEventListener("afterRender", fn);
-    });
-  }
-  animate = (time) => {
-    this.timer.update(time);
-    this.dispatchEvent({ type: "beforeControlsUpdate", time });
-    let needsRender = this.controls.update(this.timer.getDelta());
-    this.dispatchEvent({ type: "afterControlsUpdate", time });
-    if (this.frameCount > 0) {
-      this.frameCount--;
-      needsRender = true;
-    }
-    if (this.frameloop === "always") {
-      needsRender = true;
-    }
-    if (needsRender) {
-      this.dispatchEvent({ type: "beforeRender", time });
-      this.renderer.info.reset();
-      this.renderPipeline.render();
-      this.info.update();
-      this.dispatchEvent({ type: "afterRender", time });
-    }
-  };
-  _initRenderer(rendererOptions) {
-    const renderer = new webgpu.WebGPURenderer({
-      logarithmicDepthBuffer: true,
-      antialias: false,
-      depth: false,
-      trackTimestamp: true,
-      ...rendererOptions
-    });
-    renderer.setSize(this.el.clientWidth, this.el.clientHeight);
-    renderer.shadowMap.enabled = true;
-    renderer.shadowMap.type = webgpu.PCFShadowMap;
-    renderer.toneMapping = webgpu.AgXToneMapping;
-    renderer.toneMappingExposure = 1;
-    renderer.info.autoReset = false;
-    renderer.setPixelRatio(window.devicePixelRatio);
-    renderer.setAnimationLoop(this.animate);
-    this.el.appendChild(renderer.domElement);
-    return renderer;
-  }
-  createScene() {
-    const scene = new webgpu.Scene();
-    scene.background = new webgpu.Color(0);
-    return scene;
-  }
-  createPerspectiveCamera() {
-    const camera = new webgpu.PerspectiveCamera(50, this.el.clientWidth / this.el.clientHeight, 0.1, 1e5);
-    camera.position.setScalar(5);
-    return camera;
-  }
-  createOrthographicCamera() {
-    const camera = new webgpu.OrthographicCamera(
-      -this.el.clientWidth / 2,
-      this.el.clientWidth / 2,
-      this.el.clientHeight / 2,
-      -this.el.clientHeight / 2,
-      0.1,
-      1e5
-    );
-    camera.position.setScalar(5);
-    return camera;
-  }
-  dispose() {
-    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 SBMXLoader extends GLTFLoader_js.GLTFLoader {
-  constructor(manager) {
-    super(manager);
-  }
-  parse(data, path, onLoad, onError) {
-    const formatName = getAsciiString(data.slice(0, 8));
-    switch (formatName) {
-      case "SBMG----": {
-        const swappedBuffer = swapBytes(data.slice(8));
-        return super.parse(swappedBuffer, path, onLoad, onError);
-      }
-      default: {
-        return super.parse(data, path, onLoad, onError);
-      }
-    }
-  }
-}
-function getAsciiString(buf) {
-  const decoder = new TextDecoder();
-  return decoder.decode(new Uint8Array(buf));
-}
-function swapBytes(buffer) {
-  const view = new DataView(buffer);
-  for (let i = 0; i < view.byteLength; i++) {
-    const byte = view.getUint8(i);
-    const swappedByte = (byte >> 4 & 15) + (byte << 4 & 240);
-    view.setUint8(i, swappedByte);
-  }
-  return view.buffer;
-}
-const BYTE_LENGTH_MAGIC = 8;
-const BYTE_LENGTH_HEAD = 130;
-const BYTE_LENGTH_ATTACH = 66;
-const MAGIC_SBK = "SBK-----";
-const MAGIC_SBM = "SBM-----";
-const textDecoder = new TextDecoder();
-const textEncoder = new TextEncoder();
-function decodeSbk(buffer) {
-  let read = BYTE_LENGTH_MAGIC;
-  const magicBytes = new Uint8Array(buffer, 0, read);
-  const magic = textDecoder.decode(magicBytes);
-  if (magic !== MAGIC_SBK) {
-    return buffer;
-  }
-  read += BYTE_LENGTH_HEAD;
-  const headBytes = new Uint8Array(buffer, 0, read);
-  const version = headBytes[40];
-  if (version === 1) {
-    const magicBuf = textEncoder.encode(MAGIC_SBM);
-    const versionBuf = new Uint8Array([headBytes[41]]);
-    const sbmKey = getSbmKey(headBytes);
-    const encodeKey = getLeftKey(sbmKey);
-    let j = BYTE_LENGTH_ATTACH % encodeKey.length;
-    const offset = read + BYTE_LENGTH_ATTACH;
-    const bodyBytes = new Uint8Array(buffer, offset);
-    const bodyBuf = new Uint8Array(bodyBytes.length);
-    for (let i = 0; i < bodyBytes.length; i++) {
-      bodyBuf[i] = bodyBytes[i] ^ encodeKey[j];
-      j = (j + 1) % encodeKey.length;
-    }
-    const buf = new Uint8Array(magicBuf.length + versionBuf.length + bodyBuf.length);
-    buf.set(magicBuf);
-    buf.set(versionBuf, magicBuf.length);
-    buf.set(bodyBuf, magicBuf.length + versionBuf.length);
-    return buf.buffer;
-  }
-}
-function getSbmKey(headBuffer) {
-  const bytes = new Uint8Array(128);
-  bytes.set(headBuffer.slice(42, 42 + 32), 0);
-  bytes.set(headBuffer.slice(74, 74 + 64), 32);
-  bytes.set(headBuffer.slice(8, 8 + 32), 96);
-  return bytes;
-}
-function getLeftKey(sbmKey) {
-  const bytes = new Uint8Array(64);
-  bytes.set(sbmKey.slice(0, 8), 0);
-  bytes.set(sbmKey.slice(24, 24 + 8), 8);
-  bytes.set(sbmKey.slice(40, 40 + 16), 16);
-  bytes.set(sbmKey.slice(64, 64 + 24), 32);
-  bytes.set(sbmKey.slice(96, 96 + 8), 56);
-  return bytes;
-}
-const getTextureName = (dataView, texnamelen, offset) => {
-  const temp = dataView.buffer.slice(offset, offset + texnamelen);
-  let textureName = textDecoder.decode(temp);
-  textureName = textureName.replace("\\", "/");
-  if (!textureName.startsWith("Maps/")) {
-    textureName = `Maps/${textureName}`;
-  }
-  return textureName;
-};
-const generateSbmMaterial = (materialId, arr, png) => {
-  const [d0, d1, d2, d3, side] = arr;
-  const trans = png || d3 < 1;
-  const material = new webgpu.MeshStandardNodeMaterial({
-    name: materialId,
-    color: new webgpu.Color(d0, d1, d2),
-    opacity: d3,
-    transparent: trans,
-    alphaTest: 0.01,
-    side
-  });
-  return material;
-};
-const isPNG = (textureUrl) => {
-  return textureUrl?.toLowerCase().endsWith(".png") ?? false;
-};
-class SBMParser {
-  data;
-  options;
-  textureLoader;
-  littleEndian = true;
-  materials = /* @__PURE__ */ new Map();
-  constructor(data, options) {
-    this.data = data;
-    this.options = options;
-    this.textureLoader = new webgpu.TextureLoader(options.manager);
-    this.textureLoader.setCrossOrigin(options.crossOrigin);
-    this.textureLoader.setRequestHeader(options.requestHeader);
-  }
-  parse(onLoad, onError) {
-    let buffer = this.data;
-    const decodeBuffer = decodeSbk(this.data);
-    if (decodeBuffer) {
-      buffer = decodeBuffer;
-    }
-    const dataView = new DataView(buffer);
-    let offset = 8;
-    const version = dataView.getUint8(offset);
-    offset += 1;
-    if (version === 1) {
-      this._parseV2(dataView, offset, onLoad);
-    } else if (version === 2) {
-      this._parseV2(dataView, offset, onLoad);
-    } else if (version === 3) {
-      this._parseV3(dataView, offset, onLoad);
-    } else {
-      onError?.(new Error(`SBMLoader: Unsupported SBM version: ${version}`));
-    }
-  }
-  _parseV2(dataView, offset, onLoad) {
-    const sbm = new webgpu.Group();
-    const materialCount = dataView.getUint16(offset, this.littleEndian);
-    offset += 2;
-    const meshCount = dataView.getUint16(offset, this.littleEndian);
-    offset += 2;
-    for (let i = 0; i < materialCount; ++i) {
-      const materialId = dataView.getUint16(offset, this.littleEndian).toString();
-      offset += 2;
-      offset += 4;
-      offset += 4;
-      offset += 4;
-      offset += 4;
-      const d0 = dataView.getFloat32(offset, this.littleEndian);
-      offset += 4;
-      const d1 = dataView.getFloat32(offset, this.littleEndian);
-      offset += 4;
-      const d2 = dataView.getFloat32(offset, this.littleEndian);
-      offset += 4;
-      const d3 = dataView.getFloat32(offset, this.littleEndian);
-      offset += 4;
-      offset += 4;
-      offset += 4;
-      offset += 4;
-      offset += 4;
-      let side = dataView.getUint8(offset);
-      offset += 1;
-      if (side === 0) side = webgpu.FrontSide;
-      else if (side === 1) side = webgpu.BackSide;
-      else if (side === 2) side = webgpu.DoubleSide;
-      const textureNameLength = dataView.getUint16(offset, this.littleEndian);
-      offset += 2;
-      const textureName = textureNameLength > 0 ? getTextureName(dataView, textureNameLength, offset) : "";
-      offset += textureNameLength;
-      if (!this.materials.has(materialId)) {
-        const materialInfo = [d0, d1, d2, d3, side];
-        const material = generateSbmMaterial(materialId, materialInfo, isPNG(textureName));
-        this.materials.set(materialId, material);
-        if (textureName && this.options.path) {
-          this.textureLoader.load(webgpu.LoaderUtils.resolveURL(textureName, this.options.path), (texture) => {
-            texture.colorSpace = webgpu.SRGBColorSpace;
-            texture.wrapS = webgpu.RepeatWrapping;
-            texture.wrapT = webgpu.RepeatWrapping;
-            texture.flipY = false;
-            texture.anisotropy = 16;
-            material.map = texture;
-          });
-        }
-      }
-    }
-    for (let i = 0; i < meshCount; ++i) {
-      const meshId = dataView.getUint16(offset, this.littleEndian).toString();
-      offset += 2;
-      const materialId = dataView.getUint16(offset, this.littleEndian).toString();
-      offset += 2;
-      const vertices = [];
-      const texcoords = [];
-      const faces = [];
-      const faceVertexUvs = [];
-      const verticesCount = dataView.getUint16(offset, this.littleEndian);
-      offset += 2;
-      if (verticesCount > 0) {
-        for (let j = 0; j < verticesCount; j++) {
-          const vector3 = new webgpu.Vector3();
-          vector3.setX(dataView.getFloat32(offset, this.littleEndian));
-          offset += 4;
-          vector3.setY(dataView.getFloat32(offset, this.littleEndian));
-          offset += 4;
-          vector3.setZ(dataView.getFloat32(offset, this.littleEndian));
-          offset += 4;
-          vertices.push(vector3);
-        }
-      }
-      const normalsCount = dataView.getUint16(offset, this.littleEndian);
-      offset += 2;
-      if (normalsCount > 0) {
-        for (let j = 0; j < normalsCount; j++) {
-          offset += 4;
-          offset += 4;
-          offset += 4;
-        }
-      }
-      const texcoordCount = dataView.getUint16(offset, this.littleEndian);
-      offset += 2;
-      if (texcoordCount > 0) {
-        for (let j = 0; j < texcoordCount; j++) {
-          const texcoord = new webgpu.Vector2();
-          texcoord.setX(dataView.getFloat32(offset, this.littleEndian));
-          offset += 4;
-          texcoord.setY(dataView.getFloat32(offset, this.littleEndian));
-          offset += 4;
-          texcoords.push(texcoord);
-        }
-      }
-      const idxCount = dataView.getUint16(offset, this.littleEndian);
-      offset += 2;
-      if (idxCount > 0) {
-        for (let j = 0; j < idxCount; j++) {
-          const a = dataView.getUint16(offset, this.littleEndian);
-          offset += 2;
-          const b = dataView.getUint16(offset, this.littleEndian);
-          offset += 2;
-          const c = dataView.getUint16(offset, this.littleEndian);
-          offset += 2;
-          const face = [a, b, c];
-          faces.push(face);
-          if (texcoords.length > 0) {
-            faceVertexUvs.push([texcoords[face[0]], texcoords[face[1]], texcoords[face[2]]]);
-          }
-        }
-      }
-      const positions = [], uvs = [];
-      for (let i2 = 0; i2 < faces.length; i2++) {
-        const face = faces[i2];
-        const vertex = vertices[face[0]], vertex2 = vertices[face[1]], vertex3 = vertices[face[2]];
-        positions.push(...vertex.toArray(), ...vertex2.toArray(), ...vertex3.toArray());
-        let uv = new webgpu.Vector2(), uv2 = new webgpu.Vector2(), uv3 = new webgpu.Vector2();
-        const vertexUvs = faceVertexUvs[i2];
-        if (vertexUvs !== void 0) {
-          uv = vertexUvs[0];
-          uv2 = vertexUvs[1];
-          uv3 = vertexUvs[2];
-        }
-        uvs.push(...uv.toArray(), ...uv2.toArray(), ...uv3.toArray());
-      }
-      const positionArray = new Float32Array(positions), uvArray = new Float32Array(uvs);
-      const bufferGeometry = new webgpu.BufferGeometry();
-      if (positionArray.length > 0) {
-        bufferGeometry.setAttribute("position", new webgpu.BufferAttribute(positionArray, 3));
-      }
-      if (uvArray.length > 0) {
-        bufferGeometry.setAttribute("uv", new webgpu.BufferAttribute(uvArray, 2));
-      }
-      bufferGeometry.computeVertexNormals();
-      if (this.materials.has(materialId)) {
-        const sbmChild = new webgpu.Mesh(bufferGeometry, this.materials.get(materialId));
-        sbmChild.name = meshId;
-        sbmChild.castShadow = true;
-        sbmChild.receiveShadow = true;
-        sbm.add(sbmChild);
-      }
-    }
-    onLoad(sbm);
-  }
-  _parseV3(_dataView, _offset, onLoad) {
-    const sbm = new webgpu.Group();
-    console.warn("SBMLoader: SBM version 3 is not supported yet.");
-    onLoad(sbm);
-  }
-}
-class SBMLoader extends webgpu.Loader {
-  load(url, onLoad, onProgress, onError) {
-    let resourcePath;
-    if (this.resourcePath !== "") {
-      resourcePath = this.resourcePath;
-    } else if (this.path !== "") {
-      const relativeUrl = webgpu.LoaderUtils.extractUrlBase(url);
-      resourcePath = webgpu.LoaderUtils.resolveURL(relativeUrl, this.path);
-    } else {
-      resourcePath = webgpu.LoaderUtils.extractUrlBase(url);
-    }
-    this.manager.itemStart(url);
-    const _onError = (e) => {
-      if (onError) {
-        onError(e);
-      } else {
-        console.error(e);
-      }
-      this.manager.itemError(url);
-      this.manager.itemEnd(url);
-    };
-    const loader = new webgpu.FileLoader(this.manager);
-    loader.setPath(this.path);
-    loader.setResponseType("arraybuffer");
-    loader.setRequestHeader(this.requestHeader);
-    loader.setWithCredentials(this.withCredentials);
-    loader.load(
-      url,
-      (data) => {
-        try {
-          this.parse(
-            data,
-            resourcePath,
-            (sbm) => {
-              onLoad(sbm);
-              this.manager.itemEnd(url);
-            },
-            _onError
-          );
-        } catch (e) {
-          _onError(e);
-        }
-      },
-      onProgress,
-      _onError
-    );
-  }
-  parse(data, path, onLoad, onError) {
-    const formatName = new TextDecoder().decode(data.slice(0, 8));
-    if (formatName !== "SBK-----" && formatName !== "SBM-----") {
-      onError?.(new Error(`SBMLoader: Invalid SBM format: ${formatName}`));
-      return;
-    }
-    const parser = new SBMParser(data, {
-      path,
-      crossOrigin: this.crossOrigin,
-      requestHeader: this.requestHeader,
-      manager: this.manager
-    });
-    parser.parse(onLoad, onError);
-  }
-  parseAsync(data, path) {
-    return new Promise((resolve, reject) => {
-      this.parse(
-        data,
-        path,
-        (sbm) => {
-          resolve(sbm);
-        },
-        (err) => {
-          reject(err);
-        }
-      );
-    });
-  }
-}
-class ModelLoaderManager {
-  static CACHE_NAME = "u-space-model-loader-cache";
-  static fileLoader = new webgpu.FileLoader().setResponseType("arraybuffer");
-  static dracoLoader = new DRACOLoader_js.DRACOLoader().setDecoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${webgpu.REVISION}.0/examples/jsm/libs/draco/`
-  );
-  static ktx2Loader = new KTX2Loader_js.KTX2Loader().setTranscoderPath(
-    `https://cdn.jsdelivr.net/npm/three@0.${webgpu.REVISION}.0/examples/jsm/libs/basis/`
-  );
-  static gltfLoader = new GLTFLoader_js.GLTFLoader().setDRACOLoader(ModelLoaderManager.dracoLoader).setKTX2Loader(ModelLoaderManager.ktx2Loader).setMeshoptDecoder(meshopt_decoder_module_js.MeshoptDecoder);
-  static sbmxLoader = new SBMXLoader().setDRACOLoader(ModelLoaderManager.dracoLoader).setKTX2Loader(ModelLoaderManager.ktx2Loader).setMeshoptDecoder(meshopt_decoder_module_js.MeshoptDecoder);
-  static sbmLoader = new SBMLoader();
-  static fbxLoader = new FBXLoader_js.FBXLoader();
-  static objLoader = new OBJLoader_js.OBJLoader();
-  static stlLoader = new STLLoader_js.STLLoader();
-  static setLoadingManager(loadingManager) {
-    this.fileLoader.manager = loadingManager;
-    this.dracoLoader.manager = loadingManager;
-    this.ktx2Loader.manager = loadingManager;
-    this.gltfLoader.manager = loadingManager;
-    this.sbmxLoader.manager = loadingManager;
-    this.sbmLoader.manager = loadingManager;
-    this.fbxLoader.manager = loadingManager;
-    this.objLoader.manager = loadingManager;
-    this.stlLoader.manager = loadingManager;
-  }
-  /**
-   * Set the renderer to enable KTX2 support and other renderer-dependent features.
-   */
-  static async setRenderer(renderer) {
-    await renderer.init();
-    this.ktx2Loader.detectSupport(renderer);
-  }
-  /**
-   * Configure Draco decoder path.
-   */
-  static setDracoPath(path) {
-    this.dracoLoader.setDecoderPath(path);
-  }
-  /**
-   * Configure KTX2 transcoder path.
-   */
-  static setKTX2Path(path) {
-    this.ktx2Loader.setTranscoderPath(path);
-  }
-  static async loadAsync(url, parameters = { persistent: true }) {
-    const extension = url.split(".").pop()?.split("?")[0].toLowerCase();
-    let buffer;
-    if (parameters.persistent && typeof caches !== "undefined") {
-      buffer = await this.getPersistentData(url);
-    } else {
-      buffer = await this.fileLoader.loadAsync(url);
-    }
-    switch (extension) {
-      case "gltf":
-      case "glb":
-        const gltf = await this.gltfLoader.parseAsync(buffer, webgpu.LoaderUtils.extractUrlBase(url));
-        return gltf.scene;
-      case "sbmx":
-        const sbmx = await this.sbmxLoader.parseAsync(buffer, webgpu.LoaderUtils.extractUrlBase(url));
-        return sbmx.scene;
-      case "sbm":
-        const sbm = await this.sbmLoader.parseAsync(buffer, webgpu.LoaderUtils.extractUrlBase(url));
-        return sbm;
-      case "fbx":
-        const fbx = this.fbxLoader.parse(buffer, webgpu.LoaderUtils.extractUrlBase(url));
-        return fbx;
-      case "obj":
-        const text = new TextDecoder().decode(buffer);
-        const obj = this.objLoader.parse(text);
-        return obj;
-      case "stl":
-        const geometry = this.stlLoader.parse(buffer);
-        const mesh = new webgpu.Mesh(geometry, new webgpu.MeshStandardNodeMaterial());
-        return mesh;
-      default:
-        throw new Error(`Unsupported model format: ${extension}`);
-    }
-  }
-  static async getPersistentData(url) {
-    try {
-      const cache = await caches.open(this.CACHE_NAME);
-      const cachedResponse = await cache.match(url);
-      if (cachedResponse) {
-        return await cachedResponse.arrayBuffer();
-      }
-      const buffer = await this.fileLoader.loadAsync(url);
-      const response = new Response(buffer);
-      await cache.put(url, response);
-      return buffer;
-    } catch (error) {
-      console.warn(`[LoaderManager] Failed to use Cache API for ${url}:`, error);
-      return await this.fileLoader.loadAsync(url);
-    }
-  }
-}
-class TextureLoaderManager {
-  static textureLoader = new webgpu.TextureLoader();
-  static hdrLoader = new HDRLoader_js.HDRLoader();
-  static cubeTextureLoader = new webgpu.CubeTextureLoader();
-  static setLoadingManager(loadingManager) {
-    this.textureLoader.manager = loadingManager;
-    this.hdrLoader.manager = loadingManager;
-    this.cubeTextureLoader.manager = loadingManager;
-  }
-  static async loadAsyncTexture(url) {
-    const texture = await this.textureLoader.loadAsync(url);
-    return texture;
-  }
-  static async loadAsyncHDR(url) {
-    const dataTexture = await this.hdrLoader.loadAsync(url);
-    dataTexture.mapping = webgpu.EquirectangularReflectionMapping;
-    return dataTexture;
-  }
-  static async loadAsyncCubeTexture(path, urls) {
-    this.cubeTextureLoader.setPath(path);
-    const cubeTexture = await this.cubeTextureLoader.loadAsync(urls);
-    return cubeTexture;
-  }
-}
-class BaseMesh extends webgpu.Mesh {
-  isBaseMesh = true;
-  type = "BaseMesh";
-  ignoreInvisibleWhenRaycast = true;
-  constructor(...args) {
-    super(...args);
-  }
-  raycast(raycaster, intersects) {
-    if (this.visible === false && this.ignoreInvisibleWhenRaycast === true) {
-      return false;
-    }
-    return super.raycast(raycaster, intersects);
-  }
-}
-class BaseGroup extends webgpu.Group {
-  isBaseGroup = true;
-  type = "BaseGroup";
-  ignoreInvisibleWhenRaycast = true;
-  constructor(...args) {
-    super(...args);
-  }
-  raycast(raycaster, intersects) {
-    if (this.visible === false && this.ignoreInvisibleWhenRaycast === true) {
-      return false;
-    }
-    return super.raycast(raycaster, intersects);
-  }
-}
-class BaseSprite extends webgpu.Sprite {
-  isBaseSprite = true;
-  type = "BaseSprite";
-  ignoreInvisibleWhenRaycast = true;
-  constructor(...args) {
-    super(...args);
-  }
-  raycast(raycaster, intersects) {
-    if (this.visible === false && this.ignoreInvisibleWhenRaycast === true) {
-      return false;
-    }
-    return super.raycast(raycaster, intersects);
-  }
-}
-class Model extends BaseGroup {
-  isModel = true;
-  type = "Model";
-  static memoryCache = /* @__PURE__ */ new Map();
-  constructor() {
-    super();
-  }
-  async loadAsync(parameters) {
-    const { url, cache = true, persistent = true } = parameters;
-    try {
-      let objectPromise;
-      if (cache) {
-        if (Model.memoryCache.has(url)) {
-          objectPromise = Model.memoryCache.get(url);
-        } else {
-          objectPromise = ModelLoaderManager.loadAsync(url, { persistent });
-          Model.memoryCache.set(url, objectPromise);
-        }
-      } else {
-        objectPromise = ModelLoaderManager.loadAsync(url, { persistent });
-      }
-      const object = await objectPromise;
-      const clonedObject = SkeletonUtils_js.clone(object);
-      this.add(clonedObject);
-      return clonedObject;
-    } catch (error) {
-      console.error(`[Model] Failed to load model from ${url}:`, error);
-      return null;
-    }
-  }
-  static clearMemoryCache() {
-    this.memoryCache.clear();
-  }
-  static async clearPersistentCache() {
-    if (typeof caches !== "undefined") {
-      await caches.delete("u-space-loader-cache");
-    }
-  }
-}
-class SphereMesh extends BaseMesh {
-  isSphereMesh = true;
-  type = "SphereMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super();
-    this.geometry = new webgpu.SphereGeometry(
-      geometryParameters?.radius,
-      geometryParameters?.widthSegments,
-      geometryParameters?.heightSegments,
-      geometryParameters?.phiStart,
-      geometryParameters?.phiLength,
-      geometryParameters?.thetaStart,
-      geometryParameters?.thetaLength
-    );
-    this.material = new webgpu.MeshStandardNodeMaterial(materialParameters);
-  }
-}
-class TubeMesh extends BaseMesh {
-  isTubeMesh = true;
-  type = "TubeMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super();
-    this.geometry = new webgpu.TubeGeometry(
-      geometryParameters?.path,
-      geometryParameters?.tubularSegments,
-      geometryParameters?.radius,
-      geometryParameters?.radialSegments,
-      geometryParameters?.closed
-    );
-    this.material = new webgpu.MeshStandardNodeMaterial(materialParameters);
-  }
-}
-class Topology extends BaseGroup {
-  isTopology = true;
-  type = "Topology";
-  // Visuals
-  parameters = {
-    nodeColor: 255,
-    nodeRadius: 0.5,
-    edgeColor: 65280,
-    edgeRadius: 0.1,
-    pathColor: 16711935,
-    pathRadius: 0.2
-  };
-  nodes = /* @__PURE__ */ new Map();
-  adjacencyMap = /* @__PURE__ */ new Map();
-  graphGroup = null;
-  pathMeshes = [];
-  constructor(parameters) {
-    super();
-    if (parameters) {
-      Object.assign(this.parameters, parameters);
-    }
-  }
-  /**
-   * Add a node to the topology graph.
-   * @param id Unique identifier for the node
-   * @param position 3D position of the node
-   */
-  addNode(id, position) {
-    if (this.nodes.has(id)) {
-      console.warn(`[Topology] Node ${id} already exists. Overwriting.`);
-    }
-    this.nodes.set(id, position);
-    if (!this.adjacencyMap.has(id)) {
-      this.adjacencyMap.set(id, /* @__PURE__ */ new Map());
-    }
-  }
-  /**
-   * Remove a node from the topology graph.
-   * @param id Unique identifier for the node
-   */
-  removeNode(id) {
-    if (!this.nodes.has(id)) {
-      console.warn(`[Topology] Node ${id} does not exist.`);
-      return;
-    }
-    this.nodes.delete(id);
-    this.adjacencyMap.delete(id);
-  }
-  /**
-   * Add an edge between two nodes.
-   * @param from Node ID
-   * @param to Node ID
-   * @param weight Cost of the edge. Defaults to Euclidean distance.
-   * @param bidirectional If true, adds the reverse edge as well. Default true.
-   */
-  addEdge(from, to, weight, bidirectional = true) {
-    const fromPos = this.nodes.get(from);
-    const toPos = this.nodes.get(to);
-    if (!fromPos || !toPos) {
-      console.error(`[Topology] Cannot add edge. One or both nodes not found: ${from}, ${to}`);
-      return;
-    }
-    const dist = weight ?? fromPos.distanceTo(toPos);
-    this.getNeighbors(from)?.set(to, dist);
-    if (bidirectional) {
-      this.getNeighbors(to)?.set(from, dist);
-    }
-  }
-  /**
-   * Remove an edge between two nodes.
-   * @param from Node ID
-   * @param to Node ID
-   * @param bidirectional If true, removes the reverse edge as well. Default true.
-   */
-  removeEdge(from, to, bidirectional = true) {
-    const fromNeighbors = this.getNeighbors(from);
-    fromNeighbors?.delete(to);
-    if (bidirectional) {
-      const toNeighbors = this.getNeighbors(to);
-      toNeighbors?.delete(from);
-    }
-  }
-  /**
-   * Find the shortest path between start and end nodes using Dijkstra's algorithm.
-   */
-  getShortestPath(startId, endId) {
-    if (!this.nodes.has(startId) || !this.nodes.has(endId)) {
-      console.warn(`[Topology] Start or End node not found.`);
-      return [];
-    }
-    const distances = /* @__PURE__ */ new Map();
-    const previous = /* @__PURE__ */ new Map();
-    const unvisited = /* @__PURE__ */ new Set();
-    for (const [id] of this.nodes) {
-      distances.set(id, Infinity);
-      previous.set(id, null);
-      unvisited.add(id);
-    }
-    distances.set(startId, 0);
-    while (unvisited.size > 0) {
-      let currentId = null;
-      let minDist = Infinity;
-      for (const id of unvisited) {
-        const d = distances.get(id);
-        if (d < minDist) {
-          minDist = d;
-          currentId = id;
-        }
-      }
-      if (currentId === null || currentId === endId) {
-        break;
-      }
-      if (minDist === Infinity) {
-        break;
-      }
-      unvisited.delete(currentId);
-      const neighbors = this.adjacencyMap?.get(currentId);
-      if (!neighbors) {
-        continue;
-      }
-      for (const [to, weight] of neighbors) {
-        if (!unvisited.has(to)) continue;
-        const alt = distances.get(currentId) + weight;
-        if (alt < distances.get(to)) {
-          distances.set(to, alt);
-          previous.set(to, currentId);
-        }
-      }
-    }
-    const path = [];
-    let curr = endId;
-    if (previous.get(endId) === null && startId !== endId) {
-      return [];
-    }
-    while (curr !== null) {
-      const pos = this.nodes.get(curr);
-      if (pos) path.unshift(pos);
-      curr = previous.get(curr) || null;
-    }
-    return path;
-  }
-  /**
-   * Renders the entire topology graph structure using TubeGeometry and Spheres.
-   */
-  renderGraph() {
-    this.clearGraph();
-    this.graphGroup = new webgpu.Group();
-    const _dummySphere = new SphereMesh({
-      geometryParameters: {
-        radius: this.parameters.nodeRadius,
-        widthSegments: 16,
-        heightSegments: 16
-      },
-      materialParameters: {
-        color: this.parameters.nodeColor
-      }
-    });
-    this.nodes.forEach((pos, id) => {
-      const nodeMesh = _dummySphere.clone();
-      nodeMesh.position.copy(pos);
-      Object.assign(nodeMesh.userData, { id, type: "node" });
-      this.graphGroup.add(nodeMesh);
-    });
-    const processedEdges = /* @__PURE__ */ new Set();
-    this.adjacencyMap.forEach((edges, from) => {
-      edges.forEach((weight, to) => {
-        const key = [from, to].sort().join("-");
-        if (processedEdges.has(key)) return;
-        processedEdges.add(key);
-        const p1 = this.nodes.get(from);
-        const p2 = this.nodes.get(to);
-        if (p1 && p2) {
-          const path = new webgpu.LineCurve3(p1, p2);
-          const tubeMesh = new TubeMesh({
-            geometryParameters: {
-              path,
-              tubularSegments: 1,
-              radius: this.parameters.edgeRadius,
-              radialSegments: 8,
-              closed: false
-            },
-            materialParameters: {
-              color: this.parameters.edgeColor
-            }
-          });
-          Object.assign(tubeMesh.userData, { from, to, weight, type: "edge" });
-          this.graphGroup.add(tubeMesh);
-        }
-      });
-    });
-    this.add(this.graphGroup);
-  }
-  clearGraph() {
-    if (this.graphGroup) {
-      this.remove(this.graphGroup);
-      this.graphGroup.traverse((child) => {
-        if (child instanceof webgpu.Mesh) {
-          child.geometry.dispose();
-          child.material.dispose();
-        }
-      });
-      this.graphGroup = null;
-    }
-  }
-  /**
-   * Visualizes a path using TubeGeometry (CatmullRomCurve3).
-   */
-  renderPath(points, color = this.parameters.pathColor) {
-    if (points.length < 2) return;
-    const curve = new webgpu.CatmullRomCurve3(points, false, "catmullrom", 0);
-    const mesh = new TubeMesh({
-      geometryParameters: {
-        path: curve,
-        tubularSegments: points.length * 10,
-        radius: this.parameters.pathRadius,
-        closed: false
-      },
-      materialParameters: {
-        color
-      }
-    });
-    this.add(mesh);
-    this.pathMeshes.push(mesh);
-    return mesh;
-  }
-  clearPaths() {
-    this.pathMeshes.forEach((m) => {
-      this.remove(m);
-      m.geometry.dispose();
-      m.material.dispose();
-    });
-    this.pathMeshes = [];
-  }
-  /** Export nodes and edges as a JSON-serializable object. */
-  exportData() {
-    const nodes = {};
-    this.nodes.forEach((pos, id) => {
-      nodes[id] = { x: pos.x, y: pos.y, z: pos.z };
-    });
-    const edges = [];
-    const processed = /* @__PURE__ */ new Set();
-    this.adjacencyMap.forEach((neighbors, from) => {
-      neighbors.forEach((weight, to) => {
-        const key = [from, to].sort().join("-");
-        if (!processed.has(key)) {
-          processed.add(key);
-          edges.push({ from, to, weight });
-        }
-      });
-    });
-    return { nodes, edges };
-  }
-  /**
-   * Load topology from a previously exported data object.
-   * Replaces all current nodes, edges, and path meshes, then re-renders the graph.
-   */
-  importData(data) {
-    this.clearGraph();
-    this.clearPaths();
-    this.nodes.clear();
-    this.adjacencyMap.clear();
-    Object.entries(data.nodes).forEach(([id, pos]) => {
-      this.addNode(id, new webgpu.Vector3(pos.x, pos.y, pos.z));
-    });
-    data.edges.forEach(({ from, to, weight }) => {
-      this.addEdge(from, to, weight);
-    });
-    this.renderGraph();
-  }
-  dispose() {
-    this.clearGraph();
-    this.clearPaths();
-  }
-  getNeighbors(id) {
-    return this.adjacencyMap.get(id);
-  }
-}
-class Poi extends BaseSprite {
-  isPoi = true;
-  type = "Poi";
-  parameters = {
-    img: "",
-    text: "",
-    fontSize: 32,
-    fontFamily: "Arial",
-    color: "#ffffff",
-    iconSize: 64,
-    padding: 10,
-    backgroundColor: "rgba(0, 0, 0, 0)",
-    borderRadius: 8,
-    textPosition: "right",
-    scaleFactor: 0.01
-  };
-  _canvas = document.createElement("canvas");
-  _lastParametersJSON = "";
-  constructor(parameters = {}) {
-    super(new webgpu.SpriteNodeMaterial());
-    Object.assign(this.parameters, parameters);
-    this.updateAsync();
-  }
-  /**
-   * Update the POI with new parameters
-   * @param parameters Partial POI parameters
-   */
-  async updateAsync(parameters = {}) {
-    Object.assign(this.parameters, parameters);
-    const json = JSON.stringify(this.parameters);
-    if (json === this._lastParametersJSON) return;
-    this._lastParametersJSON = json;
-    const canvas = this._canvas;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.font = `${this.parameters.fontSize}px ${this.parameters.fontFamily}`;
-    let image = null;
-    if (this.parameters.img) {
-      image = await this._loadImage(this.parameters.img);
-    }
-    const { text, fontSize, color, iconSize, padding, backgroundColor, borderRadius, textPosition, scaleFactor } = this.parameters;
-    const textMetrics = ctx.measureText(text);
-    const textWidth = text ? textMetrics.width : 0;
-    const textHeight = text ? fontSize : 0;
-    let contentWidth = 0;
-    let contentHeight = 0;
-    let iconX = 0, iconY = 0;
-    let textX = 0, textY = 0;
-    const hasImage = !!image;
-    const hasText = !!text;
-    if (hasImage && hasText) {
-      switch (textPosition) {
-        case "top":
-          contentWidth = Math.max(iconSize, textWidth);
-          contentHeight = iconSize + padding + textHeight;
-          textX = (contentWidth - textWidth) / 2;
-          textY = textHeight / 2;
-          iconX = (contentWidth - iconSize) / 2;
-          iconY = textHeight + padding;
-          break;
-        case "bottom":
-          contentWidth = Math.max(iconSize, textWidth);
-          contentHeight = iconSize + padding + textHeight;
-          iconX = (contentWidth - iconSize) / 2;
-          iconY = 0;
-          textX = (contentWidth - textWidth) / 2;
-          textY = iconSize + padding + textHeight / 2;
-          break;
-        case "left":
-          contentWidth = iconSize + padding + textWidth;
-          contentHeight = Math.max(iconSize, textHeight);
-          textX = 0;
-          textY = contentHeight / 2;
-          iconX = textWidth + padding;
-          iconY = (contentHeight - iconSize) / 2;
-          break;
-        case "right":
-        default:
-          contentWidth = iconSize + padding + textWidth;
-          contentHeight = Math.max(iconSize, textHeight);
-          iconX = 0;
-          iconY = (contentHeight - iconSize) / 2;
-          textX = iconSize + padding;
-          textY = contentHeight / 2;
-          break;
-      }
-    } else if (hasImage) {
-      contentWidth = iconSize;
-      contentHeight = iconSize;
-      iconX = 0;
-      iconY = 0;
-    } else if (hasText) {
-      contentWidth = textWidth;
-      contentHeight = textHeight;
-      textX = 0;
-      textY = textHeight / 2;
-    }
-    const canvasWidth = contentWidth + padding * 2;
-    const canvasHeight = contentHeight + padding * 2;
-    canvas.width = canvasWidth;
-    canvas.height = canvasHeight;
-    ctx.font = `${fontSize}px ${this.parameters.fontFamily}`;
-    if (backgroundColor) {
-      ctx.fillStyle = backgroundColor;
-      this._drawRoundedRect(ctx, 0, 0, canvasWidth, canvasHeight, borderRadius);
-      ctx.fill();
-    }
-    if (hasImage) {
-      ctx.drawImage(image, iconX + padding, iconY + padding, iconSize, iconSize);
-    }
-    if (hasText) {
-      ctx.fillStyle = color;
-      const metrics = ctx.measureText(text);
-      const actualTextHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
-      const baselineOffset = metrics.actualBoundingBoxAscent - actualTextHeight / 2;
-      ctx.textBaseline = "alphabetic";
-      ctx.fillText(text, textX + padding, textY + padding + baselineOffset);
-    }
-    const oldTexture = this.material.map;
-    const texture = new webgpu.CanvasTexture(canvas);
-    texture.colorSpace = webgpu.SRGBColorSpace;
-    this.material.map = texture;
-    oldTexture?.dispose();
-    this.scale.set(canvasWidth * scaleFactor, canvasHeight * scaleFactor, 1);
-  }
-  _loadImage(img) {
-    return new Promise((resolve, reject) => {
-      if (typeof img === "string") {
-        const _img = new Image();
-        _img.crossOrigin = "Anonymous";
-        _img.onload = () => resolve(_img);
-        _img.onerror = () => reject(new Error(`Failed to load image: ${img}`));
-        _img.src = img;
-      } else {
-        resolve(img);
-      }
-    });
-  }
-  _drawRoundedRect(ctx, x, y, width, height, radius) {
-    ctx.beginPath();
-    ctx.moveTo(x + radius, y);
-    ctx.lineTo(x + width - radius, y);
-    ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
-    ctx.lineTo(x + width, y + height - radius);
-    ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
-    ctx.lineTo(x + radius, y + height);
-    ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
-    ctx.lineTo(x, y + radius);
-    ctx.quadraticCurveTo(x, y, x + radius, y);
-    ctx.closePath();
-  }
-  dispose() {
-    this.material.map?.dispose();
-    this.material.dispose();
-  }
-}
-class ShapeMesh extends BaseMesh {
-  isShapeMesh = true;
-  type = "ShapeMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super();
-    this.geometry = new webgpu.ShapeGeometry(geometryParameters?.shape, geometryParameters?.curveSegments);
-    this.material = new webgpu.MeshStandardNodeMaterial(materialParameters);
-    this.geometry.rotateX(-Math.PI / 2);
-  }
-  static createFromPoints(points, parameters = {}) {
-    return new ShapeMesh({
-      ...parameters,
-      geometryParameters: {
-        ...parameters.geometryParameters,
-        shape: new webgpu.Shape(points.map((point) => new webgpu.Vector2(point.x, -point.z)))
-      }
-    });
-  }
-}
-class ExtrudeMesh extends BaseMesh {
-  isExtrudeMesh = true;
-  type = "ExtrudeMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super();
-    this.geometry = new webgpu.ExtrudeGeometry(geometryParameters?.shape, geometryParameters?.options);
-    this.material = new webgpu.MeshStandardNodeMaterial(materialParameters);
-    this.geometry.rotateX(-Math.PI / 2);
-  }
-  static createFromPoints(points, parameters = {}) {
-    return new ExtrudeMesh({
-      ...parameters,
-      geometryParameters: {
-        ...parameters.geometryParameters,
-        shape: new webgpu.Shape(points.map((point) => new webgpu.Vector2(point.x, -point.z)))
-      }
-    });
-  }
-}
-class PlaneMesh extends BaseMesh {
-  isPlaneMesh = true;
-  type = "PlaneMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super();
-    this.geometry = new webgpu.PlaneGeometry(
-      geometryParameters?.width,
-      geometryParameters?.height,
-      geometryParameters?.widthSegments,
-      geometryParameters?.heightSegments
-    );
-    this.material = new webgpu.MeshStandardNodeMaterial(materialParameters);
-  }
-}
-class CircleMesh extends BaseMesh {
-  isCircleMesh = true;
-  type = "CircleMesh";
-  constructor({ geometryParameters, materialParameters } = {}) {
-    super(
-      new webgpu.CircleGeometry(
-        geometryParameters?.radius,
-        geometryParameters?.segments,
-        geometryParameters?.thetaStart,
-        geometryParameters?.thetaLength
-      ),
-      new webgpu.MeshStandardNodeMaterial(materialParameters)
-    );
-    this.geometry.rotateX(-Math.PI / 2);
-  }
-}
-class ObjectUtils {
-  static traverseMeshes(object, callback) {
-    object.traverse((child) => {
-      if (child instanceof webgpu.Mesh) {
-        callback(child);
-      }
-    });
-  }
-}
-class TSLEffects {
-  static flow(parameters = {}) {
-    const { baseColor = 16777215, flowColor = 65280, speed = 1, scale = 3, intensity = 4 } = parameters;
-    const baseColorNode = tsl.color(new three.Color(baseColor));
-    const flowColorNode = tsl.color(new three.Color(flowColor));
-    const flow = tsl.uv().x.mul(scale).sub(tsl.time.mul(speed));
-    const pattern = tsl.pow(tsl.sin(flow).add(1).mul(0.5), intensity);
-    return tsl.mix(baseColorNode, flowColorNode, pattern);
-  }
-  static breathe(parameters = {}) {
-    const { baseColor = 16777215, breathColor = 65280, speed = 1, intensity = 2 } = parameters;
-    const baseColorNode = tsl.color(new three.Color(baseColor));
-    const breathColorNode = tsl.color(new three.Color(breathColor));
-    const osc = tsl.sin(tsl.time.mul(speed)).add(1).mul(0.5);
-    const pattern = tsl.pow(osc, intensity);
-    return tsl.mix(baseColorNode, breathColorNode, pattern);
-  }
-  static fluid(parameters = {}) {
-    const {
-      baseColor = 16777215,
-      flowColor = 255,
-      speed = 1,
-      scale = 1,
-      intensity = 1,
-      distortion = 0.5
-    } = parameters;
-    const baseColorNode = tsl.color(new three.Color(baseColor));
-    const flowColorNode = tsl.color(new three.Color(flowColor));
-    const uvNode = tsl.uv().mul(scale);
-    const timeNode = tsl.time.mul(speed);
-    const noiseNode = tsl.mx_noise_float(uvNode.add(timeNode), 1, 0);
-    const distortedUV = uvNode.add(noiseNode.mul(distortion));
-    const pattern = tsl.mx_noise_float(distortedUV, 1, 0).add(1).mul(0.5);
-    const fluidPattern = tsl.pow(pattern, intensity);
-    return tsl.mix(baseColorNode, flowColorNode, fluidPattern);
-  }
-}
-function reinterpretType(_value) {
-}
-const _highlightKey = "uSpaceHighlight";
-const _highlightEnabledKey = `${_highlightKey}/enabled`;
-const _highlightOpacityKey = `${_highlightKey}/opacity`;
-const _highlightColorKey = `${_highlightKey}/color`;
-const _highlightOverwriteKey = `${_highlightKey}/overwrite`;
-const _highlightColorNode = tsl.Fn(() => {
-  const enabled = tsl.userData(_highlightEnabledKey, "uint");
-  const colorUint = tsl.userData(_highlightColorKey, "uint");
-  const overwrite = tsl.userData(_highlightOverwriteKey, "uint");
-  const hlColorRaw = uintToColor(colorUint);
-  const tintedColor = tsl.materialColor.mul(hlColorRaw);
-  const finalHlColor = tsl.select(overwrite.greaterThan(0), hlColorRaw, tintedColor);
-  const hlColor = tsl.select(enabled.greaterThan(0), finalHlColor, tsl.materialColor);
-  return hlColor;
-})();
-const _highlightOpacityNode = tsl.Fn(() => {
-  const enabled = tsl.userData(_highlightEnabledKey, "uint");
-  const opacity = tsl.userData(_highlightOpacityKey, "float");
-  const hlOpacity = tsl.select(enabled.greaterThan(0), opacity, tsl.materialOpacity);
-  return hlOpacity;
-})();
-class MaterialEffects {
-  static highlight(object, options = {}) {
-    const highlightOptions = Object.assign(
-      {
-        enabled: true,
-        opacity: 0.5,
-        color: 16711680,
-        overwrite: false
-      },
-      options
-    );
-    highlightOptions.color = new webgpu.Color(highlightOptions.color).getHex();
-    ObjectUtils.traverseMeshes(object, (mesh) => {
-      mesh.userData[_highlightEnabledKey] = highlightOptions.enabled ? 1 : 0;
-      mesh.userData[_highlightOpacityKey] = highlightOptions.opacity;
-      mesh.userData[_highlightColorKey] = highlightOptions.color;
-      mesh.userData[_highlightOverwriteKey] = highlightOptions.overwrite ? 1 : 0;
-      const material = mesh.material;
-      if (material && !Array.isArray(material)) {
-        material.transparent = true;
-        material.colorNode = _highlightColorNode;
-        material.opacityNode = _highlightOpacityNode;
-        material.needsUpdate = true;
-      }
-    });
-  }
-}
-const uintToColor = (colorUint) => {
-  const r = colorUint.shiftRight(16).bitAnd(255).toFloat().div(255);
-  const g = colorUint.shiftRight(8).bitAnd(255).toFloat().div(255);
-  const b = colorUint.bitAnd(255).toFloat().div(255);
-  return tsl.vec3(r, g, b);
-};
-class Tween extends tween_module_js.Tween {
-  viewer;
-  constructor(viewer, source) {
-    super(source);
-    this.viewer = viewer;
-  }
-  _update = ({ time }) => {
-    const needsRender = this.update(time);
-    if (needsRender) {
-      this.viewer.render();
-    }
-  };
-  easingByMode(mode) {
-    const tweenModeFunc = animationModeEnum[mode];
-    return super.easing(tweenModeFunc);
-  }
-  start(time, overrideStartingValues) {
-    this.viewer.addEventListener("afterControlsUpdate", this._update);
-    return super.start(time, overrideStartingValues);
-  }
-  stop() {
-    this.viewer.removeEventListener("afterControlsUpdate", this._update);
-    return super.stop();
-  }
-}
-function tweenAnimation(viewer, source, target, options = {}, onUpdate, onStart) {
-  return new Promise((resolve, reject) => {
-    const { duration = 1e3, delay = 0, repeat = false, mode = "Linear.None", yoyo = false } = options;
-    const tween = new Tween(viewer, source).to(target, duration).easingByMode(mode).delay(delay).onUpdate((e) => {
-      onUpdate?.(e, tween);
-    }).onComplete(() => {
-      resolve();
-    }).onStop(() => {
-      reject("animation stop");
-    }).onStart(() => {
-      onStart?.(tween);
-    });
-    if (typeof repeat === "number") tween.repeat(repeat);
-    else if (typeof repeat === "boolean" && repeat) tween.repeat(Infinity);
-    if (yoyo) tween.repeatDelay(20);
-    tween.yoyo(yoyo);
-    tween.start();
-  });
-}
-const animationModeEnum = {
-  "Linear.None": tween_module_js.Easing.Linear.None,
-  "Quadratic.In": tween_module_js.Easing.Quadratic.In,
-  "Quadratic.Out": tween_module_js.Easing.Quadratic.Out,
-  "Quadratic.InOut": tween_module_js.Easing.Quadratic.InOut,
-  "Cubic.In": tween_module_js.Easing.Cubic.In,
-  "Cubic.Out": tween_module_js.Easing.Cubic.Out,
-  "Cubic.InOut": tween_module_js.Easing.Cubic.InOut,
-  "Quartic.In": tween_module_js.Easing.Quartic.In,
-  "Quartic.Out": tween_module_js.Easing.Quartic.Out,
-  "Quartic.InOut": tween_module_js.Easing.Quartic.InOut,
-  "Quintic.In": tween_module_js.Easing.Quintic.In,
-  "Quintic.Out": tween_module_js.Easing.Quintic.Out,
-  "Quintic.InOut": tween_module_js.Easing.Quintic.InOut,
-  "Sinusoidal.In": tween_module_js.Easing.Sinusoidal.In,
-  "Sinusoidal.Out": tween_module_js.Easing.Sinusoidal.Out,
-  "Sinusoidal.InOut": tween_module_js.Easing.Sinusoidal.InOut,
-  "Exponential.In": tween_module_js.Easing.Exponential.In,
-  "Exponential.Out": tween_module_js.Easing.Exponential.Out,
-  "Exponential.InOut": tween_module_js.Easing.Exponential.InOut,
-  "Circular.In": tween_module_js.Easing.Circular.In,
-  "Circular.Out": tween_module_js.Easing.Circular.Out,
-  "Circular.InOut": tween_module_js.Easing.Circular.InOut,
-  "Elastic.In": tween_module_js.Easing.Elastic.In,
-  "Elastic.Out": tween_module_js.Easing.Elastic.Out,
-  "Elastic.InOut": tween_module_js.Easing.Elastic.InOut,
-  "Back.In": tween_module_js.Easing.Back.In,
-  "Back.Out": tween_module_js.Easing.Back.Out,
-  "Back.InOut": tween_module_js.Easing.Back.InOut,
-  "Bounce.In": tween_module_js.Easing.Bounce.In,
-  "Bounce.Out": tween_module_js.Easing.Bounce.Out,
-  "Bounce.InOut": tween_module_js.Easing.Bounce.InOut
-};
-exports.BaseGroup = BaseGroup;
-exports.BaseMesh = BaseMesh;
-exports.BaseSprite = BaseSprite;
-exports.CameraControls = CameraControls;
-exports.CircleMesh = CircleMesh;
-exports.ExtrudeMesh = ExtrudeMesh;
-exports.InteractionEvent = InteractionEvent;
-exports.InteractionManager = InteractionManager;
-exports.MaterialEffects = MaterialEffects;
-exports.Model = Model;
-exports.ModelLoaderManager = ModelLoaderManager;
-exports.ObjectManager = ObjectManager;
-exports.ObjectUtils = ObjectUtils;
-exports.PlaneMesh = PlaneMesh;
-exports.Poi = Poi;
-exports.RoomEnvironment = RoomEnvironment;
-exports.SBMLoader = SBMLoader;
-exports.SBMXLoader = SBMXLoader;
-exports.ShapeMesh = ShapeMesh;
-exports.SphereMesh = SphereMesh;
-exports.TSLEffects = TSLEffects;
-exports.TextureLoaderManager = TextureLoaderManager;
-exports.Topology = Topology;
-exports.TubeMesh = TubeMesh;
-exports.Tween = Tween;
-exports.Viewer = Viewer;
-exports.reinterpretType = reinterpretType;
-exports.tweenAnimation = tweenAnimation;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("three/webgpu"),d=require("three/tsl"),Oe=require("three/addons/tsl/display/BloomNode.js"),Le=require("three/addons/tsl/display/SSGINode.js"),Re=require("three/addons/tsl/display/TRAANode.js"),ne=require("camera-controls"),Ie=require("three/addons/environments/RoomEnvironment.js"),_e=require("three/addons/helpers/ViewHelper.js"),K=require("three/addons/renderers/CSS2DRenderer.js"),U=require("three/addons/renderers/CSS3DRenderer.js"),re=require("three/addons/loaders/GLTFLoader.js"),Be=require("three/addons/loaders/FBXLoader.js"),Ne=require("three/addons/loaders/OBJLoader.js"),Ae=require("three/addons/loaders/STLLoader.js"),De=require("three/addons/loaders/DRACOLoader.js"),je=require("three/addons/loaders/KTX2Loader.js"),J=require("three/addons/libs/meshopt_decoder.module.js"),Ue=require("three/addons/loaders/HDRLoader.js"),Ge=require("three/addons/utils/SkeletonUtils.js"),A=require("three"),u=require("three/addons/libs/tween.module.js");class ae{type;target;currentTarget;intersect;originalEvent;_propagationStopped=!1;constructor(e){this.type=e.type,this.target=e.target,this.currentTarget=e.target,this.intersect=e.intersect,this.originalEvent=e.originalEvent}stopPropagation(){this._propagationStopped=!0}get propagationStopped(){return this._propagationStopped}}class oe{domElement;scene;camera;raycaster=new n.Raycaster;pointer=new n.Vector2;hoveredObject=null;pointerDownTime=0;pointerDownPos=new n.Vector2;clickTimer=null;longPressThreshold=500;moveThreshold=.01;targetObjects;pointerMoveEventsEnabled=!1;constructor(e,t,s){this.domElement=e,this.scene=t,this.camera=s,this.raycaster.params.Points.threshold=.1,this.raycaster.params.Line.threshold=.1,this.targetObjects=this.scene.children,this._bindEvents()}setCamera(e){this.camera=e}_bindEvents(){this.domElement.addEventListener("click",this._onClick),this.domElement.addEventListener("dblclick",this._onDblClick),this.domElement.addEventListener("contextmenu",this._onContextMenu),this.domElement.addEventListener("pointerdown",this._onPointerDown),this.domElement.addEventListener("pointerup",this._onPointerUp),this.domElement.addEventListener("pointermove",this._onPointerMove)}_updatePointer(e){const t=this.domElement.getBoundingClientRect();this.pointer.x=(e.clientX-t.left)/t.width*2-1,this.pointer.y=-((e.clientY-t.top)/t.height)*2+1}_getIntersects(){return this.raycaster.setFromCamera(this.pointer,this.camera),this.raycaster.intersectObjects(this.targetObjects,!0)}_dispatchToTarget(e,t,s,i){const r=new ae({type:e,target:t,intersect:s,originalEvent:i});let a=t;for(;a&&!r.propagationStopped;)r.currentTarget=a,a.dispatchEvent({type:e,event:r}),a=a.parent}_handleEvent(e,t){this._updatePointer(t);const s=this._getIntersects();if(s.length===0)return;const i=s[0];this._dispatchToTarget(e,i.object,i,t)}_onClick=e=>{const t=Date.now()-this.pointerDownTime,s=this.pointer.distanceTo(this.pointerDownPos);if(!(t>this.longPressThreshold||s>this.moveThreshold)){if(this.clickTimer){clearTimeout(this.clickTimer),this.clickTimer=null;return}this.clickTimer=setTimeout(()=>{this._handleEvent("click",e),this.clickTimer=null},200)}};_onDblClick=e=>{this.clickTimer&&(clearTimeout(this.clickTimer),this.clickTimer=null),this._handleEvent("dblclick",e)};_onContextMenu=e=>{e.preventDefault()};_onPointerDown=e=>{this.pointerDownTime=Date.now(),this._updatePointer(e),this.pointerDownPos.copy(this.pointer),this._handleEvent("pointerdown",e)};_onPointerUp=e=>{if(this._updatePointer(e),e.button===2){const t=Date.now()-this.pointerDownTime,s=this.pointer.distanceTo(this.pointerDownPos);t<=this.longPressThreshold&&s<=this.moveThreshold&&this._handleEvent("rightclick",e)}this._handleEvent("pointerup",e)};_onPointerMove=e=>{if(!this.pointerMoveEventsEnabled)return;this._updatePointer(e);const t=this._getIntersects(),s=t.length>0?t[0].object:null,i=t.length>0?t[0]:null;this.hoveredObject!==s&&(this.hoveredObject&&this._dispatchToTarget("pointerleave",this.hoveredObject,null,e),this.hoveredObject=s,s&&i&&this._dispatchToTarget("pointerenter",s,i,e)),s&&i&&this._dispatchToTarget("pointermove",s,i,e)};dispose(){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 ce{idMap=new Map;nameMap=new Map;typeMap=new Map;objectIds=new Map;allObjects=new Set;add(e,t){if(this.idMap.has(e)){console.warn(`ObjectManager: Object with id ${e} already exists.`);return}this.idMap.set(e,t),this.allObjects.add(t),this.objectIds.has(t)||this.objectIds.set(t,new Set),this.objectIds.get(t).add(e),t.name&&(this.nameMap.has(t.name)||this.nameMap.set(t.name,new Set),this.nameMap.get(t.name).add(t)),t.type&&(this.typeMap.has(t.type)||this.typeMap.set(t.type,new Set),this.typeMap.get(t.type).add(t))}getById(e){return this.idMap.get(e)}getByName(e){return this.nameMap.get(e)||new Set}getByType(e){return this.typeMap.get(e)||new Set}getObjectIds(e){return this.objectIds.get(e)||new Set}remove(e){const t=this.objectIds.get(e);if(t){for(const s of t)this.idMap.delete(s);this.objectIds.delete(e)}if(e.name&&this.nameMap.has(e.name)){const s=this.nameMap.get(e.name);s.delete(e),s.size===0&&this.nameMap.delete(e.name)}if(e.type&&this.typeMap.has(e.type)){const s=this.typeMap.get(e.type);s.delete(e),s.size===0&&this.typeMap.delete(e.type)}this.allObjects.delete(e)}removeById(e){const t=this.idMap.get(e);t&&this.remove(t)}removeByName(e){const t=this.getByName(e);for(const s of t)this.remove(s)}removeByType(e){const t=this.getByType(e);for(const s of t)this.remove(s)}clear(){this.idMap.clear(),this.nameMap.clear(),this.typeMap.clear(),this.objectIds.clear(),this.allObjects.clear()}getAll(){return this.allObjects}get size(){return this.allObjects.size}}class he extends n.RenderPipeline{scene;camera;scenePass;needsUpdateOutputNode;#r;#t;#s=!1;#a={strength:1,radius:0,threshold:0};#c=null;#n=!1;#e={sliceCount:1,stepCount:12,aoIntensity:1,giIntensity:10,radius:12,thickness:1};#h=null;#o=!1;#l=null;#d=null;constructor(...e){const[t,s,i]=e;super(t),this.scene=s,this.camera=i,this.scenePass=d.pass(s,i),this.needsUpdateOutputNode=!0,this.#r=new Set,this.#t=[],this.#p()}get currentOutputNode(){return this.scenePass}addOverlayPass(e){this.#r.add(e),this.needsUpdateOutputNode=!0}removeOverlayPass(e){this.#r.delete(e),this.needsUpdateOutputNode=!0}setCamera(e){this.camera=e,this.#i()}setCurrentOutputNode(e){this.setOutputComposer(()=>e)}resetCurrentOutputNode(){this.setOutputComposer(null)}setOutputComposer(e){this.#d=e,this.needsUpdateOutputNode=!0}enableBloom(e){e&&Object.assign(this.#a,e),this.#s=!0,this.#i()}disableBloom(){this.#s=!1,this.#c=null,this.#i()}updateBloom(e){Object.assign(this.#a,e),this.#s&&(this.needsUpdateOutputNode=!0)}enableSSGI(e){e&&Object.assign(this.#e,e),this.#n=!0,this.#i()}disableSSGI(){this.#n=!1,this.#h=null,this.#i()}updateSSGI(e){if(Object.assign(this.#e,e),this.#h){const t=this.#h;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.#o=!0,this.#i()}disableTRAA(){this.#o=!1,this.#l=null,this.#i()}#i(){const e=this.scenePass;this.scenePass=d.pass(this.scene,this.camera),this.#p(),this.needsUpdateOutputNode=!0,e.dispose()}#p(){if(this.#s||this.#n||this.#o){const t={output:d.output};this.#s&&(t.emissive=d.emissive),this.#n&&(t.normal=d.normalView),this.#o&&(t.velocity=d.velocity),this.scenePass.setMRT(d.mrt(t))}}#u(){for(const e of this.#t)e.dispose();this.#t=[]}#m(){let e=this.scenePass.getTextureNode();if(this.#n)if(!(this.camera instanceof n.PerspectiveCamera))console.warn("RenderPipeline: SSGI requires a PerspectiveCamera, skipping.");else{const t=this.scenePass.getTextureNode(),s=this.scenePass.getTextureNode("depth"),i=this.scenePass.getTextureNode("normal"),r=Le.ssgi(t,s,i,this.camera);r.sliceCount.value=this.#e.sliceCount,r.stepCount.value=this.#e.stepCount,r.aoIntensity.value=this.#e.aoIntensity,r.giIntensity.value=this.#e.giIntensity,r.radius.value=this.#e.radius,r.thickness.value=this.#e.thickness,this.#h=r,e=d.add(e,r),this.#t.push(r)}if(this.#s){const t=this.scenePass.getTextureNode("emissive");this.#c=Oe.bloom(t,this.#a.strength,this.#a.radius,this.#a.threshold),e=d.add(e,this.#c),this.#t.push(this.#c)}return e}#g(){this.#u();let e;if(this.#d?e=this.#d(this.scenePass):this.#s||this.#n?e=this.#m():e=this.scenePass,this.#o){const t=this.scenePass.getTextureNode("depth"),s=this.scenePass.getTextureNode("velocity");this.#l=Re.traa(e,t,s,this.camera),this.#t.push(this.#l),e=this.#l}this.#r.size>0&&this.#r.forEach(t=>{const s=d.blendColor(e,t);this.#t.push(s),e=s}),this.outputNode=e,this.needsUpdate=!0}render(){this.needsUpdateOutputNode&&(this.#g(),this.needsUpdateOutputNode=!1),super.render()}dispose(){this.#u(),this.scenePass.dispose(),super.dispose()}}const ke={Vector2:n.Vector2,Vector3:n.Vector3,Vector4:n.Vector4,Quaternion:n.Quaternion,Matrix4:n.Matrix4,Spherical:n.Spherical,Box3:n.Box3,Sphere:n.Sphere,Raycaster:n.Raycaster};ne.install({THREE:ke});class le extends ne{constructor(...e){super(...e),this.minDistance=.2,this.smoothTime=.2,this.dollySpeed=.2}absoluteRotations(){this.azimuthAngle=Fe(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:i=!0,padding:r=.1,cover:a=!1}=t,c=[];if(s!=="current"){const h=Z[s.toUpperCase()]??Z.FRONTTOP,l=h.theta,p=h.phi;c.push(this.fitToBox(e,i,{paddingLeft:r,paddingRight:r,paddingTop:r,paddingBottom:r,cover:a})),c.push(this.rotateTo(l,p,i))}else{const h=new n.Sphere;e.getBoundingSphere(h),h.radius+=r,c.push(this.fitToSphere(h,i))}return await Promise.all(c),!0}async flyToObject(e,t={}){const s=new n.Box3().setFromObject(e);return this.flyToBox(s,t)}async setCameraViewpoint(e,t=!0){const{position:s,target:i,zoom:r=this.camera.zoom}=e;return Promise.all([this.zoomTo(r,t),this.setLookAt(s.x,s.y,s.z,i.x,i.y,i.z,t)])}}const Z={LEFT:new n.Spherical(0,Math.PI/2,-Math.PI/2),RIGHT:new n.Spherical(0,Math.PI/2,Math.PI/2),FRONT:new n.Spherical(0,Math.PI/2,0),BACK:new n.Spherical(0,Math.PI/2,Math.PI),TOP:new n.Spherical(0,0,0),BOTTOM:new n.Spherical(0,Math.PI,0),FRONTTOP:new n.Spherical(0,Math.PI/4,0),BACKTOP:new n.Spherical(0,Math.PI/4,Math.PI),LEFTTOP:new n.Spherical(0,Math.PI/4,-Math.PI/2),RIGHTTOP:new n.Spherical(0,Math.PI/4,Math.PI/2),LEFTFRONTTOP:new n.Spherical(0,Math.PI/4,-Math.PI/4),RIGHTFRONTTOP:new n.Spherical(0,Math.PI/4,Math.PI/4),LEFTBACKTOP:new n.Spherical(0,Math.PI/4,-Math.PI/4*3),RIGHTBACKTOP:new n.Spherical(0,Math.PI/4,Math.PI/4*3)};function Fe(o,e){const t=o-e;return n.MathUtils.euclideanModulo(t+Math.PI,Math.PI*2)-Math.PI}class de{environment=new Ie.RoomEnvironment;renderer;pmremGenerator;envMap=null;constructor(e){this.renderer=e,this.pmremGenerator=new n.PMREMGenerator(e)}update(){this.envMap||(this.envMap=this.pmremGenerator.fromScene(this.environment).texture)}dispose(){this.pmremGenerator.dispose(),this.envMap?.dispose()}}const H=128;class He extends _e.ViewHelper{viewer;overlayPass;constructor(e){super(e.camera,e.el),this.viewer=e;const t=new n.OrthographicCamera(-2,2,2,-2,0,4);t.position.set(0,0,2),this.overlayPass=d.pass(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-H-e.right,e.top!==null?s=e.top:s=this.viewer.el.offsetHeight-H-e.bottom,this.overlayPass.setViewport(t,s,H,H)};enable(){return this.viewer.renderPipeline.addOverlayPass(this.overlayPass),this.viewer.addEventListener("beforeRender",this._update),this.viewer.render(),this}disable(){return this.viewer.renderPipeline.removeOverlayPass(this.overlayPass),this.viewer.removeEventListener("beforeRender",this._update),this.viewer.render(),this}}const pe="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;",ze=pe+"z-index:0;",qe=pe+"z-index:1;";class ue{el;css2dRenderer=null;css3dRenderer=null;constructor(e){this.el=e,getComputedStyle(e).position==="static"&&(e.style.position="relative")}initCSS2DRenderer(){const e=new K.CSS2DRenderer;return e.setSize(this.el.clientWidth,this.el.clientHeight),e.domElement.style.cssText=qe,this.el.appendChild(e.domElement),this.css2dRenderer=e,e}initCSS3DRenderer(){const e=new U.CSS3DRenderer;return e.setSize(this.el.clientWidth,this.el.clientHeight),e.domElement.style.cssText=ze,this.el.appendChild(e.domElement),this.css3dRenderer=e,e}createCSS2DObject(e){return this.css2dRenderer||this.initCSS2DRenderer(),new K.CSS2DObject(e)}createCSS25DObject(e){return this.css3dRenderer||this.initCSS3DRenderer(),new U.CSS3DSprite(e)}createCSS3DObject(e){return this.css3dRenderer||this.initCSS3DRenderer(),new U.CSS3DObject(e)}render(e,t){this.css2dRenderer&&this.css2dRenderer.render(e,t),this.css3dRenderer&&this.css3dRenderer.render(e,t)}resize(e,t){this.css2dRenderer&&this.css2dRenderer.setSize(e,t),this.css3dRenderer&&this.css3dRenderer.setSize(e,t)}dispose(){this.css2dRenderer&&(this.el.removeChild(this.css2dRenderer.domElement),this.css2dRenderer=null),this.css3dRenderer&&(this.el.removeChild(this.css3dRenderer.domElement),this.css3dRenderer=null)}}class We{el;renderer;container;drawCallsText;frameCallsText;trianglesText;pointsText;linesText;timestampText;_enabled=!1;constructor(e,t){this.el=e,this.renderer=t;const s=document.createElement("div");s.style.position="absolute",s.style.left="12px",s.style.bottom="12px",s.style.fontSize="12px",s.style.color="#fff",s.style.pointerEvents="none",this.container=s;function i(a,c=!0){const h=document.createElement("span");return c&&(h.style.marginLeft="6px"),h.innerText=a,h}function r(){return document.createElement("br")}this.drawCallsText=i("0"),this.frameCallsText=i("0"),this.trianglesText=i("0"),this.linesText=i("0"),this.pointsText=i("0"),this.timestampText=i("0"),this.container.appendChild(i("draw calls",!1)),this.container.appendChild(this.drawCallsText),this.container.appendChild(r()),this.container.appendChild(i("frame calls",!1)),this.container.appendChild(this.frameCallsText),this.container.appendChild(r()),this.container.appendChild(i("triangles",!1)),this.container.appendChild(this.trianglesText),this.container.appendChild(r()),this.container.appendChild(i("points",!1)),this.container.appendChild(this.pointsText),this.container.appendChild(r()),this.container.appendChild(i("lines",!1)),this.container.appendChild(this.linesText),this.container.appendChild(r()),this.container.appendChild(i("timestamp",!1)),this.container.appendChild(this.timestampText),this.container.appendChild(r())}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(n.TimestampQuery.RENDER).then(t=>{this.timestampText.innerText=t?.toFixed(2)??"0"})}}enable(){this._enabled=!0,this.el.appendChild(this.container)}disable(){this._enabled=!1,this.container.remove()}dispose(){this.disable()}}n.Cache.enabled=!0;class $e extends n.EventDispatcher{el;renderer;scene;camera;info;controls;renderPipeline;timer;roomEnvironment;interactionManager;objectManager;viewerHelper;cssRenderer;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 We(this.el,this.renderer),this.controls=new le(this.camera,this.renderer.domElement),this.renderPipeline=new he(this.renderer,this.scene,this.camera),this.timer=new n.Timer,this.roomEnvironment=new de(this.renderer),this.interactionManager=new oe(this.renderer.domElement,this.scene,this.camera),this.objectManager=new ce,this.viewerHelper=new He(this),this.cssRenderer=new ue(this.el),window.addEventListener("resize",this.onWindowResize)}onWindowResize=()=>{const e=this.el.clientWidth,t=this.el.clientHeight;this.camera instanceof n.PerspectiveCamera?(this.camera.aspect=e/t,this.camera.updateProjectionMatrix()):this.camera instanceof n.OrthographicCamera&&(this.camera.left=-e/2,this.camera.right=e/2,this.camera.top=t/2,this.camera.bottom=-t/2,this.camera.updateProjectionMatrix()),this.renderer.setSize(e,t),this.cssRenderer.resize(e,t),this.render()};async init(){await this.renderer.init(),this.roomEnvironment.update(),this.scene.environment=this.roomEnvironment.envMap}setCamera(e){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 n.PerspectiveCamera)?this.setCamera(this.createPerspectiveCamera()):e==="orthographic"&&!(this.camera instanceof n.OrthographicCamera)&&this.setCamera(this.createOrthographicCamera())}render(e=1){return this.frameCount+=e,new Promise(t=>{const s=()=>{this.removeEventListener("afterRender",s),t()};this.addEventListener("afterRender",s)})}animate=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.cssRenderer.render(this.scene,this.camera),this.info.update(),this.dispatchEvent({type:"afterRender",time:e,delta:t}))};_initRenderer(e){const t=new n.WebGPURenderer({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=n.PCFShadowMap,t.toneMapping=n.AgXToneMapping,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 n.Scene;return e.background=new n.Color(0),e}createPerspectiveCamera(){const e=new n.PerspectiveCamera(50,this.el.clientWidth/this.el.clientHeight,.1,1e5);return e.position.setScalar(5),e}createOrthographicCamera(){const e=new n.OrthographicCamera(-this.el.clientWidth/2,this.el.clientWidth/2,this.el.clientHeight/2,-this.el.clientHeight/2,.1,1e5);return e.position.setScalar(5),e}dispose(){this.el.removeChild(this.renderer.domElement),window.removeEventListener("resize",this.onWindowResize),this.info.dispose(),this.interactionManager.dispose(),this.roomEnvironment.dispose(),this.cssRenderer.dispose(),this.renderPipeline.dispose(),this.renderer.dispose()}}class me extends re.GLTFLoader{constructor(e){super(e)}parse(e,t,s,i){if(Ke(e.slice(0,8))==="SBMG----"){const a=Qe(e.slice(8));return super.parse(a,t,s,i)}else return super.parse(e,t,s,i)}}function Ke(o){return new TextDecoder().decode(new Uint8Array(o))}function Qe(o){const e=new DataView(o);for(let t=0;t<e.byteLength;t++){const s=e.getUint8(t),i=(s>>4&15)+(s<<4&240);e.setUint8(t,i)}return e.buffer}const Xe=8,Ve=130,ee=66,Ye="SBK-----",Je="SBM-----",ge=new TextDecoder,Ze=new TextEncoder;function et(o){let e=Xe;const t=new Uint8Array(o,0,e);if(ge.decode(t)!==Ye)return o;e+=Ve;const i=new Uint8Array(o,0,e);if(i[40]===1){const a=Ze.encode(Je),c=new Uint8Array([i[41]]),h=tt(i),l=st(h);let p=ee%l.length;const m=e+ee,y=new Uint8Array(o,m),g=new Uint8Array(y.length);for(let C=0;C<y.length;C++)g[C]=y[C]^l[p],p=(p+1)%l.length;const v=new Uint8Array(a.length+c.length+g.length);return v.set(a),v.set(c,a.length),v.set(g,a.length+c.length),v.buffer}}function tt(o){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}function st(o){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}const it=(o,e,t)=>{const s=o.buffer.slice(t,t+e);let i=ge.decode(s);return i=i.replace("\\","/"),i.startsWith("Maps/")||(i=`Maps/${i}`),i},nt=(o,e,t)=>{const[s,i,r,a,c]=e,h=t||a<1;return new n.MeshStandardNodeMaterial({name:o,color:new n.Color(s,i,r),opacity:a,transparent:h,alphaTest:.01,side:c})},rt=o=>o?.toLowerCase().endsWith(".png")??!1;class at{data;options;textureLoader;littleEndian=!0;materials=new Map;constructor(e,t){this.data=e,this.options=t,this.textureLoader=new n.TextureLoader(t.manager),this.textureLoader.setCrossOrigin(t.crossOrigin),this.textureLoader.setRequestHeader(t.requestHeader)}parse(e,t){let s=this.data;const i=et(this.data);i&&(s=i);const r=new DataView(s);let a=8;const c=r.getUint8(a);a+=1,c===1?this._parseV2(r,a,e):c===2?this._parseV2(r,a,e):c===3?this._parseV3(r,a,e):t?.(new Error(`SBMLoader: Unsupported SBM version: ${c}`))}_parseV2(e,t,s){const i=new n.Group,r=e.getUint16(t,this.littleEndian);t+=2;const a=e.getUint16(t,this.littleEndian);t+=2;for(let c=0;c<r;++c){const h=e.getUint16(t,this.littleEndian).toString();t+=2,t+=4,t+=4,t+=4,t+=4;const l=e.getFloat32(t,this.littleEndian);t+=4;const p=e.getFloat32(t,this.littleEndian);t+=4;const m=e.getFloat32(t,this.littleEndian);t+=4;const y=e.getFloat32(t,this.littleEndian);t+=4,t+=4,t+=4,t+=4,t+=4;let g=e.getUint8(t);t+=1,g===0?g=n.FrontSide:g===1?g=n.BackSide:g===2&&(g=n.DoubleSide);const v=e.getUint16(t,this.littleEndian);t+=2;const C=v>0?it(e,v,t):"";if(t+=v,!this.materials.has(h)){const S=nt(h,[l,p,m,y,g],rt(C));this.materials.set(h,S),C&&this.options.path&&this.textureLoader.load(n.LoaderUtils.resolveURL(C,this.options.path),w=>{w.colorSpace=n.SRGBColorSpace,w.wrapS=n.RepeatWrapping,w.wrapT=n.RepeatWrapping,w.flipY=!1,w.anisotropy=16,S.map=w})}}for(let c=0;c<a;++c){const h=e.getUint16(t,this.littleEndian).toString();t+=2;const l=e.getUint16(t,this.littleEndian).toString();t+=2;const p=[],m=[],y=[],g=[],v=e.getUint16(t,this.littleEndian);if(t+=2,v>0)for(let f=0;f<v;f++){const b=new n.Vector3;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,p.push(b)}const C=e.getUint16(t,this.littleEndian);if(t+=2,C>0)for(let f=0;f<C;f++)t+=4,t+=4,t+=4;const T=e.getUint16(t,this.littleEndian);if(t+=2,T>0)for(let f=0;f<T;f++){const b=new n.Vector2;b.setX(e.getFloat32(t,this.littleEndian)),t+=4,b.setY(e.getFloat32(t,this.littleEndian)),t+=4,m.push(b)}const S=e.getUint16(t,this.littleEndian);if(t+=2,S>0)for(let f=0;f<S;f++){const b=e.getUint16(t,this.littleEndian);t+=2;const R=e.getUint16(t,this.littleEndian);t+=2;const I=e.getUint16(t,this.littleEndian);t+=2;const x=[b,R,I];y.push(x),m.length>0&&g.push([m[x[0]],m[x[1]],m[x[2]]])}const w=[],E=[];for(let f=0;f<y.length;f++){const b=y[f],R=p[b[0]],I=p[b[1]],x=p[b[2]];w.push(...R.toArray(),...I.toArray(),...x.toArray());let F=new n.Vector2,D=new n.Vector2,B=new n.Vector2;const N=g[f];N!==void 0&&(F=N[0],D=N[1],B=N[2]),E.push(...F.toArray(),...D.toArray(),...B.toArray())}const P=new Float32Array(w),O=new Float32Array(E),M=new n.BufferGeometry;if(P.length>0&&M.setAttribute("position",new n.BufferAttribute(P,3)),O.length>0&&M.setAttribute("uv",new n.BufferAttribute(O,2)),M.computeVertexNormals(),this.materials.has(l)){const f=new n.Mesh(M,this.materials.get(l));f.name=h,f.castShadow=!0,f.receiveShadow=!0,i.add(f)}}s(i)}_parseV3(e,t,s){const i=new n.Group;console.warn("SBMLoader: SBM version 3 is not supported yet."),s(i)}}class fe extends n.Loader{load(e,t,s,i){let r;if(this.resourcePath!=="")r=this.resourcePath;else if(this.path!==""){const h=n.LoaderUtils.extractUrlBase(e);r=n.LoaderUtils.resolveURL(h,this.path)}else r=n.LoaderUtils.extractUrlBase(e);this.manager.itemStart(e);const a=h=>{i?i(h):console.error(h),this.manager.itemError(e),this.manager.itemEnd(e)},c=new n.FileLoader(this.manager);c.setPath(this.path),c.setResponseType("arraybuffer"),c.setRequestHeader(this.requestHeader),c.setWithCredentials(this.withCredentials),c.load(e,h=>{try{this.parse(h,r,l=>{t(l),this.manager.itemEnd(e)},a)}catch(l){a(l)}},s,a)}parse(e,t,s,i){const r=new TextDecoder().decode(e.slice(0,8));if(r!=="SBK-----"&&r!=="SBM-----"){i?.(new Error(`SBMLoader: Invalid SBM format: ${r}`));return}new at(e,{path:t,crossOrigin:this.crossOrigin,requestHeader:this.requestHeader,manager:this.manager}).parse(s,i)}parseAsync(e,t){return new Promise((s,i)=>{this.parse(e,t,r=>{s(r)},r=>{i(r)})})}}class L{static CACHE_NAME="u-space-model-loader-cache";static fileLoader=new n.FileLoader().setResponseType("arraybuffer");static dracoLoader=new De.DRACOLoader().setDecoderPath(`https://cdn.jsdelivr.net/npm/three@0.${n.REVISION}.0/examples/jsm/libs/draco/`);static ktx2Loader=new je.KTX2Loader().setTranscoderPath(`https://cdn.jsdelivr.net/npm/three@0.${n.REVISION}.0/examples/jsm/libs/basis/`);static gltfLoader=new re.GLTFLoader().setDRACOLoader(L.dracoLoader).setKTX2Loader(L.ktx2Loader).setMeshoptDecoder(J.MeshoptDecoder);static sbmxLoader=new me().setDRACOLoader(L.dracoLoader).setKTX2Loader(L.ktx2Loader).setMeshoptDecoder(J.MeshoptDecoder);static sbmLoader=new fe;static fbxLoader=new Be.FBXLoader;static objLoader=new Ne.OBJLoader;static stlLoader=new Ae.STLLoader;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}static async setRenderer(e){await e.init(),this.ktx2Loader.detectSupport(e)}static setDracoPath(e){this.dracoLoader.setDecoderPath(e)}static setKTX2Path(e){this.ktx2Loader.setTranscoderPath(e)}static async loadAsync(e,t={persistent:!0}){const s=e.split(".").pop()?.split("?")[0].toLowerCase();let i;switch(t.persistent&&typeof caches<"u"?i=await this.getPersistentData(e):i=await this.fileLoader.loadAsync(e),s){case"gltf":case"glb":const r=await this.gltfLoader.parseAsync(i,n.LoaderUtils.extractUrlBase(e));return r.scene.animations=r.animations,r.scene;case"sbmx":const a=await this.sbmxLoader.parseAsync(i,n.LoaderUtils.extractUrlBase(e));return a.scene.animations=a.animations,a.scene;case"sbm":return await this.sbmLoader.parseAsync(i,n.LoaderUtils.extractUrlBase(e));case"fbx":return this.fbxLoader.parse(i,n.LoaderUtils.extractUrlBase(e));case"obj":const l=new TextDecoder().decode(i);return this.objLoader.parse(l);case"stl":const m=this.stlLoader.parse(i);return new n.Mesh(m,new n.MeshStandardNodeMaterial);default:throw new Error(`Unsupported model format: ${s}`)}}static async getPersistentData(e){try{const t=await caches.open(this.CACHE_NAME),s=await t.match(e);if(s)return await s.arrayBuffer();const i=await this.fileLoader.loadAsync(e),r=new Response(i);return await t.put(e,r),i}catch(t){return console.warn(`[LoaderManager] Failed to use Cache API for ${e}:`,t),await this.fileLoader.loadAsync(e)}}}class ot{static textureLoader=new n.TextureLoader;static hdrLoader=new Ue.HDRLoader;static cubeTextureLoader=new n.CubeTextureLoader;static setLoadingManager(e){this.textureLoader.manager=e,this.hdrLoader.manager=e,this.cubeTextureLoader.manager=e}static async loadAsyncTexture(e){return await this.textureLoader.loadAsync(e)}static async loadAsyncHDR(e){const t=await this.hdrLoader.loadAsync(e);return t.mapping=n.EquirectangularReflectionMapping,t}static async loadAsyncCubeTexture(e,t){return this.cubeTextureLoader.setPath(e),await this.cubeTextureLoader.loadAsync(t)}}class _ extends n.Mesh{isBaseMesh=!0;type="BaseMesh";ignoreInvisibleWhenRaycast=!0;constructor(...e){super(...e)}raycast(e,t){return this.visible===!1&&this.ignoreInvisibleWhenRaycast===!0?!1:super.raycast(e,t)}}class X extends n.Group{isBaseGroup=!0;type="BaseGroup";ignoreInvisibleWhenRaycast=!0;constructor(...e){super(...e)}raycast(e,t){return this.visible===!1&&this.ignoreInvisibleWhenRaycast===!0?!1:super.raycast(e,t)}}class ye extends n.Sprite{isBaseSprite=!0;type="BaseSprite";ignoreInvisibleWhenRaycast=!0;constructor(...e){super(...e)}raycast(e,t){return this.visible===!1&&this.ignoreInvisibleWhenRaycast===!0?!1:super.raycast(e,t)}}class G extends X{isModel=!0;type="Model";static memoryCache=new Map;mixer=null;animations=[];actions=new Map;constructor(){super()}async loadAsync(e){const{url:t,cache:s=!0,persistent:i=!0}=e;try{let r;s?G.memoryCache.has(t)?r=G.memoryCache.get(t):(r=L.loadAsync(t,{persistent:i}),G.memoryCache.set(t,r)):r=L.loadAsync(t,{persistent:i});const a=await r,c=Ge.clone(a);return this.add(c),c.animations&&c.animations.length>0&&(this.animations=c.animations,this.mixer=new n.AnimationMixer(c)),c}catch(r){return console.error(`[Model] Failed to load model from ${t}:`,r),null}}playAnimation(e,t={}){if(!this.mixer||this.animations.length===0)return null;const{loop:s=!0,repetitions:i=1/0,timeScale:r=1,clampWhenFinished:a=!1}=t;let c;if(e===void 0?c=this.animations[0]:typeof e=="number"?c=this.animations[e]:c=this.animations.find(l=>l.name===e),!c)return console.warn(`[Model] Animation not found: ${e}`),null;let h=this.actions.get(c.name);return h||(h=this.mixer.clipAction(c),this.actions.set(c.name,h)),h.setLoop(s?n.LoopRepeat:n.LoopOnce,i),h.clampWhenFinished=a,h.timeScale=r,h.reset().play(),h}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()}static async clearPersistentCache(){typeof caches<"u"&&await caches.delete("u-space-loader-cache")}}class we extends _{isSphereMesh=!0;type="SphereMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(),this.geometry=new n.SphereGeometry(e?.radius,e?.widthSegments,e?.heightSegments,e?.phiStart,e?.phiLength,e?.thetaStart,e?.thetaLength),this.material=new n.MeshStandardNodeMaterial(t)}}class Q extends _{isTubeMesh=!0;type="TubeMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(),this.geometry=new n.TubeGeometry(e?.path,e?.tubularSegments,e?.radius,e?.radialSegments,e?.closed),this.material=new n.MeshStandardNodeMaterial(t)}}class ct extends X{isTopology=!0;type="Topology";parameters={nodeColor:255,nodeRadius:.5,edgeColor:65280,edgeRadius:.1,pathColor:16711935,pathRadius:.2};nodes=new Map;adjacencyMap=new Map;graphGroup=null;pathMeshes=[];constructor(e){super(),e&&Object.assign(this.parameters,e)}addNode(e,t){this.nodes.has(e)&&console.warn(`[Topology] Node ${e} already exists. Overwriting.`),this.nodes.set(e,t),this.adjacencyMap.has(e)||this.adjacencyMap.set(e,new Map)}removeNode(e){if(!this.nodes.has(e)){console.warn(`[Topology] Node ${e} does not exist.`);return}this.nodes.delete(e),this.adjacencyMap.delete(e)}addEdge(e,t,s,i=!0){const r=this.nodes.get(e),a=this.nodes.get(t);if(!r||!a){console.error(`[Topology] Cannot add edge. One or both nodes not found: ${e}, ${t}`);return}const c=s??r.distanceTo(a);this.getNeighbors(e)?.set(t,c),i&&this.getNeighbors(t)?.set(e,c)}removeEdge(e,t,s=!0){this.getNeighbors(e)?.delete(t),s&&this.getNeighbors(t)?.delete(e)}getShortestPath(e,t){if(!this.nodes.has(e)||!this.nodes.has(t))return console.warn("[Topology] Start or End node not found."),[];const s=new Map,i=new Map,r=new Set;for(const[h]of this.nodes)s.set(h,1/0),i.set(h,null),r.add(h);for(s.set(e,0);r.size>0;){let h=null,l=1/0;for(const m of r){const y=s.get(m);y<l&&(l=y,h=m)}if(h===null||h===t||l===1/0)break;r.delete(h);const p=this.adjacencyMap?.get(h);if(p)for(const[m,y]of p){if(!r.has(m))continue;const g=s.get(h)+y;g<s.get(m)&&(s.set(m,g),i.set(m,h))}}const a=[];let c=t;if(i.get(t)===null&&e!==t)return[];for(;c!==null;){const h=this.nodes.get(c);h&&a.unshift(h),c=i.get(c)||null}return a}renderGraph(){this.clearGraph(),this.graphGroup=new n.Group;const e=new we({geometryParameters:{radius:this.parameters.nodeRadius,widthSegments:16,heightSegments:16},materialParameters:{color:this.parameters.nodeColor}});this.nodes.forEach((s,i)=>{const r=e.clone();r.position.copy(s),Object.assign(r.userData,{id:i,type:"node"}),this.graphGroup.add(r)});const t=new Set;this.adjacencyMap.forEach((s,i)=>{s.forEach((r,a)=>{const c=[i,a].sort().join("-");if(t.has(c))return;t.add(c);const h=this.nodes.get(i),l=this.nodes.get(a);if(h&&l){const p=new n.LineCurve3(h,l),m=new Q({geometryParameters:{path:p,tubularSegments:1,radius:this.parameters.edgeRadius,radialSegments:8,closed:!1},materialParameters:{color:this.parameters.edgeColor}});Object.assign(m.userData,{from:i,to:a,weight:r,type:"edge"}),this.graphGroup.add(m)}})}),this.add(this.graphGroup)}clearGraph(){this.graphGroup&&(this.remove(this.graphGroup),this.graphGroup.traverse(e=>{e instanceof n.Mesh&&(e.geometry.dispose(),e.material.dispose())}),this.graphGroup=null)}renderPath(e,t=this.parameters.pathColor){if(e.length<2)return;const s=new n.CatmullRomCurve3(e,!1,"catmullrom",0),i=new Q({geometryParameters:{path:s,tubularSegments:e.length*10,radius:this.parameters.pathRadius,closed:!1},materialParameters:{color:t}});return this.add(i),this.pathMeshes.push(i),i}clearPaths(){this.pathMeshes.forEach(e=>{this.remove(e),e.geometry.dispose(),e.material.dispose()}),this.pathMeshes=[]}exportData(){const e={};this.nodes.forEach((i,r)=>{e[r]={x:i.x,y:i.y,z:i.z}});const t=[],s=new Set;return this.adjacencyMap.forEach((i,r)=>{i.forEach((a,c)=>{const h=[r,c].sort().join("-");s.has(h)||(s.add(h),t.push({from:r,to:c,weight:a}))})}),{nodes:e,edges:t}}importData(e){this.clearGraph(),this.clearPaths(),this.nodes.clear(),this.adjacencyMap.clear(),Object.entries(e.nodes).forEach(([t,s])=>{this.addNode(t,new n.Vector3(s.x,s.y,s.z))}),e.edges.forEach(({from:t,to:s,weight:i})=>{this.addEdge(t,s,i)}),this.renderGraph()}dispose(){this.clearGraph(),this.clearPaths()}getNeighbors(e){return this.adjacencyMap.get(e)}}class ht extends ye{isPoi=!0;type="Poi";parameters={img:"",text:"",fontSize:32,fontFamily:"Arial",color:"#ffffff",iconSize:64,padding:10,backgroundColor:"rgba(0, 0, 0, 0)",borderRadius:8,textPosition:"right",scaleFactor:.01};_canvas=document.createElement("canvas");_lastParametersJSON="";constructor(e={}){super(new n.SpriteNodeMaterial),Object.assign(this.parameters,e),this.updateAsync()}async updateAsync(e={}){Object.assign(this.parameters,e);const t=JSON.stringify(this.parameters);if(t===this._lastParametersJSON)return;this._lastParametersJSON=t;const s=this._canvas,i=s.getContext("2d");if(!i)return;i.font=`${this.parameters.fontSize}px ${this.parameters.fontFamily}`;let r=null;this.parameters.img&&(r=await this._loadImage(this.parameters.img));const{text:a,fontSize:c,color:h,iconSize:l,padding:p,backgroundColor:m,borderRadius:y,textPosition:g,scaleFactor:v}=this.parameters,C=i.measureText(a),T=a?C.width:0,S=a?c:0;let w=0,E=0,P=0,O=0,M=0,f=0;const b=!!r,R=!!a;if(b&&R)switch(g){case"top":w=Math.max(l,T),E=l+p+S,M=(w-T)/2,f=S/2,P=(w-l)/2,O=S+p;break;case"bottom":w=Math.max(l,T),E=l+p+S,P=(w-l)/2,O=0,M=(w-T)/2,f=l+p+S/2;break;case"left":w=l+p+T,E=Math.max(l,S),M=0,f=E/2,P=T+p,O=(E-l)/2;break;default:w=l+p+T,E=Math.max(l,S),P=0,O=(E-l)/2,M=l+p,f=E/2;break}else b?(w=l,E=l,P=0,O=0):R&&(w=T,E=S,M=0,f=S/2);const I=w+p*2,x=E+p*2;if(s.width=I,s.height=x,i.font=`${c}px ${this.parameters.fontFamily}`,m&&(i.fillStyle=m,this._drawRoundedRect(i,0,0,I,x,y),i.fill()),b&&i.drawImage(r,P+p,O+p,l,l),R){i.fillStyle=h;const B=i.measureText(a),N=B.actualBoundingBoxAscent+B.actualBoundingBoxDescent,Pe=B.actualBoundingBoxAscent-N/2;i.textBaseline="alphabetic",i.fillText(a,M+p,f+p+Pe)}const F=this.material.map,D=new n.CanvasTexture(s);D.colorSpace=n.SRGBColorSpace,this.material.map=D,F?.dispose(),this.scale.set(I*v,x*v,1)}_loadImage(e){return new Promise((t,s)=>{if(typeof e=="string"){const i=new Image;i.crossOrigin="Anonymous",i.onload=()=>t(i),i.onerror=()=>s(new Error(`Failed to load image: ${e}`)),i.src=e}else t(e)})}_drawRoundedRect(e,t,s,i,r,a){e.beginPath(),e.moveTo(t+a,s),e.lineTo(t+i-a,s),e.quadraticCurveTo(t+i,s,t+i,s+a),e.lineTo(t+i,s+r-a),e.quadraticCurveTo(t+i,s+r,t+i-a,s+r),e.lineTo(t+a,s+r),e.quadraticCurveTo(t,s+r,t,s+r-a),e.lineTo(t,s+a),e.quadraticCurveTo(t,s,t+a,s),e.closePath()}dispose(){this.material.map?.dispose(),this.material.dispose()}}class V extends _{isShapeMesh=!0;type="ShapeMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(),this.geometry=new n.ShapeGeometry(e?.shape,e?.curveSegments),this.material=new n.MeshStandardNodeMaterial(t),this.geometry.rotateX(-Math.PI/2)}static createFromPoints(e,t={}){return new V({...t,geometryParameters:{...t.geometryParameters,shape:new n.Shape(e.map(s=>new n.Vector2(s.x,-s.z)))}})}}class Y extends _{isExtrudeMesh=!0;type="ExtrudeMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(),this.geometry=new n.ExtrudeGeometry(e?.shape,e?.options),this.material=new n.MeshStandardNodeMaterial(t),this.geometry.rotateX(-Math.PI/2)}static createFromPoints(e,t={}){return new Y({...t,geometryParameters:{...t.geometryParameters,shape:new n.Shape(e.map(s=>new n.Vector2(s.x,-s.z)))}})}}class lt extends _{isPlaneMesh=!0;type="PlaneMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(),this.geometry=new n.PlaneGeometry(e?.width,e?.height,e?.widthSegments,e?.heightSegments),this.material=new n.MeshStandardNodeMaterial(t)}}class dt extends _{isCircleMesh=!0;type="CircleMesh";constructor({geometryParameters:e,materialParameters:t}={}){super(new n.CircleGeometry(e?.radius,e?.segments,e?.thetaStart,e?.thetaLength),new n.MeshStandardNodeMaterial(t)),this.geometry.rotateX(-Math.PI/2)}}class j{static traverseMeshes(e,t){e.traverse(s=>{s instanceof n.Mesh&&t(s)})}}class pt{static flow(e={}){const{baseColor:t=16777215,flowColor:s=65280,speed:i=1,scale:r=3,intensity:a=4}=e,c=d.color(new A.Color(t)),h=d.color(new A.Color(s)),l=d.uv().x.mul(r).sub(d.time.mul(i)),p=d.pow(d.sin(l).add(1).mul(.5),a);return d.mix(c,h,p)}static breathe(e={}){const{baseColor:t=16777215,breathColor:s=65280,speed:i=1,intensity:r=2}=e,a=d.color(new A.Color(t)),c=d.color(new A.Color(s)),h=d.sin(d.time.mul(i)).add(1).mul(.5),l=d.pow(h,r);return d.mix(a,c,l)}static fluid(e={}){const{baseColor:t=16777215,flowColor:s=255,speed:i=1,scale:r=1,intensity:a=1,distortion:c=.5}=e,h=d.color(new A.Color(t)),l=d.color(new A.Color(s)),p=d.uv().mul(r),m=d.time.mul(i),y=d.mx_noise_float(p.add(m),1,0),g=p.add(y.mul(c)),v=d.mx_noise_float(g,1,0).add(1).mul(.5),C=d.pow(v,a);return d.mix(h,l,C)}}function ut(o){}const W="uSpaceHighlight",k=`${W}/enabled`,ve=`${W}/opacity`,be=`${W}/color`,Ce=`${W}/overwrite`,$="uSpaceBreathe",z=`${$}/enabled`,Se=`${$}/color`,Ee=`${$}/speed`,Te=`${$}/intensity`,q=new WeakMap,mt=d.Fn(()=>{const o=d.userData(k,"uint"),e=d.userData(be,"uint"),t=d.userData(Ce,"uint"),s=ie(e),i=d.materialColor.mul(s),r=d.select(t.greaterThan(0),s,i),a=d.select(o.greaterThan(0),r,d.materialColor),c=d.userData(z,"uint"),h=d.userData(Se,"uint"),l=d.userData(Ee,"float"),p=d.userData(Te,"float"),m=ie(h),y=d.sin(d.time.mul(l)).add(1).mul(.5),g=d.pow(y,p),v=d.mix(a,m,g);return d.select(c.greaterThan(0),v,a)})(),gt=d.Fn(()=>{const o=d.userData(k,"uint"),e=d.userData(ve,"float");return d.select(o.greaterThan(0),e,d.materialOpacity)})();function te(o){const e=o.material;if(!e||Array.isArray(e))return;let t=q.get(e);t||(t={colorNode:e.colorNode,opacityNode:e.opacityNode,transparent:e.transparent,activeMeshes:new Set},q.set(e,t)),t.activeMeshes.add(o),e.transparent=!0,e.colorNode=mt,e.opacityNode=gt,e.needsUpdate=!0}function se(o){const e=o.userData[k],t=o.userData[z];if(e||t)return;const s=o.material;if(!s||Array.isArray(s))return;const i=q.get(s);i&&(i.activeMeshes.delete(o),!(i.activeMeshes.size>0)&&(s.colorNode=i.colorNode,s.opacityNode=i.opacityNode,s.transparent=i.transparent,s.needsUpdate=!0,q.delete(s)))}class ft{static highlightColor(e,t={}){const s=Array.isArray(e)?e:[e],i=Object.assign({opacity:.5,color:16711680,overwrite:!1},t);i.color=new n.Color(i.color).getHex();for(const r of s)j.traverseMeshes(r,a=>{a.userData[k]=1,a.userData[ve]=i.opacity,a.userData[be]=i.color,a.userData[Ce]=i.overwrite?1:0,te(a)})}static removeHighlightColor(e){const t=Array.isArray(e)?e:[e];for(const s of t)j.traverseMeshes(s,i=>{i.userData[k]=0,se(i)})}static breatheColor(e,t={}){const s=Array.isArray(e)?e:[e],i=Object.assign({color:65280,speed:1,intensity:2},t);i.color=new n.Color(i.color).getHex();for(const r of s)j.traverseMeshes(r,a=>{a.userData[z]=1,a.userData[Se]=i.color,a.userData[Ee]=i.speed,a.userData[Te]=i.intensity,te(a)})}static removeBreatheColor(e){const t=Array.isArray(e)?e:[e];for(const s of t)j.traverseMeshes(s,i=>{i.userData[z]=0,se(i)})}}const ie=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 d.vec3(e,t,s)};class Me extends u.Tween{viewer;constructor(e,t){super(t),this.viewer=e}_update=({time:e})=>{this.update(e)&&this.viewer.render()};easingByMode(e){const t=wt[e];return super.easing(t)}start(e,t){return this.viewer.addEventListener("afterControlsUpdate",this._update),super.start(e,t)}stop(){return this.viewer.removeEventListener("afterControlsUpdate",this._update),super.stop()}}function yt(o,e,t,s={},i,r){return new Promise((a,c)=>{const{duration:h=1e3,delay:l=0,repeat:p=!1,mode:m="Linear.None",yoyo:y=!1}=s,g=new Me(o,e).to(t,h).easingByMode(m).delay(l).onUpdate(v=>{i?.(v,g)}).onComplete(()=>{a()}).onStop(()=>{c("animation stop")}).onStart(()=>{r?.(g)});typeof p=="number"?g.repeat(p):typeof p=="boolean"&&p&&g.repeat(1/0),y&&g.repeatDelay(20),g.yoyo(y),g.start()})}const wt={"Linear.None":u.Easing.Linear.None,"Quadratic.In":u.Easing.Quadratic.In,"Quadratic.Out":u.Easing.Quadratic.Out,"Quadratic.InOut":u.Easing.Quadratic.InOut,"Cubic.In":u.Easing.Cubic.In,"Cubic.Out":u.Easing.Cubic.Out,"Cubic.InOut":u.Easing.Cubic.InOut,"Quartic.In":u.Easing.Quartic.In,"Quartic.Out":u.Easing.Quartic.Out,"Quartic.InOut":u.Easing.Quartic.InOut,"Quintic.In":u.Easing.Quintic.In,"Quintic.Out":u.Easing.Quintic.Out,"Quintic.InOut":u.Easing.Quintic.InOut,"Sinusoidal.In":u.Easing.Sinusoidal.In,"Sinusoidal.Out":u.Easing.Sinusoidal.Out,"Sinusoidal.InOut":u.Easing.Sinusoidal.InOut,"Exponential.In":u.Easing.Exponential.In,"Exponential.Out":u.Easing.Exponential.Out,"Exponential.InOut":u.Easing.Exponential.InOut,"Circular.In":u.Easing.Circular.In,"Circular.Out":u.Easing.Circular.Out,"Circular.InOut":u.Easing.Circular.InOut,"Elastic.In":u.Easing.Elastic.In,"Elastic.Out":u.Easing.Elastic.Out,"Elastic.InOut":u.Easing.Elastic.InOut,"Back.In":u.Easing.Back.In,"Back.Out":u.Easing.Back.Out,"Back.InOut":u.Easing.Back.InOut,"Bounce.In":u.Easing.Bounce.In,"Bounce.Out":u.Easing.Bounce.Out,"Bounce.InOut":u.Easing.Bounce.InOut},xe="0.0.5";window.__USPACE__={version:xe};Object.defineProperty(exports,"CSS2DObject",{enumerable:!0,get:()=>K.CSS2DObject});Object.defineProperty(exports,"CSS3DObject",{enumerable:!0,get:()=>U.CSS3DObject});Object.defineProperty(exports,"CSS3DSprite",{enumerable:!0,get:()=>U.CSS3DSprite});exports.BaseGroup=X;exports.BaseMesh=_;exports.BaseSprite=ye;exports.CSSRenderer=ue;exports.CameraControls=le;exports.CircleMesh=dt;exports.ExtrudeMesh=Y;exports.InteractionEvent=ae;exports.InteractionManager=oe;exports.MaterialEffects=ft;exports.Model=G;exports.ModelLoaderManager=L;exports.ObjectManager=ce;exports.ObjectUtils=j;exports.PlaneMesh=lt;exports.Poi=ht;exports.RenderPipeline=he;exports.RoomEnvironment=de;exports.SBMLoader=fe;exports.SBMXLoader=me;exports.ShapeMesh=V;exports.SphereMesh=we;exports.TSLEffects=pt;exports.TextureLoaderManager=ot;exports.Topology=ct;exports.TubeMesh=Q;exports.Tween=Me;exports.Viewer=$e;exports.reinterpretType=ut;exports.tweenAnimation=yt;exports.version=xe;