vim-web 0.3.44-dev.85 → 0.4.0

package/dist/vim-web.js

@@ -21423,7 +21423,7 @@ class Fog {
     };
   }
 }
-class Scene extends Object3D {
+let Scene$1 = class Scene extends Object3D {
   constructor() {
     super();
     this.isScene = true;
@@ -21465,7 +21465,7 @@ class Scene extends Object3D {
     data2.object.environmentRotation = this.environmentRotation.toArray();
     return data2;
   }
-}
+};
 class InterleavedBuffer {
   constructor(array, stride) {
     this.isInterleavedBuffer = true;
@@ -30655,7 +30655,7 @@ class ObjectLoader extends Loader {
     let geometry, material;
     switch (data2.type) {
       case "Scene":
-        object = new Scene();
+        object = new Scene$1();
         if (data2.background !== void 0) {
           if (Number.isInteger(data2.background)) {
             object.background = new Color(data2.background);
@@ -44937,7 +44937,7 @@ const three_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   SIGNED_RED_RGTC1_Format,
   SRGBColorSpace,
   SRGBTransfer,
-  Scene,
+  Scene: Scene$1,
   ShaderChunk,
   ShaderLib,
   ShaderMaterial,
@@ -46760,7 +46760,7 @@ let Vim$1 = class Vim {
   * @param {VimHeader | undefined} header - The Vim header, if available.
   * @param {VimDocument} document - The Vim document.
   * @param {G3d | undefined} g3d - The G3d object, if available.
-  * @param {WebglScene} scene - The scene containing the vim's geometry.
+  * @param {Scene} scene - The scene containing the vim's geometry.
   * @param {VimSettings} settings - The settings used to open this vim.
   * @param {ElementMapping | ElementNoMapping | ElementMapping2} map - The element mapping.
   * @param {SubsetBuilder} builder - The subset builder for constructing subsets of the Vim object.
@@ -46863,7 +46863,7 @@ let Vim$1 = class Vim {
    * @param {number} id - The element ID to retrieve objects for.
    * @returns {THREE.Object3D[]} An array of objects corresponding to the element ID, or an empty array if none are found.
    */
-  getElementFromId(id2) {
+  getElementsFromId(id2) {
     const elements = this.map.getElementsFromElementId(id2);
     return (elements == null ? void 0 : elements.map((e) => this.getElementFromIndex(e)).filter((o) => o !== void 0)) ?? [];
   }
@@ -47165,7 +47165,7 @@ function calculateCentroidAndBoundingBox(positions) {
   const centroid = sum.divideScalar(positions.length);
   return { centroid, aabb };
 }
-class WebglScene {
+class Scene2 {
   constructor(matrix) {
     // Dependencies
     __publicField(this, "_renderer");
@@ -49840,7 +49840,7 @@ async function loadFromVimX(bfast2, settings2, onProgress) {
     remoteVimx2.bfast.source.onProgress = onProgress;
   }
   const vimx = await Vimx.fromRemote(remoteVimx2, !settings2.progressive);
-  const scene = new WebglScene(settings2.matrix);
+  const scene = new Scene2(settings2.matrix);
   const mapping = new ElementMapping2(vimx.scene);
   const builder = new VimxSubsetBuilder(vimx, scene);
   const vim = new Vim$1(
@@ -49870,7 +49870,7 @@ async function loadFromVim(bfast2, settings2, onProgress) {
   const geometry = await bfast2.getBfast("geometry");
   const g3d2 = await distExports$2.G3d.createFromBfast(geometry);
   const materials = new distExports$2.G3dMaterial(g3d2.materialColors);
-  const scene = new WebglScene(settings2.matrix);
+  const scene = new Scene2(settings2.matrix);
   const factory = new VimMeshFactory(g3d2, materials, scene);
   const doc = await distExports$2.VimDocument.createFromBfast(bfast2);
   const mapping = await ElementMapping.fromG3d(g3d2, doc);
@@ -49972,7 +49972,7 @@ class VimRequest {
     this._completionPromise.resolve();
   }
   async getResult() {
-    await this._completionPromise;
+    await this._completionPromise.promise;
     return this._error ? new ErrorResult(this._error) : new SuccessResult(this._vimResult);
   }
   /**
@@ -52464,7 +52464,7 @@ class MouseHandler extends BaseInputHandler {
     __publicField(this, "onClick");
     __publicField(this, "onDoubleClick");
     __publicField(this, "onWheel");
-    this._capture = new CaptureStateMachine(canvas);
+    this._capture = new CaptureHandler(canvas);
     this._dragHandler = new DragHandler((delta, button) => this.onDrag(delta, button));
   }
   addListeners() {
@@ -52523,7 +52523,6 @@ class MouseHandler extends BaseInputHandler {
     var _a3;
     if (event.pointerType !== "mouse") return;
     this._canvas.focus();
-    this._capture.onPointerMove(event);
     const pos = this.relativePosition(event);
     this._dragHandler.onPointerMove(pos);
     (_a3 = this.onMouseMove) == null ? void 0 : _a3.call(this, pos);
@@ -52547,34 +52546,23 @@ class MouseHandler extends BaseInputHandler {
     );
   }
 }
-class CaptureStateMachine {
+class CaptureHandler {
   constructor(canvas) {
     __publicField(this, "_canvas");
-    __publicField(this, "state");
-    __publicField(this, "id");
+    __publicField(this, "_id");
     this._canvas = canvas;
-    this.state = "none";
-    this.id = -1;
+    this._id = -1;
   }
   onPointerDown(event) {
-    if (this.state === "captured") {
-      this._canvas.releasePointerCapture(this.id);
-    }
-    this.id = event.pointerId;
-    this.state = "capture";
-  }
-  onPointerMove(_event) {
-    if (this.state === "capture") {
-      this._canvas.setPointerCapture(this.id);
-      this.state = "captured";
+    if (this._id >= 0) {
+      this._canvas.releasePointerCapture(this._id);
     }
+    this._canvas.setPointerCapture(event.pointerId);
+    this._id = event.pointerId;
   }
   onPointerUp(event) {
-    if (this.state === "captured") {
-      this._canvas.releasePointerCapture(this.id);
-      this.state = "none";
-      this.id = -1;
-    }
+    this._canvas.releasePointerCapture(this._id);
+    this._id = -1;
   }
 }
 class DoubleClickHandler {
@@ -55104,7 +55092,7 @@ class RenderScene {
     __publicField(this, "_2dCount", 0);
     __publicField(this, "_outlineCount", 0);
     __publicField(this, "_modelMaterial");
-    this.threeScene = new Scene();
+    this.threeScene = new Scene$1();
   }
   get meshes() {
     return this._vimScenes.flatMap((s) => s.meshes);
@@ -55145,7 +55133,7 @@ class RenderScene {
    * Add object to be rendered
    */
   add(target) {
-    if (target instanceof WebglScene) {
+    if (target instanceof Scene2) {
       this.addScene(target);
       target.material = this._modelMaterial;
       return;
@@ -55173,7 +55161,7 @@ class RenderScene {
    * Remove object from rendering
    */
   remove(target) {
-    if (target instanceof WebglScene) {
+    if (target instanceof Scene2) {
       this.removeScene(target);
       return;
     }
@@ -56940,7 +56928,7 @@ let Renderer$1 = class Renderer {
    * @param target The object or scene to add for rendering.
    */
   add(target) {
-    if (target instanceof WebglScene) {
+    if (target instanceof Scene2) {
       const mem = target.getMemory();
       const remaining = this.maxMemory - this.estimatedMemory;
       if (mem > remaining) {
@@ -58852,17 +58840,14 @@ class Decoder {
   }
 }
 const CODE_TO_KEYCODE = {
-  // Arrow keys
   "ArrowUp": 38,
   "ArrowDown": 40,
   "ArrowLeft": 37,
   "ArrowRight": 39,
-  // WASD movement
   "KeyW": 87,
   "KeyA": 65,
   "KeyS": 83,
   "KeyD": 68,
-  // Vertical movement (Up/Down)
   "KeyE": 69,
   "KeyQ": 81
 };
@@ -58927,16 +58912,10 @@ function createAdapter$1(viewer) {
     moveCamera: (value) => {
     },
     keyDown: (code) => {
-      const key = CODE_TO_KEYCODE[code];
-      if (!key) return false;
-      viewer.rpc.RPCKeyEvent(key, true);
-      return true;
+      return sendKey(viewer, code, true);
     },
     keyUp: (code) => {
-      const key = CODE_TO_KEYCODE[code];
-      if (!key) return false;
-      viewer.rpc.RPCKeyEvent(key, false);
-      return true;
+      return sendKey(viewer, code, false);
     },
     mouseDown: (pos, button) => {
       viewer.rpc.RPCMouseButtonEvent(pos, button, true);
@@ -58954,6 +58933,12 @@ async function frameSelection$1(viewer) {
   if (!box) return;
   viewer.camera.frameBox(box);
 }
+function sendKey(viewer, code, pressed) {
+  const key = CODE_TO_KEYCODE[code];
+  if (!key) return false;
+  viewer.rpc.RPCKeyEvent(key, pressed);
+  return true;
+}
 class LoadSuccess {
   constructor(vim) {
     __publicField(this, "isError", false);
@@ -60944,28 +60929,53 @@ class Viewport2 {
   }
 }
 class Element3D2 {
+  /**
+   * Creates a new `Element3D` instance.
+   * @param vim - The parent `Vim` model.
+   * @param instance - The internal instance index.
+   */
   constructor(vim, instance) {
+    /**
+     * The parent `Vim` instance this element belongs to.
+     */
     __publicField(this, "vim");
+    // TODO: this should be many instances
+    // This will be replaced by the element index in the future
+    /**
+     * The internal instance index within the `Vim` model.
+     */
     __publicField(this, "instance");
     this.vim = vim;
     this.instance = instance;
   }
+  /**
+   * The unique handle of the parent `Vim` model.
+   */
   get vimHandle() {
     return this.vim.handle;
   }
-  // This should be many instances
+  /**
+   * Gets or sets the display state of the element (e.g., visible, hidden).
+   */
   get state() {
     return this.vim.nodeState.getNodeState(this.instance);
   }
   set state(state) {
     this.vim.nodeState.setNodeState(this.instance, state);
   }
+  /**
+   * Gets or sets the color override of the element.
+   */
   get color() {
     return this.vim.getColor(this.instance);
   }
   set color(color) {
     this.vim.setColor([this.instance], color);
   }
+  /**
+   * Computes and returns the bounding box of the element.
+   * @returns A promise resolving to the element's bounding box.
+   */
   async getBoundingBox() {
     return this.vim.getBoundingBoxNodes([this.instance]);
   }
@@ -61009,7 +61019,7 @@ class Vim2 {
     this._objects.set(instance, object);
     return object;
   }
-  getElementFromId(id2) {
+  getElementsFromId(id2) {
     throw new Error("Method not implemented.");
   }
   getElementFromIndex(element) {
@@ -61640,6 +61650,11 @@ const style = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   sectionDefaultStyle,
   sectionNoPadStyle
 }, Symbol.toStringTag, { value: "Module" }));
+const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Ids: controlBarIds,
+  Style: style
+}, Symbol.toStringTag, { value: "Module" }));
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -62578,21 +62593,6 @@ function requireJsxRuntime() {
   return jsxRuntime.exports;
 }
 var jsxRuntimeExports = requireJsxRuntime();
-function isControlBarButtonItem(button) {
-  return button !== null && typeof button === "object" && typeof button.id === "string" && typeof button.tip === "string" && typeof button.action === "function" && typeof button.icon === "function" && (button.enabled === void 0 || typeof button.enabled === "function") && (button.isOn === void 0 || typeof button.isOn === "function") && (button.style === void 0 || typeof button.style === "function");
-}
-function createButton(button) {
-  var _a3;
-  if (button.enabled !== void 0 && !button.enabled()) return null;
-  const style$1 = (button.style ?? buttonDefaultStyle)((_a3 = button.isOn) == null ? void 0 : _a3.call(button));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style$1, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
-}
-const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Ids: controlBarIds,
-  Style: style,
-  isControlBarButtonItem
-}, Symbol.toStringTag, { value: "Module" }));
 function pointer({ height, width, fill: fill2, className }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, height, width, viewBox: "0 0 50 50", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "path",
@@ -67425,6 +67425,12 @@ function AxesPanel(props) {
     }
   );
 }
+function createButton(button) {
+  var _a3;
+  if (button.enabled !== void 0 && !button.enabled()) return null;
+  const style$1 = (button.style ?? buttonDefaultStyle)((_a3 = button.isOn) == null ? void 0 : _a3.call(button));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style$1, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
+}
 function createSection$1(section) {
   if (section.enable !== void 0 && !section.enable()) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style ?? sectionDefaultStyle}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
@@ -74927,31 +74933,6 @@ function useBimInfo() {
     }
   };
 }
-class DeferredPromise extends Promise {
-  constructor(executor = () => {
-  }) {
-    var _a3;
-    let resolver;
-    let rejector;
-    super((resolve, reject) => {
-      resolver = resolve;
-      rejector = reject;
-      return executor(resolve, reject);
-    });
-    __publicField(this, "resolve");
-    __publicField(this, "reject");
-    __publicField(this, "initialCallStack");
-    this.resolve = resolver;
-    this.reject = rejector;
-    this.initialCallStack = (_a3 = Error().stack) == null ? void 0 : _a3.split("\n").slice(2).join("\n");
-  }
-  /** @throws error with amended call stack */
-  rejectWithError(error) {
-    var _a3;
-    error.stack = [(_a3 = error.stack) == null ? void 0 : _a3.split("\n")[0], this.initialCallStack].join("\n");
-    this.reject(error);
-  }
-}
 const vcColorPrimary = "vc-text-[#212733]";
 const vcColorSecondary = "vc-text-[#787C83]";
 const vcColorLink = "vc-text-[#0590CC]";
@@ -75193,9 +75174,9 @@ class LoadRequest2 {
     __publicField(this, "_callbacks");
     __publicField(this, "_request");
     __publicField(this, "_progress", { loaded: 0, total: 0, all: /* @__PURE__ */ new Map() });
-    __publicField(this, "_progressPromise", new DeferredPromise());
+    __publicField(this, "_progressPromise", new ControllablePromise());
     __publicField(this, "_isDone", false);
-    __publicField(this, "_completionPromise", new DeferredPromise());
+    __publicField(this, "_completionPromise", new ControllablePromise());
     this.source = source;
     this._callbacks = callbacks;
     this.startRequest(source, settings2);
@@ -75216,7 +75197,7 @@ class LoadRequest2 {
     this._callbacks.onProgress(progress);
     this._progress = progress;
     this._progressPromise.resolve();
-    this._progressPromise = new DeferredPromise();
+    this._progressPromise = new ControllablePromise();
   }
   onSuccess() {
     this._callbacks.onDone();
@@ -75236,7 +75217,7 @@ class LoadRequest2 {
   }
   async *getProgress() {
     while (!this._isDone) {
-      await this._progressPromise;
+      await this._progressPromise.promise;
       yield this._progress;
     }
   }
@@ -76091,7 +76072,7 @@ function getVisibilityState$1(viewer) {
   return "some";
 }
 function createViewer$1(container, settings2 = {}, coreSettings = {}) {
-  const promise = new DeferredPromise();
+  const controllablePromise = new ControllablePromise();
   const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
   const viewer = new Viewer$3(coreSettings);
   viewer.viewport.reparent(cmpContainer.gfx);
@@ -76110,12 +76091,12 @@ function createViewer$1(container, settings2 = {}, coreSettings = {}) {
       {
         container: cmpContainer,
         viewer,
-        onMount: (cmp) => promise.resolve(patchRef(cmp)),
+        onMount: (cmp) => controllablePromise.resolve(patchRef(cmp)),
         settings: settings2
       }
     )
   );
-  return promise;
+  return controllablePromise.promise;
 }
 function Viewer$1(props) {
   const settings2 = useSettings(props.viewer, props.settings ?? {});
@@ -76484,7 +76465,7 @@ function allButSelection(viewer, vim) {
   return false;
 }
 function createViewer(container) {
-  const promise = new DeferredPromise();
+  const controllablePromise = new ControllablePromise();
   const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
   const core = Viewer$2.createWithCanvas(cmpContainer.gfx);
   const reactRoot = clientExports.createRoot(cmpContainer.ui);
@@ -76502,11 +76483,11 @@ function createViewer(container) {
       {
         container: cmpContainer,
         core,
-        onMount: (cmp) => promise.resolve(attachDispose(cmp))
+        onMount: (cmp) => controllablePromise.resolve(attachDispose(cmp))
       }
     )
   );
-  return promise;
+  return controllablePromise.promise;
 }
 function Viewer3(props) {
   const sectionBox2 = useUltraSectionBox(props.core);
@@ -76610,7 +76591,6 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   __proto__: null,
   ContextMenu: contextMenu,
   ControlBar: index$5,
-  DeferredPromise,
   Errors: index$3,
   Icons: icons,
   IsolationPanel,