@cornerstonejs/tools 1.20.3 → 1.21.1

package/dist/cjs/tools/AdvancedMagnifyViewport.js

@@ -0,0 +1,352 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedMagnifyViewport = exports.default = void 0;
+const gl_matrix_1 = require("gl-matrix");
+const core_1 = require("@cornerstonejs/core");
+const enums_1 = require("../enums");
+const store_1 = require("../store");
+const utilities_1 = require("../utilities");
+const __1 = require("..");
+const _1 = require("./");
+const point_1 = require("../utilities/math/point");
+const MAGNIFY_CLASSNAME = 'advancedMagnifyTool';
+const MAGNIFY_VIEWPORT_INITIAL_RADIUS = 125;
+const isSegmentation = (actor) => actor.uid !== actor.referenceId;
+class AdvancedMagnifyViewport {
+    constructor({ magnifyViewportId, sourceEnabledElement, radius = MAGNIFY_VIEWPORT_INITIAL_RADIUS, position = [0, 0], zoomFactor, autoPan, }) {
+        this._enabledElement = null;
+        this._sourceToolGroup = null;
+        this._magnifyToolGroup = null;
+        this._isViewportReady = false;
+        this._radius = 0;
+        this._resized = false;
+        this._canAutoPan = false;
+        this._viewportId = magnifyViewportId !== null && magnifyViewportId !== void 0 ? magnifyViewportId : core_1.utilities.uuidv4();
+        this._sourceEnabledElement = sourceEnabledElement;
+        this._autoPan = autoPan;
+        this.radius = radius;
+        this.position = position;
+        this.zoomFactor = zoomFactor;
+        this.visible = true;
+        this._browserMouseDownCallback = this._browserMouseDownCallback.bind(this);
+        this._browserMouseUpCallback = this._browserMouseUpCallback.bind(this);
+        this._handleToolModeChanged = this._handleToolModeChanged.bind(this);
+        this._mouseDragCallback = this._mouseDragCallback.bind(this);
+        this._resizeViewportAsync = ((0, utilities_1.debounce)(this._resizeViewport.bind(this), 1));
+        this._initialize();
+    }
+    get sourceEnabledElement() {
+        return this._sourceEnabledElement;
+    }
+    get viewportId() {
+        return this._viewportId;
+    }
+    get radius() {
+        return this._radius;
+    }
+    set radius(radius) {
+        if (Math.abs(this._radius - radius) > 0.00001) {
+            this._radius = radius;
+            this._resized = true;
+        }
+    }
+    update() {
+        const { radius, position, visible } = this;
+        const { viewport } = this._enabledElement;
+        const { element } = viewport;
+        const size = 2 * radius;
+        const [x, y] = position;
+        if (this._resized) {
+            this._resizeViewportAsync();
+            this._resized = false;
+        }
+        Object.assign(element.style, {
+            display: visible ? 'block' : 'hidden',
+            width: `${size}px`,
+            height: `${size}px`,
+            left: `${-radius}px`,
+            top: `${-radius}px`,
+            transform: `translate(${x}px, ${y}px)`,
+        });
+        if (this._isViewportReady) {
+            this._syncViewports();
+            viewport.render();
+        }
+    }
+    dispose() {
+        const { viewport } = this._enabledElement;
+        const { element } = viewport;
+        const renderingEngine = viewport.getRenderingEngine();
+        this._removeEventListeners(element);
+        renderingEngine.disableElement(viewport.id);
+        if (element.parentNode) {
+            element.parentNode.removeChild(element);
+        }
+    }
+    _handleToolModeChanged(evt) {
+        var _a;
+        const { _magnifyToolGroup: magnifyToolGroup } = this;
+        const { toolGroupId, toolName, mode, toolBindingsOptions } = evt.detail;
+        if (((_a = this._sourceToolGroup) === null || _a === void 0 ? void 0 : _a.id) !== toolGroupId) {
+            return;
+        }
+        switch (mode) {
+            case enums_1.ToolModes.Active:
+                magnifyToolGroup.setToolActive(toolName, toolBindingsOptions);
+                break;
+            case enums_1.ToolModes.Passive:
+                magnifyToolGroup.setToolPassive(toolName);
+                break;
+            case enums_1.ToolModes.Enabled:
+                magnifyToolGroup.setToolEnabled(toolName);
+                break;
+            case enums_1.ToolModes.Disabled:
+                magnifyToolGroup.setToolDisabled(toolName);
+                break;
+            default:
+                throw new Error(`Unknow tool mode (${mode})`);
+        }
+    }
+    _inheritBorderRadius(magnifyElement) {
+        const viewport = magnifyElement.querySelector('.viewport-element');
+        const canvas = magnifyElement.querySelector('.cornerstone-canvas');
+        viewport.style.borderRadius = 'inherit';
+        canvas.style.borderRadius = 'inherit';
+    }
+    _createViewportNode() {
+        const magnifyElement = document.createElement('div');
+        const { radius } = this;
+        const size = radius * 2;
+        magnifyElement.classList.add(MAGNIFY_CLASSNAME);
+        Object.assign(magnifyElement.style, {
+            display: 'block',
+            width: `${size}px`,
+            height: `${size}px`,
+            position: 'absolute',
+            overflow: 'hidden',
+            borderRadius: '50%',
+            boxSizing: 'border-box',
+            left: `${-radius}px`,
+            top: `${-radius}px`,
+            transform: `translate(-1000px, -1000px)`,
+        });
+        return magnifyElement;
+    }
+    _convertZoomFactorToParalellScale(viewport, magnifyViewport, zoomFactor) {
+        const { parallelScale } = viewport.getCamera();
+        const canvasRatio = magnifyViewport.canvas.offsetWidth / viewport.canvas.offsetWidth;
+        return parallelScale * (1 / zoomFactor) * canvasRatio;
+    }
+    _isStackViewport(viewport) {
+        return 'setStack' in viewport;
+    }
+    _isVolumeViewport(viewport) {
+        return 'addVolumes' in viewport;
+    }
+    _cloneToolGroups(sourceViewport, magnifyViewport) {
+        const sourceActors = sourceViewport.getActors();
+        const magnifyToolGroupId = `${magnifyViewport.id}-toolGroup`;
+        const sourceToolGroup = store_1.ToolGroupManager.getToolGroupForViewport(sourceViewport.id, sourceViewport.renderingEngineId);
+        const magnifyToolGroup = sourceToolGroup.clone(magnifyToolGroupId, (toolName) => {
+            const toolInstance = sourceToolGroup.getToolInstance(toolName);
+            const isAnnotationTool = toolInstance instanceof _1.AnnotationTool &&
+                !(toolInstance instanceof _1.AdvancedMagnifyTool);
+            return (isAnnotationTool || toolName === _1.SegmentationDisplayTool.toolName);
+        });
+        magnifyToolGroup.addViewport(magnifyViewport.id, magnifyViewport.renderingEngineId);
+        sourceActors.filter(isSegmentation).forEach((actor) => {
+            __1.segmentation.addSegmentationRepresentations(magnifyToolGroupId, [
+                {
+                    segmentationId: actor.referenceId,
+                    type: enums_1.SegmentationRepresentations.Labelmap,
+                },
+            ]);
+        });
+        return { sourceToolGroup, magnifyToolGroup };
+    }
+    _cloneStack(sourceViewport, magnifyViewport) {
+        const imageIds = sourceViewport.getImageIds();
+        magnifyViewport.setStack(imageIds).then(() => {
+            this._isViewportReady = true;
+            this.update();
+        });
+    }
+    _cloneVolumes(sourceViewport, magnifyViewport) {
+        const actors = sourceViewport.getActors();
+        const volumeInputArray = actors
+            .filter((actor) => !isSegmentation(actor))
+            .map((actor) => ({ volumeId: actor.uid }));
+        magnifyViewport.setVolumes(volumeInputArray).then(() => {
+            this._isViewportReady = true;
+            this.update();
+        });
+        return magnifyViewport;
+    }
+    _cloneViewport(sourceViewport, magnifyElement) {
+        const { viewportId: magnifyViewportId } = this;
+        const renderingEngine = sourceViewport.getRenderingEngine();
+        const { options: sourceViewportOptions } = sourceViewport;
+        const viewportInput = {
+            element: magnifyElement,
+            viewportId: magnifyViewportId,
+            type: sourceViewport.type,
+            defaultOptions: Object.assign({}, sourceViewportOptions),
+        };
+        renderingEngine.enableElement(viewportInput);
+        const magnifyViewport = (renderingEngine.getViewport(magnifyViewportId));
+        if (this._isStackViewport(sourceViewport)) {
+            this._cloneStack(sourceViewport, magnifyViewport);
+        }
+        else if (this._isVolumeViewport(sourceViewport)) {
+            this._cloneVolumes(sourceViewport, magnifyViewport);
+        }
+        this._inheritBorderRadius(magnifyElement);
+        const toolGroups = this._cloneToolGroups(sourceViewport, magnifyViewport);
+        this._sourceToolGroup = toolGroups.sourceToolGroup;
+        this._magnifyToolGroup = toolGroups.magnifyToolGroup;
+    }
+    _cancelMouseEventCallback(evt) {
+        evt.stopPropagation();
+        evt.preventDefault();
+    }
+    _browserMouseUpCallback(evt) {
+        const { element } = this._enabledElement.viewport;
+        document.removeEventListener('mouseup', this._browserMouseUpCallback);
+        element.addEventListener('mouseup', this._cancelMouseEventCallback);
+        element.addEventListener('mousemove', this._cancelMouseEventCallback);
+    }
+    _browserMouseDownCallback(evt) {
+        var _a;
+        const { element } = this._enabledElement.viewport;
+        this._canAutoPan = !!((_a = evt.target) === null || _a === void 0 ? void 0 : _a.closest('.advancedMagnifyTool'));
+        document.addEventListener('mouseup', this._browserMouseUpCallback);
+        element.removeEventListener('mouseup', this._cancelMouseEventCallback);
+        element.removeEventListener('mousemove', this._cancelMouseEventCallback);
+    }
+    _mouseDragCallback(evt) {
+        if (!store_1.state.isInteractingWithTool) {
+            return;
+        }
+        const { _autoPan: autoPan } = this;
+        if (!autoPan.enabled || !this._canAutoPan) {
+            return;
+        }
+        const { currentPoints } = evt.detail;
+        const { viewport } = this._enabledElement;
+        const { canvasToWorld } = viewport;
+        const { canvas: canvasCurrent } = currentPoints;
+        const { radius: magnifyRadius } = this;
+        const canvasCenter = [magnifyRadius, magnifyRadius];
+        const dist = (0, point_1.distanceToPoint)(canvasCenter, canvasCurrent);
+        const maxDist = magnifyRadius - autoPan.padding;
+        if (dist <= maxDist) {
+            return;
+        }
+        const panDist = dist - maxDist;
+        const canvasDeltaPos = gl_matrix_1.vec2.sub(gl_matrix_1.vec2.create(), canvasCurrent, canvasCenter);
+        gl_matrix_1.vec2.normalize(canvasDeltaPos, canvasDeltaPos);
+        gl_matrix_1.vec2.scale(canvasDeltaPos, canvasDeltaPos, panDist);
+        const newCanvasPosition = gl_matrix_1.vec2.add(gl_matrix_1.vec2.create(), this.position, canvasDeltaPos);
+        const currentWorldPos = canvasToWorld(this.position);
+        const newWorldPos = canvasToWorld(newCanvasPosition);
+        const worldDeltaPos = gl_matrix_1.vec3.sub(gl_matrix_1.vec3.create(), newWorldPos, currentWorldPos);
+        const autoPanCallbackData = {
+            points: {
+                currentPosition: {
+                    canvas: this.position,
+                    world: currentWorldPos,
+                },
+                newPosition: {
+                    canvas: newCanvasPosition,
+                    world: newWorldPos,
+                },
+            },
+            delta: {
+                canvas: canvasDeltaPos,
+                world: worldDeltaPos,
+            },
+        };
+        autoPan.callback(autoPanCallbackData);
+    }
+    _addBrowserEventListeners(element) {
+        document.addEventListener('mousedown', this._browserMouseDownCallback, true);
+        element.addEventListener('mousedown', this._cancelMouseEventCallback);
+        element.addEventListener('mouseup', this._cancelMouseEventCallback);
+        element.addEventListener('mousemove', this._cancelMouseEventCallback);
+        element.addEventListener('dblclick', this._cancelMouseEventCallback);
+    }
+    _removeBrowserEventListeners(element) {
+        document.removeEventListener('mousedown', this._browserMouseDownCallback, true);
+        document.removeEventListener('mouseup', this._browserMouseUpCallback);
+        element.removeEventListener('mousedown', this._cancelMouseEventCallback);
+        element.removeEventListener('mouseup', this._cancelMouseEventCallback);
+        element.removeEventListener('mousemove', this._cancelMouseEventCallback);
+        element.removeEventListener('dblclick', this._cancelMouseEventCallback);
+    }
+    _addEventListeners(element) {
+        core_1.eventTarget.addEventListener(enums_1.Events.TOOL_MODE_CHANGED, this._handleToolModeChanged);
+        element.addEventListener(enums_1.Events.MOUSE_MOVE, this._mouseDragCallback);
+        element.addEventListener(enums_1.Events.MOUSE_DRAG, this._mouseDragCallback);
+        this._addBrowserEventListeners(element);
+    }
+    _removeEventListeners(element) {
+        core_1.eventTarget.removeEventListener(enums_1.Events.TOOL_MODE_CHANGED, this._handleToolModeChanged);
+        element.addEventListener(enums_1.Events.MOUSE_MOVE, this._mouseDragCallback);
+        element.addEventListener(enums_1.Events.MOUSE_DRAG, this._mouseDragCallback);
+        this._removeBrowserEventListeners(element);
+    }
+    _initialize() {
+        const { _sourceEnabledElement: sourceEnabledElement } = this;
+        const { viewport: sourceViewport } = sourceEnabledElement;
+        const { canvas: sourceCanvas } = sourceViewport;
+        const magnifyElement = this._createViewportNode();
+        sourceCanvas.parentNode.appendChild(magnifyElement);
+        this._addEventListeners(magnifyElement);
+        this._cloneViewport(sourceViewport, magnifyElement);
+        this._enabledElement = (0, core_1.getEnabledElement)(magnifyElement);
+    }
+    _syncViewportsCameras(sourceViewport, magnifyViewport) {
+        const worldPos = sourceViewport.canvasToWorld(this.position);
+        const parallelScale = this._convertZoomFactorToParalellScale(sourceViewport, magnifyViewport, this.zoomFactor);
+        const { focalPoint, position, viewPlaneNormal } = magnifyViewport.getCamera();
+        const distance = Math.sqrt(Math.pow(focalPoint[0] - position[0], 2) +
+            Math.pow(focalPoint[1] - position[1], 2) +
+            Math.pow(focalPoint[2] - position[2], 2));
+        const updatedFocalPoint = [
+            worldPos[0],
+            worldPos[1],
+            worldPos[2],
+        ];
+        const updatedPosition = [
+            updatedFocalPoint[0] + distance * viewPlaneNormal[0],
+            updatedFocalPoint[1] + distance * viewPlaneNormal[1],
+            updatedFocalPoint[2] + distance * viewPlaneNormal[2],
+        ];
+        magnifyViewport.setCamera({
+            parallelScale,
+            focalPoint: updatedFocalPoint,
+            position: updatedPosition,
+        });
+    }
+    _syncStackViewports(sourceViewport, magnifyViewport) {
+        magnifyViewport.setImageIdIndex(sourceViewport.getCurrentImageIdIndex());
+    }
+    _syncViewports() {
+        const { viewport: sourceViewport } = this._sourceEnabledElement;
+        const { viewport: magnifyViewport } = this._enabledElement;
+        const sourceProperties = sourceViewport.getProperties();
+        magnifyViewport.setProperties(sourceProperties);
+        this._syncViewportsCameras(sourceViewport, magnifyViewport);
+        if (this._isStackViewport(sourceViewport)) {
+            this._syncStackViewports(sourceViewport, magnifyViewport);
+        }
+    }
+    _resizeViewport() {
+        const { viewport } = this._enabledElement;
+        const renderingEngine = viewport.getRenderingEngine();
+        renderingEngine.resize();
+    }
+}
+exports.default = AdvancedMagnifyViewport;
+exports.AdvancedMagnifyViewport = AdvancedMagnifyViewport;
+//# sourceMappingURL=AdvancedMagnifyViewport.js.map

package/dist/cjs/tools/AdvancedMagnifyViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedMagnifyViewport.js","sourceRoot":"","sources":["../../../src/tools/AdvancedMagnifyViewport.ts"],"names":[],"mappings":"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"}

package/dist/cjs/tools/AdvancedMagnifyViewportManager.d.ts

@@ -0,0 +1,36 @@
+import type { Types } from '@cornerstonejs/core';
+import { AdvancedMagnifyViewport, AutoPanCallback } from './AdvancedMagnifyViewport';
+import { AdvancedMagnifyAnnotation } from '../types/ToolSpecificAnnotationTypes';
+export declare type MagnifyViewportInfo = {
+    magnifyViewportId?: string;
+    sourceEnabledElement: Types.IEnabledElement;
+    position: Types.Point2;
+    radius: number;
+    zoomFactor: number;
+    autoPan: {
+        enabled: boolean;
+        padding: number;
+        callback: AutoPanCallback;
+    };
+};
+declare class AdvancedMagnifyViewportManager {
+    private static _singleton;
+    private _magnifyViewportsMap;
+    constructor();
+    static getInstance(): AdvancedMagnifyViewportManager;
+    createViewport: (annotation: AdvancedMagnifyAnnotation, viewportInfo: MagnifyViewportInfo) => AdvancedMagnifyViewport;
+    getViewport(magnifyViewportId: string): AdvancedMagnifyViewport;
+    dispose(): void;
+    private _destroyViewport;
+    private _destroyViewports;
+    private _annotationRemovedCallback;
+    private _getMagnifyViewportsMapEntriesBySourceViewportId;
+    private _newStackImageCallback;
+    private _newVolumeImageCallback;
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _addSourceElementEventListener;
+    private _removeSourceElementEventListener;
+    private _initialize;
+}
+export { AdvancedMagnifyViewportManager as default, AdvancedMagnifyViewportManager, };

package/dist/cjs/tools/AdvancedMagnifyViewportManager.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedMagnifyViewportManager = exports.default = void 0;
+const gl_matrix_1 = require("gl-matrix");
+const core_1 = require("@cornerstonejs/core");
+const enums_1 = require("../enums");
+const AdvancedMagnifyViewport_1 = require("./AdvancedMagnifyViewport");
+const ADVANCED_MAGNIFY_TOOL_NAME = 'AdvancedMagnify';
+const PARALLEL_THRESHOLD = 1 - core_1.CONSTANTS.EPSILON;
+const { Events } = core_1.Enums;
+class AdvancedMagnifyViewportManager {
+    constructor() {
+        this.createViewport = (annotation, viewportInfo) => {
+            const { magnifyViewportId, sourceEnabledElement, position, radius, zoomFactor, autoPan, } = viewportInfo;
+            const { viewport: sourceViewport } = sourceEnabledElement;
+            const { element: sourceElement } = sourceViewport;
+            const magnifyViewport = new AdvancedMagnifyViewport_1.AdvancedMagnifyViewport({
+                magnifyViewportId,
+                sourceEnabledElement,
+                radius,
+                position,
+                zoomFactor,
+                autoPan,
+            });
+            this._addSourceElementEventListener(sourceElement);
+            this._magnifyViewportsMap.set(magnifyViewport.viewportId, {
+                annotation,
+                magnifyViewport,
+            });
+            return magnifyViewport;
+        };
+        this._annotationRemovedCallback = (evt) => {
+            const { annotation } = evt.detail;
+            if (annotation.metadata.toolName !== ADVANCED_MAGNIFY_TOOL_NAME) {
+                return;
+            }
+            this._destroyViewport(annotation.data.magnifyViewportId);
+        };
+        this._newStackImageCallback = (evt) => {
+            const { viewportId: sourceViewportId, imageId } = evt.detail;
+            const magnifyViewportsMapEntries = this._getMagnifyViewportsMapEntriesBySourceViewportId(sourceViewportId);
+            magnifyViewportsMapEntries.forEach(({ annotation }) => {
+                annotation.metadata.referencedImageId = imageId;
+                annotation.invalidated = true;
+            });
+        };
+        this._newVolumeImageCallback = (evt) => {
+            const { renderingEngineId, viewportId: sourceViewportId } = evt.detail;
+            const renderingEngine = (0, core_1.getRenderingEngine)(renderingEngineId);
+            const sourceViewport = renderingEngine.getViewport(sourceViewportId);
+            const { viewPlaneNormal: currentViewPlaneNormal } = sourceViewport.getCamera();
+            const magnifyViewportsMapEntries = this._getMagnifyViewportsMapEntriesBySourceViewportId(sourceViewportId);
+            magnifyViewportsMapEntries.forEach(({ annotation }) => {
+                const { viewPlaneNormal } = annotation.metadata;
+                const isParallel = Math.abs(gl_matrix_1.vec3.dot(viewPlaneNormal, currentViewPlaneNormal)) >
+                    PARALLEL_THRESHOLD;
+                if (!isParallel) {
+                    return;
+                }
+                const { handles } = annotation.data;
+                const worldImagePlanePoint = sourceViewport.canvasToWorld([0, 0]);
+                const vecHandleToImagePlane = gl_matrix_1.vec3.sub(gl_matrix_1.vec3.create(), worldImagePlanePoint, handles.points[0]);
+                const worldDist = gl_matrix_1.vec3.dot(vecHandleToImagePlane, currentViewPlaneNormal);
+                const worldDelta = gl_matrix_1.vec3.scale(gl_matrix_1.vec3.create(), currentViewPlaneNormal, worldDist);
+                for (let i = 0, len = handles.points.length; i < len; i++) {
+                    const point = handles.points[i];
+                    point[0] += worldDelta[0];
+                    point[1] += worldDelta[1];
+                    point[2] += worldDelta[2];
+                }
+                annotation.invalidated = true;
+            });
+        };
+        this._magnifyViewportsMap = new Map();
+        this._initialize();
+    }
+    static getInstance() {
+        var _a;
+        AdvancedMagnifyViewportManager._singleton =
+            (_a = AdvancedMagnifyViewportManager._singleton) !== null && _a !== void 0 ? _a : new AdvancedMagnifyViewportManager();
+        return AdvancedMagnifyViewportManager._singleton;
+    }
+    getViewport(magnifyViewportId) {
+        var _a;
+        return (_a = this._magnifyViewportsMap.get(magnifyViewportId)) === null || _a === void 0 ? void 0 : _a.magnifyViewport;
+    }
+    dispose() {
+        this._removeEventListeners();
+        this._destroyViewports();
+    }
+    _destroyViewport(magnifyViewportId) {
+        const magnifyViewportMapEntry = this._magnifyViewportsMap.get(magnifyViewportId);
+        if (magnifyViewportMapEntry) {
+            const { magnifyViewport } = magnifyViewportMapEntry;
+            const { viewport: sourceViewport } = magnifyViewport.sourceEnabledElement;
+            const { element: sourceElement } = sourceViewport;
+            this._removeSourceElementEventListener(sourceElement);
+            magnifyViewport.dispose();
+            this._magnifyViewportsMap.delete(magnifyViewportId);
+        }
+    }
+    _destroyViewports() {
+        const magnifyViewportIds = Array.from(this._magnifyViewportsMap.keys());
+        magnifyViewportIds.forEach((magnifyViewportId) => this._destroyViewport(magnifyViewportId));
+    }
+    _getMagnifyViewportsMapEntriesBySourceViewportId(sourceViewportId) {
+        const magnifyViewportsMapEntries = Array.from(this._magnifyViewportsMap.values());
+        return magnifyViewportsMapEntries.filter(({ magnifyViewport }) => {
+            const { viewport } = magnifyViewport.sourceEnabledElement;
+            return viewport.id === sourceViewportId;
+        });
+    }
+    _addEventListeners() {
+        core_1.eventTarget.addEventListener(enums_1.Events.ANNOTATION_REMOVED, this._annotationRemovedCallback);
+    }
+    _removeEventListeners() {
+        core_1.eventTarget.removeEventListener(enums_1.Events.ANNOTATION_REMOVED, this._annotationRemovedCallback);
+    }
+    _addSourceElementEventListener(element) {
+        element.addEventListener(Events.STACK_NEW_IMAGE, this._newStackImageCallback);
+        element.addEventListener(Events.VOLUME_NEW_IMAGE, this._newVolumeImageCallback);
+    }
+    _removeSourceElementEventListener(element) {
+        element.removeEventListener(Events.STACK_NEW_IMAGE, this._newStackImageCallback);
+        element.removeEventListener(Events.VOLUME_NEW_IMAGE, this._newVolumeImageCallback);
+    }
+    _initialize() {
+        this._addEventListeners();
+    }
+}
+exports.default = AdvancedMagnifyViewportManager;
+exports.AdvancedMagnifyViewportManager = AdvancedMagnifyViewportManager;
+//# sourceMappingURL=AdvancedMagnifyViewportManager.js.map

package/dist/cjs/tools/AdvancedMagnifyViewportManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedMagnifyViewportManager.js","sourceRoot":"","sources":["../../../src/tools/AdvancedMagnifyViewportManager.ts"],"names":[],"mappings":"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"}

package/dist/cjs/tools/annotation/EllipticalROITool.d.ts

@@ -12,7 +12,7 @@ declare class EllipticalROITool extends AnnotationTool {
         viewportIdsToRender: Array<string>;
         handleIndex?: number;
         movingTextBox?: boolean;
-        centerCanvas?: Array<number>;
+        centerWorld?: Array<number>;
         canvasWidth?: number;
         canvasHeight?: number;
         originalHandleCanvas?: Array<number>;

package/dist/cjs/tools/annotation/EllipticalROITool.js

@@ -90,7 +90,7 @@ class EllipticalROITool extends base_1.AnnotationTool {
             this.editData = {
                 annotation,
                 viewportIdsToRender,
-                centerCanvas: canvasPos,
+                centerWorld: worldPos,
                 newAnnotation: true,
                 hasMoved: false,
             };
@@ -152,6 +152,7 @@ class EllipticalROITool extends base_1.AnnotationTool {
             let movingTextBox = false;
             let handleIndex;
             let centerCanvas;
+            let centerWorld;
             let canvasWidth;
             let canvasHeight;
             let originalHandleCanvas;
@@ -160,8 +161,8 @@ class EllipticalROITool extends base_1.AnnotationTool {
             }
             else {
                 const { points } = data.handles;
-                const enabledElement = (0, core_1.getEnabledElement)(element);
-                const { worldToCanvas } = enabledElement.viewport;
+                const { viewport } = (0, core_1.getEnabledElement)(element);
+                const { worldToCanvas, canvasToWorld } = viewport;
                 handleIndex = points.findIndex((p) => p === handle);
                 const pointsCanvas = points.map(worldToCanvas);
                 originalHandleCanvas = pointsCanvas[handleIndex];
@@ -171,6 +172,7 @@ class EllipticalROITool extends base_1.AnnotationTool {
                     (pointsCanvas[2][0] + pointsCanvas[3][0]) / 2,
                     (pointsCanvas[0][1] + pointsCanvas[1][1]) / 2,
                 ];
+                centerWorld = canvasToWorld(centerCanvas);
             }
             const viewportIdsToRender = (0, viewportFilters_1.getViewportIdsWithToolToRender)(element, this.getToolName());
             this.editData = {
@@ -179,7 +181,7 @@ class EllipticalROITool extends base_1.AnnotationTool {
                 handleIndex,
                 canvasWidth,
                 canvasHeight,
-                centerCanvas,
+                centerWorld,
                 originalHandleCanvas,
                 movingTextBox,
             };
@@ -229,7 +231,8 @@ class EllipticalROITool extends base_1.AnnotationTool {
             const enabledElement = (0, core_1.getEnabledElement)(element);
             const { renderingEngine, viewport } = enabledElement;
             const { canvasToWorld } = viewport;
-            const { annotation, viewportIdsToRender, centerCanvas } = this.editData;
+            const { annotation, viewportIdsToRender, centerWorld } = this.editData;
+            const centerCanvas = viewport.worldToCanvas(centerWorld);
             const { data } = annotation;
             const dX = Math.abs(currentCanvasPoints[0] - centerCanvas[0]);
             const dY = Math.abs(currentCanvasPoints[1] - centerCanvas[1]);
@@ -285,9 +288,10 @@ class EllipticalROITool extends base_1.AnnotationTool {
         this._dragHandle = (evt) => {
             const eventDetail = evt.detail;
             const { element } = eventDetail;
-            const enabledElement = (0, core_1.getEnabledElement)(element);
-            const { canvasToWorld } = enabledElement.viewport;
-            const { annotation, canvasWidth, canvasHeight, handleIndex, centerCanvas, originalHandleCanvas, } = this.editData;
+            const { viewport } = (0, core_1.getEnabledElement)(element);
+            const { canvasToWorld, worldToCanvas } = viewport;
+            const { annotation, canvasWidth, canvasHeight, handleIndex, centerWorld, originalHandleCanvas, } = this.editData;
+            const centerCanvas = viewport.worldToCanvas(centerWorld);
             const { data } = annotation;
             const { points } = data.handles;
             const { currentPoints } = eventDetail;