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

package/dist/vim-web.js

@@ -52740,13 +52740,20 @@ class DoubleClickHandler {
   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 {
@@ -52998,11 +53005,7 @@ class InputHandler extends BaseInputHandler {
     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", () => {
@@ -55900,6 +55903,11 @@ function createAdapter$2(viewer) {
     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();
     },
@@ -55924,7 +55932,7 @@ function createAdapter$2(viewer) {
     },
     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);
@@ -58828,6 +58836,7 @@ class Decoder {
   }
 }
 const CODE_TO_KEYCODE = {
+  "Space": 32,
   "ArrowUp": 38,
   "ArrowDown": 40,
   "ArrowLeft": 37,
@@ -58861,6 +58870,9 @@ function createAdapter$1(viewer) {
     toggleOrthographic: () => {
       console.log("toggleOrthographic. Not supported yet");
     },
+    toggleCameraOrbitMode: () => {
+      viewer.rpc.RPCKeyEvent(CODE_TO_KEYCODE["Space"], true);
+    },
     resetCamera: () => {
       viewer.camera.restoreSavedPosition();
     },
@@ -60906,6 +60918,7 @@ class Vim2 {
     // 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);
@@ -61071,16 +61084,18 @@ class Vim2 {
     }
     this.applyColor(elements, color);
   }
-  applyColor(elements, color) {
-    for (let i = 0; i < color.length; i++) {
-      const c = color[i];
+  applyColor(elements, colors) {
+    for (let i = 0; i < colors.length; i++) {
+      const color = colors[i];
       const element = elements[i];
-      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();
   }
@@ -61100,6 +61115,7 @@ class Vim2 {
   }
   reapplyColors() {
     this._updatedColors.clear();
+    this._removedColors.clear();
     this._elementColors.forEach((c, n) => this._updatedColors.add(n));
     this.scheduleColorUpdate();
   }
@@ -61116,12 +61132,15 @@ class Vim2 {
     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) {
@@ -75307,15 +75326,18 @@ class ComponentLoader {
   }
 }
 function MessageBox(props) {
+  const [minimized, setMinimized] = React__default.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)
   ] });
 }
@@ -75326,6 +75348,9 @@ function closeBtn(onClose) {
   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") {
@@ -76054,6 +76079,16 @@ function Viewer$1(props) {
     side.setHasBim(((_a3 = viewerState.vim.get()) == null ? void 0 : _a3.bim) !== void 0);
   });
   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);
     }
@@ -76422,18 +76457,28 @@ function createViewer(container) {
   return controllablePromise.promise;
 }
 function Viewer3(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 = useRef(null);
   const sectionBoxPanelHandle = useRef(null);
   const modalHandle = useRef(null);
   const side = useSideState(true, 400);
   const [_, setSelectState] = useState(0);
   const [controlBarCustom, setControlBarCustom] = 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);
   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((i) => (i + 1) % 2);
@@ -76443,8 +76488,8 @@ function Viewer3(props) {
       get modal() {
         return modalHandle.current;
       },
-      isolation,
-      sectionBox: sectionBox2,
+      isolation: isolationRef,
+      sectionBox: sectionBoxRef,
       camera: camera2,
       get isolationPanel() {
         return isolationPanelHandle.current;
@@ -76472,8 +76517,8 @@ function Viewer3(props) {
             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 }),