vim-web 0.5.0-dev.10 → 0.5.0-dev.12

package/dist/types/core-viewers/shared/inputAdapter.d.ts

@@ -2,6 +2,7 @@ import * as THREE from 'three';
 export interface IInputAdapter {
     init: () => void;
     toggleOrthographic: () => void;
+    toggleCameraOrbitMode: () => void;
     resetCamera: () => void;
     clearSelection: () => void;
     frameCamera: () => void;

package/dist/types/core-viewers/ultra/vim.d.ts

@@ -19,6 +19,7 @@ export declare class Vim implements IVim<Element3D> {
     readonly visibility: VisibilitySynchronizer;
     private _elementColors;
     private _updatedColors;
+    private _removedColors;
     private _updateScheduled;
     private _elementCount;
     private _objects;

package/dist/types/react-viewers/panels/messageBox.d.ts

@@ -1,8 +1,10 @@
 export type MessageBoxProps = {
     title: string;
     body: string | JSX.Element;
+    icon?: JSX.Element;
     footer?: string | JSX.Element;
     canClose?: boolean;
+    minimize?: boolean;
     onClose?: () => void;
 };
 export type MessageBoxPropsTyped = MessageBoxProps & {

package/dist/vim-web.iife.js

@@ -52756,13 +52756,20 @@ void main() {
     constructor() {
       __publicField(this, "_lastClickTime", 0);
       __publicField(this, "_clickDelay", 300);
+      // Max time between clicks for double-click
+      __publicField(this, "_lastClickPosition", null);
+      __publicField(this, "_positionThreshold", 5);
     }
-    // Delay in milliseconds to consider a double click
+    // Max pixel distance between clicks
     checkForDoubleClick(event) {
       const currentTime = Date.now();
+      const currentPosition = new Vector2(event.clientX, event.clientY);
       const timeDiff = currentTime - this._lastClickTime;
+      const isClose = this._lastClickPosition !== null && this._lastClickPosition.distanceTo(currentPosition) < this._positionThreshold;
+      const isWithinTime = timeDiff < this._clickDelay;
       this._lastClickTime = currentTime;
-      return timeDiff < this._clickDelay;
+      this._lastClickPosition = currentPosition;
+      return isClose && isWithinTime;
     }
   }
   class DragHandler {
@@ -53014,11 +53021,7 @@ void main() {
       this.keyboard.registerKeyUp("KeyP", "replace", () => adapter.toggleOrthographic());
       this.keyboard.registerKeyUp("Equal", "replace", () => this.moveSpeed++);
       this.keyboard.registerKeyUp("Minus", "replace", () => this.moveSpeed--);
-      this.keyboard.registerKeyUp("Space", "replace", () => {
-        this._pointerActive = this._pointerActive === "orbit" ? "look" : "orbit";
-        this._pointerFallback = this._pointerActive;
-        this._onPointerModeChanged.dispatch();
-      });
+      this.keyboard.registerKeyUp("Space", "replace", () => adapter.toggleCameraOrbitMode());
       this.keyboard.registerKeyUp("Home", "replace", () => adapter.resetCamera());
       this.keyboard.registerKeyUp("Escape", "replace", () => adapter.clearSelection());
       this.keyboard.registerKeyUp("KeyF", "replace", () => {
@@ -55916,6 +55919,11 @@ void main() {
       toggleOrthographic: () => {
         viewer.camera.orthographic = !viewer.camera.orthographic;
       },
+      toggleCameraOrbitMode: () => {
+        this._pointerActive = this._pointerActive === PointerMode$1.ORBIT ? PointerMode$1.LOOK : PointerMode$1.ORBIT;
+        this._pointerFallback = this._pointerActive;
+        this._onPointerModeChanged.dispatch();
+      },
       resetCamera: () => {
         viewer.camera.lerp(0.75).reset();
       },
@@ -55940,7 +55948,7 @@ void main() {
       },
       frameAtPointer: async (pos) => {
         const result = await viewer.raycaster.raycastFromScreen(pos);
-        viewer.camera.lerp(0.75).frame(result.object);
+        viewer.camera.lerp(0.75).frame(result.object ?? "all");
       },
       zoom: (value) => {
         viewer.camera.lerp(0.75).zoom(value);
@@ -58844,6 +58852,7 @@ void main() {
     }
   }
   const CODE_TO_KEYCODE = {
+    "Space": 32,
     "ArrowUp": 38,
     "ArrowDown": 40,
     "ArrowLeft": 37,
@@ -58877,6 +58886,9 @@ void main() {
       toggleOrthographic: () => {
         console.log("toggleOrthographic. Not supported yet");
       },
+      toggleCameraOrbitMode: () => {
+        viewer.rpc.RPCKeyEvent(CODE_TO_KEYCODE["Space"], true);
+      },
       resetCamera: () => {
         viewer.camera.restoreSavedPosition();
       },
@@ -60922,6 +60934,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       // Color tracking remains unchanged.
       __publicField(this, "_elementColors", /* @__PURE__ */ new Map());
       __publicField(this, "_updatedColors", /* @__PURE__ */ new Set());
+      __publicField(this, "_removedColors", /* @__PURE__ */ new Set());
       // Delayed update flag.
       __publicField(this, "_updateScheduled", false);
       __publicField(this, "_elementCount", 0);
@@ -61087,16 +61100,18 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
       this.applyColor(elements, color);
     }
-    applyColor(elements, color) {
-      for (let i2 = 0; i2 < color.length; i2++) {
-        const c = color[i2];
+    applyColor(elements, colors) {
+      for (let i2 = 0; i2 < colors.length; i2++) {
+        const color = colors[i2];
         const element = elements[i2];
-        if (c === void 0) {
+        const existingColor = this._elementColors.get(element);
+        if (color === void 0 && existingColor !== void 0) {
           this._elementColors.delete(element);
-        } else {
-          this._elementColors.set(element, c);
+          this._removedColors.add(element);
+        } else if (color !== existingColor) {
+          this._elementColors.set(element, color);
+          this._updatedColors.add(element);
         }
-        this._updatedColors.add(element);
       }
       this.scheduleColorUpdate();
     }
@@ -61116,6 +61131,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     reapplyColors() {
       this._updatedColors.clear();
+      this._removedColors.clear();
       this._elementColors.forEach((c, n) => this._updatedColors.add(n));
       this.scheduleColorUpdate();
     }
@@ -61132,12 +61148,15 @@ Averrage Date/Second ${avgDataRatePS} kb
       this._renderer.notifySceneUpdated();
     }
     async updateRemoteColors() {
-      const elements = Array.from(this._updatedColors);
-      const colors = elements.map((n) => this._elementColors.get(n));
+      const updatedElement = Array.from(this._updatedColors);
+      const removedElement = Array.from(this._removedColors);
+      const colors = updatedElement.map((n) => this._elementColors.get(n));
       const remoteColors = await this._colors.getColors(colors);
       const colorIds = remoteColors.map((c) => (c == null ? void 0 : c.id) ?? -1);
-      this._rpc.RPCSetMaterialOverridesForElements(this._handle, elements, colorIds);
+      this._rpc.RPCClearMaterialOverridesForElements(this._handle, removedElement);
+      this._rpc.RPCSetMaterialOverridesForElements(this._handle, updatedElement, colorIds);
       this._updatedColors.clear();
+      this._removedColors.clear();
     }
   }
   function wait(ms) {
@@ -75323,15 +75342,18 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
   }
   function MessageBox(props) {
+    const [minimized, setMinimized] = React2.useState(true);
     const p = props.value;
     if (!p.title || !p.body) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-message-box vc-p-6 vc-max-h-[80%] vc-max-w-[80%] vc-w-[424px] vc-bg-white vc-rounded-md vc-shadow-message vc-shadow-[0px_4px_16px_rgba(33,39,51,0.5)] vc-font-roboto", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vc-flex vc-justify-between vc-items-center", children: [
+        props.value.icon,
         title(p.title),
-        closeBtn(p.onClose)
+        props.value.canClose && closeBtn(p.onClose),
+        props.value.minimize && minimizeButton(minimized, setMinimized)
       ] }),
-      divider(),
-      body(p.body),
+      !minimized && divider(),
+      !minimized && body(p.body),
       footer(p.footer)
     ] });
   }
@@ -75342,6 +75364,9 @@ Averrage Date/Second ${avgDataRatePS} kb
     if (!onClose) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "vc-text-[#212733] vc-text-xl", children: "×" });
   }
+  function minimizeButton(minimized, setMinimized) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setMinimized(!minimized), className: "vc-text-[#212733] vc-text-xl", children: minimized ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "▼" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "▲" }) });
+  }
   function body(content2) {
     if (content2 === void 0) return null;
     if (typeof content2 === "string") {
@@ -76070,6 +76095,16 @@ Averrage Date/Second ${avgDataRatePS} kb
       side.setHasBim(((_a3 = viewerState.vim.get()) == null ? void 0 : _a3.bim) !== void 0);
     });
     React2.useEffect(() => {
+      sectionBoxRef.showOffsetPanel.onChange.subscribe((show) => {
+        if (show) {
+          isolationRef.showPanel.set(false);
+        }
+      });
+      isolationRef.showPanel.onChange.subscribe((show) => {
+        if (show) {
+          sectionBoxRef.showOffsetPanel.set(false);
+        }
+      });
       if (performanceRef.current) {
         addPerformanceCounter(performanceRef.current);
       }
@@ -76438,18 +76473,28 @@ Averrage Date/Second ${avgDataRatePS} kb
     return controllablePromise.promise;
   }
   function Viewer(props) {
-    const sectionBox2 = useUltraSectionBox(props.core);
-    const camera2 = useUltraCamera(props.core, sectionBox2);
+    const sectionBoxRef = useUltraSectionBox(props.core);
+    const camera2 = useUltraCamera(props.core, sectionBoxRef);
     const isolationPanelHandle = React2.useRef(null);
     const sectionBoxPanelHandle = React2.useRef(null);
     const modalHandle = React2.useRef(null);
     const side = useSideState(true, 400);
     const [_, setSelectState] = React2.useState(0);
     const [controlBarCustom, setControlBarCustom] = React2.useState(() => (c) => c);
-    const isolation = useUltraIsolation(props.core);
-    const controlBar = useUltraControlBar(props.core, sectionBox2, isolation, camera2, (_2) => _2);
+    const isolationRef = useUltraIsolation(props.core);
+    const controlBar = useUltraControlBar(props.core, sectionBoxRef, isolationRef, camera2, (_2) => _2);
     useViewerInput(props.core.inputs, camera2);
     React2.useEffect(() => {
+      sectionBoxRef.showOffsetPanel.onChange.subscribe((show) => {
+        if (show) {
+          isolationRef.showPanel.set(false);
+        }
+      });
+      isolationRef.showPanel.onChange.subscribe((show) => {
+        if (show) {
+          sectionBoxRef.showOffsetPanel.set(false);
+        }
+      });
       props.core.onStateChanged.subscribe((state) => updateModal(modalHandle, state));
       props.core.selection.onSelectionChanged.subscribe(() => {
         setSelectState((i2) => (i2 + 1) % 2);
@@ -76459,8 +76504,8 @@ Averrage Date/Second ${avgDataRatePS} kb
         get modal() {
           return modalHandle.current;
         },
-        isolation,
-        sectionBox: sectionBox2,
+        isolation: isolationRef,
+        sectionBox: sectionBoxRef,
         camera: camera2,
         get isolationPanel() {
           return isolationPanelHandle.current;
@@ -76488,8 +76533,8 @@ Averrage Date/Second ${avgDataRatePS} kb
               show: true
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel$1, { ref: sectionBoxPanelHandle, state: sectionBox2 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel$1, { ref: isolationPanelHandle, state: isolation })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel$1, { ref: sectionBoxPanelHandle, state: sectionBoxRef }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel$1, { ref: isolationPanelHandle, state: isolationRef })
         ] });
       } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ref: modalHandle, canFollowLinks: true }),