vim-web 0.5.0-dev.13 → 0.5.0-dev.15

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

@@ -72,7 +72,7 @@ export declare class KeyboardHandler extends BaseInputHandler {
      * @param code The event.code of the key.
      * @param handler Callback invoked on key up.
      */
-    registerKeyUp(code: string, mode: CallbackMode, handler: () => void): void;
+    registerKeyUp(code: string | string[], mode: CallbackMode, handler: () => void): void;
     private registerKey;
     /**
      * Internal key down event handler.

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

@@ -13,12 +13,14 @@ export declare class MouseHandler extends BaseInputHandler {
     onClick: (position: THREE.Vector2, ctrl: boolean) => void;
     onDoubleClick: (position: THREE.Vector2) => void;
     onWheel: (value: number, ctrl: boolean) => void;
+    onContextMenu: (position: THREE.Vector2) => void;
     constructor(canvas: HTMLCanvasElement);
     protected addListeners(): void;
     dispose(): void;
     private handlePointerDown;
     private handlePointerUp;
     private handleMouseClick;
+    private handleContextMenu;
     private handlePointerMove;
     private handleDoubleClick;
     private onMouseScroll;

package/dist/vim-web.iife.js

@@ -52602,7 +52602,11 @@ void main() {
      * @param handler Callback invoked on key up.
      */
     registerKeyUp(code, mode, handler) {
-      this.registerKey(this.keyUpHandlers, code, mode, handler);
+      if (Array.isArray(code)) {
+        code.forEach((c) => this.registerKey(this.keyUpHandlers, c, mode, handler));
+      } else {
+        this.registerKey(this.keyUpHandlers, code, mode, handler);
+      }
     }
     registerKey(map, code, mode, callback) {
       mode = map.has(code) ? mode : "replace";
@@ -52648,6 +52652,7 @@ void main() {
       __publicField(this, "onClick");
       __publicField(this, "onDoubleClick");
       __publicField(this, "onWheel");
+      __publicField(this, "onContextMenu");
       this._capture = new CaptureHandler(canvas);
       this._dragHandler = new DragHandler((delta, button) => this.onDrag(delta, button));
     }
@@ -52689,6 +52694,7 @@ void main() {
         this.handleDoubleClick(event);
       } else {
         this.handleMouseClick(event);
+        this.handleContextMenu(event);
       }
       event.preventDefault();
     }
@@ -52703,6 +52709,16 @@ void main() {
       const modif = event.getModifierState("Shift") || event.getModifierState("Control");
       (_a3 = this.onClick) == null ? void 0 : _a3.call(this, pos, modif);
     }
+    async handleContextMenu(event) {
+      var _a3;
+      if (event.pointerType !== "mouse") return;
+      if (event.button !== 2) return;
+      const pos = this.relativePosition(event);
+      if (!almostEqual(this._lastMouseDownPosition, pos, 0.01)) {
+        return;
+      }
+      (_a3 = this.onContextMenu) == null ? void 0 : _a3.call(this, new Vector2(event.clientX, event.clientY));
+    }
     handlePointerMove(event) {
       var _a3;
       if (event.pointerType !== "mouse") return;
@@ -53009,18 +53025,14 @@ void main() {
       this._moveSpeed = settings2.moveSpeed ?? 1;
       this.rotateSpeed = settings2.rotateSpeed ?? 1;
       this.orbitSpeed = settings2.orbitSpeed ?? 1;
-      this.reg(document, "contextmenu", (e) => {
-        this._onContextMenu.dispatch(new Vector2(e.clientX, e.clientY));
-        e.preventDefault();
-      });
       this.keyboard = new KeyboardHandler(canvas);
       this.mouse = new MouseHandler(canvas);
       this.touch = new TouchHandler(canvas);
       this.keyboard.onKeyDown = (key) => adapter.keyDown(key);
       this.keyboard.onKeyUp = (key) => adapter.keyUp(key);
       this.keyboard.registerKeyUp("KeyP", "replace", () => adapter.toggleOrthographic());
-      this.keyboard.registerKeyUp("Equal", "replace", () => this.moveSpeed++);
-      this.keyboard.registerKeyUp("Minus", "replace", () => this.moveSpeed--);
+      this.keyboard.registerKeyUp(["Equal", "NumpadAdd"], "replace", () => this.moveSpeed++);
+      this.keyboard.registerKeyUp(["Minus", "NumpadSubtract"], "replace", () => this.moveSpeed--);
       this.keyboard.registerKeyUp("Space", "replace", () => adapter.toggleCameraOrbitMode());
       this.keyboard.registerKeyUp("Home", "replace", () => adapter.resetCamera());
       this.keyboard.registerKeyUp("Escape", "replace", () => adapter.clearSelection());
@@ -53031,18 +53043,28 @@ void main() {
         const mul = Math.pow(1.25, this._moveSpeed);
         adapter.moveCamera(value.multiplyScalar(mul));
       };
+      this.mouse.onContextMenu = (pos) => this._onContextMenu.dispatch(pos);
       this.mouse.onButtonDown = adapter.mouseDown;
       this.mouse.onMouseMove = adapter.mouseMove;
-      this.mouse.onButtonUp = adapter.mouseUp;
+      this.mouse.onButtonUp = (pos, button) => {
+        this.pointerOverride = void 0;
+        adapter.mouseUp(pos, button);
+      };
       this.mouse.onDrag = (delta, button) => {
         if (button === 0) {
-          if (this._pointerActive === "orbit") adapter.orbitCamera(toRotation(delta, this.orbitSpeed));
-          if (this._pointerActive === "look") adapter.rotateCamera(toRotation(delta, this.rotateSpeed));
-          if (this._pointerActive === "pan") adapter.panCamera(delta);
-          if (this._pointerActive === "zoom") adapter.dollyCamera(delta);
+          if (this.pointerActive === "orbit") adapter.orbitCamera(toRotation(delta, this.orbitSpeed));
+          if (this.pointerActive === "look") adapter.rotateCamera(toRotation(delta, this.rotateSpeed));
+          if (this.pointerActive === "pan") adapter.panCamera(delta);
+          if (this.pointerActive === "zoom") adapter.dollyCamera(delta);
+        }
+        if (button === 2) {
+          this.pointerOverride = "look";
+          adapter.rotateCamera(toRotation(delta, 1));
+        }
+        if (button === 1) {
+          this.pointerOverride = "pan";
+          adapter.panCamera(delta);
         }
-        if (button === 2) adapter.rotateCamera(toRotation(delta, 1));
-        if (button === 1) adapter.panCamera(delta);
       };
       this.mouse.onClick = (pos, modif) => adapter.selectAtPointer(pos, modif);
       this.mouse.onDoubleClick = adapter.frameAtPointer;
@@ -55920,9 +55942,7 @@ void main() {
         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();
+        viewer.inputs.pointerActive = viewer.inputs.pointerActive === PointerMode$1.ORBIT ? PointerMode$1.LOOK : PointerMode$1.ORBIT;
       },
       resetCamera: () => {
         viewer.camera.lerp(0.75).reset();
@@ -75342,7 +75362,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
   }
   function MessageBox(props) {
-    const [minimized, setMinimized] = React2.useState(true);
+    const [minimized, setMinimized] = React2.useState(false);
     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: [