@ohif/app 3.13.0-beta.24 → 3.13.0-beta.26

package/dist/{9205.bundle.a37976b4f3ded2cbb2ab.js → 9205.bundle.09c52845b43bd8513d50.js}

@@ -10652,6 +10652,10 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
     }) {
         super(toolProps, defaultToolProps);
         this.toolCenter = [0, 0, 0];
+        this._volumeViewportNewVolumeListeners = new Map();
+        this._toolGroupViewportAddedListener = null;
+        this._toolGroupViewportRemovedListener = null;
+        this._ignoreFiredEvents = false;
         this.initializeViewport = ({ renderingEngineId, viewportId, }) => {
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
             if (!enabledElement) {
@@ -10697,11 +10701,21 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const viewports = (0,_store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_5__.getToolGroup)(this.toolGroupId).viewportsInfo;
             return viewports;
         };
+        this._reinitializeListenersAndCenter = () => {
+            this._unbindToolGroupViewportListeners();
+            this._clearAllVolumeListenersAndViewportState();
+            this._bindToolGroupViewportListeners();
+            this._syncVolumeListenersWithToolGroup();
+            this._computeToolCenter(this._getViewportsInfo());
+        };
         this.resetCrosshairs = () => {
             const viewportsInfo = this._getViewportsInfo();
             for (const viewportInfo of viewportsInfo) {
                 const { viewportId, renderingEngineId } = viewportInfo;
                 const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
+                if (!enabledElement) {
+                    continue;
+                }
                 const viewport = enabledElement.viewport;
                 const resetPan = true;
                 const resetZoom = true;
@@ -10735,31 +10749,24 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 console.warn('For crosshairs to operate, at least two viewports must be given.');
                 return;
             }
-            const [firstViewport, secondViewport, thirdViewport] = viewportsInfo;
-            const { normal: normal1, point: point1 } = this.initializeViewport(firstViewport);
-            const { normal: normal2, point: point2 } = this.initializeViewport(secondViewport);
-            let normal3 = [0, 0, 0];
-            let point3 = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.create */ .eR.create();
-            if (thirdViewport) {
-                ({ normal: normal3, point: point3 } =
-                    this.initializeViewport(thirdViewport));
-            }
-            else {
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.add */ .eR.add(point3, point1, point2);
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.scale */ .eR.scale(point3, point3, 0.5);
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.cross */ .eR.cross(normal3, normal1, normal2);
-            }
-            const firstPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(normal1, point1);
-            const secondPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(normal2, point2);
-            const thirdPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(normal3, point3);
-            const toolCenter = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.threePlaneIntersection(firstPlane, secondPlane, thirdPlane);
-            this.setToolCenter(toolCenter);
+            viewportsInfo.forEach((viewportInfo) => {
+                this.initializeViewport(viewportInfo);
+            });
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: true,
+                updateViewportCameras: true,
+            });
         };
         this.addNewAnnotation = (evt) => {
             const eventDetail = evt.detail;
             const { element } = eventDetail;
             const { currentPoints } = eventDetail;
             const jumpWorld = currentPoints.world;
+            this._syncVolumeListenersWithToolGroup();
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: false,
+                updateViewportCameras: false,
+            });
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElement)(element);
             const { viewport } = enabledElement;
             this._jump(enabledElement, jumpWorld);
@@ -10814,46 +10821,33 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const eventDetail = evt.detail;
             const { element } = eventDetail;
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElement)(element);
+            if (!enabledElement) {
+                return;
+            }
             const { renderingEngine } = enabledElement;
             const viewport = enabledElement.viewport;
+            this._syncVolumeListenersWithToolGroup();
+            if (this._ignoreFiredEvents) {
+                return;
+            }
+            const isSourceInToolGroup = this._getViewportsInfo().some(({ viewportId, renderingEngineId }) => viewportId === viewport.id && renderingEngineId === renderingEngine.id);
+            if (!isSourceInToolGroup) {
+                return;
+            }
             const annotations = this._getAnnotations(enabledElement);
             const filteredToolAnnotations = this.filterInteractableAnnotationsForElement(element, annotations);
             const viewportAnnotation = filteredToolAnnotations[0];
-            if (!viewportAnnotation) {
-                return;
-            }
             const currentCamera = viewport.getCamera();
-            const oldCameraPosition = viewportAnnotation.metadata.cameraPosition;
-            const deltaCameraPosition = [0, 0, 0];
-            _kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_1__/* ["default"].subtract */ .Ay.subtract(currentCamera.position, oldCameraPosition, deltaCameraPosition);
-            const oldCameraFocalPoint = viewportAnnotation.metadata.cameraFocalPoint;
-            const deltaCameraFocalPoint = [0, 0, 0];
-            _kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_1__/* ["default"].subtract */ .Ay.subtract(currentCamera.focalPoint, oldCameraFocalPoint, deltaCameraFocalPoint);
-            viewportAnnotation.metadata.cameraPosition = [...currentCamera.position];
-            viewportAnnotation.metadata.cameraFocalPoint = [
-                ...currentCamera.focalPoint,
-            ];
-            const viewportControllable = this._getReferenceLineControllable(viewport.id);
-            const viewportDraggableRotatable = this._getReferenceLineDraggableRotatable(viewport.id);
-            if (!_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.isEqual(currentCamera.position, oldCameraPosition, 1e-3) &&
-                viewportControllable &&
-                viewportDraggableRotatable) {
-                let isRotation = false;
-                const cameraModifiedSameForPosAndFocalPoint = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.isEqual(deltaCameraPosition, deltaCameraFocalPoint, 1e-3);
-                if (!cameraModifiedSameForPosAndFocalPoint) {
-                    isRotation = true;
-                }
-                const cameraModifiedInPlane = Math.abs(_kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_1__/* ["default"].dot */ .Ay.dot(deltaCameraPosition, currentCamera.viewPlaneNormal)) < 1e-2;
-                if (!isRotation && !cameraModifiedInPlane) {
-                    this.toolCenter[0] += deltaCameraPosition[0];
-                    this.toolCenter[1] += deltaCameraPosition[1];
-                    this.toolCenter[2] += deltaCameraPosition[2];
-                    (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.triggerEvent)(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget, _enums__WEBPACK_IMPORTED_MODULE_9__.Events.CROSSHAIR_TOOL_CENTER_CHANGED, {
-                        toolGroupId: this.toolGroupId,
-                        toolCenter: this.toolCenter,
-                    });
-                }
+            if (viewportAnnotation) {
+                viewportAnnotation.metadata.cameraPosition = [...currentCamera.position];
+                viewportAnnotation.metadata.cameraFocalPoint = [
+                    ...currentCamera.focalPoint,
+                ];
             }
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: true,
+                updateViewportCameras: false,
+            });
             if (this.configuration.autoPan?.enabled) {
                 const toolGroup = (0,_store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_5__.getToolGroupForViewport)(viewport.id, renderingEngine.id);
                 const otherViewportIds = toolGroup
@@ -11291,15 +11285,19 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             });
             return toolGroupAnnotations;
         };
-        this._onNewVolume = () => {
-            const viewportsInfo = this._getViewportsInfo();
-            this._computeToolCenter(viewportsInfo);
+        this._onNewVolume = (_evt) => {
+            this._syncVolumeListenersWithToolGroup();
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: true,
+                updateViewportCameras: false,
+            });
         };
         this._areViewportIdArraysEqual = (viewportIdArrayOne, viewportIdArrayTwo) => {
             if (viewportIdArrayOne.length !== viewportIdArrayTwo.length) {
                 return false;
             }
-            viewportIdArrayOne.forEach((id) => {
+            for (let index = 0; index < viewportIdArrayOne.length; index++) {
+                const id = viewportIdArrayOne[index];
                 let itemFound = false;
                 for (let i = 0; i < viewportIdArrayTwo.length; ++i) {
                     if (id === viewportIdArrayTwo[i]) {
@@ -11310,7 +11308,7 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 if (itemFound === false) {
                     return false;
                 }
-            });
+            }
             return true;
         };
         this._getAnnotationsForViewportsWithDifferentCameras = (enabledElement, annotations) => {
@@ -11486,10 +11484,19 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 return false;
             }
             this._applyDeltaShiftToSelectedViewportCameras(renderingEngine, viewportsAnnotationsToUpdate, delta);
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: true,
+                updateViewportCameras: false,
+            });
             _store_state__WEBPACK_IMPORTED_MODULE_8__/* .state */ .wk.isInteractingWithTool = false;
             return true;
         };
         this._activateModify = (element) => {
+            this._syncVolumeListenersWithToolGroup();
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: false,
+                updateViewportCameras: false,
+            });
             _store_state__WEBPACK_IMPORTED_MODULE_8__/* .state */ .wk.isInteractingWithTool = !this.configuration.mobile?.enabled;
             element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.MOUSE_UP, this._endCallback);
             element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.MOUSE_DRAG, this._dragCallback);
@@ -11510,9 +11517,15 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         this._endCallback = (evt) => {
             const eventDetail = evt.detail;
             const { element } = eventDetail;
-            this.editData.annotation.data.handles.activeOperation = null;
-            this.editData.annotation.data.activeViewportIds = [];
+            if (this.editData?.annotation?.data) {
+                this.editData.annotation.data.handles.activeOperation = null;
+                this.editData.annotation.data.activeViewportIds = [];
+            }
             this._deactivateModify(element);
+            this._recomputeToolCenterFromAbsoluteCameras({
+                emitEvent: true,
+                updateViewportCameras: false,
+            });
             (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_11__.resetElementCursor)(element);
             this.editData = null;
             const requireSameOrientation = false;
@@ -11551,6 +11564,10 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                         viewportAnnotation.data.activeViewportIds.find((id) => id === otherViewport.id));
                 });
                 this._applyDeltaShiftToSelectedViewportCameras(renderingEngine, viewportsAnnotationsToUpdate, delta);
+                this._recomputeToolCenterFromAbsoluteCameras({
+                    emitEvent: true,
+                    updateViewportCameras: false,
+                });
             }
             else if (handles.activeOperation === OPERATION.ROTATE) {
                 const otherViewportAnnotations = this._getAnnotationsForViewportsWithDifferentCameras(enabledElement, annotations);
@@ -11587,29 +11604,40 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                     .rotate(angle, rotationAxis)
                     .translate(-center[0], -center[1], -center[2]);
                 const otherViewportsIds = [];
-                viewportsAnnotationsToUpdate.forEach((annotation) => {
-                    const { data } = annotation;
-                    data.handles.toolCenter = center;
-                    const otherViewport = renderingEngine.getViewport(data.viewportId);
-                    const camera = otherViewport.getCamera();
-                    const { viewUp, position, focalPoint } = camera;
-                    viewUp[0] += position[0];
-                    viewUp[1] += position[1];
-                    viewUp[2] += position[2];
-                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(focalPoint, focalPoint, matrix);
-                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(position, position, matrix);
-                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(viewUp, viewUp, matrix);
-                    viewUp[0] -= position[0];
-                    viewUp[1] -= position[1];
-                    viewUp[2] -= position[2];
-                    otherViewport.setCamera({
-                        position,
-                        viewUp,
-                        focalPoint,
+                const previousIgnoreFiredEvents = this._ignoreFiredEvents;
+                this._ignoreFiredEvents = true;
+                try {
+                    viewportsAnnotationsToUpdate.forEach((annotation) => {
+                        const { data } = annotation;
+                        data.handles.toolCenter = center;
+                        const otherViewport = renderingEngine.getViewport(data.viewportId);
+                        const camera = otherViewport.getCamera();
+                        const { viewUp, position, focalPoint } = camera;
+                        viewUp[0] += position[0];
+                        viewUp[1] += position[1];
+                        viewUp[2] += position[2];
+                        gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(focalPoint, focalPoint, matrix);
+                        gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(position, position, matrix);
+                        gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.transformMat4 */ .eR.transformMat4(viewUp, viewUp, matrix);
+                        viewUp[0] -= position[0];
+                        viewUp[1] -= position[1];
+                        viewUp[2] -= position[2];
+                        otherViewport.setCamera({
+                            position,
+                            viewUp,
+                            focalPoint,
+                        });
+                        otherViewportsIds.push(otherViewport.id);
                     });
-                    otherViewportsIds.push(otherViewport.id);
-                });
+                }
+                finally {
+                    this._ignoreFiredEvents = previousIgnoreFiredEvents;
+                }
                 renderingEngine.renderViewports(otherViewportsIds);
+                this._recomputeToolCenterFromAbsoluteCameras({
+                    emitEvent: true,
+                    updateViewportCameras: false,
+                });
             }
             else if (handles.activeOperation === OPERATION.SLAB) {
                 const otherViewportAnnotations = this._getAnnotationsForViewportsWithDifferentCameras(enabledElement, annotations);
@@ -11696,7 +11724,14 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                     }
                 });
                 renderingEngine.renderViewports(viewportsIds);
+                this._recomputeToolCenterFromAbsoluteCameras({
+                    emitEvent: true,
+                    updateViewportCameras: false,
+                });
             }
+            const requireSameOrientation = false;
+            const viewportIdsToRender = (0,_utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_10__.getViewportIdsWithToolToRender)(element, this.getToolName(), requireSameOrientation);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
         };
         this._pointNearReferenceLine = (annotation, canvasCoords, proximity, lineViewport) => {
             const { data } = annotation;
@@ -11739,6 +11774,170 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             }
             return false;
         };
+        this._toViewportKey = (renderingEngineId, viewportId) => {
+            return `${renderingEngineId}::${viewportId}`;
+        };
+        this._isFinitePoint3 = (point) => {
+            if (!point || point.length !== 3) {
+                return false;
+            }
+            return (Number.isFinite(point[0]) &&
+                Number.isFinite(point[1]) &&
+                Number.isFinite(point[2]));
+        };
+        this._bindToolGroupViewportListeners = () => {
+            if (!this._toolGroupViewportAddedListener) {
+                this._toolGroupViewportAddedListener = ((evt) => {
+                    if (evt.detail?.toolGroupId !== this.toolGroupId) {
+                        return;
+                    }
+                    this._syncVolumeListenersWithToolGroup();
+                    this._computeToolCenter(this._getViewportsInfo());
+                });
+                _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.TOOLGROUP_VIEWPORT_ADDED, this._toolGroupViewportAddedListener);
+            }
+            if (!this._toolGroupViewportRemovedListener) {
+                this._toolGroupViewportRemovedListener = ((evt) => {
+                    if (evt.detail?.toolGroupId !== this.toolGroupId) {
+                        return;
+                    }
+                    this._syncVolumeListenersWithToolGroup();
+                    this._recomputeToolCenterFromAbsoluteCameras({
+                        emitEvent: true,
+                        updateViewportCameras: false,
+                    });
+                });
+                _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.TOOLGROUP_VIEWPORT_REMOVED, this._toolGroupViewportRemovedListener);
+            }
+        };
+        this._unbindToolGroupViewportListeners = () => {
+            if (this._toolGroupViewportAddedListener) {
+                _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.TOOLGROUP_VIEWPORT_ADDED, this._toolGroupViewportAddedListener);
+                this._toolGroupViewportAddedListener = null;
+            }
+            if (this._toolGroupViewportRemovedListener) {
+                _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_9__.Events.TOOLGROUP_VIEWPORT_REMOVED, this._toolGroupViewportRemovedListener);
+                this._toolGroupViewportRemovedListener = null;
+            }
+        };
+        this._syncVolumeListenersWithToolGroup = () => {
+            const viewportsInfo = this._getViewportsInfo();
+            const activeViewportKeys = new Set();
+            viewportsInfo.forEach((viewportInfo) => {
+                const { viewportId, renderingEngineId } = viewportInfo;
+                const viewportKey = this._toViewportKey(renderingEngineId, viewportId);
+                activeViewportKeys.add(viewportKey);
+                const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
+                const existingListenerInfo = this._volumeViewportNewVolumeListeners.get(viewportKey);
+                if (!enabledElement) {
+                    if (existingListenerInfo) {
+                        existingListenerInfo.element.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, existingListenerInfo.handler);
+                        this._volumeViewportNewVolumeListeners.delete(viewportKey);
+                    }
+                    return;
+                }
+                const { viewport } = enabledElement;
+                const { element } = viewport;
+                if (existingListenerInfo && existingListenerInfo.element !== element) {
+                    existingListenerInfo.element.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, existingListenerInfo.handler);
+                    this._volumeViewportNewVolumeListeners.delete(viewportKey);
+                }
+                if (this._volumeViewportNewVolumeListeners.has(viewportKey)) {
+                    return;
+                }
+                const handler = ((evt) => this._onNewVolume(evt));
+                element.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, handler);
+                this._volumeViewportNewVolumeListeners.set(viewportKey, {
+                    element,
+                    handler,
+                });
+            });
+            Array.from(this._volumeViewportNewVolumeListeners.entries()).forEach(([viewportKey, listenerInfo]) => {
+                if (activeViewportKeys.has(viewportKey)) {
+                    return;
+                }
+                listenerInfo.element.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, listenerInfo.handler);
+                this._volumeViewportNewVolumeListeners.delete(viewportKey);
+            });
+        };
+        this._clearAllVolumeListenersAndViewportState = () => {
+            this._volumeViewportNewVolumeListeners.forEach((listenerInfo) => {
+                listenerInfo.element.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, listenerInfo.handler);
+            });
+            this._volumeViewportNewVolumeListeners.clear();
+        };
+        this._calculateToolCenterFromAbsoluteCameras = () => {
+            const viewportsInfo = this._getViewportsInfo();
+            const uniquePlanes = [];
+            viewportsInfo.forEach((viewportInfo) => {
+                const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportInfo.viewportId, viewportInfo.renderingEngineId);
+                if (!enabledElement) {
+                    return;
+                }
+                const camera = enabledElement.viewport.getCamera();
+                const normal = [...camera.viewPlaneNormal];
+                const point = [...camera.focalPoint];
+                if (!this._isFinitePoint3(normal) || !this._isFinitePoint3(point)) {
+                    return;
+                }
+                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.normalize */ .eR.normalize(normal, normal);
+                const alreadyTracked = uniquePlanes.some((plane) => _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.isEqual(plane.normal, normal, 1e-3) ||
+                    _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.isOpposite(plane.normal, normal, 1e-3));
+                if (!alreadyTracked) {
+                    uniquePlanes.push({ normal, point });
+                }
+            });
+            if (uniquePlanes.length < 2) {
+                return null;
+            }
+            const firstPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(uniquePlanes[0].normal, uniquePlanes[0].point);
+            const secondPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(uniquePlanes[1].normal, uniquePlanes[1].point);
+            let thirdPlane;
+            if (uniquePlanes.length >= 3) {
+                thirdPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(uniquePlanes[2].normal, uniquePlanes[2].point);
+            }
+            else {
+                const thirdNormal = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.create */ .eR.create();
+                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.cross */ .eR.cross(thirdNormal, uniquePlanes[0].normal, uniquePlanes[1].normal);
+                if (gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.length */ .eR.length(thirdNormal) < 1e-6) {
+                    return null;
+                }
+                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.normalize */ .eR.normalize(thirdNormal, thirdNormal);
+                const thirdPoint = this._isFinitePoint3(this.toolCenter)
+                    ? [...this.toolCenter]
+                    : [
+                        (uniquePlanes[0].point[0] + uniquePlanes[1].point[0]) * 0.5,
+                        (uniquePlanes[0].point[1] + uniquePlanes[1].point[1]) * 0.5,
+                        (uniquePlanes[0].point[2] + uniquePlanes[1].point[2]) * 0.5,
+                    ];
+                thirdPlane = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.planeEquation(thirdNormal, thirdPoint);
+            }
+            const center = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.planar.threePlaneIntersection(firstPlane, secondPlane, thirdPlane);
+            return this._isFinitePoint3(center) ? center : null;
+        };
+        this._recomputeToolCenterFromAbsoluteCameras = ({ emitEvent = true, updateViewportCameras = false, } = {}) => {
+            const toolCenter = this._calculateToolCenterFromAbsoluteCameras();
+            if (!toolCenter) {
+                return null;
+            }
+            const hasChanged = !_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.utilities.isEqual(this.toolCenter, toolCenter, 1e-3);
+            if (!hasChanged) {
+                return toolCenter;
+            }
+            if (updateViewportCameras) {
+                this.setToolCenter(toolCenter, !emitEvent);
+            }
+            else {
+                this.toolCenter = toolCenter;
+                if (emitEvent) {
+                    (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.triggerEvent)(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget, _enums__WEBPACK_IMPORTED_MODULE_9__.Events.CROSSHAIR_TOOL_CENTER_CHANGED, {
+                        toolGroupId: this.toolGroupId,
+                        toolCenter: this.toolCenter,
+                    });
+                }
+            }
+            return toolCenter;
+        };
         this._getReferenceLineColor =
             toolProps.configuration?.getReferenceLineColor ||
                 defaultReferenceLineColor;
@@ -11753,22 +11952,21 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 defaultReferenceLineSlabThicknessControlsOn;
     }
     onSetToolActive() {
-        const viewportsInfo = this._getViewportsInfo();
-        this._unsubscribeToViewportNewVolumeSet(viewportsInfo);
-        this._subscribeToViewportNewVolumeSet(viewportsInfo);
-        this._computeToolCenter(viewportsInfo);
+        this._reinitializeListenersAndCenter();
     }
     onSetToolPassive() {
-        const viewportsInfo = this._getViewportsInfo();
-        this._computeToolCenter(viewportsInfo);
+        this._reinitializeListenersAndCenter();
     }
     onSetToolEnabled() {
-        const viewportsInfo = this._getViewportsInfo();
-        this._computeToolCenter(viewportsInfo);
+        this._reinitializeListenersAndCenter();
     }
     onSetToolDisabled() {
         const viewportsInfo = this._getViewportsInfo();
-        this._unsubscribeToViewportNewVolumeSet(viewportsInfo);
+        this._unbindToolGroupViewportListeners();
+        this._clearAllVolumeListenersAndViewportState();
+        this._ignoreFiredEvents = false;
+        this.editData = null;
+        _store_state__WEBPACK_IMPORTED_MODULE_8__/* .state */ .wk.isInteractingWithTool = false;
         viewportsInfo.forEach(({ renderingEngineId, viewportId }) => {
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
             if (!enabledElement) {
@@ -11784,40 +11982,53 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
     }
     setToolCenter(toolCenter, suppressEvents = false) {
         const viewportsInfo = this._getViewportsInfo();
-        viewportsInfo.map(({ renderingEngineId, viewportId }) => {
-            const renderingEngine = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getRenderingEngine)(renderingEngineId);
-            const viewport = renderingEngine.getViewport(viewportId);
-            const camera = viewport.getCamera();
-            const { focalPoint, position, viewPlaneNormal } = camera;
-            const delta = [
-                toolCenter[0] - focalPoint[0],
-                toolCenter[1] - focalPoint[1],
-                toolCenter[2] - focalPoint[2],
-            ];
-            const scroll = delta[0] * viewPlaneNormal[0] +
-                delta[1] * viewPlaneNormal[1] +
-                delta[2] * viewPlaneNormal[2];
-            const scrollDelta = [
-                scroll * viewPlaneNormal[0],
-                scroll * viewPlaneNormal[1],
-                scroll * viewPlaneNormal[2],
-            ];
-            const newFocalPoint = [
-                focalPoint[0] + scrollDelta[0],
-                focalPoint[1] + scrollDelta[1],
-                focalPoint[2] + scrollDelta[2],
-            ];
-            const newPosition = [
-                position[0] + scrollDelta[0],
-                position[1] + scrollDelta[1],
-                position[2] + scrollDelta[2],
-            ];
-            viewport.setCamera({
-                focalPoint: newFocalPoint,
-                position: newPosition,
+        const previousIgnoreFiredEvents = this._ignoreFiredEvents;
+        this._ignoreFiredEvents = true;
+        try {
+            viewportsInfo.forEach(({ renderingEngineId, viewportId }) => {
+                const renderingEngine = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getRenderingEngine)(renderingEngineId);
+                if (!renderingEngine) {
+                    return;
+                }
+                const viewport = renderingEngine.getViewport(viewportId);
+                if (!viewport) {
+                    return;
+                }
+                const camera = viewport.getCamera();
+                const { focalPoint, position, viewPlaneNormal } = camera;
+                const delta = [
+                    toolCenter[0] - focalPoint[0],
+                    toolCenter[1] - focalPoint[1],
+                    toolCenter[2] - focalPoint[2],
+                ];
+                const scroll = delta[0] * viewPlaneNormal[0] +
+                    delta[1] * viewPlaneNormal[1] +
+                    delta[2] * viewPlaneNormal[2];
+                const scrollDelta = [
+                    scroll * viewPlaneNormal[0],
+                    scroll * viewPlaneNormal[1],
+                    scroll * viewPlaneNormal[2],
+                ];
+                const newFocalPoint = [
+                    focalPoint[0] + scrollDelta[0],
+                    focalPoint[1] + scrollDelta[1],
+                    focalPoint[2] + scrollDelta[2],
+                ];
+                const newPosition = [
+                    position[0] + scrollDelta[0],
+                    position[1] + scrollDelta[1],
+                    position[2] + scrollDelta[2],
+                ];
+                viewport.setCamera({
+                    focalPoint: newFocalPoint,
+                    position: newPosition,
+                });
+                viewport.render();
             });
-            viewport.render();
-        });
+        }
+        finally {
+            this._ignoreFiredEvents = previousIgnoreFiredEvents;
+        }
         this.toolCenter = toolCenter;
         if (!suppressEvents) {
             (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.triggerEvent)(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.eventTarget, _enums__WEBPACK_IMPORTED_MODULE_9__.Events.CROSSHAIR_TOOL_CENTER_CHANGED, {
@@ -11838,19 +12049,11 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             return point;
         }
     }
-    _unsubscribeToViewportNewVolumeSet(viewportsInfo) {
-        viewportsInfo.forEach(({ viewportId, renderingEngineId }) => {
-            const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
-            const { element } = viewport;
-            element.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, this._onNewVolume);
-        });
+    _unsubscribeToViewportNewVolumeSet(_viewportsInfo) {
+        this._syncVolumeListenersWithToolGroup();
     }
-    _subscribeToViewportNewVolumeSet(viewports) {
-        viewports.forEach(({ viewportId, renderingEngineId }) => {
-            const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
-            const { element } = viewport;
-            element.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, this._onNewVolume);
-        });
+    _subscribeToViewportNewVolumeSet(_viewports) {
+        this._syncVolumeListenersWithToolGroup();
     }
     _autoPanViewportIfNecessary(viewportId, renderingEngine) {
         const viewport = renderingEngine.getViewport(viewportId);
@@ -11895,10 +12098,17 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             focalPoint[1] - deltaPointsWorld[1],
             focalPoint[2] - deltaPointsWorld[2],
         ];
-        viewport.setCamera({
-            focalPoint: updatedFocalPoint,
-            position: updatedPosition,
-        });
+        const previousIgnoreFiredEvents = this._ignoreFiredEvents;
+        this._ignoreFiredEvents = true;
+        try {
+            viewport.setCamera({
+                focalPoint: updatedFocalPoint,
+                position: updatedPosition,
+            });
+        }
+        finally {
+            this._ignoreFiredEvents = previousIgnoreFiredEvents;
+        }
         viewport.render();
     }
     setSlabThickness(viewport, slabThickness) {
@@ -11939,10 +12149,17 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const newPosition = [0, 0, 0];
             _kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_1__/* ["default"].add */ .Ay.add(camera.focalPoint, projectedDelta, newFocalPoint);
             _kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_1__/* ["default"].add */ .Ay.add(camera.position, projectedDelta, newPosition);
-            viewport.setCamera({
-                focalPoint: newFocalPoint,
-                position: newPosition,
-            });
+            const previousIgnoreFiredEvents = this._ignoreFiredEvents;
+            this._ignoreFiredEvents = true;
+            try {
+                viewport.setCamera({
+                    focalPoint: newFocalPoint,
+                    position: newPosition,
+                });
+            }
+            finally {
+                this._ignoreFiredEvents = previousIgnoreFiredEvents;
+            }
             viewport.render();
         }
     }
@@ -25109,31 +25326,40 @@ class ProbeTool extends _base__WEBPACK_IMPORTED_MODULE_2__/* .AnnotationTool */
                 continue;
             }
             const { dimensions, imageData, metadata, voxelManager } = image;
-            const modality = metadata.Modality;
+            const modality = metadata?.Modality;
             let ijk = transformWorldToIndex(imageData, worldPos);
             ijk = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.round */ .eR.round(ijk, ijk);
             if (_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.indexWithinDimensions(ijk, dimensions)) {
                 this.isHandleOutsideImage = false;
-                let value = voxelManager.getAtIJKPoint(ijk);
-                if (targetId.startsWith('imageId:')) {
+                if (targetId.startsWith('imageId:') && modality !== 'ECG') {
                     const imageId = targetId.split('imageId:')[1];
                     const imageURI = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.imageIdToURI(imageId);
                     const viewports = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.getViewportsWithImageURI(imageURI);
                     const viewport = viewports[0];
                     ijk[2] = viewport.getCurrentImageIdIndex();
                 }
+                let value;
                 let modalityUnit;
-                if (modality === 'US') {
+                if (modality === 'ECG') {
+                    const calibratedResults = (0,_utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_5__/* .getCalibratedProbeUnitsAndValue */ .Xw)(image, [
+                        ijk,
+                    ]);
+                    value = calibratedResults.values;
+                    modalityUnit = calibratedResults.units;
+                }
+                else if (modality === 'US') {
+                    value = voxelManager?.getAtIJKPoint(ijk);
                     const calibratedResults = (0,_utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_5__/* .getCalibratedProbeUnitsAndValue */ .Xw)(image, [
                         ijk,
                     ]);
-                    const hasEnhancedRegionValues = calibratedResults.values.every((value) => value !== null);
+                    const hasEnhancedRegionValues = calibratedResults.values.every((v) => v !== null);
                     value = (hasEnhancedRegionValues ? calibratedResults.values : value);
                     modalityUnit = hasEnhancedRegionValues
                         ? calibratedResults.units
                         : 'raw';
                 }
                 else {
+                    value = voxelManager?.getAtIJKPoint(ijk);
                     modalityUnit = (0,_utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_14__/* .getPixelValueUnits */ .j)(modality, annotation.metadata.referencedImageId, pixelUnitsOptions);
                 }
                 cachedStats[targetId] = {
@@ -26442,8 +26668,9 @@ class UltrasoundDirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_2__/* .An
             const worldPos = currentPoints.world;
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             const { viewport } = enabledElement;
-            if (!(viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.StackViewport)) {
-                throw new Error('UltrasoundDirectionalTool can only be used on a StackViewport');
+            if (!(viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.StackViewport) &&
+                !(viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.ECGViewport)) {
+                throw new Error('UltrasoundDirectionalTool can only be used on a StackViewport or ECGViewport');
             }
             (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_11__.hideElementCursor)(element);
             this.isDrawing = true;
@@ -38108,6 +38335,7 @@ const SUPPORTED_REGION_DATA_TYPES = [
 const SUPPORTED_PROBE_VARIANT = [
     '4,3',
     '4,7',
+    '4,-1',
 ];
 const UNIT_MAPPING = {
     0: 'px',
@@ -38121,6 +38349,7 @@ const UNIT_MAPPING = {
     8: 'cm\xb2',
     9: 'cm\xb2/s',
     0xc: 'degrees',
+    [-1]: 'mV',
 };
 const EPS = 1e-3;
 const SQUARE = '\xb2';
@@ -38163,7 +38392,9 @@ const getCalibratedLengthUnitsAndScale = (image, handles) => {
         const region = calibration.sequenceOfUltrasoundRegions.find((region) => handles.every((handle) => handle[0] >= region.regionLocationMinX0 &&
             handle[0] <= region.regionLocationMaxX1 &&
             handle[1] >= region.regionLocationMinY0 &&
-            handle[1] <= region.regionLocationMaxY1) && SUPPORTED_REGION_DATA_TYPES.includes(region.regionDataType));
+            handle[1] <= region.regionLocationMaxY1) &&
+            (SUPPORTED_REGION_DATA_TYPES.includes(region.regionDataType) ||
+                SUPPORTED_PROBE_VARIANT.includes(`${region.physicalUnitsXDirection},${region.physicalUnitsYDirection}`)));
         if (region &&
             region.physicalUnitsXDirection === region.physicalUnitsYDirection) {
             const physicalDeltaX = Math.abs(region.physicalDeltaX);
@@ -38174,6 +38405,19 @@ const getCalibratedLengthUnitsAndScale = (image, handles) => {
             unit = UNIT_MAPPING[region.physicalUnitsXDirection] || 'unknown';
             areaUnit = unit + SQUARE;
         }
+        else if (region && region.physicalUnitsYDirection === -1) {
+            const physicalDeltaX = Math.abs(region.physicalDeltaX);
+            const physicalDeltaY = Math.abs(region.physicalDeltaY);
+            scale = 1 / physicalDeltaX;
+            scaleY = 1 / physicalDeltaY;
+            calibrationType = 'ECG Region';
+            unit =
+                UNIT_MAPPING[region.physicalUnitsXDirection] ||
+                    UNIT_MAPPING[region.physicalUnitsYDirection] ||
+                    'unknown';
+            areaUnit =
+                (UNIT_MAPPING[region.physicalUnitsYDirection] || 'px') + SQUARE;
+        }
     }
     else if (calibration.scale) {
         scale = calibration.scale;
@@ -38198,7 +38442,8 @@ const getCalibratedProbeUnitsAndValue = (image, handles) => {
         return { units, values };
     }
     if (calibration.sequenceOfUltrasoundRegions) {
-        const supportedRegionsMetadata = calibration.sequenceOfUltrasoundRegions.filter((region) => SUPPORTED_REGION_DATA_TYPES.includes(region.regionDataType) &&
+        const supportedRegionsMetadata = calibration.sequenceOfUltrasoundRegions.filter((region) => (SUPPORTED_REGION_DATA_TYPES.includes(region.regionDataType) ||
+            SUPPORTED_PROBE_VARIANT.includes(`${region.physicalUnitsXDirection},${region.physicalUnitsYDirection}`)) &&
             SUPPORTED_PROBE_VARIANT.includes(`${region.physicalUnitsXDirection},${region.physicalUnitsYDirection}`));
         if (!supportedRegionsMetadata?.length) {
             return { units, values };
@@ -38216,11 +38461,12 @@ const getCalibratedProbeUnitsAndValue = (image, handles) => {
             physicalDeltaY;
         const xValue = (imageIndex[0] - region.regionLocationMinX0 - referencePixelX0) *
             physicalDeltaX;
-        calibrationType = 'US Region';
+        calibrationType =
+            region.physicalUnitsYDirection === -1 ? 'ECG Region' : 'US Region';
         values = [xValue, yValue];
         units = [
-            UNIT_MAPPING[region.physicalUnitsXDirection],
-            UNIT_MAPPING[region.physicalUnitsYDirection],
+            UNIT_MAPPING[region.physicalUnitsXDirection] ?? 'unknown',
+            UNIT_MAPPING[region.physicalUnitsYDirection] ?? 'unknown',
         ];
     }
     return {
@@ -46889,7 +47135,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.17.2';
+const version = '4.18.2';
 
 
 /***/ },