@ohif/app 3.12.0-beta.104 → 3.12.0-beta.106

package/dist/{7412.bundle.aec4834a71fc27c4ce06.js → 7412.bundle.7b062eda3b01de135817.js}

@@ -5510,6 +5510,9 @@ function getColorLUT(index) {
 
 function getCurrentLabelmapImageIdForViewport(viewportId, segmentationId) {
     const imageIds = getCurrentLabelmapImageIdsForViewport(viewportId, segmentationId);
+    if (!imageIds?.length) {
+        return;
+    }
     return imageIds[0];
 }
 function getCurrentLabelmapImageIdsForViewport(viewportId, segmentationId) {
@@ -8017,9 +8020,11 @@ class ToolGroup {
                 const cursor = cursors.MouseCursor.getDefinedCursor('default');
                 this._setCursorForViewports(cursor);
             }
+            toolInstance.isPrimary = false;
         }
         else {
             this.setViewportsCursorByToolName(toolName);
+            toolInstance.isPrimary = true;
         }
         if (this._hasMousePrimaryButtonBinding(toolBindingsOptions)) {
             if (this.prevActivePrimaryToolName === null) {
@@ -8066,6 +8071,7 @@ class ToolGroup {
         }
         this.toolOptions[toolName] = toolOptions;
         toolInstance.mode = mode;
+        toolInstance.isPrimary = false;
         if (typeof toolInstance.onSetToolPassive === 'function') {
             toolInstance.onSetToolPassive();
         }
@@ -9239,7 +9245,7 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
             const canvasPos = currentPoints.canvas;
             const { magnifyingGlass: config } = this.configuration;
             const { radius, zoomFactor, autoPan } = config;
-            const canvasHandlePoints = this._getCanvasHandlePoints(canvasPos, radius);
+            const worldHandlePoints = this._getWorldHandlePoints(viewport, canvasPos, radius);
             const camera = viewport.getCamera();
             const { viewPlaneNormal, viewUp } = camera;
             const referencedImageId = this.getReferencedImageId(viewport, worldPos, viewPlaneNormal, viewUp);
@@ -9261,9 +9267,9 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
                     sourceViewportId: viewport.id,
                     magnifyViewportId,
                     zoomFactor,
-                    isCanvasAnnotation: true,
+                    isCanvasAnnotation: false,
                     handles: {
-                        points: canvasHandlePoints,
+                        points: worldHandlePoints,
                         activeHandleIndex: null,
                     },
                 },
@@ -9279,13 +9285,14 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
                     padding: autoPan.padding,
                     callback: (data) => {
                         const annotationPoints = annotation.data.handles.points;
-                        const { canvas: canvasDelta } = data.delta;
+                        const { world: worldDelta } = data.delta;
                         for (let i = 0, len = annotationPoints.length; i < len; i++) {
                             const point = annotationPoints[i];
-                            point[0] += canvasDelta[0];
-                            point[1] += canvasDelta[1];
-                            annotation.invalidated = true;
+                            point[0] += worldDelta[0];
+                            point[1] += worldDelta[1];
+                            point[2] += worldDelta[2];
                         }
+                        annotation.invalidated = true;
                     },
                 },
             });
@@ -9305,17 +9312,9 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
             });
         };
         this.isPointNearTool = (element, annotation, canvasCoords, proximity) => {
-            const { data } = annotation;
-            const { points } = data.handles;
-            const canvasCoordinates = points;
-            const canvasTop = canvasCoordinates[0];
-            const canvasBottom = canvasCoordinates[2];
-            const canvasLeft = canvasCoordinates[3];
-            const radius = Math.abs(canvasBottom[1] - canvasTop[1]) * 0.5;
-            const center = [
-                canvasLeft[0] + radius,
-                canvasTop[1] + radius,
-            ];
+            const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
+            const { points } = annotation.data.handles;
+            const { radius, center } = this._getCanvasCircleData(viewport, points);
             const radiusPoint = (0,_utilities_math_circle__WEBPACK_IMPORTED_MODULE_12__.getCanvasCircleRadius)([center, canvasCoords]);
             if (Math.abs(radiusPoint - radius) < proximity * 2) {
                 return true;
@@ -9372,14 +9371,14 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
         this._dragDrawCallback = (evt) => {
             this.isDrawing = true;
             const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             const { deltaPoints } = eventDetail;
             const canvasDelta = deltaPoints?.canvas ?? [0, 0, 0];
             const { annotation, viewportIdsToRender } = this.editData;
             const { points } = annotation.data.handles;
-            points.forEach((point) => {
-                point[0] += canvasDelta[0];
-                point[1] += canvasDelta[1];
-            });
+            const worldDelta = this._getWorldDeltaFromCanvasDelta(viewport, points, canvasDelta);
+            this._applyWorldDelta(points, worldDelta);
             annotation.invalidated = true;
             this.editData.hasMoved = true;
             (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .A)(viewportIdsToRender);
@@ -9392,12 +9391,10 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
             const { data } = annotation;
             if (handleIndex === undefined) {
                 const { deltaPoints } = eventDetail;
-                const canvasDelta = deltaPoints.canvas;
+                const canvasDelta = deltaPoints.canvas ?? [0, 0, 0];
                 const points = data.handles.points;
-                points.forEach((point) => {
-                    point[0] += canvasDelta[0];
-                    point[1] += canvasDelta[1];
-                });
+                const worldDelta = this._getWorldDeltaFromCanvasDelta((0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element).viewport, points, canvasDelta);
+                this._applyWorldDelta(points, worldDelta);
                 annotation.invalidated = true;
             }
             else {
@@ -9408,18 +9405,12 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
         };
         this._dragHandle = (evt) => {
             const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             const { annotation } = this.editData;
             const { data } = annotation;
             const { points } = data.handles;
-            const canvasCoordinates = points;
-            const canvasTop = canvasCoordinates[0];
-            const canvasBottom = canvasCoordinates[2];
-            const canvasLeft = canvasCoordinates[3];
-            const radius = Math.abs(canvasBottom[1] - canvasTop[1]) * 0.5;
-            const canvasCenter = [
-                canvasLeft[0] + radius,
-                canvasTop[1] + radius,
-            ];
+            const { center: canvasCenter } = this._getCanvasCircleData(viewport, points);
             const { currentPoints } = eventDetail;
             const currentCanvasPoints = currentPoints.canvas;
             const newRadius = (0,_utilities_math_circle__WEBPACK_IMPORTED_MODULE_12__.getCanvasCircleRadius)([
@@ -9427,10 +9418,11 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
                 currentCanvasPoints,
             ]);
             const newCanvasHandlePoints = this._getCanvasHandlePoints(canvasCenter, newRadius);
-            points[0] = newCanvasHandlePoints[0];
-            points[1] = newCanvasHandlePoints[1];
-            points[2] = newCanvasHandlePoints[2];
-            points[3] = newCanvasHandlePoints[3];
+            const newWorldHandlePoints = newCanvasHandlePoints.map((handle) => viewport.canvasToWorld(handle));
+            points[0] = newWorldHandlePoints[0];
+            points[1] = newWorldHandlePoints[1];
+            points[2] = newWorldHandlePoints[2];
+            points[3] = newWorldHandlePoints[3];
         };
         this.cancel = (element) => {
             if (!this.isDrawing) {
@@ -9492,19 +9484,11 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
                 const { annotationUID, data } = annotation;
                 const { magnifyViewportId, zoomFactor, handles } = data;
                 const { points, activeHandleIndex } = handles;
+                const { center, radius, canvasPoints } = this._getCanvasCircleData(viewport, points);
                 styleSpecifier.annotationUID = annotationUID;
                 const lineWidth = this.getStyle('lineWidth', styleSpecifier, annotation);
                 const lineDash = this.getStyle('lineDash', styleSpecifier, annotation);
                 const color = this.getStyle('color', styleSpecifier, annotation);
-                const canvasCoordinates = points;
-                const canvasTop = canvasCoordinates[0];
-                const canvasBottom = canvasCoordinates[2];
-                const canvasLeft = canvasCoordinates[3];
-                const radius = Math.abs(canvasBottom[1] - canvasTop[1]) * 0.5;
-                const center = [
-                    canvasLeft[0] + radius,
-                    canvasTop[1] + radius,
-                ];
                 if (!viewport.getRenderingEngine()) {
                     console.warn('Rendering Engine has been destroyed');
                     return renderStatus;
@@ -9516,7 +9500,10 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
                 if (!(0,_stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_3__.isAnnotationLocked)(annotationUID) &&
                     !this.editData &&
                     activeHandleIndex !== null) {
-                    activeHandleCanvasCoords = [canvasCoordinates[activeHandleIndex]];
+                    const activeHandle = canvasPoints[activeHandleIndex];
+                    activeHandleCanvasCoords = [
+                        [activeHandle[0], activeHandle[1], 0],
+                    ];
                 }
                 if (activeHandleCanvasCoords) {
                     const handleGroupUID = '0';
@@ -9539,6 +9526,22 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
             }
             return renderStatus;
         };
+        this._getWorldHandlePoints = (viewport, canvasCenterPos, canvasRadius) => {
+            const canvasHandlePoints = this._getCanvasHandlePoints(canvasCenterPos, canvasRadius);
+            return canvasHandlePoints.map((handlePoint) => viewport.canvasToWorld(handlePoint));
+        };
+        this._getCanvasCircleData = (viewport, points) => {
+            const canvasPoints = points.map((point) => viewport.worldToCanvas(point));
+            const canvasTop = canvasPoints[0];
+            const canvasBottom = canvasPoints[2];
+            const canvasLeft = canvasPoints[3];
+            const radius = Math.abs(canvasBottom[1] - canvasTop[1]) * 0.5;
+            const center = [
+                canvasLeft[0] + radius,
+                canvasTop[1] + radius,
+            ];
+            return { canvasPoints, center, radius };
+        };
         this._getCanvasHandlePoints = (canvasCenterPos, canvasRadius) => {
             return [
                 [canvasCenterPos[0], canvasCenterPos[1] - canvasRadius, 0],
@@ -9605,6 +9608,33 @@ class AdvancedMagnifyTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotati
         });
         return dropdown;
     }
+    _getWorldDeltaFromCanvasDelta(viewport, points, canvasDelta) {
+        if (!canvasDelta) {
+            return [0, 0, 0];
+        }
+        const referencePoint = points[0];
+        const referenceCanvasPoint = viewport.worldToCanvas(referencePoint);
+        const movedWorldPoint = viewport.canvasToWorld([
+            referenceCanvasPoint[0] + canvasDelta[0],
+            referenceCanvasPoint[1] + canvasDelta[1],
+        ]);
+        return [
+            movedWorldPoint[0] - referencePoint[0],
+            movedWorldPoint[1] - referencePoint[1],
+            movedWorldPoint[2] - referencePoint[2],
+        ];
+    }
+    _applyWorldDelta(points, worldDelta) {
+        if (!worldDelta) {
+            return;
+        }
+        for (let i = 0, len = points.length; i < len; i++) {
+            const point = points[i];
+            point[0] += worldDelta[0];
+            point[1] += worldDelta[1];
+            point[2] += worldDelta[2];
+        }
+    }
 }
 class AdvancedMagnifyViewportManager {
     constructor() {
@@ -12514,6 +12544,9 @@ class PanTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .BaseTool */ .oS {
         supportedInteractionTypes: ['Mouse', 'Touch'],
         configuration: {
             limitToViewport: false,
+            ignoreX: false,
+            ignoreY: false,
+            ignoreZ: false
         },
     }) {
         super(toolProps, defaultToolProps);
@@ -12588,6 +12621,15 @@ class PanTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .BaseTool */ .oS {
             deltaPointsWorld[2] === 0) {
             return;
         }
+        if (this.configuration.ignoreX) {
+            deltaPointsWorld[0] = 0;
+        }
+        if (this.configuration.ignoreY) {
+            deltaPointsWorld[1] = 0;
+        }
+        if (this.configuration.ignoreZ) {
+            deltaPointsWorld[2] = 0;
+        }
         const viewport = enabledElement.viewport;
         const camera = viewport.getCamera();
         const { focalPoint, position } = camera;
@@ -13334,7 +13376,7 @@ class ScaleOverlayTool extends _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MOD
             let annotation = this.editData?.annotation;
             const annotations = (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__.getAnnotations)(this.getToolName(), viewport.element);
             if (annotations.length) {
-                annotation = annotations.filter((thisAnnotation) => thisAnnotation.data.viewportId == viewport.id)[0];
+                annotation = annotations.filter((thisAnnotation) => thisAnnotation.data?.viewportId == viewport.id)[0];
             }
             enabledElements.forEach((element) => {
                 const { viewport } = element;
@@ -13580,10 +13622,10 @@ class ScaleOverlayTool extends _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MOD
         const location = this.configuration.scaleLocation;
         const { viewport } = enabledElement;
         const annotations = (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__.getAnnotations)(this.getToolName(), viewport.element);
-        const annotation = annotations.filter((thisAnnotation) => thisAnnotation.data.viewportId == viewport.id)[0];
+        const annotation = annotations.filter((thisAnnotation) => thisAnnotation.data?.viewportId == viewport.id)[0];
         const canvas = enabledElement.viewport.canvas;
         const renderStatus = false;
-        if (!viewport) {
+        if (!viewport || !annotation) {
             return renderStatus;
         }
         const styleSpecifier = {
@@ -29596,6 +29638,7 @@ class BaseTool {
         },
     }; }
     constructor(toolProps, defaultToolProps) {
+        this.isPrimary = false;
         const mergedDefaults = BaseTool.mergeDefaultProps(BaseTool.defaults, defaultToolProps);
         const initialProps = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepMerge(mergedDefaults, toolProps);
         const { configuration = {}, supportedInteractionTypes, toolGroupId, } = initialProps;
@@ -30563,12 +30606,10 @@ function getUpdateFunction(viewport) {
 /* harmony import */ var _strategies_eraseSphere__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1989);
 /* harmony import */ var _strategies_fillCircle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(56789);
 /* harmony import */ var _strategies_eraseCircle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33852);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(74347);
-/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7001);
-/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(58640);
-/* harmony import */ var _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23631);
-/* harmony import */ var _strategies_utils_getStrategyData__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(40905);
-
+/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7001);
+/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(58640);
+/* harmony import */ var _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23631);
+/* harmony import */ var _strategies_utils_getStrategyData__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40905);
 
 
 
@@ -30580,7 +30621,7 @@ function getUpdateFunction(viewport) {
 
 
 
-class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A {
+class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A {
     constructor(toolProps = {}, defaultToolProps = {
         supportedInteractionTypes: ['Mouse', 'Touch'],
         configuration: {
@@ -30667,7 +30708,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             const { viewport } = enabledElement;
             this._editData = this.createEditData(element);
             this._activateDraw(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__.hideElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__.hideElementCursor)(element);
             evt.preventDefault();
             this._previewData.isDrag = false;
             this._previewData.timerStart = Date.now();
@@ -30681,7 +30722,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
                 world: gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.clone */ .eR.clone(worldPoint),
             };
             const hoverData = this._hoverData || this.createHoverData(element);
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(hoverData.viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(hoverData.viewportIdsToRender);
             const operationData = this.getOperationData(element);
             if (!operationData) {
                 return false;
@@ -30690,6 +30731,9 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             return true;
         };
         this.mouseMoveCallback = (evt) => {
+            if (!this.isPrimary) {
+                return;
+            }
             if (this.mode === _enums__WEBPACK_IMPORTED_MODULE_2__.ToolModes.Active) {
                 this.updateCursor(evt);
                 if (!this.configuration.preview.enabled) {
@@ -30738,7 +30782,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             }
             const { viewport } = enabledElement;
             const activeStrategy = this.configuration.activeStrategy;
-            const strategyData = (0,_strategies_utils_getStrategyData__WEBPACK_IMPORTED_MODULE_11__/* .getStrategyData */ .S)({
+            const strategyData = (0,_strategies_utils_getStrategyData__WEBPACK_IMPORTED_MODULE_10__/* .getStrategyData */ .S)({
                 operationData,
                 viewport,
                 strategy: activeStrategy,
@@ -30760,7 +30804,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             const { viewport } = enabledElement;
             this.updateCursor(evt);
             const { viewportIdsToRender } = this._hoverData;
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(viewportIdsToRender);
             const delta = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec2.distance */ .Zc.distance(currentPoints.canvas, this._previewData.startPoint);
             const { dragTimeMs, dragMoveDistance } = this.configuration.preview;
             if (!this._previewData.isDrag &&
@@ -30822,7 +30866,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             }
             this.doneEditMemo();
             this._deactivateDraw(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__.resetElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__.resetElementCursor)(element);
             this.updateCursor(evt);
             this._editData = null;
             this._lastDragInfo = null;
@@ -30856,55 +30900,12 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
         if (!this._hoverData) {
             return;
         }
-        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this._hoverData.viewportIdsToRender);
+        BrushTool.activeCursorTool = this;
+        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(this._hoverData.viewportIdsToRender);
     }
     _calculateCursor(element, centerCanvas) {
         const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
-        const { viewport } = enabledElement;
-        const { canvasToWorld } = viewport;
-        const camera = viewport.getCamera();
-        const { brushSize } = this.configuration;
-        const viewUp = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.fromValues */ .eR.fromValues(camera.viewUp[0], camera.viewUp[1], camera.viewUp[2]);
-        const viewPlaneNormal = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.fromValues */ .eR.fromValues(camera.viewPlaneNormal[0], camera.viewPlaneNormal[1], camera.viewPlaneNormal[2]);
-        const viewRight = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-        gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.cross */ .eR.cross(viewRight, viewUp, viewPlaneNormal);
-        const centerCursorInWorld = canvasToWorld([
-            centerCanvas[0],
-            centerCanvas[1],
-        ]);
-        const bottomCursorInWorld = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-        const topCursorInWorld = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-        const leftCursorInWorld = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-        const rightCursorInWorld = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-        for (let i = 0; i <= 2; i++) {
-            bottomCursorInWorld[i] = centerCursorInWorld[i] - viewUp[i] * brushSize;
-            topCursorInWorld[i] = centerCursorInWorld[i] + viewUp[i] * brushSize;
-            leftCursorInWorld[i] = centerCursorInWorld[i] - viewRight[i] * brushSize;
-            rightCursorInWorld[i] = centerCursorInWorld[i] + viewRight[i] * brushSize;
-        }
-        if (!this._hoverData) {
-            return;
-        }
-        const { brushCursor } = this._hoverData;
-        const { data } = brushCursor;
-        if (data.handles === undefined) {
-            data.handles = {};
-        }
-        data.handles.points = [
-            bottomCursorInWorld,
-            topCursorInWorld,
-            leftCursorInWorld,
-            rightCursorInWorld,
-        ];
-        const activeStrategy = this.configuration.activeStrategy;
-        const strategy = this.configuration.strategies[activeStrategy];
-        if (typeof strategy?.computeInnerCircleRadius === 'function') {
-            strategy.computeInnerCircleRadius({
-                configuration: this.configuration,
-                viewport,
-            });
-        }
-        data.invalidated = false;
+        this.applyActiveStrategyCallback(enabledElement, this.getOperationData(element), _enums__WEBPACK_IMPORTED_MODULE_2__.StrategyCallbacks.CalculateCursorGeometry);
     }
     getStatistics(element, segmentIndices) {
         if (!element) {
@@ -30952,7 +30953,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
         this._hoverData.brushCursor.metadata.segmentColor = segmentColor;
     }
     renderAnnotation(enabledElement, svgDrawingHelper) {
-        if (!this._hoverData) {
+        if (!this._hoverData || BrushTool.activeCursorTool !== this) {
             return;
         }
         const { viewport } = enabledElement;
@@ -30966,40 +30967,7 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_10__/* ["defa
             const { element } = viewport;
             this._calculateCursor(element, centerCanvas);
         }
-        const toolMetadata = brushCursor.metadata;
-        if (!toolMetadata) {
-            return;
-        }
-        const annotationUID = toolMetadata.brushCursorUID;
-        const data = brushCursor.data;
-        const { points } = data.handles;
-        const canvasCoordinates = points.map((p) => viewport.worldToCanvas(p));
-        const bottom = canvasCoordinates[0];
-        const top = canvasCoordinates[1];
-        const center = [
-            Math.floor((bottom[0] + top[0]) / 2),
-            Math.floor((bottom[1] + top[1]) / 2),
-        ];
-        const radius = Math.abs(bottom[1] - Math.floor((bottom[1] + top[1]) / 2));
-        const color = `rgb(${toolMetadata.segmentColor?.slice(0, 3) || [0, 0, 0]})`;
-        if (!viewport.getRenderingEngine()) {
-            console.warn('Rendering Engine has been destroyed');
-            return;
-        }
-        const circleUID = '0';
-        (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_7__.drawCircle)(svgDrawingHelper, annotationUID, circleUID, center, radius, {
-            color,
-            lineDash: this.centerSegmentIndexInfo.segmentIndex === 0 ? [1, 2] : null,
-        });
-        const { dynamicRadiusInCanvas } = this.configuration?.threshold || {
-            dynamicRadiusInCanvas: 0,
-        };
-        if (dynamicRadiusInCanvas) {
-            const circleUID1 = '1';
-            (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_7__.drawCircle)(svgDrawingHelper, annotationUID, circleUID1, center, dynamicRadiusInCanvas, {
-                color,
-            });
-        }
+        this.applyActiveStrategyCallback(enabledElement, this.getOperationData(viewport.element), _enums__WEBPACK_IMPORTED_MODULE_2__.StrategyCallbacks.RenderCursor, svgDrawingHelper);
     }
 }
 BrushTool.toolName = 'Brush';
@@ -34022,7 +33990,7 @@ SphereScissorsTool.toolName = 'SphereScissor';
 /* harmony import */ var _utilities_boundingBox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72282);
 /* harmony import */ var _BrushStrategy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55887);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29857);
-/* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(11990);
+/* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64664);
 /* harmony import */ var _utilities_math_sphere__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(62783);
 
 
@@ -34250,7 +34218,7 @@ function fillOutsideCircle() {
 /* harmony import */ var _utilities_boundingBox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(72282);
 /* harmony import */ var _BrushStrategy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55887);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29857);
-/* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(11990);
+/* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64664);
 
 
 
@@ -40390,7 +40358,7 @@ function getHoveredContourSegmentationAnnotation(segmentationId) {
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 
 function getOrCreateImageVolume(referencedImageIds) {
-    if (!referencedImageIds || referencedImageIds.length <= 1) {
+    if (!referencedImageIds?.length) {
         return;
     }
     const isValidVolume = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.isValidVolume(referencedImageIds);
@@ -40433,7 +40401,7 @@ function getOrCreateSegmentationVolume(segmentationId) {
     }
     const { imageIds: labelmapImageIds } = representationData.Labelmap;
     volumeId = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.cache.generateVolumeId(labelmapImageIds);
-    if (!labelmapImageIds || labelmapImageIds.length === 1) {
+    if (!labelmapImageIds || labelmapImageIds.length === 0) {
         return;
     }
     const isValidVolume = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.isValidVolume(labelmapImageIds);
@@ -44653,7 +44621,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.12.6';
+const version = '4.14.4';
 
 
 /***/ }),

package/dist/{7639.bundle.6444531fac0b110595e5.js → 7639.bundle.096a5aaabaff706ab769.js}

@@ -868,12 +868,16 @@ function modeFactory({
         unsubscribe
       } = cornerstoneViewportService.subscribe(cornerstoneViewportService.EVENTS.VIEWPORT_VOLUMES_CHANGED, () => {
         const viewportId = viewportGridService.getActiveViewportId();
-        const csViewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-        cineService.playClip(csViewport.element, {
-          viewportId
+        if (!viewportId) {
+          return;
+        }
+        const frameRate = 24;
+        cineService.setIsCineEnabled(true);
+        cineService.setCine({
+          id: viewportId,
+          isPlaying: true,
+          frameRate
         });
-        // cineService.setIsCineEnabled(true);
-
         unsubscribe();
       });
     },

package/dist/{8305.bundle.b1fb25aa020e0d0faec8.js → 8305.bundle.b4a98270e518f46feaa0.js}

@@ -700,8 +700,8 @@ const commandsModule = ({
   };
 };
 /* harmony default export */ const src_commandsModule = (commandsModule);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
-var cornerstone_src = __webpack_require__(71903);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 193 modules
+var cornerstone_src = __webpack_require__(63081);
 // EXTERNAL MODULE: ../../ui-next/src/index.ts + 3075 modules
 var ui_next_src = __webpack_require__(12517);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/index.js

package/dist/{8558.bundle.6b45234a8d6365bff3b9.js → 8558.bundle.0fd075bf5ebda9511e73.js}

@@ -109,6 +109,8 @@ var SegmentationRepresentations;
 /* harmony export */ });
 var StrategyCallbacks;
 (function (StrategyCallbacks) {
+    StrategyCallbacks["CalculateCursorGeometry"] = "calculateCursorGeometry";
+    StrategyCallbacks["RenderCursor"] = "renderCursor";
     StrategyCallbacks["OnInteractionStart"] = "onInteractionStart";
     StrategyCallbacks["OnInteractionEnd"] = "onInteractionEnd";
     StrategyCallbacks["Preview"] = "preview";
@@ -908,7 +910,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return Promise.all(/* import() */[__webpack_require__.e(4019), __webpack_require__.e(3584), __webpack_require__.e(5400), __webpack_require__.e(7412), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(1903), __webpack_require__.e(1608)]).then(__webpack_require__.bind(__webpack_require__, 88414));
+  return Promise.all(/* import() */[__webpack_require__.e(4019), __webpack_require__.e(3584), __webpack_require__.e(5400), __webpack_require__.e(7412), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(1608)]).then(__webpack_require__.bind(__webpack_require__, 88414));
 });
 const OHIFCornerstoneRTViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {

package/dist/{8583.bundle.246b35769cd393843c6e.js → 8583.bundle.7534fbaf03a232fd85c5.js}

@@ -975,8 +975,8 @@ PanelPetSUV.propTypes = {
     }).isRequired
   }).isRequired
 };
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
-var cornerstone_src = __webpack_require__(71903);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 193 modules
+var cornerstone_src = __webpack_require__(63081);
 ;// ../../../extensions/tmtv/src/utils/handleROIThresholding.ts
 const handleROIThresholding = async ({
   commandsManager,

package/dist/{9195.bundle.5f9be23bc1e8857cc478.js → 9195.bundle.6663852fdc83058f3686.js}

@@ -10408,8 +10408,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.12.0-beta.104";
-  const commitHash = "d917e74e6888744c9a5f3fa2170993c23a9b9341";
+  const versionNumber = "3.12.0-beta.106";
+  const commitHash = "2de81efa7e6be534972cd763271c038b293d86f0";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"

package/dist/{9845.bundle.155759f5e8d8070ee16f.js → 9845.bundle.255e7c7f7a88193b4e47.js}

@@ -30,8 +30,8 @@ function createSEGToolGroupAndAddTools({
   return toolGroupService.createToolGroupAndAddTools(toolGroupId, updatedTools);
 }
 /* harmony default export */ const initSEGToolGroup = (createSEGToolGroupAndAddTools);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
-var cornerstone_src = __webpack_require__(71903);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 193 modules
+var cornerstone_src = __webpack_require__(63081);
 ;// ../../../extensions/cornerstone-dicom-seg/src/utils/promptHydrateSEG.ts
 
 function promptHydrateSEG({

package/dist/{9862.bundle.bb6b5cab9e8eda1cc675.js → 9862.bundle.2992313d0e19d394e6a5.js}

@@ -12,7 +12,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97598);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12517);
-/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71903);
+/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63081);
 /* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4667);
 /* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55844);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15327);