@cornerstonejs/tools 4.5.8 → 4.5.10

package/dist/esm/tools/MagnifyTool.d.ts

@@ -16,6 +16,7 @@ declare class MagnifyTool extends BaseTool {
     preMouseDownCallback: (evt: EventTypes.InteractionEventType) => boolean;
     preTouchStartCallback: (evt: EventTypes.InteractionEventType) => void;
     _createMagnificationViewport: () => void;
+    _cancelCallback: (evt: EventTypes.InteractionEventType) => void;
     _dragCallback: (evt: EventTypes.InteractionEventType) => void;
     _dragEndCallback: (evt: EventTypes.InteractionEventType) => void;
     _activateDraw: (element: HTMLDivElement) => void;

package/dist/esm/tools/MagnifyTool.js

@@ -109,6 +109,11 @@ class MagnifyTool extends BaseTool {
             magnifyToolElement.style.display = 'block';
             triggerAnnotationRenderForViewportIds(viewportIdsToRender);
         };
+        this._cancelCallback = (evt) => {
+            evt.preventDefault();
+            evt.stopPropagation();
+            this._dragEndCallback(evt);
+        };
         this._dragCallback = (evt) => {
             const eventDetail = evt.detail;
             const { deltaPoints, element, currentPoints } = eventDetail;
@@ -141,7 +146,12 @@ class MagnifyTool extends BaseTool {
             magnifyViewport.render();
         };
         this._dragEndCallback = (evt) => {
-            const { element } = evt.detail;
+            let { element } = evt.detail;
+            if (element === undefined) {
+                const { enabledElement } = this.editData;
+                const { viewport } = enabledElement;
+                element = viewport.element;
+            }
             const enabledElement = getEnabledElement(element);
             const { renderingEngine } = enabledElement;
             renderingEngine.disableElement(MAGNIFY_VIEWPORT_ID);
@@ -158,6 +168,7 @@ class MagnifyTool extends BaseTool {
             element.addEventListener(Events.MOUSE_UP, this._dragEndCallback);
             element.addEventListener(Events.MOUSE_DRAG, this._dragCallback);
             element.addEventListener(Events.MOUSE_CLICK, this._dragEndCallback);
+            element.addEventListener('contextmenu', this._cancelCallback);
             element.addEventListener(Events.TOUCH_END, this._dragEndCallback);
             element.addEventListener(Events.TOUCH_DRAG, this._dragCallback);
         };
@@ -166,6 +177,7 @@ class MagnifyTool extends BaseTool {
             element.removeEventListener(Events.MOUSE_UP, this._dragEndCallback);
             element.removeEventListener(Events.MOUSE_DRAG, this._dragCallback);
             element.removeEventListener(Events.MOUSE_CLICK, this._dragEndCallback);
+            element.removeEventListener('contextmenu', this._cancelCallback);
             element.removeEventListener(Events.TOUCH_END, this._dragEndCallback);
             element.removeEventListener(Events.TOUCH_DRAG, this._dragCallback);
         };

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.5.8";
+export declare const version = "4.5.10";

package/dist/esm/version.js

@@ -1 +1 @@
-export const version = '4.5.8';
+export const version = '4.5.10';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/tools",
-  "version": "4.5.8",
+  "version": "4.5.10",
   "description": "Cornerstone3D Tools",
   "types": "./dist/esm/index.d.ts",
   "module": "./dist/esm/index.js",
@@ -108,7 +108,7 @@
     "canvas": "3.1.0"
   },
   "peerDependencies": {
-    "@cornerstonejs/core": "4.5.8",
+    "@cornerstonejs/core": "4.5.10",
     "@kitware/vtk.js": "32.12.1",
     "@types/d3-array": "3.2.1",
     "@types/d3-interpolate": "3.0.4",
@@ -127,5 +127,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "8534f86040ba427cf37ae2d64b337e78a05b312c"
+  "gitHead": "6a800e1697d9caf1d44a37df50f7cdcaa9d658e7"
 }