hellfire 0.19.2 → 0.19.3

package/dist/index.js

@@ -24368,12 +24368,12 @@ function getLinePonintByDistance(start, end, center, area) {
   }
 }
 /**
- * 
+ *
  * @param {*} a1 直线上的一点
  * @param {*} a2 直线上的一点
  * @param {*} a3 当前点
  * @param {*} direction 直线的方向
- * 
+ *
  * 返回： 返回直线上的两个点 lineSegment
  */
 
@@ -24566,7 +24566,7 @@ function checkBoundary(point, width, height) {
   }
 }
 /**
- * 
+ *
  * @param {*} a1 参考线的起点
  * @param {*} a2 参考线的终点
  * @param {*} a3 当前线的起点
@@ -24597,7 +24597,7 @@ function getParallelLine(a1, a2, a3, a4) {
       x: x4,
       y: y3
     };
-  } // 表达式 y =  ((x - x1) * (y2 - y1) / (x2 - x1)) + y1 
+  } // 表达式 y =  ((x - x1) * (y2 - y1) / (x2 - x1)) + y1
 
 
   var linePoint = getLinePonint(a1, a2)({
@@ -24672,6 +24672,62 @@ function checkCorrectPoint(a1, a2, a3, a4, a5) {
   return a5;
 }
 
+function sqr(x) {
+  return x * x;
+}
+
+function dist2(v, w) {
+  return sqr(v.x - w.x) + sqr(v.y - w.y);
+}
+
+function distanceToPointSquared(lineSegment, point, rowPixelSpacing, columnPixelSpacing) {
+  var l2 = dist2(lineSegment.start, lineSegment.end);
+
+  if (l2 === 0) {
+    return dist2(point, lineSegment.start);
+  }
+
+  var t = ((point.x - lineSegment.start.x) * (lineSegment.end.x - lineSegment.start.x) + (point.y - lineSegment.start.y) * (lineSegment.end.y - lineSegment.start.y)) / l2;
+
+  if (t < 0) {
+    return dist2(point, lineSegment.start);
+  }
+
+  if (t > 1) {
+    return dist2(point, lineSegment.end);
+  }
+
+  var pt = {
+    x: lineSegment.start.x + t * (lineSegment.end.x - lineSegment.start.x),
+    y: lineSegment.start.y + t * (lineSegment.end.y - lineSegment.start.y)
+  };
+
+  var _rowPixelSpacing = rowPixelSpacing || 1;
+
+  var _columnPixelSpacing = columnPixelSpacing || 1;
+
+  return sqr((point.x - pt.x) * _columnPixelSpacing) + sqr((point.y - pt.y) * _rowPixelSpacing);
+}
+
+function lineSegDistanceWithSpacing(start, end, point, rowPixelSpacing, columnPixelSpacing) {
+  var lineSegment = {
+    start: start,
+    end: end
+  };
+  return Math.sqrt(distanceToPointSquared(lineSegment, point, rowPixelSpacing, columnPixelSpacing));
+}
+function pointDistanceWithSpacing(point1, point2, rowPixelSpacing, columnPixelSpacing) {
+  if (!point1 || !point2) {
+    return;
+  }
+
+  var _rowPixelSpacing = rowPixelSpacing || 1;
+
+  var _columnPixelSpacing = columnPixelSpacing || 1;
+
+  return Math.sqrt(sqr((point1.x - point2.x) * _columnPixelSpacing) + sqr((point1.y - point2.y) * _rowPixelSpacing));
+}
+
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
 
@@ -24686,6 +24742,11 @@ function checkCorrectPoint(a1, a2, a3, a4, a5) {
   reactHotLoader.register(checkBoundary, "checkBoundary", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
   reactHotLoader.register(getParallelLine, "getParallelLine", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
   reactHotLoader.register(checkCorrectPoint, "checkCorrectPoint", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
+  reactHotLoader.register(sqr, "sqr", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
+  reactHotLoader.register(dist2, "dist2", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
+  reactHotLoader.register(distanceToPointSquared, "distanceToPointSquared", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
+  reactHotLoader.register(lineSegDistanceWithSpacing, "lineSegDistanceWithSpacing", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
+  reactHotLoader.register(pointDistanceWithSpacing, "pointDistanceWithSpacing", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/lineMath.js");
 })();
 
 (function () {
@@ -27868,6 +27929,84 @@ var _default$D = {
   enterModule && enterModule(module);
 })();
 
+var __signature__$1P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var external$o = cornerstoneTools.external;
+
+function changeThickness(imageId, value, mpr, type) {
+  var _imageId$split = imageId.split(':'),
+      _imageId$split2 = slicedToArray(_imageId$split, 4),
+      scheme = _imageId$split2[0],
+      seriesNumber = _imageId$split2[1],
+      imageOrientationPatient = _imageId$split2[2],
+      imagePositionPatient = _imageId$split2[3];
+
+  var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+
+  var _imageOrientationPatient = mpr || Number(imageOrientationPatient);
+
+  mprWorker.ActionParameter.parameter(_imageOrientationPatient).sliceThickness = value;
+
+  if (type && ReconstructMethodType[type]) {
+    mprWorker.ActionParameter.parameter(_imageOrientationPatient).reconstructMethodType = ReconstructMethodType[type];
+  }
+
+  mprWorker.process(mprWorker.actionParameter);
+  var images = mprWorker.imageResultDatasMap;
+  var classname = 'cornerstone-mpr-' + _imageOrientationPatient;
+  var element = document.getElementsByClassName(classname)[0];
+
+  if (element) {
+    external$o.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+      images: images
+    });
+    var mprElements = [ImagePlanDirection.Sagittal, ImagePlanDirection.Transverse, ImagePlanDirection.Coronal];
+    lodash$1.remove(mprElements, function (i) {
+      return i === _imageOrientationPatient;
+    });
+    lodash$1.forEach(mprElements, function (item) {
+      var classname = 'cornerstone-mpr-' + item;
+      var element = document.getElementsByClassName(classname)[0];
+      external$o.cornerstone.updateImage(element, true);
+    });
+  }
+}
+
+function setThickness(imageId) {
+  var _imageId$split3 = imageId.split(':'),
+      _imageId$split4 = slicedToArray(_imageId$split3, 4),
+      scheme = _imageId$split4[0],
+      seriesNumber = _imageId$split4[1],
+      imageOrientationPatient = _imageId$split4[2],
+      imagePositionPatient = _imageId$split4[3];
+
+  var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+  return mprWorker.ActionParameter.parameter(imageOrientationPatient).sliceThickness;
+}
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(external$o, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/changeThickness.js");
+  reactHotLoader.register(changeThickness, "changeThickness", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/changeThickness.js");
+  reactHotLoader.register(setThickness, "setThickness", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/changeThickness.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
 function _createForOfIteratorHelper$6(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
@@ -27882,10 +28021,10 @@ function _createSuper$B(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 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 __signature__$1P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$o = cornerstoneTools.external;
+var external$p = cornerstoneTools.external;
 var draw$c = cornerstoneTools.importInternal('drawing/draw');
 var drawLines$2 = cornerstoneTools.importInternal('drawing/drawLines');
 var getNewContext$d = cornerstoneTools.importInternal('drawing/getNewContext');
@@ -27897,9 +28036,7 @@ var lineSegDistance$5 = cornerstoneTools.importInternal('util/lineSegDistance');
  * @class CrosshairsTool
  * @memberof Tools
  *
- * @classdesc Tool for finding the slice in another element corresponding to the
- * image position in a synchronized image series.
- * @extends Tools.Base.BaseTool
+ * MPR的十字定位线 + 层厚辅助线 功能
  */
 
 var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
@@ -27921,7 +28058,8 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     };
     _this = _super.call(this, props, defaultProps);
     _this.eventCollection = [];
-    _this.processing = false;
+    _this.processing = false; // 定位线的几个端点
+
     _this.rowStart = null;
     _this.rowEnd = null;
     _this.colStart = null;
@@ -27931,7 +28069,8 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     _this.currentDragPoint = {}; // 可旋转区域范围
 
     var isMobile = _default$D.isDeviceTypeMobile();
-    _this.area = isMobile ? 50 : 10;
+    _this.area = isMobile ? 50 : 10; // 定位线的触发区域
+
     _this.centerArea = 15;
     _this.rotateArea = 3 / 4; // 旋转响应区域离中心点的距离（百分比
     // 旋转中
@@ -27944,6 +28083,11 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     _this.mouseDragCallback = _this._dragCallback;
     _this.rotateDirection = ['rowStart', 'rowEnd', 'colEnd', 'colStart'];
     _this.panDirection = ['rowLine', 'colLine'];
+    _this.thicknessPanDirection = ['rowThickness', 'colThickness'];
+    _this.rowThicknessSpacing = 0;
+    _this.colThicknessSpacing = 0;
+    _this.thicknessArea = 2; // 层厚辅助线的触发区域
+
     return _this;
   }
 
@@ -27961,7 +28105,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
           // 旋转图标
           element.style.cursor = 'se-resize';
         } else {
-          // 平移图标
+          // 平移图标 -- 定位线平移 或者 层厚平移
           element.style.cursor = 'move';
         }
       } else {
@@ -27985,6 +28129,9 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         console.log('测试斜位功能 - 选择旋转的位置', areaCheck);
         this.rotating = true;
         this.currentDragPoint = this[this.direction];
+      } else if (areaCheck && lodash$1.includes(this.thicknessPanDirection, areaCheck)) {
+        console.log('调整层厚辅助线', areaCheck);
+        this.collectionEvent(evt, this.direction);
       } else {
         if (!areaCheck) {
           this.collectionEvent(evt);
@@ -28010,41 +28157,26 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         return false;
       }
 
-      var element = evt.detail.element;
-      var pixelToCanvas = external$o.cornerstone.pixelToCanvas;
-      var coords = evt.detail.currentPoints.canvas;
-      var imagePoint = pixelToCanvas(element, evt.detail.currentPoints.image);
-      var center = pixelToCanvas(element, this.centerPoint);
-      var rowStart = pixelToCanvas(element, this.rowStart);
-      var rowEnd = pixelToCanvas(element, this.rowEnd);
-      var colStart = pixelToCanvas(element, this.colStart);
-      var colEnd = pixelToCanvas(element, this.colEnd);
-      var x1 = rowStart.x,
-          y1 = rowStart.y;
-      var x2 = rowEnd.x,
-          y2 = rowEnd.y;
-      var x3 = colStart.x,
-          y3 = colStart.y;
-      var x4 = colEnd.x,
-          y4 = colEnd.y; // 点和row线的距离
-
-      var rowLineDistance = lineSegDistance$5(element, this.rowStart, this.rowEnd, coords); // 点和col线的距离
-
-      var colLineDistance = lineSegDistance$5(element, this.colStart, this.colEnd, coords); // 点和中心的距离
-
-      var pointDistance = external$o.cornerstoneMath.point.distance(center, imagePoint); // 中心点
-
-      var centerX = center.x,
-          centerY = center.y; // row方向上
+      var imagePlane = external$p.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
+      var coords = evt.detail.currentPoints.image; // 中心点
+
+      var rowPixelSpacing = imagePlane.rowPixelSpacing,
+          columnPixelSpacing = imagePlane.columnPixelSpacing; // 点和row线的距离
+
+      var rowLineDistance = lineSegDistanceWithSpacing(this.rowStart, this.rowEnd, coords, rowPixelSpacing, columnPixelSpacing); // 点和col线的距离
+
+      var colLineDistance = lineSegDistanceWithSpacing(this.colStart, this.colEnd, coords, rowPixelSpacing, columnPixelSpacing); // 点和中心的距离
+
+      var pointDistance = pointDistanceWithSpacing(this.centerPoint, coords, rowPixelSpacing, columnPixelSpacing); // row方向上
 
       if (rowLineDistance <= this.area) {
         // 点到start的距离
-        var pointToStart = external$o.cornerstoneMath.point.distance(rowStart, imagePoint); // 点到end的距离
+        var pointToStart = pointDistanceWithSpacing(this.rowStart, coords, rowPixelSpacing, columnPixelSpacing); // 点到end的距离
 
-        var pointToEnd = external$o.cornerstoneMath.point.distance(rowEnd, imagePoint); // 中心到start end 的距离
+        var pointToEnd = pointDistanceWithSpacing(this.rowEnd, coords, rowPixelSpacing, columnPixelSpacing); // 中心到start end 的距离
 
-        var centerToStart = Math.sqrt(Math.pow(x1 - centerX, 2) + Math.pow(y1 - centerY, 2));
-        var centerToEnd = Math.sqrt(Math.pow(x2 - centerX, 2) + Math.pow(y2 - centerY, 2)); // 点到中心距离 小于 中心范围 则是center
+        var centerToStart = pointDistanceWithSpacing(this.rowStart, this.centerPoint, rowPixelSpacing, columnPixelSpacing);
+        var centerToEnd = pointDistanceWithSpacing(this.rowEnd, this.centerPoint, rowPixelSpacing, columnPixelSpacing); // 点到中心距离 小于 中心范围 则是center
 
         if (pointDistance <= this.centerArea) {
           return 'center';
@@ -28071,13 +28203,13 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
 
       if (colLineDistance <= this.area) {
-        var _pointToStart = external$o.cornerstoneMath.point.distance(colStart, imagePoint);
+        var _pointToStart = pointDistanceWithSpacing(this.colStart, coords, rowPixelSpacing, columnPixelSpacing);
 
-        var _pointToEnd = external$o.cornerstoneMath.point.distance(colEnd, imagePoint);
+        var _pointToEnd = pointDistanceWithSpacing(this.colEnd, coords, rowPixelSpacing, columnPixelSpacing);
 
-        var _centerToStart = Math.sqrt(Math.pow(x3 - centerX, 2) + Math.pow(y3 - centerY, 2));
+        var _centerToStart = pointDistanceWithSpacing(this.colStart, this.centerPoint, rowPixelSpacing, columnPixelSpacing);
 
-        var _centerToEnd = Math.sqrt(Math.pow(x4 - centerX, 2) + Math.pow(y4 - centerY, 2));
+        var _centerToEnd = pointDistanceWithSpacing(this.colEnd, this.centerPoint, rowPixelSpacing, columnPixelSpacing);
 
         if (pointDistance <= this.centerArea) {
           return 'center';
@@ -28098,6 +28230,24 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
           return 'colLine';
         }
+      } // 层厚辅助线
+
+
+      if (this.rowThicknessSpacing && this.rowThicknessSpacing > 1) {
+        // row方向上的层厚辅助线
+        var _rowLineDistance = rowLineDistance;
+
+        if (_rowLineDistance > this.rowThicknessSpacing * rowPixelSpacing - this.thicknessArea && _rowLineDistance < this.rowThicknessSpacing * rowPixelSpacing + this.thicknessArea) {
+          return 'rowThickness';
+        }
+      }
+
+      if (this.colThicknessSpacing && this.colThicknessSpacing > 1) {
+        var _colLineDistance = colLineDistance; // col方向上的层厚辅助线
+
+        if (_colLineDistance > this.colThicknessSpacing * columnPixelSpacing - this.thicknessArea && _colLineDistance < this.colThicknessSpacing * columnPixelSpacing + this.thicknessArea) {
+          return 'colThickness';
+        }
       }
 
       return false;
@@ -28121,7 +28271,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$o.cornerstone.metaData.get('imagePlaneModule', evt.detail.image.imageId);
+        var imagePlane = external$p.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;
@@ -28149,7 +28299,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
 
       if (this.lastImagePoint.x === detail.currentPoints.image.x && this.lastImagePoint.y === detail.currentPoints.image.y) {
         return;
-      } // direction存在代表平移场景 修改位置
+      } // direction是定位线平移的情况 修改位置
 
 
       if (direction && lodash$1.includes(this.panDirection, direction)) {
@@ -28189,6 +28339,38 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
         detail.currentPoints.image = nextCenterPoint;
       }
 
+      if (direction && lodash$1.includes(this.thicknessPanDirection, direction)) {
+        detail.thickness = true;
+
+        if (direction === 'rowThickness') {
+          if (this.lastImagePoint.y < detail.currentPoints.image.y) {
+            // 层厚+2x
+            detail.thicknessDirection = 'row';
+            detail.thicknessDelta = 2;
+          }
+
+          if (this.lastImagePoint.y > detail.currentPoints.image.y) {
+            // 层厚-2x
+            detail.thicknessDirection = 'row';
+            detail.thicknessDelta = -2;
+          }
+        }
+
+        if (direction === 'colThickness') {
+          if (detail.currentPoints.image.x > this.lastImagePoint.x) {
+            // 层厚+2x
+            detail.thicknessDirection = 'col';
+            detail.thicknessDelta = 2;
+          }
+
+          if (detail.currentPoints.image.x < this.lastImagePoint.x) {
+            // 层厚-2x
+            detail.thicknessDirection = 'col';
+            detail.thicknessDelta = -2;
+          }
+        }
+      }
+
       if (this.rotating || this.checkBoundary(detail.currentPoints.image, detail.image)) {
         this.eventCollection.push(detail);
         this.lastImagePoint = detail.currentPoints.image;
@@ -28222,46 +28404,50 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "processEvent",
     value: function processEvent(eventData) {
-      var _eventData$image$imag = eventData.image.imageId.split(':'),
-          _eventData$image$imag2 = slicedToArray(_eventData$image$imag, 4),
-          scheme = _eventData$image$imag2[0],
-          seriesNumber = _eventData$image$imag2[1],
-          imageOrientationPatient = _eventData$image$imag2[2],
-          imagePositionPatient = _eventData$image$imag2[3];
-
-      var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
-
-      if (eventData && eventData.rotate) {
-        console.log('日志：旋转角度', eventData.angle, eventData.isVectorX);
-        mprWorker.ActionParameter.parameter(imageOrientationPatient).rotate(eventData.angle, eventData.isVectorX);
+      if (eventData.thickness) {
+        this.handleThicknessAction(eventData);
       } else {
-        var imagePlane = external$o.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+        var _eventData$image$imag = eventData.image.imageId.split(':'),
+            _eventData$image$imag2 = slicedToArray(_eventData$image$imag, 4),
+            scheme = _eventData$image$imag2[0],
+            seriesNumber = _eventData$image$imag2[1],
+            imageOrientationPatient = _eventData$image$imag2[2],
+            imagePositionPatient = _eventData$image$imag2[3];
+
+        var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+
+        if (eventData && eventData.rotate) {
+          console.log('日志：旋转角度', eventData.angle, eventData.isVectorX);
+          mprWorker.ActionParameter.parameter(imageOrientationPatient).rotate(eventData.angle, eventData.isVectorX);
+        } else {
+          var imagePlane = external$p.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
 
-        var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
+          var v3 = this._imagePointToPatientPoint(eventData.currentPoints.image, imagePlane);
 
-        mprWorker.ActionParameter.parameter(imageOrientationPatient).moveCenter(v3.x, v3.y, v3.z);
-      }
+          mprWorker.ActionParameter.parameter(imageOrientationPatient).moveCenter(v3.x, v3.y, v3.z);
+        }
 
-      mprWorker.process(mprWorker.actionParameter);
-      this.currentDragPoint = eventData.currentPoints.image;
-      var images = mprWorker.imageResultDatasMap;
-      var elements = document.getElementsByClassName('cornerstone-canvas-container');
+        mprWorker.process(mprWorker.actionParameter);
+        this.currentDragPoint = eventData.currentPoints.image;
+        var images = mprWorker.imageResultDatasMap;
+        var elements = document.getElementsByClassName('cornerstone-canvas-container');
 
-      var _iterator = _createForOfIteratorHelper$6(elements),
-          _step;
+        var _iterator = _createForOfIteratorHelper$6(elements),
+            _step;
 
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var element = _step.value;
-          external$o.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
-            images: images,
-            source: imageOrientationPatient
-          });
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var element = _step.value;
+            external$p.cornerstone.triggerEvent(element, 'MPR_REFERENCE_LINE', {
+              images: images,
+              source: imageOrientationPatient
+            });
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
     }
   }, {
@@ -28298,7 +28484,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     key: "renderToolData",
     value: function renderToolData(evt) {
       var eventData = evt.detail;
-      var imagePlane = external$o.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+      var imagePlane = external$p.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
       var _imagePlane$scoutLine = imagePlane.scoutLine,
           row = _imagePlane$scoutLine.row,
           col = _imagePlane$scoutLine.col; // 获取vtk给的四个点
@@ -28330,40 +28516,39 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
       this.colStart = borderColStart;
       this.colEnd = borderColEnd;
       this.drawCorsshairs(eventData, row, col);
-    }
+    } // 绘制十字定位线和层厚辅助线
+
   }, {
     key: "drawCorsshairs",
     value: function drawCorsshairs(eventData, row, col) {
-      var r1 = external$o.cornerstone.pixelToCanvas(eventData.element, this.rowStart);
-      var r2 = external$o.cornerstone.pixelToCanvas(eventData.element, this.rowEnd);
-      var r3 = external$o.cornerstone.pixelToCanvas(eventData.element, this.colStart);
-      var r4 = external$o.cornerstone.pixelToCanvas(eventData.element, this.colEnd);
-      var center = external$o.cornerstone.pixelToCanvas(eventData.element, this.centerPoint);
       var context = getNewContext$d(eventData.canvasContext.canvas);
-      var rowCenterPoints = getLinePonintByDistance(r1, r2, center, this.centerArea) || {
-        start: center,
-        end: center
+      var imagePlane = external$p.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
       };
-      var colCenterPoints = getLinePonintByDistance(r3, r4, center, this.centerArea) || {
-        start: center,
-        end: center
+      var colCenterPoints = getLinePonintByDistance(this.colStart, this.colEnd, this.centerPoint, this.centerArea / imagePlane.rowPixelSpacing) || {
+        start: this.centerPoint,
+        end: this.centerPoint
       };
       var rowLines = [{
         start: this.rowStart,
-        end: external$o.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.start)
+        end: rowCenterPoints.start
       }, {
-        start: external$o.cornerstone.canvasToPixel(eventData.element, rowCenterPoints.end),
+        start: rowCenterPoints.end,
         end: this.rowEnd
       }];
       var colLines = [{
         start: this.colStart,
-        end: external$o.cornerstone.canvasToPixel(eventData.element, colCenterPoints.start)
+        end: colCenterPoints.start
       }, {
-        start: external$o.cornerstone.canvasToPixel(eventData.element, colCenterPoints.end),
+        start: colCenterPoints.end,
         end: this.colEnd
       }];
-      var rowColor = MPR_DIRECTION_COLOR[row.direction];
-      var colColor = MPR_DIRECTION_COLOR[col.direction];
+      var rowDirection = row.direction;
+      var colDirection = col.direction;
+      var rowColor = MPR_DIRECTION_COLOR[rowDirection];
+      var colColor = MPR_DIRECTION_COLOR[colDirection];
       draw$c(context, function (context) {
         drawLines$2(context, eventData.element, rowLines, {
           color: rowColor
@@ -28372,6 +28557,132 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
           color: colColor
         });
       });
+      this.drawSliceThicknessLines(context, eventData, rowDirection, colDirection);
+    }
+    /**
+     *  层厚辅助线绘制
+     *  row和column分别对应另外两个方位
+     *  因为在重建的时候为了填满图像改变了pixelSpacing，sliceThickness是层厚的倍数，其实就是叠多少层
+     *  对于image来说就是就把图像切成几份，比如高度512的话就是512份，所以只要用rowSliceThickness来计算坐标值就可以了
+     */
+
+  }, {
+    key: "drawSliceThicknessLines",
+    value: function drawSliceThicknessLines(context, eventData, rowDirection, colDirection) {
+      var _eventData$image$imag3 = eventData.image.imageId.split(':'),
+          _eventData$image$imag4 = slicedToArray(_eventData$image$imag3, 4),
+          scheme = _eventData$image$imag4[0],
+          seriesNumber = _eventData$image$imag4[1],
+          imageOrientationPatient = _eventData$image$imag4[2],
+          imagePositionPatient = _eventData$image$imag4[3];
+
+      var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+      var rowSliceThickness = mprWorker.ActionParameter.parameter(rowDirection).sliceThickness;
+      var colSliceThickness = mprWorker.ActionParameter.parameter(colDirection).sliceThickness;
+
+      if (rowSliceThickness && rowSliceThickness > 1) {
+        this.rowThicknessSpacing = rowSliceThickness / 2;
+        var rowColor = MPR_DIRECTION_COLOR[rowDirection];
+        var rowLines = [{
+          start: {
+            x: this.rowStart.x,
+            y: this.rowStart.y + this.rowThicknessSpacing
+          },
+          end: {
+            x: this.rowEnd.x,
+            y: this.rowEnd.y + this.rowThicknessSpacing
+          }
+        }, {
+          start: {
+            x: this.rowStart.x,
+            y: this.rowStart.y - this.rowThicknessSpacing
+          },
+          end: {
+            x: this.rowEnd.x,
+            y: this.rowEnd.y - this.rowThicknessSpacing
+          }
+        }];
+        draw$c(context, function (context) {
+          drawLines$2(context, eventData.element, rowLines, {
+            color: rowColor,
+            lineDash: [10]
+          });
+        });
+      }
+
+      if (colSliceThickness && colSliceThickness > 1) {
+        this.colThicknessSpacing = colSliceThickness / 2;
+        var colColor = MPR_DIRECTION_COLOR[colDirection];
+        var colLines = [{
+          start: {
+            x: this.colStart.x + this.colThicknessSpacing,
+            y: this.colStart.y
+          },
+          end: {
+            x: this.colEnd.x + this.colThicknessSpacing,
+            y: this.colEnd.y
+          }
+        }, {
+          start: {
+            x: this.colStart.x - this.colThicknessSpacing,
+            y: this.colStart.y
+          },
+          end: {
+            x: this.colEnd.x - this.colThicknessSpacing,
+            y: this.colEnd.y
+          }
+        }];
+        draw$c(context, function (context) {
+          drawLines$2(context, eventData.element, colLines, {
+            color: colColor,
+            lineDash: [10]
+          });
+        });
+      }
+    }
+  }, {
+    key: "handleThicknessAction",
+    value: function handleThicknessAction(eventData) {
+      var orientation = eventData.thicknessDirection;
+      var delta = eventData.thicknessDelta;
+
+      if (!orientation || !delta || !eventData.thickness) {
+        return;
+      }
+
+      var imagePlane = external$p.cornerstone.metaData.get('imagePlaneModule', eventData.image.imageId);
+
+      var _eventData$image$imag5 = eventData.image.imageId.split(':'),
+          _eventData$image$imag6 = slicedToArray(_eventData$image$imag5, 4),
+          scheme = _eventData$image$imag6[0],
+          seriesNumber = _eventData$image$imag6[1],
+          imageOrientationPatient = _eventData$image$imag6[2],
+          imagePositionPatient = _eventData$image$imag6[3];
+
+      var mprWorker = _default$r.getWorkerFromCache(seriesNumber, ImageProcessType.MPR);
+      var _imagePlane$scoutLine2 = imagePlane.scoutLine,
+          row = _imagePlane$scoutLine2.row,
+          col = _imagePlane$scoutLine2.col;
+      var direction = orientation === 'row' ? row.direction : col.direction;
+      var currentThickness = mprWorker.ActionParameter.parameter(direction).sliceThickness;
+      var resultThickness = currentThickness + delta; // 操作方位的层厚倍数最大值
+
+      var classname = 'cornerstone-mpr-' + direction;
+      var targetElement = document.getElementsByClassName(classname)[0];
+      var enabled = external$p.cornerstone.getEnabledElement(targetElement);
+      var targetImageId = enabled.image.imageId;
+      var targetImagePlane = external$p.cornerstone.metaData.get('imagePlaneModule', targetImageId);
+      var targetSliceEnd = targetImagePlane.sliceEnd;
+
+      if (resultThickness > targetSliceEnd) {
+        return;
+      }
+
+      if (resultThickness <= 1) {
+        resultThickness = 2;
+      }
+
+      changeThickness(eventData.image.imageId, resultThickness, direction, 'MIP');
     }
   }, {
     key: "__reactstandin__regenerateByEval",
@@ -28392,7 +28703,7 @@ var CrosshairsMPRTool = /*#__PURE__*/function (_BaseTool) {
     return;
   }
 
-  reactHotLoader.register(external$o, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
+  reactHotLoader.register(external$p, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(draw$c, "draw", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(drawLines$2, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
   reactHotLoader.register(getNewContext$d, "getNewContext", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/CrosshairsMPRTool.js");
@@ -28416,10 +28727,10 @@ function _createSuper$C(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$C() { 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 __signature__$1Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$p = cornerstoneTools.external;
+var external$q = cornerstoneTools.external;
 var BaseTool$b = cornerstoneTools.importInternal('base/BaseTool');
 /**
  *
@@ -28469,10 +28780,10 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "forceImageUpdate",
     value: function forceImageUpdate(element) {
-      var enabledElement = external$p.cornerstone.getEnabledElement(element);
+      var enabledElement = external$q.cornerstone.getEnabledElement(element);
 
       if (enabledElement.image) {
-        external$p.cornerstone.updateImage(element);
+        external$q.cornerstone.updateImage(element);
       }
     }
   }, {
@@ -28488,7 +28799,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
         return;
       }
 
-      var overlayPlaneMetadata = external$p.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
+      var overlayPlaneMetadata = external$q.cornerstone.metaData.get('overlayPlaneModule', image.imageId);
 
       if (!overlayPlaneMetadata || !overlayPlaneMetadata.overlays || !overlayPlaneMetadata.overlays.length) {
         return;
@@ -28526,7 +28837,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$p.cornerstone.internal.getTransform(eventData.enabledElement);
+        var transform = external$q.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);
       });
@@ -28550,7 +28861,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
     return;
   }
 
-  reactHotLoader.register(external$p, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
+  reactHotLoader.register(external$q, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
   reactHotLoader.register(BaseTool$b, "BaseTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
   reactHotLoader.register(OverlayTool, "OverlayTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/OverlayTool.js");
 })();
@@ -28565,7 +28876,7 @@ var OverlayTool = /*#__PURE__*/function (_BaseTool) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var cornerstoneState = {
@@ -28679,7 +28990,7 @@ function reset$2(key) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var dicomCache = {};
@@ -28736,7 +29047,7 @@ function _createSuper$D(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$D() { 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 __signature__$1T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var drawLinkedTextBox$7 = cornerstoneTools.importInternal('drawing/drawLinkedTextBox');
@@ -28744,7 +29055,7 @@ var getNewContext$e = cornerstoneTools.importInternal('drawing/getNewContext');
 var moveHandleNearImagePoint = cornerstoneTools.importInternal('manipulators/moveHandleNearImagePoint');
 var drawLines$3 = cornerstoneTools.importInternal('drawing/drawLines');
 var addToolState$4 = cornerstoneTools.addToolState,
-    external$q = cornerstoneTools.external;
+    external$r = cornerstoneTools.external;
 
 var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
   inherits(AIAnalysisOverlayTool, _BaseAnnotationPlusTo);
@@ -28773,7 +29084,7 @@ var AIAnalysisOverlayTool = /*#__PURE__*/function (_BaseAnnotationPlusTo) {
     value: function addMeasurement(data, element) {
       var measurementData = this.createNewMeasurement(data);
       addToolState$4(element, this.name, measurementData);
-      external$q.cornerstone.updateImage(element);
+      external$r.cornerstone.updateImage(element);
     }
   }, {
     key: "handleSelectedCallback",
@@ -29100,7 +29411,7 @@ var textureDic = function textureDic(value) {
   reactHotLoader.register(moveHandleNearImagePoint, "moveHandleNearImagePoint", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(drawLines$3, "drawLines", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(addToolState$4, "addToolState", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
-  reactHotLoader.register(external$q, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
+  reactHotLoader.register(external$r, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(AIAnalysisOverlayTool, "AIAnalysisOverlayTool", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(getAIText, "getAIText", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
   reactHotLoader.register(textBoxAnchorPoints, "textBoxAnchorPoints", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/AIAnalysisOverlayTool.js");
@@ -29118,7 +29429,7 @@ var textureDic = function textureDic(value) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29180,7 +29491,7 @@ var _default$E = cornerstoneTools;
   enterModule && enterModule(module);
 })();
 
-var __signature__$1V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29249,7 +29560,7 @@ function _createImage() {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29322,7 +29633,7 @@ function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29551,7 +29862,7 @@ cornerstone.metaData.addProvider(centesisMetaDataProvider);
   enterModule && enterModule(module);
 })();
 
-var __signature__$1Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -29684,7 +29995,7 @@ function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$1Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -30046,7 +30357,7 @@ function switchMprPerspective(reset) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$1_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31429,7 +31740,7 @@ function _createSuper$E(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$E() { 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 __signature__$1$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31524,7 +31835,7 @@ function _createSuper$F(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 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 __signature__$20 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$21 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31604,7 +31915,7 @@ var Layout = /*#__PURE__*/function (_Component) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$21 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$22 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31659,7 +31970,7 @@ function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$22 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$23 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31812,7 +32123,7 @@ function _createSuper$G(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 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 __signature__$23 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$24 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31919,7 +32230,7 @@ function _createSuper$H(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$H() { 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 __signature__$24 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$25 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -31993,7 +32304,7 @@ function _createSuper$I(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$I() { 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 __signature__$25 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$26 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32084,7 +32395,7 @@ function _createSuper$J(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$J() { 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 __signature__$26 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$27 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -32177,7 +32488,7 @@ function _createSuper$K(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$K() { 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 __signature__$27 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$28 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32383,7 +32694,7 @@ function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$28 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$29 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var destroyFns = [];
@@ -32525,7 +32836,7 @@ var _default$K = Modal;
   enterModule && enterModule(module);
 })();
 
-var __signature__$29 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32587,7 +32898,7 @@ function _createSuper$L(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$L() { 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 __signature__$2a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -32911,7 +33222,7 @@ function _createSuper$M(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$M() { 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 __signature__$2b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33153,7 +33464,7 @@ function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33336,7 +33647,7 @@ function _createSuper$N(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$N() { 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 __signature__$2d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33440,7 +33751,7 @@ function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33604,7 +33915,7 @@ function _createSuper$O(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$O() { 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 __signature__$2f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33699,7 +34010,7 @@ function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33845,7 +34156,7 @@ function _createSuper$P(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$P() { 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 __signature__$2h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -33902,7 +34213,7 @@ defineProperty(ButtonGroup, "propTypes", {});
   enterModule && enterModule(module);
 })();
 
-var __signature__$2i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -33991,7 +34302,7 @@ function _createSuper$Q(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$Q() { 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 __signature__$2j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34103,7 +34414,7 @@ defineProperty(DicomTagsRow, "propTypes", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2k = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34139,7 +34450,7 @@ function _createSuper$R(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$R() { 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 __signature__$2l = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var dicomTagsKeysScan = lodash$1.chain(dicomDataDictionary.standardDataElements).pickBy(function (value) {
@@ -34331,7 +34642,7 @@ function _createSuper$S(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$S() { 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 __signature__$2m = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34615,7 +34926,7 @@ function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2n = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34738,7 +35049,7 @@ function _createSuper$T(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$T() { 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 __signature__$2o = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -34978,7 +35289,7 @@ function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2p = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var destroyFns$1 = [];
@@ -35076,7 +35387,7 @@ function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39402,7 +39713,7 @@ function _createSuper$U(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$U() { 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 __signature__$2r = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39713,7 +40024,7 @@ function _createSuper$V(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$V() { 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 __signature__$2s = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -39862,7 +40173,7 @@ function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2t = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40003,7 +40314,7 @@ function _createSuper$W(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$W() { 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 __signature__$2u = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40086,7 +40397,7 @@ function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2v = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40199,7 +40510,7 @@ function _createSuper$X(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$X() { 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 __signature__$2w = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40329,7 +40640,7 @@ function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2x = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40413,7 +40724,7 @@ function _createSuper$Y(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$Y() { 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 __signature__$2y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40499,7 +40810,7 @@ function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40603,7 +40914,7 @@ function _createSuper$Z(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$Z() { 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 __signature__$2A = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var VRModeDict = (_VRModeDict = {}, defineProperty(_VRModeDict, OperationMode.Fast, '流畅'), defineProperty(_VRModeDict, OperationMode.Standard, '常规'), defineProperty(_VRModeDict, OperationMode.Advanced, '增强'), _VRModeDict);
@@ -40678,7 +40989,7 @@ function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$t(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2B = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40765,7 +41076,7 @@ styleInject$1(css_248z$d);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2C = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -40811,7 +41122,7 @@ function exitFullscreen() {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2D = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var boundsPosition = function boundsPosition(_ref) {
@@ -40858,7 +41169,7 @@ function _createSuper$_(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$_() { 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 __signature__$2E = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2F = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -42843,7 +43154,7 @@ function _createSuper$$(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$$() { 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 __signature__$2F = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var SortableItem = sortableElement(function (_ref) {
@@ -43027,7 +43338,7 @@ function _createSuper$10(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$10() { 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 __signature__$2G = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -43274,7 +43585,7 @@ function _createSuper$11(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$11() { 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 __signature__$2H = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -43546,7 +43857,7 @@ function _createSuper$12(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$12() { 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 __signature__$2I = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -43731,7 +44042,7 @@ function _createSuper$13(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$13() { 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 __signature__$2J = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -44021,7 +44332,7 @@ function _createSuper$14(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$14() { 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 __signature__$2K = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -44328,7 +44639,7 @@ function _createSuper$15(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$15() { 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 __signature__$2L = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -44398,7 +44709,7 @@ function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$v(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2M = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -44495,7 +44806,7 @@ function _createSuper$16(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$16() { 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 __signature__$2N = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -45108,7 +45419,7 @@ styleInject$1(css_248z$h);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2O = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -45218,7 +45529,7 @@ function _createSuper$17(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$17() { 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 __signature__$2P = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -45386,7 +45697,7 @@ function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$w(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2Q = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scrollToIndex$2 = _default$E.importInternal('util/scrollToIndex');
@@ -46211,7 +46522,7 @@ function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$18() { 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 __signature__$2R = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46308,7 +46619,7 @@ function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$19() { 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 __signature__$2S = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var loadIndicatorDelay = 300;
@@ -46524,7 +46835,7 @@ function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$1a() { 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 __signature__$2T = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46733,7 +47044,7 @@ function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$2U = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46838,7 +47149,7 @@ styleInject$1(css_248z$k);
   enterModule && enterModule(module);
 })();
 
-var __signature__$2V = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function combineDateAndTimeToMoment(dicom, tag) {
@@ -46891,7 +47202,7 @@ function convertSecondsToMinAndSecond(seconds) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2W = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -46921,7 +47232,7 @@ function formatNumberPrecision(number, precision) {
   enterModule && enterModule(module);
 })();
 
-var __signature__$2X = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 function getPixelSpacing$8(imageId) {
@@ -46964,7 +47275,7 @@ function _createSuper$1b(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$1b() { 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 __signature__$2Y = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -47319,7 +47630,7 @@ function _createSuper$1c(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$1c() { 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 __signature__$2Z = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -47394,7 +47705,7 @@ function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeRef
 
 function _isNativeReflectConstruct$1d() { 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 __signature__$2_ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -47817,7 +48128,7 @@ function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$b(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 __signature__$2$ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var triggerEvent$3 = _default$E.importInternal('util/triggerEvent');
@@ -47990,10 +48301,10 @@ function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$c(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 __signature__$30 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var external$r = cornerstoneTools.external;
+var external$s = cornerstoneTools.external;
 
 function processCentesisPath(imageId) {
   var _imageId$split = imageId.split(':'),
@@ -48025,7 +48336,7 @@ function processCentesisPath(imageId) {
   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
       });
@@ -48044,7 +48355,7 @@ function processCentesisPath(imageId) {
     return;
   }
 
-  reactHotLoader.register(external$r, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
+  reactHotLoader.register(external$s, "external", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
   reactHotLoader.register(processCentesisPath, "processCentesisPath", "/Users/huyeqing/workspace/chainz/paladin/src/cornerstone-plus/cornerstone-tools-plus/custom/processCentesisPath.js");
 })();
 
@@ -48053,6 +48364,131 @@ function processCentesisPath(imageId) {
   leaveModule && leaveModule(module);
 })();
 
+var css_248z$o = ".paladin-thickness-container {\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 90px;\n  height: 16px;\n  background-color: #505050;\n  color: #888;\n  font-size: 13px;\n}\n.paladin-thickness-selecter {\n  padding: 5px 0;\n  background-color: #333;\n  color: #c8c8c8;\n  font-size: 12px;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item {\n  padding: 3px 20px;\n  cursor: pointer;\n}\n.paladin-thickness-selecter .paladin-thickness-select-item:hover {\n  background-color: #fff;\n  color: #000;\n}\n.paladin-thickness-selecter .paladin-thickness-select-mpr {\n  border-bottom: 1px solid #ffffff;\n  padding: 3px 20px 8px 20px;\n}\n";
+styleInject$1(css_248z$o);
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); 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$1e() { 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 __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var ThicknessSelectMain = /*#__PURE__*/function (_Component) {
+  inherits(ThicknessSelectMain, _Component);
+
+  var _super = _createSuper$1e(ThicknessSelectMain);
+
+  function ThicknessSelectMain(props) {
+    var _this;
+
+    classCallCheck(this, ThicknessSelectMain);
+
+    _this = _super.call(this, props);
+
+    defineProperty(assertThisInitialized(_this), "onPopoverClose", function (eventData) {
+      if (eventData && eventData.value) {
+        var value = eventData.value;
+        changeThickness(_this.props.imageId, value, _this.props.mpr, 'MIP');
+
+        _this.props.onSelect(value);
+      }
+    });
+
+    var stack = _this.props.stack;
+    var spaceBetweenSlice = stack.spaceBetweenSlice && stack.spaceBetweenSlice.toFixed(1);
+    var sliceEnd = stack.sliceEnd;
+    var thicknessOptions = [2, 4, 8, 16, 32]; //sliceEnd层数
+
+    if (sliceEnd) {
+      thicknessOptions = lodash$1.filter(thicknessOptions, function (item) {
+        return item < sliceEnd || item === sliceEnd;
+      });
+    }
+
+    _this.selectOptions = lodash$1.map(thicknessOptions, function (item) {
+      return {
+        label: (spaceBetweenSlice * item).toFixed(1) + 'mm-MIP',
+        value: item
+      };
+    });
+    return _this;
+  }
+
+  createClass(ThicknessSelectMain, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          value = _this$props.value,
+          stack = _this$props.stack;
+      var spaceBetweenSlice = stack.spaceBetweenSlice && stack.spaceBetweenSlice.toFixed(1);
+
+      var ThicknessSelect = function ThicknessSelect(props) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: "paladin-thickness-selecter"
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: "paladin-thickness-select-item paladin-thickness-select-mpr",
+          onClick: function onClick() {
+            props.onClose({
+              value: 1
+            });
+          }
+        }, "MPR"), _this2.selectOptions && _this2.selectOptions.map(function (item) {
+          return /*#__PURE__*/React__default.createElement("div", {
+            className: "paladin-thickness-select-item",
+            key: "thickness-".concat(item.value),
+            onClick: function onClick() {
+              props.onClose({
+                value: item.value
+              });
+            }
+          }, item.label);
+        }));
+      };
+
+      return /*#__PURE__*/React__default.createElement(PopperBox, {
+        popover: ThicknessSelect,
+        onPopoverClose: this.onPopoverClose,
+        popoverPlacement: 'top'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-thickness-container"
+      }, value === 1 ? 'MPR' : (spaceBetweenSlice * value).toFixed(1) + 'mm-MIP'));
+    }
+  }, {
+    key: "__reactstandin__regenerateByEval",
+    // @ts-ignore
+    value: function __reactstandin__regenerateByEval(key, code) {
+      // @ts-ignore
+      this[key] = eval(code);
+    }
+  }]);
+
+  return ThicknessSelectMain;
+}(React.Component);
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(ThicknessSelectMain, "ThicknessSelectMain", "/Users/huyeqing/workspace/chainz/paladin/src/Viewer/DicomViewport/mpr/ThicknessSelectMain.js");
+})();
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
@@ -48062,11 +48498,11 @@ function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$y(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); 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 _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); 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$1e() { 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; } }
+function _isNativeReflectConstruct$1f() { 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 __signature__$31 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var EVENT_RESIZE = 'resize';
@@ -48108,7 +48544,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1e(DicomViewport);
+  var _super = _createSuper$1f(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -48850,12 +49286,26 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
         value: currentImageIndex + 1
       }))), showCustomScroll && mpr && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-flex paladin-flex-row paladin-viewport-scroll-mpr-wrappper"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          width: 'calc(100% - 90px)'
+        }
       }, /*#__PURE__*/React__default.createElement(CustomScroll, {
         step: imageCount,
         value: currentImageIndex,
         onPan: this.handlePan,
         name: index,
         aiTips: Surgery && centesisTipInCustomScroll
+      })), mpr && /*#__PURE__*/React__default.createElement(ThicknessSelectMain, {
+        value: sliceThickness,
+        onSelect: function onSelect(v) {
+          _this3.setState({
+            sliceThickness: v
+          });
+        },
+        stack: stack,
+        imageId: imageId,
+        mpr: mpr
       })), mpr && !Surgery && /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-mpr-direaction-tip",
         style: {
@@ -48904,6 +49354,15 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
       var viewport = cornerstone.getViewport(this.element);
       var stateViewport = this.state.viewport;
 
+      if (this.props.mpr) {
+        var currentImageIndex = this.props.stack && this.props.stack.currentImageIdIndex || 0;
+        var imageId = this.props.stack && this.props.stack.imageIds[currentImageIndex];
+        var sliceThickness = setThickness(imageId);
+        this.setState({
+          sliceThickness: sliceThickness
+        });
+      }
+
       if (JSON.stringify(viewport) === JSON.stringify(stateViewport)) {
         return;
       }
@@ -49534,7 +49993,7 @@ defineProperty(DicomViewport, "defaultProps", {
   enterModule && enterModule(module);
 })();
 
-var __signature__$32 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var _default$12 = DicomViewport;
@@ -49559,7 +50018,7 @@ var _default$12 = DicomViewport;
   enterModule && enterModule(module);
 })();
 
-var __signature__$33 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -49632,15 +50091,15 @@ var _default$13 = ConnectedDicomViewport;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$o = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
-styleInject$1(css_248z$o);
+var css_248z$p = ".paladin-dicom-scroll {\n  display: flex;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  background: #333333;\n}\n";
+styleInject$1(css_248z$p);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-var __signature__$34 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
@@ -49676,11 +50135,11 @@ function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o
 
 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; }
 
-function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); 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 _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); 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$1f() { 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; } }
+function _isNativeReflectConstruct$1g() { 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 __signature__$35 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -49697,7 +50156,7 @@ var EmptyElement = function EmptyElement(_ref) {
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1f(DicomLayout);
+  var _super = _createSuper$1g(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -50020,7 +50479,7 @@ function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$z(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$36 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -50345,7 +50804,7 @@ function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$37 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 /**
@@ -50604,26 +51063,26 @@ var _default$15 = ConnectedDicomImageModeLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$p = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
-styleInject$1(css_248z$p);
+var css_248z$q = ".paladin-dicom-layout {\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  flex: 1;\n}\n.paladin-dicom-layout-warp {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n";
+styleInject$1(css_248z$q);
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1g(); 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 _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); 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$1g() { 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; } }
+function _isNativeReflectConstruct$1h() { 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 __signature__$38 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1g(SurgeryLayout);
+  var _super = _createSuper$1h(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -51309,7 +51768,7 @@ function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$B(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$39 = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51372,29 +51831,29 @@ var _default$16 = ConnectedSurgeryLayout;
   leaveModule && leaveModule(module);
 })();
 
-var css_248z$q = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n";
-styleInject$1(css_248z$q);
-
-var css_248z$r = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n";
+var css_248z$r = ".paladin-main-wrapper svg {\n  width: 100%;\n  height: 100%;\n}\n.paladin-main-wrapper span,\n.paladin-main-wrapper div {\n  user-select: none;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {\n  background-color: #353535;\n  z-index: 2;\n}\n.paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {\n  background-color: #353535;\n  border: 1px solid #727882;\n}\n.paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n}\nbutton:focus {\n  outline: none;\n}\n.paladin-flex {\n  display: flex;\n}\n.paladin-flex-row {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 0 1 auto;\n}\n.paladin-flex-col {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  flex: 0 0 auto;\n}\n.paladin-flex-center {\n  justify-content: center;\n  align-items: center;\n}\n.paladin-flex-end {\n  justify-content: flex-end;\n}\n.paladin-flex-1 {\n  flex: 1;\n}\n.paladin-full-content {\n  width: 100%;\n  height: 100%;\n}\n.paladin-full-height {\n  height: 100%;\n}\n.paladin-full-width {\n  width: 100%;\n}\n.paladin-text-center {\n  text-align: center;\n}\n";
 styleInject$1(css_248z$r);
 
+var css_248z$s = ".image-processing-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background: black;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-direction: column;\n  z-index: 999;\n}\n.image-processing-container-content {\n  cursor: pointer;\n}\n.image-processing-container-content svg {\n  width: 50px;\n  height: 50px;\n  display: block;\n  margin: 15px auto 0 auto;\n  color: #999;\n}\n.paladin-three-wrapper {\n  width: 100%;\n  height: 100%;\n  color: white;\n  display: flex;\n}\n.paladin-three-horizontal-left {\n  width: 66.6%;\n  height: 100%;\n}\n.paladin-three-horizontal-right {\n  width: 33.4%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paladin-three-vertical-top {\n  width: 100%;\n  height: 66.6%;\n  flex-direction: row;\n}\n.paladin-three-vertical-bottom {\n  width: 100%;\n  height: 33.4%;\n  display: flex;\n  flex-direction: row;\n}\n.paladin-three-height-50 {\n  width: 100%;\n  height: 50%;\n}\n.paladin-three-width-50 {\n  width: 50%;\n  height: 100%;\n}\n.paladin-three-height-33 {\n  width: 100%;\n  height: 33.333%;\n}\n.paladin-three-width-33 {\n  height: 100%;\n  width: 33.333%;\n}\n.paladin-three-relative {\n  position: relative;\n}\n";
+styleInject$1(css_248z$s);
+
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
 
-function _createSuper$1h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1h(); 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 _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); 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$1h() { 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; } }
+function _isNativeReflectConstruct$1i() { 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 __signature__$3a = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1h(ThreeDLayout);
+  var _super = _createSuper$1i(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -51831,7 +52290,7 @@ function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$C(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3b = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -51902,18 +52361,18 @@ function _unsupportedIterableToArray$e(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$e(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; }
 
-function _createSuper$1i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1i(); 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 _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); 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$1i() { 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; } }
+function _isNativeReflectConstruct$1j() { 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 __signature__$3c = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
 var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1i(ThreeDLayout);
+  var _super = _createSuper$1j(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -52210,7 +52669,7 @@ function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$D(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3d = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -52253,7 +52712,7 @@ var _default$18 = ConnectedVR;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3e = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -52296,11 +52755,11 @@ function _unsupportedIterableToArray$f(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$f(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; }
 
-function _createSuper$1j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1j(); 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 _createSuper$1k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1k(); 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$1j() { 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; } }
+function _isNativeReflectConstruct$1k() { 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 __signature__$3f = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 
@@ -52350,7 +52809,7 @@ index$1.configure({
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1j(DicomView);
+  var _super = _createSuper$1k(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -52918,7 +53377,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$E(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var __signature__$3g = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3i = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var scroll = _default$E.importInternal('util/scroll');
@@ -53167,18 +53626,20 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
           return getElement(n);
         });
         lodash$1.forEach(layoutElements, function (ele) {
-          lodash$1.forEach(LengthTools, function (tool) {
-            var toolData = _default$E.getToolState(ele, tool);
-
-            if (toolData && toolData.data && toolData.data.length > 0) {
-              lodash$1.forEach(toolData.data, function (handler) {
-                if (handler && handler.active) {
-                  _default$E.removeToolState(ele, tool, handler);
-                  cornerstone.updateImage(ele);
-                }
-              });
-            }
-          });
+          if (ele) {
+            lodash$1.forEach(LengthTools, function (tool) {
+              var toolData = _default$E.getToolState(ele, tool);
+
+              if (toolData && toolData.data && toolData.data.length > 0) {
+                lodash$1.forEach(toolData.data, function (handler) {
+                  if (handler && handler.active) {
+                    _default$E.removeToolState(ele, tool, handler);
+                    cornerstone.updateImage(ele);
+                  }
+                });
+              }
+            });
+          }
         });
       },
       SCROLL_START: function SCROLL_START() {
@@ -53479,7 +53940,7 @@ var _default$19 = ConnectedDicomView;
   enterModule && enterModule(module);
 })();
 
-var __signature__$3h = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+var __signature__$3j = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
 var _default$1a = _default$19;