hellfire 0.27.5 → 0.27.7

package/dist/index.js

@@ -6685,6 +6685,7 @@ var draw = cornerstoneTools.importInternal('drawing/draw');
 var setShadow = cornerstoneTools.importInternal('drawing/setShadow');
 var drawLine = cornerstoneTools.importInternal('drawing/drawLine');
 var drawLinkedTextBox = cornerstoneTools.importInternal('drawing/drawLinkedTextBox');
+var external$4 = cornerstoneTools.external;
 /**
  * @public
  * @class LengthTool
@@ -6790,7 +6791,7 @@ var LengthTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     }
   }, {
     key: "updateCachedStats",
-    value: function updateCachedStats(image, element, data) {
+    value: function updateCachedStats(image, element, data, callback) {
       var _getPixelSpacing = getPixelSpacing(image),
           rowPixelSpacing = _getPixelSpacing.rowPixelSpacing,
           colPixelSpacing = _getPixelSpacing.colPixelSpacing; // Set rowPixelSpacing and columnPixelSpacing to 1 if they are undefined (or zero)
@@ -6803,6 +6804,16 @@ var LengthTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       data.length = length;
       data.invalidated = false;
+      callback && callback();
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$4.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$4.cornerstone.updateImage(element);
+      }
     }
   }, {
     key: "renderToolData",
@@ -6878,7 +6889,9 @@ var LengthTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
           if (data.invalidated === true) {
             if (data.length) {
-              _this2.throttledUpdateCachedStats(image, element, data);
+              _this2.throttledUpdateCachedStats(image, element, data, function () {
+                _this2.forceImageUpdate(element);
+              });
             } else {
               _this2.updateCachedStats(image, element, data);
             }
@@ -6942,7 +6955,7 @@ var _cornerstoneTools$imp = cornerstoneTools.importInternal('tools/cursors'),
 
 var triggerEvent = cornerstoneTools.importInternal('util/triggerEvent');
 var EVENTS = cornerstoneTools.EVENTS,
-    external$4 = cornerstoneTools.external,
+    external$5 = cornerstoneTools.external,
     toolStyle$1 = cornerstoneTools.toolStyle,
     toolColors$2 = cornerstoneTools.toolColors,
     textStyle = cornerstoneTools.textStyle,
@@ -7070,8 +7083,8 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           setShadow$1(context, _this2.configuration);
           var color = toolColors$2.getColorIfActive(data); // Draw the arrow
 
-          var handleStartCanvas = external$4.cornerstone.pixelToCanvas(element, data.handles.start);
-          var handleEndCanvas = external$4.cornerstone.pixelToCanvas(element, data.handles.end); // Config.arrowFirst = false;
+          var handleStartCanvas = external$5.cornerstone.pixelToCanvas(element, data.handles.start);
+          var handleEndCanvas = external$5.cornerstone.pixelToCanvas(element, data.handles.end); // Config.arrowFirst = false;
 
           if (_this2.configuration.arrowFirst) {
             drawArrow(context, handleEndCanvas, handleStartCanvas, color, lineWidth);
@@ -7120,7 +7133,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
                 };
               }
 
-              var transform = external$4.cornerstone.internal.getTransform(enabledElement);
+              var transform = external$5.cornerstone.internal.getTransform(enabledElement);
               transform.invert();
               var coords = transform.transformPoint(textCoords.x, textCoords.y);
               data.handles.textBox.x = coords.x;
@@ -7162,7 +7175,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var measurementData = this.createNewMeasurement(evt); // Associate this data with this imageId so we can render it and manipulate it
 
       addToolState(element, this.name, measurementData);
-      external$4.cornerstone.updateImage(element);
+      external$5.cornerstone.updateImage(element);
       moveNewHandle(evt.detail, this.name, measurementData, measurementData.handles.end, this.options, interactionType, function () {
         if (measurementData.text === undefined) {
           getTextCallback(function (text) {
@@ -7171,7 +7184,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
             }
 
             measurementData.active = false;
-            external$4.cornerstone.updateImage(element);
+            external$5.cornerstone.updateImage(element);
             triggerEvent(element, EVENTS.MEASUREMENT_MODIFIED, {
               toolType: _this3.name,
               element: element,
@@ -7180,7 +7193,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           }, evt.detail);
         }
 
-        external$4.cornerstone.updateImage(element);
+        external$5.cornerstone.updateImage(element);
       });
     }
   }, {
@@ -7211,7 +7224,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
         if (_this4.pointNearTool(element, data, coords) || pointInsideBoundingBox(data.handles.textBox, coords)) {
           data.active = true;
-          external$4.cornerstone.updateImage(element); // Allow relabelling via a callback
+          external$5.cornerstone.updateImage(element); // Allow relabelling via a callback
 
           changeTextCallback(data, evt.detail, function (updatedText, deleteTool) {
             if (deleteTool === true) {
@@ -7221,7 +7234,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
             }
 
             data.active = false;
-            external$4.cornerstone.updateImage(element);
+            external$5.cornerstone.updateImage(element);
           } // this._doneChangingTextCallback.bind(this, element, data)
           );
           evt.stopImmediatePropagation();
@@ -7249,7 +7262,7 @@ var ArrowAnnotateTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       }
 
       measurementData.active = false;
-      external$4.cornerstone.updateImage(element);
+      external$5.cornerstone.updateImage(element);
       triggerEvent(element, EVENTS.MEASUREMENT_MODIFIED, {
         toolType: this.name,
         element: element,
@@ -7290,7 +7303,7 @@ var throttle$1 = cornerstoneTools.importInternal('util/throttle');
 var getLogger = cornerstoneTools.importInternal('util/getLogger');
 var getPixelSpacing$1 = cornerstoneTools.importInternal('util/getPixelSpacing');
 var logger$2 = getLogger('tools:annotation:RectangleRoiTool');
-var external$5 = cornerstoneTools.external,
+var external$6 = cornerstoneTools.external,
     toolStyle$2 = cornerstoneTools.toolStyle,
     toolColors$3 = cornerstoneTools.toolColors,
     getToolState$1 = cornerstoneTools.getToolState;
@@ -7386,21 +7399,21 @@ var RectangleRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       }
 
       var distance = interactionType === 'mouse' ? 5 : 25;
-      var startCanvas = external$5.cornerstone.pixelToCanvas(element, data.handles.start);
-      var endCanvas = external$5.cornerstone.pixelToCanvas(element, data.handles.end);
+      var startCanvas = external$6.cornerstone.pixelToCanvas(element, data.handles.start);
+      var endCanvas = external$6.cornerstone.pixelToCanvas(element, data.handles.end);
       var rect = {
         left: Math.min(startCanvas.x, endCanvas.x),
         top: Math.min(startCanvas.y, endCanvas.y),
         width: Math.abs(startCanvas.x - endCanvas.x),
         height: Math.abs(startCanvas.y - endCanvas.y)
       };
-      var distanceToPoint = external$5.cornerstoneMath.rect.distanceToPoint(rect, coords);
+      var distanceToPoint = external$6.cornerstoneMath.rect.distanceToPoint(rect, coords);
       return distanceToPoint < distance;
     }
   }, {
     key: "updateCachedStats",
-    value: function updateCachedStats(image, element, data) {
-      var seriesModule = external$5.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
+    value: function updateCachedStats(image, element, data, callback) {
+      var seriesModule = external$6.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
       var modality = seriesModule.modality;
       var pixelSpacing = getPixelSpacing$1(image);
 
@@ -7408,6 +7421,16 @@ var RectangleRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       data.cachedStats = stats;
       data.invalidated = false;
+      callback && callback();
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$6.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$6.cornerstone.updateImage(element);
+      }
     }
   }, {
     key: "renderToolData",
@@ -7434,7 +7457,7 @@ var RectangleRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           colPixelSpacing = _getPixelSpacing.colPixelSpacing; // Meta
 
 
-      var seriesModule = external$5.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {}; // Pixel Spacing
+      var seriesModule = external$6.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {}; // Pixel Spacing
 
       var modality = seriesModule.modality;
       var hasPixelSpacing = rowPixelSpacing && colPixelSpacing;
@@ -7469,7 +7492,9 @@ var RectangleRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
           if (data.invalidated === true) {
             if (data.cachedStats) {
-              _this2.throttledUpdateCachedStats(image, element, data);
+              _this2.throttledUpdateCachedStats(image, element, data, function () {
+                _this2.forceImageUpdate(element);
+              });
             } else {
               _this2.updateCachedStats(image, element, data);
             }
@@ -7524,7 +7549,7 @@ function _calculateStats(image, element, handles, modality, pixelSpacing) {
   var roiCoordinates = _getRectangleImageCoordinates(handles.start, handles.end); // Retrieve the array of pixels that the rectangle bounds cover
 
 
-  var pixels = external$5.cornerstone.getPixels(element, roiCoordinates.left, roiCoordinates.top, roiCoordinates.width, roiCoordinates.height); // Calculate the mean & standard deviation from the pixels and the rectangle details
+  var pixels = external$6.cornerstone.getPixels(element, roiCoordinates.left, roiCoordinates.top, roiCoordinates.width, roiCoordinates.height); // Calculate the mean & standard deviation from the pixels and the rectangle details
 
   var roiMeanStdDev = _calculateRectangleStats(pixels, roiCoordinates);
 
@@ -7744,7 +7769,7 @@ var _cornerstoneTools$imp2 = cornerstoneTools.importInternal('tools/cursors'),
     ellipticalRoiCursor = _cornerstoneTools$imp2.ellipticalRoiCursor;
 
 var logger$3 = getLogger$1('tools:annotation:EllipticalRoiTool');
-var external$6 = cornerstoneTools.external,
+var external$7 = cornerstoneTools.external,
     toolStyle$3 = cornerstoneTools.toolStyle,
     toolColors$4 = cornerstoneTools.toolColors,
     getToolState$2 = cornerstoneTools.getToolState;
@@ -7839,8 +7864,8 @@ var EllipticalRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       }
 
       var distance = interactionType === 'mouse' ? 5 : 25;
-      var startCanvas = external$6.cornerstone.pixelToCanvas(element, data.handles.start);
-      var endCanvas = external$6.cornerstone.pixelToCanvas(element, data.handles.end);
+      var startCanvas = external$7.cornerstone.pixelToCanvas(element, data.handles.start);
+      var endCanvas = external$7.cornerstone.pixelToCanvas(element, data.handles.end);
       var minorEllipse = {
         left: Math.min(startCanvas.x, endCanvas.x) + distance / 2,
         top: Math.min(startCanvas.y, endCanvas.y) + distance / 2,
@@ -7864,8 +7889,8 @@ var EllipticalRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     }
   }, {
     key: "updateCachedStats",
-    value: function updateCachedStats(image, element, data) {
-      var seriesModule = external$6.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
+    value: function updateCachedStats(image, element, data, callback) {
+      var seriesModule = external$7.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
       var modality = seriesModule.modality;
       var pixelSpacing = getPixelSpacing$2(image);
 
@@ -7873,6 +7898,16 @@ var EllipticalRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       data.cachedStats = stats;
       data.invalidated = false;
+      callback && callback();
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$7.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$7.cornerstone.updateImage(element);
+      }
     }
   }, {
     key: "renderToolData",
@@ -7899,7 +7934,7 @@ var EllipticalRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           colPixelSpacing = _getPixelSpacing.colPixelSpacing; // Meta
 
 
-      var seriesModule = external$6.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {}; // Pixel Spacing
+      var seriesModule = external$7.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {}; // Pixel Spacing
 
       var modality = seriesModule.modality;
       var hasPixelSpacing = rowPixelSpacing && colPixelSpacing;
@@ -7930,7 +7965,9 @@ var EllipticalRoiTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
           if (data.invalidated === true) {
             if (data.cachedStats) {
-              _this2.throttledUpdateCachedStats(image, element, data);
+              _this2.throttledUpdateCachedStats(image, element, data, function () {
+                _this2.forceImageUpdate(element);
+              });
             } else {
               _this2.updateCachedStats(image, element, data);
             }
@@ -8087,7 +8124,7 @@ function _calculateStats$1(image, element, handles, modality, pixelSpacing) {
   var ellipseCoordinates = _getEllipseImageCoordinates(handles.start, handles.end); // Retrieve the array of pixels that the ellipse bounds cover
 
 
-  var pixels = external$6.cornerstone.getPixels(element, ellipseCoordinates.left, ellipseCoordinates.top, ellipseCoordinates.width, ellipseCoordinates.height); // Calculate the mean & standard deviation from the pixels and the ellipse details.
+  var pixels = external$7.cornerstone.getPixels(element, ellipseCoordinates.left, ellipseCoordinates.top, ellipseCoordinates.width, ellipseCoordinates.height); // Calculate the mean & standard deviation from the pixels and the ellipse details.
 
   var ellipseMeanStdDev = calculateEllipseStatistics(pixels, ellipseCoordinates);
   var meanStdDevSUV;
@@ -8148,7 +8185,7 @@ var roundToDecimal = cornerstoneTools.importInternal('util/roundToDecimal');
 var _cornerstoneTools$imp$3 = cornerstoneTools.importInternal('tools/cursors'),
     angleCursor = _cornerstoneTools$imp$3.angleCursor;
 
-var external$7 = cornerstoneTools.external,
+var external$8 = cornerstoneTools.external,
     toolStyle$4 = cornerstoneTools.toolStyle,
     toolColors$5 = cornerstoneTools.toolColors,
     getToolState$3 = cornerstoneTools.getToolState,
@@ -8243,7 +8280,7 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     }
   }, {
     key: "updateCachedStats",
-    value: function updateCachedStats(image, element, data) {
+    value: function updateCachedStats(image, element, data, callback) {
       var _getPixelSpacing = getPixelSpacing$3(image),
           rowPixelSpacing = _getPixelSpacing.rowPixelSpacing,
           colPixelSpacing = _getPixelSpacing.colPixelSpacing;
@@ -8272,6 +8309,16 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       angle *= 180 / Math.PI;
       data.rAngle = roundToDecimal(angle, 2);
       data.invalidated = false;
+      callback && callback();
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$8.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$8.cornerstone.updateImage(element);
+      }
     }
   }, {
     key: "renderToolData",
@@ -8312,8 +8359,8 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           setShadow$4(context, _this2.configuration); // Differentiate the color of activation tool
 
           var color = toolColors$5.getColorIfActive(data);
-          var handleStartCanvas = external$7.cornerstone.pixelToCanvas(eventData.element, data.handles.start);
-          var handleMiddleCanvas = external$7.cornerstone.pixelToCanvas(eventData.element, data.handles.middle);
+          var handleStartCanvas = external$8.cornerstone.pixelToCanvas(eventData.element, data.handles.start);
+          var handleMiddleCanvas = external$8.cornerstone.pixelToCanvas(eventData.element, data.handles.middle);
           drawJoinedLines(context, eventData.element, data.handles.start, [data.handles.middle, data.handles.end], {
             color: color
           }); // Draw the handles
@@ -8333,7 +8380,9 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
           if (data.invalidated === true) {
             if (data.rAngle) {
-              _this2.throttledUpdateCachedStats(image, element, data);
+              _this2.throttledUpdateCachedStats(image, element, data, function () {
+                _this2.forceImageUpdate(element);
+              });
             } else {
               _this2.updateCachedStats(image, element, data);
             }
@@ -8358,7 +8407,7 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
                 textCoords.x += distance;
               }
 
-              var transform = external$7.cornerstone.internal.getTransform(enabledElement);
+              var transform = external$8.cornerstone.internal.getTransform(enabledElement);
               transform.invert();
               var coords = transform.transformPoint(textCoords.x, textCoords.y);
               data.handles.textBox.x = coords.x;
@@ -8407,18 +8456,18 @@ var AngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var element = evt.detail.element; // Associate this data with this imageId so we can render it and manipulate it
 
       addToolState$1(element, this.name, measurementData);
-      external$7.cornerstone.updateImage(element); // Step 1, create start and second middle.
+      external$8.cornerstone.updateImage(element); // Step 1, create start and second middle.
 
       moveNewHandle$1(eventData, this.name, measurementData, measurementData.handles.middle, this.options, interactionType, function () {
         measurementData.active = false;
         measurementData.handles.end.active = true;
-        external$7.cornerstone.updateImage(element); // Step 2, create end.
+        external$8.cornerstone.updateImage(element); // Step 2, create end.
 
         moveNewHandle$1(eventData, _this3.name, measurementData, measurementData.handles.end, _this3.options, interactionType, function () {
           measurementData.active = false;
           measurementData.complete = true;
           _this3.preventNewMeasurement = false;
-          external$7.cornerstone.updateImage(element);
+          external$8.cornerstone.updateImage(element);
         });
       });
     }
@@ -8450,7 +8499,7 @@ var _cornerstoneTools$imp$4 = cornerstoneTools.importInternal('tools/cursors'),
     cobbAngleCursor = _cornerstoneTools$imp$4.cobbAngleCursor;
 
 var EVENTS$1 = cornerstoneTools.EVENTS,
-    external$8 = cornerstoneTools.external,
+    external$9 = cornerstoneTools.external,
     textStyle$1 = cornerstoneTools.textStyle,
     toolStyle$5 = cornerstoneTools.toolStyle,
     toolColors$6 = cornerstoneTools.toolColors,
@@ -8738,14 +8787,14 @@ var CobbAngleTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       } // Associate this data with this imageId so we can render it and manipulate it
 
 
-      external$8.cornerstone.updateImage(element);
+      external$9.cornerstone.updateImage(element);
       moveNewHandle$2(eventData, this.name, measurementData, toMoveHandle, this.options, interactionType, doneMovingCallback);
     }
   }, {
     key: "onMeasureModified",
     value: function onMeasureModified(ev) {
       var element = ev.detail.element;
-      var image = external$8.cornerstone.getEnabledElement(element).image;
+      var image = external$9.cornerstone.getEnabledElement(element).image;
 
       var _getPixelSpacing2 = getPixelSpacing$4(image),
           rowPixelSpacing = _getPixelSpacing2.rowPixelSpacing,
@@ -10493,7 +10542,7 @@ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var triggerEvent$2 = cornerstoneTools.importInternal('util/triggerEvent');
-var external$9 = cornerstoneTools.external,
+var external$a = cornerstoneTools.external,
     getToolState$5 = cornerstoneTools.getToolState,
     loadHandlerManager = cornerstoneTools.loadHandlerManager,
     EVENTS$2 = cornerstoneTools.EVENTS;
@@ -10521,7 +10570,7 @@ function scrollToIndex (element, newImageIdIndex, options, callback) {
     return;
   }
 
-  var cornerstone = external$9.cornerstone; // If we have more than one stack, check if we have a stack renderer defined
+  var cornerstone = external$a.cornerstone; // If we have more than one stack, check if we have a stack renderer defined
 
   var stackRenderer;
 
@@ -22264,7 +22313,7 @@ function _createForOfIteratorHelper$5(o, allowArrayLike) { var it; if (typeof Sy
 function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen); }
 
 function _arrayLikeToArray$6(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var external$a = cornerstoneTools.external,
+var external$b = cornerstoneTools.external,
     getToolState$6 = cornerstoneTools.getToolState;
 
 function changeMprPosition(imageId, position) {
@@ -22311,7 +22360,7 @@ function changeMprPosition(imageId, position) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var element = _step.value;
-      external$a.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+      external$b.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
         images: images
       });
     }
@@ -22326,12 +22375,12 @@ function changeMprPositionWithElement(element, positionChange, type) {
   var stack = getToolState$6(element, 'stack').data[0];
   var currentImageIdIndex = stack && stack.currentImageIdIndex || 0;
   var finalPosition = currentImageIdIndex + positionChange;
-  var enabledElement = external$a.cornerstone.getEnabledElement(element);
+  var enabledElement = external$b.cornerstone.getEnabledElement(element);
   changeMprPosition(enabledElement.image.imageId, finalPosition, type);
 }
 
 var clip = cornerstoneTools.importInternal('util/clip');
-var external$b = cornerstoneTools.external,
+var external$c = cornerstoneTools.external,
     getToolState$7 = cornerstoneTools.getToolState;
 var eventCollection = [];
 var lastProcessTime = null;
@@ -22413,7 +22462,7 @@ function startProcess(type) {
 
   var eventData = eventCollection.pop();
   eventCollection = [];
-  var imageId = external$b.cornerstone.getEnabledElement(eventData.element).image.imageId;
+  var imageId = external$c.cornerstone.getEnabledElement(eventData.element).image.imageId;
   changeMprPosition(imageId, eventData.index, type);
   lastProcessTime = new Date().getTime();
 }
@@ -22447,7 +22496,7 @@ function scrollWithoutSkipping(stackData, pendingEvent, element) {
 
       if (index === pendingEvent.index) {
         stackData.pending.splice(stackData.pending.indexOf(pendingEvent), 1);
-        element.removeEventListener(external$b.cornerstone.EVENTS.NEW_IMAGE, newImageHandler);
+        element.removeEventListener(external$c.cornerstone.EVENTS.NEW_IMAGE, newImageHandler);
 
         if (stackData.pending.length > 0) {
           scrollWithoutSkipping(stackData, stackData.pending[0], element);
@@ -22455,7 +22504,7 @@ function scrollWithoutSkipping(stackData, pendingEvent, element) {
       }
     };
 
-    element.addEventListener(external$b.cornerstone.EVENTS.NEW_IMAGE, newImageHandler);
+    element.addEventListener(external$c.cornerstone.EVENTS.NEW_IMAGE, newImageHandler);
 
     var scrollCallback = function scrollCallback(res) {
       if (res.type === 'fail') {
@@ -22735,7 +22784,7 @@ var StackScrollTool = /*#__PURE__*/function (_BaseTool) {
   return StackScrollTool;
 }(BaseTool$7);
 
-var external$c = cornerstoneTools.external;
+var external$d = cornerstoneTools.external;
 var toolColors$8 = cornerstoneTools.toolColors;
 var path$1 = cornerstoneTools.importInternal('drawing/path');
 var drawLines = cornerstoneTools.importInternal('drawing/drawLines');
@@ -22788,8 +22837,8 @@ function drawPointHandles (context, evtDetail, handles) {
     var color = handle.active ? activeColor : options.color || defaultColor;
     var lineWidth = options.lineWidth || context.lineWidth;
     context.strokeStyle = color;
-    var handleCanvasCoords = external$c.cornerstone.pixelToCanvas(element, handle);
-    var canvasToPixel = external$c.cornerstone.canvasToPixel;
+    var handleCanvasCoords = external$d.cornerstone.pixelToCanvas(element, handle);
+    var canvasToPixel = external$d.cornerstone.canvasToPixel;
     var lines = [{
       start: canvasToPixel(element, {
         x: handleCanvasCoords.x - lineLength,
@@ -22860,7 +22909,7 @@ var _cornerstoneTools$imp$5 = cornerstoneTools.importInternal('tools/cursors'),
 
 var logger$4 = cornerstoneTools.importInternal('util/getLogger')('tools:annotation:ProbeTool');
 var throttle$5 = cornerstoneTools.importInternal('util/throttle');
-var external$d = cornerstoneTools.external,
+var external$e = cornerstoneTools.external,
     toolColors$9 = cornerstoneTools.toolColors,
     textStyle$5 = cornerstoneTools.textStyle,
     getToolState$9 = cornerstoneTools.getToolState;
@@ -22946,13 +22995,13 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         return false;
       }
 
-      var probeCoords = external$d.cornerstone.pixelToCanvas(element, data.handles.end);
+      var probeCoords = external$e.cornerstone.pixelToCanvas(element, data.handles.end);
       var distance = interactionType && interactionType === 'mouse' ? 5 : 11;
-      return external$d.cornerstoneMath.point.distance(probeCoords, coords) < distance;
+      return external$e.cornerstoneMath.point.distance(probeCoords, coords) < distance;
     }
   }, {
     key: "updateCachedStats",
-    value: function updateCachedStats(image, element, data) {
+    value: function updateCachedStats(image, element, data, callback) {
       var x = Math.round(data.handles.end.x);
       var y = Math.round(data.handles.end.y);
       var stats = {};
@@ -22964,7 +23013,7 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         if (image.color) {
           stats.storedPixels = getRGBPixels(element, x, y, 1, 1);
         } else {
-          stats.storedPixels = external$d.cornerstone.getStoredPixels(element, x, y, 1, 1);
+          stats.storedPixels = external$e.cornerstone.getStoredPixels(element, x, y, 1, 1);
           stats.sp = stats.storedPixels[0];
           stats.mo = stats.sp * image.slope + image.intercept;
           stats.suv = calculateSUV$2(image, stats.sp);
@@ -22973,6 +23022,16 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       data.cachedStats = stats;
       data.invalidated = false;
+      callback && callback();
+    }
+  }, {
+    key: "forceImageUpdate",
+    value: function forceImageUpdate(element) {
+      var enabledElement = external$e.cornerstone.getEnabledElement(element);
+
+      if (enabledElement.image) {
+        external$e.cornerstone.updateImage(element);
+      }
     }
   }, {
     key: "renderToolData",
@@ -23014,7 +23073,9 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
           if (data.invalidated === true) {
             if (data.cachedStats) {
-              _this2.throttledUpdateCachedStats(image, element, data);
+              _this2.throttledUpdateCachedStats(image, element, data, function () {
+                _this2.forceImageUpdate(element);
+              });
             } else {
               _this2.updateCachedStats(image, element, data);
             }
@@ -23048,7 +23109,7 @@ var ProbeTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
               x: data.handles.end.x + 3,
               y: data.handles.end.y - 3
             };
-            var textCoords = external$d.cornerstone.pixelToCanvas(eventData.element, coords);
+            var textCoords = external$e.cornerstone.pixelToCanvas(eventData.element, coords);
             var strY = text ? textCoords.y + fontHeight + 5 : textCoords.y + fontHeight;
             drawTextBox(context, str, textCoords.x, strY, color);
             if (text) drawTextBox(context, text, textCoords.x, textCoords.y, color);
@@ -23569,7 +23630,7 @@ var getNewContext$8 = cornerstoneTools.importInternal('drawing/getNewContext');
 var draw$8 = cornerstoneTools.importInternal('drawing/draw');
 var setShadow$6 = cornerstoneTools.importInternal('drawing/setShadow');
 var drawLine$2 = cornerstoneTools.importInternal('drawing/drawLine');
-var external$e = cornerstoneTools.external,
+var external$f = cornerstoneTools.external,
     addToolState$3 = cornerstoneTools.addToolState;
 /**
  * @public
@@ -23884,7 +23945,7 @@ var CTRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var element = evt.detail.element; // Associate this data with this imageId so we can render it and manipulate it
 
       addToolState$3(element, this.name, measurementData);
-      external$e.cornerstone.updateImage(element);
+      external$f.cornerstone.updateImage(element);
       moveNewHandle$3(eventData, this.name, measurementData, measurementData.handles.end, this.options, interactionType, function () {
         measurementData.active = false;
 
@@ -23900,7 +23961,7 @@ var CTRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         _this3.changeMeasure(element, measurementData, true);
 
         _this3.firstDraw = false;
-        external$e.cornerstone.updateImage(element);
+        external$f.cornerstone.updateImage(element);
       });
     }
   }, {
@@ -24027,7 +24088,7 @@ function calculateReferenceLine (targetImagePlane, referenceImagePlane) {
 var convertToVector3 = cornerstoneTools.importInternal('util/convertToVector3');
 var draw$9 = cornerstoneTools.importInternal('drawing/draw');
 var drawLine$3 = cornerstoneTools.importInternal('drawing/drawLine');
-var external$f = cornerstoneTools.external,
+var external$g = cornerstoneTools.external,
     toolColors$a = cornerstoneTools.toolColors;
 /**
  * Renders the active reference line.
@@ -24044,7 +24105,7 @@ var external$f = cornerstoneTools.external,
  */
 
 function renderActiveReferenceLine (context, eventData, targetElement, referenceElement, referenceImageId, customColor) {
-  var cornerstone = external$f.cornerstone;
+  var cornerstone = external$g.cornerstone;
   var targetImage = cornerstone.getEnabledElement(targetElement).image; // Make sure the images are actually loaded for the target and reference
 
   if (!targetImage) {
@@ -24117,7 +24178,7 @@ var BaseTool$8 = cornerstoneTools.importInternal('base/BaseTool');
 var getNewContext$9 = cornerstoneTools.importInternal('drawing/getNewContext');
 var waitForEnabledElementImageToLoad = cornerstoneTools.importInternal('util/waitForEnabledElementImageToLoad');
 var getLogger$2 = cornerstoneTools.importInternal('util/getLogger');
-var external$g = cornerstoneTools.external,
+var external$h = cornerstoneTools.external,
     getToolState$a = cornerstoneTools.getToolState;
 var logger$5 = getLogger$2('tools:ReferenceLinesTool');
 /**
@@ -24221,10 +24282,10 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "forceImageUpdate",
     value: function forceImageUpdate(element) {
-      var enabledElement = external$g.cornerstone.getEnabledElement(element);
+      var enabledElement = external$h.cornerstone.getEnabledElement(element);
 
       if (enabledElement.image) {
-        external$g.cornerstone.updateImage(element);
+        external$h.cornerstone.updateImage(element);
       }
     }
   }, {
@@ -24241,7 +24302,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
 
       var enabledElements = this.synchronizationContext.getSourceElements();
       var context = getNewContext$9(eventData.canvasContext.canvas);
-      external$g.cornerstone.setToPixelCoordinateSystem(eventData.enabledElement, context);
+      external$h.cornerstone.setToPixelCoordinateSystem(eventData.enabledElement, context);
       enabledElements.forEach(function (referenceEnabledElement) {
         // Don't draw ourselves
         if (referenceEnabledElement === evt.currentTarget) {
@@ -24254,7 +24315,7 @@ var ReferenceLinesTool = /*#__PURE__*/function (_BaseTool) {
         } else {
           // 序列模式 stack中的所有image都做一遍render
           var toolData = getToolState$a(referenceEnabledElement, 'stack');
-          var referenceImage = external$g.cornerstone.getEnabledElement(referenceEnabledElement).image;
+          var referenceImage = external$h.cornerstone.getEnabledElement(referenceEnabledElement).image;
           var currentReferenceId;
 
           if (referenceImage) {
@@ -24323,7 +24384,7 @@ var drawCircle = cornerstoneTools.importInternal('drawing/drawCircle');
 var logger$6 = cornerstoneTools.importInternal('util/getLogger')('tools:annotation:ProbeTool');
 var convertToVector3$1 = cornerstoneTools.importInternal('util/convertToVector3');
 var devicePixelRatio$2 = getDevicePixelRatio();
-var external$h = cornerstoneTools.external,
+var external$i = cornerstoneTools.external,
     getToolState$b = cornerstoneTools.getToolState;
 
 var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
@@ -24390,9 +24451,9 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         return false;
       }
 
-      var probeCoords = external$h.cornerstone.pixelToCanvas(element, data.handles.end);
+      var probeCoords = external$i.cornerstone.pixelToCanvas(element, data.handles.end);
       var distance = interactionType && interactionType === 'mouse' ? 5 : 11;
-      return external$h.cornerstoneMath.point.distance(probeCoords, coords) < distance;
+      return external$i.cornerstoneMath.point.distance(probeCoords, coords) < distance;
     }
   }, {
     key: "centesisPathCacheSet",
@@ -24405,7 +24466,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
           imagePositionPatient = _image$imageId$split2[3];
 
       var mprWorker = ImageProcessor.getWorkerFromCache(seriesNumber, ImageProcessType.Centesis);
-      var imagePlane = external$h.cornerstone.metaData.get('imagePlaneModule', image.imageId);
+      var imagePlane = external$i.cornerstone.metaData.get('imagePlaneModule', image.imageId);
       var centesisPathStoreCurrent = centesisPathStore[seriesNumber];
 
       if (centesisConfig.action === 'start') {
@@ -24449,7 +24510,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var element = _step.value;
-            external$h.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+            external$i.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
               images: images,
               source: imageOrientationPatient
             });
@@ -24542,7 +24603,7 @@ var CentesisTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 function _createSuper$B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$B(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$B() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var external$i = cornerstoneTools.external;
+var external$j = cornerstoneTools.external;
 var draw$a = cornerstoneTools.importInternal('drawing/draw');
 var drawLines$1 = cornerstoneTools.importInternal('drawing/drawLines');
 var getNewContext$b = cornerstoneTools.importInternal('drawing/getNewContext');
@@ -24571,7 +24632,7 @@ var CentesisPathTool = /*#__PURE__*/function (_BaseTool) {
     key: "renderToolData",
     value: function renderToolData(evt) {
       var eventData = evt.detail;
-      var imagePlane = external$i.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$j.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
       var centesisPaths = imagePlane.centesisPaths;
 
       if (centesisPaths && centesisPaths.length > 0) {
@@ -24627,7 +24688,7 @@ var CentesisPathTool = /*#__PURE__*/function (_BaseTool) {
 
 
             if (verticalPath.angle) {
-              var p = external$i.cornerstone.pixelToCanvas(eventData.element, _begin);
+              var p = external$j.cornerstone.pixelToCanvas(eventData.element, _begin);
               var angle = lodash$1.floor(verticalPath.angle * 180 / Math.PI, 2);
               drawTextBox(context, "".concat(angle, "\xB0"), p.x + 3, p.y + 3, 'greenyellow');
             }
@@ -25051,7 +25112,7 @@ var throttle$6 = cornerstoneTools.importInternal('util/throttle');
 var waitForEnabledElementImageToLoad$1 = cornerstoneTools.importInternal('util/waitForEnabledElementImageToLoad');
 var projectPatientPointToImagePlane$1 = cornerstoneTools.importInternal('util/projectPatientPointToImagePlane');
 var scrollToIndex$1 = cornerstoneTools.importInternal('util/scrollToIndex');
-var external$j = cornerstoneTools.external,
+var external$k = cornerstoneTools.external,
     getToolState$c = cornerstoneTools.getToolState; // 二维定位工具
 
 var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
@@ -25146,10 +25207,10 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   }, {
     key: "forceImageUpdate",
     value: function forceImageUpdate(element) {
-      var enabledElement = external$j.cornerstone.getEnabledElement(element);
+      var enabledElement = external$k.cornerstone.getEnabledElement(element);
 
       if (enabledElement.image) {
-        external$j.cornerstone.updateImage(element);
+        external$k.cornerstone.updateImage(element);
       }
     }
   }, {
@@ -25193,9 +25254,9 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         return false;
       }
 
-      var probeCoords = external$j.cornerstone.pixelToCanvas(element, data.handles.end);
+      var probeCoords = external$k.cornerstone.pixelToCanvas(element, data.handles.end);
       var distance = interactionType && interactionType === 'mouse' ? 5 : 11;
-      return external$j.cornerstoneMath.point.distance(probeCoords, coords) < distance;
+      return external$k.cornerstoneMath.point.distance(probeCoords, coords) < distance;
     }
   }, {
     key: "updateCachedStats",
@@ -25211,13 +25272,13 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         if (image.color) {
           stats.storedPixels = getRGBPixels$1(element, x, y, 1, 1);
         } else {
-          stats.storedPixels = external$j.cornerstone.getStoredPixels(element, x, y, 1, 1);
+          stats.storedPixels = external$k.cornerstone.getStoredPixels(element, x, y, 1, 1);
         }
       }
 
       data.cachedStats = stats;
       data.invalidated = false;
-      external$j.cornerstone.triggerEvent(element, EVENTS$3.SELECT_POSITION);
+      external$k.cornerstone.triggerEvent(element, EVENTS$3.SELECT_POSITION);
     }
   }, {
     key: "renderToolData",
@@ -25330,7 +25391,7 @@ var ReferencePositionTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
               case 8:
                 // 操作的element有二维定位的点
-                cornerstone = external$j.cornerstone;
+                cornerstone = external$k.cornerstone;
                 sourceImage = cornerstone.getEnabledElement(sourceElement).image;
                 currentTargetImage = cornerstone.getEnabledElement(element).image;
 
@@ -25463,7 +25524,7 @@ var getROITextBoxCoords$2 = cornerstoneTools.importInternal('util/getROITextBoxC
 var numbersWithCommas$2 = cornerstoneTools.importInternal('util/numbersWithCommas');
 var lineSegDistance$5 = cornerstoneTools.importInternal('util/lineSegDistance');
 var logger$8 = getLogger$3('tools:annotation:PolygonTool');
-var external$k = cornerstoneTools.external,
+var external$l = cornerstoneTools.external,
     addToolState$4 = cornerstoneTools.addToolState,
     toolColors$b = cornerstoneTools.toolColors,
     toolStyle$6 = cornerstoneTools.toolStyle,
@@ -25510,7 +25571,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
             }
           }
 
-          external$k.cornerstone.updateImage(_this.currentElement);
+          external$l.cornerstone.updateImage(_this.currentElement);
         }
       }
     });
@@ -25592,7 +25653,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         currentPoint = measurementData.handles.point1;
       }
 
-      external$k.cornerstone.updateImage(element);
+      external$l.cornerstone.updateImage(element);
       moveHandle(eventData, this.name, measurementData, currentPoint, this.options, interactionType);
     }
   }, {
@@ -25658,7 +25719,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var polygonCoordinates = _getPolygonImageCoordinates(pointHandles); // 获取大范围的像素值
 
 
-      var pixels = external$k.cornerstone.getPixels(element, polygonCoordinates.left, polygonCoordinates.top, polygonCoordinates.width, polygonCoordinates.height);
+      var pixels = external$l.cornerstone.getPixels(element, polygonCoordinates.left, polygonCoordinates.top, polygonCoordinates.width, polygonCoordinates.height);
       var polygonMeanStdDev = calculatePolygonStatistics(pixels, polygonCoordinates, vertices);
       data.cachedStats = {
         area: Math.abs(area) || 0,
@@ -25756,7 +25817,7 @@ var PolygonTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
 
         if (lines && lines.length > 2 && data.cachedStats) {
-          var seriesModule = external$k.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
+          var seriesModule = external$l.cornerstone.metaData.get('generalSeriesModule', image.imageId) || {};
           var modality = seriesModule.modality;
 
           var _getPixelSpacing2 = getPixelSpacing$7(image),
@@ -26040,7 +26101,7 @@ var draw$c = cornerstoneTools.importInternal('drawing/draw');
 var throttle$8 = cornerstoneTools.importInternal('util/throttle');
 var logger$9 = cornerstoneTools.importInternal('util/getLogger')('tools:annotation:ProbeTool');
 var convertToVector3$4 = cornerstoneTools.importInternal('util/convertToVector3');
-var external$l = cornerstoneTools.external,
+var external$m = cornerstoneTools.external,
     getToolState$e = cornerstoneTools.getToolState,
     toolColors$c = cornerstoneTools.toolColors,
     removeToolState$1 = cornerstoneTools.removeToolState;
@@ -26080,7 +26141,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       }
 
       var image = eventData.image;
-      var imagePlane = external$l.cornerstone.metaData.get('imagePlaneModule', image.imageId);
+      var imagePlane = external$m.cornerstone.metaData.get('imagePlaneModule', image.imageId);
 
       var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
 
@@ -26139,7 +26200,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
       var element = document.getElementsByClassName('cornerstone-mpr-10');
 
       if (element[0]) {
-        external$l.cornerstone.triggerEvent(element[0], 'MPR_REFERENCE_LINE', {
+        external$m.cornerstone.triggerEvent(element[0], 'MPR_REFERENCE_LINE', {
           images: images
         });
       }
@@ -26167,7 +26228,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
 
       data.handles.end.lastX = x;
       data.handles.end.lastY = y;
-      var imagePlane = external$l.cornerstone.metaData.get('imagePlaneModule', image.imageId);
+      var imagePlane = external$m.cornerstone.metaData.get('imagePlaneModule', image.imageId);
 
       var v3 = this._imagePointToPatientPoint({
         x: x,
@@ -26207,7 +26268,7 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         var _element = document.getElementsByClassName('cornerstone-mpr-10');
 
         if (_element[0]) {
-          external$l.cornerstone.triggerEvent(_element[0], 'MPR_REFERENCE_LINE', {
+          external$m.cornerstone.triggerEvent(_element[0], 'MPR_REFERENCE_LINE', {
             images: images
           });
         }
@@ -26346,9 +26407,9 @@ var CPRTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
         return false;
       }
 
-      var probeCoords = external$l.cornerstone.pixelToCanvas(element, data.handles.end);
+      var probeCoords = external$m.cornerstone.pixelToCanvas(element, data.handles.end);
       var distance = interactionType && interactionType === 'mouse' ? 5 : 11;
-      return external$l.cornerstoneMath.point.distance(probeCoords, coords) < distance;
+      return external$m.cornerstoneMath.point.distance(probeCoords, coords) < distance;
     }
   }]);
 
@@ -26397,10 +26458,10 @@ var rollbackLastCprPoint = /*#__PURE__*/function () {
             element = document.getElementsByClassName('cornerstone-mpr-10');
 
             if (element[0]) {
-              external$l.cornerstone.triggerEvent(element[0], 'MPR_REFERENCE_LINE', {
+              external$m.cornerstone.triggerEvent(element[0], 'MPR_REFERENCE_LINE', {
                 images: images
               });
-              external$l.cornerstone.triggerEvent(operateElement, 'MPR_REFERENCE_LINE', {
+              external$m.cornerstone.triggerEvent(operateElement, 'MPR_REFERENCE_LINE', {
                 images: images
               });
             }
@@ -26479,7 +26540,7 @@ var autoCine = {
   stopAutoCine: stopAutoCine
 };
 
-var external$m = cornerstoneTools.external;
+var external$n = cornerstoneTools.external;
 function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -26507,7 +26568,7 @@ function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData
    */
 
 
-  var cornerstone = external$m.cornerstone;
+  var cornerstone = external$n.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -26741,7 +26802,7 @@ function linkSynchronizer (synchronizer, sourceElement, targetElement, eventData
   }
 }
 
-var external$n = cornerstoneTools.external;
+var external$o = cornerstoneTools.external;
 function linkImageModeSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -26754,7 +26815,7 @@ function linkImageModeSynchronizer (synchronizer, sourceElement, targetElement,
     return;
   }
 
-  var cornerstone = external$n.cornerstone;
+  var cornerstone = external$o.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -26921,7 +26982,7 @@ function stackScrollSynchronizer (synchronizer, sourceElement, targetElement, ev
   });
 }
 
-var external$o = cornerstoneTools.external;
+var external$p = cornerstoneTools.external;
 function mprSynchronizer (synchronizer, sourceElement, targetElement, eventData) {
   if (targetElement === sourceElement) {
     return;
@@ -26937,7 +26998,7 @@ function mprSynchronizer (synchronizer, sourceElement, targetElement, eventData)
    */
 
 
-  var cornerstone = external$o.cornerstone;
+  var cornerstone = external$p.cornerstone;
   var sourceViewport = cornerstone.getViewport(sourceElement);
   var targetViewport = cornerstone.getViewport(targetElement);
 
@@ -26998,19 +27059,19 @@ var angleBetweenPoints = function angleBetweenPoints(p0, p1, p2, rowPixelSpacing
 var _MPR_DIRECTION_COLOR;
 var MPR_DIRECTION_COLOR = (_MPR_DIRECTION_COLOR = {}, defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Sagittal, 'red'), defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Transverse, 'greenyellow'), defineProperty(_MPR_DIRECTION_COLOR, ImagePlanDirection.Coronal, 'blue'), _MPR_DIRECTION_COLOR);
 
-var external$p = cornerstoneTools.external; // 两条直线求焦点
+var external$q = cornerstoneTools.external; // 两条直线求焦点
 
 function intersectLine (element, lineSegment1, lineSegment2) {
   var lineSegment11 = {
-    start: external$p.cornerstone.pixelToCanvas(element, lineSegment1.start),
-    end: external$p.cornerstone.pixelToCanvas(element, lineSegment1.end)
+    start: external$q.cornerstone.pixelToCanvas(element, lineSegment1.start),
+    end: external$q.cornerstone.pixelToCanvas(element, lineSegment1.end)
   };
   var lineSegment22 = {
-    start: external$p.cornerstone.pixelToCanvas(element, lineSegment2.start),
-    end: external$p.cornerstone.pixelToCanvas(element, lineSegment2.end)
+    start: external$q.cornerstone.pixelToCanvas(element, lineSegment2.start),
+    end: external$q.cornerstone.pixelToCanvas(element, lineSegment2.end)
   };
   var intersectionPoint = intersectLine$1(lineSegment11, lineSegment22);
-  return external$p.cornerstone.canvasToPixel(element, intersectionPoint);
+  return external$q.cornerstone.canvasToPixel(element, intersectionPoint);
 }
 
 function intersectLine$1(lineSegment1, lineSegment2) {
@@ -27041,7 +27102,7 @@ function intersectLine$1(lineSegment1, lineSegment2) {
   return intersectionPoint;
 }
 
-var external$q = cornerstoneTools.external;
+var external$r = cornerstoneTools.external;
 
 function changeThickness(imageId, value, mpr, type, imageProcessType) {
   var _imageId$split = imageId.split(':'),
@@ -27067,7 +27128,7 @@ function changeThickness(imageId, value, mpr, type, imageProcessType) {
   var element = document.getElementsByClassName(classname)[0];
 
   if (element) {
-    external$q.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+    external$r.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
       images: images
     });
     var mprElements = [ImagePlanDirection.Sagittal, ImagePlanDirection.Transverse, ImagePlanDirection.Coronal];
@@ -27079,7 +27140,7 @@ function changeThickness(imageId, value, mpr, type, imageProcessType) {
       var element = document.getElementsByClassName(classname)[0];
 
       if (element) {
-        external$q.cornerstone.updateImage(element, true);
+        external$r.cornerstone.updateImage(element, true);
       }
     });
   }
@@ -27117,7 +27178,7 @@ function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) {
 function _createSuper$F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$F(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$F() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var external$r = cornerstoneTools.external;
+var external$s = cornerstoneTools.external;
 var draw$d = cornerstoneTools.importInternal('drawing/draw');
 var drawLines$4 = cornerstoneTools.importInternal('drawing/drawLines');
 var getNewContext$f = cornerstoneTools.importInternal('drawing/getNewContext');
@@ -27250,7 +27311,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         return false;
       }
 
-      var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
+      var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
       var coords = evt.detail.currentPoints.image; // 中心点
 
       var rowPixelSpacing = imagePlane.rowPixelSpacing,
@@ -27364,7 +27425,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "collectRotate",
     value: function collectRotate(evt) {
       if (this.direction && lodash$1.includes(this.rotateDirection, this.direction)) {
-        var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
+        var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
         var imagePoint = evt.detail.currentPoints.image;
         var angle = angleBetweenPoints(this.centerPoint, this.currentDragPoint, imagePoint, imagePlane.rowPixelSpacing, imagePlane.columnPixelSpacing);
         var isVectorX = true;
@@ -27513,7 +27574,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
           console.log('日志：旋转角度', eventData.angle, eventData.isVectorX);
           mprWorker.ActionParameter.parameter(imageOrientationPatient).rotate(eventData.angle, eventData.isVectorX);
         } else {
-          var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+          var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
 
           var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
 
@@ -27531,7 +27592,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var element = _step.value;
-            external$r.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+            external$s.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
               images: images,
               source: imageOrientationPatient
             });
@@ -27577,7 +27638,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "renderToolData",
     value: function renderToolData(evt) {
       var eventData = evt.detail;
-      var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
       var _imagePlane$scoutLine = imagePlane.scoutLine,
           row = _imagePlane$scoutLine.row,
           col = _imagePlane$scoutLine.col; // 获取vtk给的四个点
@@ -27615,7 +27676,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "drawCorsshairs",
     value: function drawCorsshairs(eventData, row, col) {
       var context = getNewContext$f(eventData.canvasContext.canvas);
-      var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
       var rowCenterPoints = getLinePonintByDistance(this.rowStart, this.rowEnd, this.centerPoint, this.centerArea / imagePlane.columnPixelSpacing) || {
         start: this.centerPoint,
         end: this.centerPoint
@@ -27743,7 +27804,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         return;
       }
 
-      var imagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
 
       var _eventData$image$imag5 = eventData.image.imageId.split(':'),
           _eventData$image$imag6 = slicedToArray(_eventData$image$imag5, 4),
@@ -27762,9 +27823,9 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
       var classname = 'cornerstone-mpr-' + direction;
       var targetElement = document.getElementsByClassName(classname)[0];
-      var enabled = external$r.cornerstone.getEnabledElement(targetElement);
+      var enabled = external$s.cornerstone.getEnabledElement(targetElement);
       var targetImageId = enabled.image.imageId;
-      var targetImagePlane = external$r.cornerstone.metaData.get('imagePlaneModule', targetImageId);
+      var targetImagePlane = external$s.cornerstone.metaData.get('imagePlaneModule', targetImageId);
       var targetSliceEnd = targetImagePlane.sliceEnd;
 
       if (resultThickness > targetSliceEnd) {
@@ -27785,7 +27846,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 function _createSuper$G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$G(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$G() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var external$s = cornerstoneTools.external;
+var external$t = cornerstoneTools.external;
 var BaseTool$b = cornerstoneTools.importInternal('base/BaseTool');
 /**
  *
@@ -27835,10 +27896,10 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "forceImageUpdate",
     value: function forceImageUpdate(element) {
-      var enabledElement = external$s.cornerstone.getEnabledElement(element);
+      var enabledElement = external$t.cornerstone.getEnabledElement(element);
 
       if (enabledElement.image) {
-        external$s.cornerstone.updateImage(element);
+        external$t.cornerstone.updateImage(element);
       }
     }
   }, {
@@ -27854,7 +27915,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
         return;
       }
 
-      var overlayPlaneMetadata = external$s.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
+      var overlayPlaneMetadata = external$t.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
 
       if (!overlayPlaneMetadata || !overlayPlaneMetadata.overlays || !overlayPlaneMetadata.overlays.length) {
         return;
@@ -27892,7 +27953,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
         var overlayX = !isNaN(parseFloat(overlay.x)) && isFinite(overlay.x) ? overlay.x : 0;
         var overlayY = !isNaN(parseFloat(overlay.y)) && isFinite(overlay.y) ? overlay.y : 0; // Draw the overlay layer onto the canvas
 
-        var transform = external$s.cornerstone.internal.getTransform(eventData.enabledElement);
+        var transform = external$t.cornerstone.internal.getTransform(eventData.enabledElement);
         canvasContext.setTransform(transform.m[0], transform.m[1], transform.m[2], transform.m[3], transform.m[4], transform.m[5]);
         canvasContext.drawImage(layerCanvas, overlayX, overlayY);
       });
@@ -28020,7 +28081,7 @@ var getNewContext$g = cornerstoneTools.importInternal('drawing/getNewContext');
 var moveHandleNearImagePoint = cornerstoneTools.importInternal('manipulators/moveHandleNearImagePoint');
 var drawLines$5 = cornerstoneTools.importInternal('drawing/drawLines');
 var addToolState$5 = cornerstoneTools.addToolState,
-    external$t = cornerstoneTools.external;
+    external$u = cornerstoneTools.external;
 
 var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   inherits(AIAnalysisOverlayTool, _BaseAnnotationPlusTo);
@@ -28059,7 +28120,7 @@ var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     value: function addMeasurement(data, element, imagePlane, index) {
       var measurementData = this.createNewMeasurement(data, imagePlane, index);
       addToolState$5(element, this.name, measurementData);
-      external$t.cornerstone.updateImage(element);
+      external$u.cornerstone.updateImage(element);
     }
   }, {
     key: "handleSelectedCallback",
@@ -28221,7 +28282,7 @@ var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
                 return _context.abrupt("return");
 
               case 9:
-                imagePlane = external$t.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+                imagePlane = external$u.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
                 seriesInstanceUID = stack.data[0].seriesInstanceUID;
                 _context.next = 13;
                 return loadAndCacheDicom(eventData.image.imageId);
@@ -44061,7 +44122,8 @@ var DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
           scrollHidden = _this$props.scrollHidden,
           MPR = _this$props.MPR,
           VR = _this$props.VR,
-          MIP = _this$props.MIP;
+          MIP = _this$props.MIP,
+          operateKeyImages = _this$props.operateKeyImages;
 
       var _toolsMap = _objectSpread$D(_objectSpread$D({}, toolsMap), {}, {
         MPR: {
@@ -44111,7 +44173,15 @@ var DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
       });
 
       var phoneToolsFixed = ["StackScroll", "Wwwc", "Zoom"];
-      var phoneTools = ["Layout", "Pan", "Rotate", "Length", "Reset", "Tool", "ReferenceLine", "KeyImages", "MPR", "VR", "MIP", "Settings"];
+      var phoneTools = ["Layout", "Pan", "Rotate", "Length", "Reset", "Tool", "ReferenceLine", "MPR", "VR", "MIP", "Settings"]; // 关键图工具
+
+      if (operateKeyImages) {
+        var referenceLineIndex = phoneTools.indexOf("ReferenceLine");
+
+        if (referenceLineIndex !== -1) {
+          phoneTools.splice(referenceLineIndex + 1, 0, "KeyImages");
+        }
+      }
 
       if (MPR) {
         phoneTools = ["Rotate", "Length", "Reset", "Tool"];
@@ -48395,7 +48465,7 @@ function _createForOfIteratorHelper$b(o, allowArrayLike) { var it; if (typeof Sy
 function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
 
 function _arrayLikeToArray$d(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var external$u = cornerstoneTools.external;
+var external$v = cornerstoneTools.external;
 
 function processCentesisPath(imageId) {
   var _imageId$split = imageId.split(':'),
@@ -48427,7 +48497,7 @@ function processCentesisPath(imageId) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var element = _step.value;
-      external$u.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+      external$v.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
         images: images,
         source: imageOrientationPatient
       });
@@ -48534,7 +48604,7 @@ var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   return ThicknessSelectMain;
 }(React.Component);
 
-var external$v = cornerstoneTools.external;
+var external$w = cornerstoneTools.external;
 
 function newImageIdSpecificToolStateManager() {
   var toolState = {};
@@ -48558,7 +48628,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function addElementToolState(element, toolName, data) {
-    var enabledElement = external$v.cornerstone.getEnabledElement(element); // If we don't have an image for this element exit early
+    var enabledElement = external$w.cornerstone.getEnabledElement(element); // If we don't have an image for this element exit early
 
     if (!enabledElement.uuid) {
       return;
@@ -48587,7 +48657,7 @@ function newImageIdSpecificToolStateManager() {
   }
 
   function getElementToolState(element, toolName) {
-    var enabledElement = external$v.cornerstone.getEnabledElement(element); // If the element does not have an image return undefined.
+    var enabledElement = external$w.cornerstone.getEnabledElement(element); // If the element does not have an image return undefined.
 
     if (!enabledElement.uuid) {
       return;
@@ -48615,7 +48685,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function setElementToolState(element, toolName, data) {
-    var enabledElement = external$v.cornerstone.getEnabledElement(element);
+    var enabledElement = external$w.cornerstone.getEnabledElement(element);
 
     if (!enabledElement.image) {
       return;
@@ -48633,7 +48703,7 @@ function newImageIdSpecificToolStateManager() {
 
 
   function clearElementToolState(element) {
-    var enabledElement = external$v.cornerstone.getEnabledElement(element);
+    var enabledElement = external$w.cornerstone.getEnabledElement(element);
 
     if (!enabledElement.image) {
       return;