hellfire 0.28.0 → 0.28.1

package/dist/index.js

@@ -966,6 +966,7 @@ var action = (function () {
          * 1.换到非手术路径工具时要把路径的工具都关闭掉
          * 2.换到非(测量工具 或 3d定位)的时候要缓存一份originActiveTool
          * 3.换到非3d定位工具时，要把redux上的ReferencePosition关闭
+         * 4.如果是测量工具，需要按toggle的方式切换
          */
 
         var newState = _objectSpread$1(_objectSpread$1({}, state), {}, {
@@ -985,6 +986,12 @@ var action = (function () {
           newState['originActiveTool'] = nextTool;
         }
 
+        if (lodash$1.includes(LengthToolsWithMeasure, nextTool) && lodash$1.includes(LengthToolsWithMeasure, state.activeTool)) {
+          if (nextTool === state.activeTool) {
+            newState['activeTool'] = state.originActiveTool;
+          }
+        }
+
         return newState;
       }
 
@@ -9389,7 +9396,12 @@ var OrientationMarkersTool = /*#__PURE__*/function (_BaseTool) {
   }, {
     key: "customTextBoxWidth",
     value: function customTextBoxWidth(context, text, padding) {
-      var font = this.initialConfiguration.fontSize || textStyle$4.getFont();
+      var font = textStyle$4.getFont();
+
+      if (this.initialConfiguration.fontSize) {
+        font = "".concat(this.initialConfiguration.fontSize * devicePixelRatio, "px Arial");
+      }
+
       var origFont = context.font;
 
       if (font && font !== origFont) {
@@ -9427,8 +9439,15 @@ var OrientationMarkersTool = /*#__PURE__*/function (_BaseTool) {
         height: this.customTextBoxWidth(context, 'M', 0) // Trick to get an approximation of the height of the text
 
       };
+
+      var _fontSize = textStyle$4.getFontSize();
+
+      if (this.initialConfiguration.fontSize) {
+        _fontSize = this.initialConfiguration.fontSize;
+      }
+
       var textConfig = {
-        fontSize: this.initialConfiguration.fontSize
+        fontSize: _fontSize
       };
       drawTopLeftText(context, markers, coords, textWidths, color, textConfig);
 
@@ -10709,7 +10728,12 @@ var RulerOverlayTool = /*#__PURE__*/function (_BaseTool) {
       mixins: ['enabledOrDisabledBinaryTool'],
       fontSize: 12,
       color: null,
-      strokeColor: null
+      strokeColor: null,
+      marginX: 40,
+      tickMajor: 10,
+      tickMinor: 7,
+      tickPatch: 5,
+      lineWidth: 2
     };
     return _super.call(this, props, defaultProps);
   }
@@ -10743,13 +10767,13 @@ var RulerOverlayTool = /*#__PURE__*/function (_BaseTool) {
       context.beginPath();
       context.strokeStyle = this.initialConfiguration.strokeColor || 'white';
       context.fillStyle = this.initialConfiguration.color || 'white';
-      context.lineWidth = 2 * devicePixelRatio$1;
+      context.lineWidth = this.initialConfiguration.lineWidth * devicePixelRatio$1;
       var fontSize = this.initialConfiguration.fontSize;
       context.font = fontSize * devicePixelRatio$1 + 'px Arial';
-      var marginX = 40 * devicePixelRatio$1;
-      var tickMajor = 10 * devicePixelRatio$1;
-      var tickMinor = 7 * devicePixelRatio$1;
-      var tickPatch = 5 * devicePixelRatio$1;
+      var marginX = this.initialConfiguration.marginX * devicePixelRatio$1;
+      var tickMajor = this.initialConfiguration.tickMajor * devicePixelRatio$1;
+      var tickMinor = this.initialConfiguration.tickMinor * devicePixelRatio$1;
+      var tickPatch = this.initialConfiguration.tickPatch * devicePixelRatio$1;
       var anchor = {
         x: canvasWidth - marginX,
         y: canvasHeight / 2
@@ -26439,6 +26463,9 @@ function getActiveElement(mode, activeIndex, imageActiveIndex, MPR, mprActiveInd
 function getElement(index) {
   return document.getElementById("paladin-viewport-".concat(index));
 }
+function getFilmElement(index) {
+  return document.getElementById("paladin-film-viewport-".concat(index));
+}
 function getRealActiveIndex(mode, activeIndex, imageActiveIndex, MPR, mprActiveIndex, Surgery, surgeryActiveIndex, CPR) {
   // 1.序列模式
   // 2.图像模式
@@ -48583,7 +48610,8 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call(this, props);
     _this.state = {
-      dicom: null
+      dicom: null,
+      fontSize: props.fontSize || 12
     };
     return _this;
   }
@@ -48598,6 +48626,15 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
 
       this.loadDicom(this.props.imageId);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      if (prevProps.fontSize !== this.props.fontSize) {
+        this.setState({
+          fontSize: this.props.fontSize
+        });
+      }
+    }
   }, {
     key: "componentWillReceiveProps",
     value: function () {
@@ -48672,7 +48709,9 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
         return null;
       }
 
-      var dicom = this.state.dicom;
+      var _this$state = this.state,
+          dicom = _this$state.dicom,
+          fontSize = _this$state.fontSize;
 
       if (!dicom) {
         return null;
@@ -48693,7 +48732,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
             bottom: 4,
             left: 4,
             textAlign: 'left',
-            fontSize: '12px',
+            fontSize: "".concat(fontSize, "px"),
             display: "".concat(hide ? 'none' : 'block')
           }
         }, /*#__PURE__*/React__default.createElement("div", null, "T: ", spaceBetweenSlice, "mm", _sliceThickness && _sliceThickness !== 1 && 'X' + _sliceThickness, " L")), /*#__PURE__*/React__default.createElement("div", {
@@ -48702,7 +48741,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
             bottom: 4,
             right: 4,
             textAlign: 'right',
-            fontSize: '12px',
+            fontSize: "".concat(fontSize, "px"),
             display: "".concat(hide ? 'none' : 'block')
           }
         }, /*#__PURE__*/React__default.createElement("div", null, "W: ", _windowWidth.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, "C: ", _windowCenter.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, _zoom, "X")));
@@ -48760,7 +48799,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           top: 4,
           left: 4,
           textAlign: 'left',
-          fontSize: '12px',
+          fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
       }, /*#__PURE__*/React__default.createElement("div", null, institutionName), /*#__PURE__*/React__default.createElement("div", null, manufacturer, " ", manufacturerModelName), /*#__PURE__*/React__default.createElement("div", null, patientName, "/", patientSex, "/", patientAge), /*#__PURE__*/React__default.createElement("div", null, patientID), /*#__PURE__*/React__default.createElement("div", null, bodyPartExamined), /*#__PURE__*/React__default.createElement("div", null, laterality)), /*#__PURE__*/React__default.createElement("div", {
@@ -48769,7 +48808,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           bottom: 4,
           left: 4,
           textAlign: 'left',
-          fontSize: '12px',
+          fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
       }, /*#__PURE__*/React__default.createElement("div", null, patientOrientation), /*#__PURE__*/React__default.createElement("div", null, protocolName), /*#__PURE__*/React__default.createElement("div", null, sequenceName), /*#__PURE__*/React__default.createElement("div", null, getTRAndTE(repetitionTime, echoTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo('TI', inversionTime)), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo('FA', flipAngle)), /*#__PURE__*/React__default.createElement("div", null, getADAndNEX(acquisitionDuration, numberOfAverages)), /*#__PURE__*/React__default.createElement("div", null, thk), /*#__PURE__*/React__default.createElement("div", null, formatDicomInfo('B', diffusionBValue, false)), seriesDescription && seriesDescription !== protocolName && /*#__PURE__*/React__default.createElement("div", null, seriesDescription)), /*#__PURE__*/React__default.createElement("div", {
@@ -48778,7 +48817,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           top: 4,
           right: 4,
           textAlign: 'right',
-          fontSize: '12px',
+          fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
       }, /*#__PURE__*/React__default.createElement("div", null, studyDateTime && studyDateTime.format('YYYY-MM-DD HH:mm:ss')), /*#__PURE__*/React__default.createElement("div", null, "Se: ", seriesNumber, "/", seriesCount), /*#__PURE__*/React__default.createElement("div", null, "Im: ", instanceNumber, "/", instanceCount), /*#__PURE__*/React__default.createElement("div", null, compression), /*#__PURE__*/React__default.createElement("div", null, formatInPlanePhaseEncodingDirection(inPlanePhaseEncodingDirection))), /*#__PURE__*/React__default.createElement("div", {
@@ -48787,7 +48826,7 @@ var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
           bottom: 4,
           right: 4,
           textAlign: 'right',
-          fontSize: '12px',
+          fontSize: "".concat(fontSize, "px"),
           display: "".concat(hide ? 'none' : 'block')
         }
       }, /*#__PURE__*/React__default.createElement("div", null, "W: ", windowWidth.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, "C: ", windowCenter.toFixed(0)), /*#__PURE__*/React__default.createElement("div", null, zoom, "X"), /*#__PURE__*/React__default.createElement("div", null, getFov(dicom, imageId)), /*#__PURE__*/React__default.createElement("div", null, getMat(acquisitionMatrix)), (sliceLocation || sliceLocation === 0) && /*#__PURE__*/React__default.createElement("div", null, "Location: ", sliceLocation)));
@@ -54955,7 +54994,7 @@ function studySeriesDataCheck (studies) {
   });
 }
 
-var css_248z$F = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n";
+var css_248z$F = ".paladin-film-tool {\n  width: 220px;\n  color: #c0c0c0;\n  padding: 10px;\n  font-size: 15px;\n}\n.paladin-film-tool .film-full-line {\n  width: 100%;\n  height: 1px;\n  background: #777676;\n  margin: 10px 0;\n}\n.paladin-film-tool .film-half-button,\n.paladin-film-tool .film-full-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-half-button svg,\n.paladin-film-tool .film-full-button svg {\n  width: 18px;\n  height: 18px;\n  margin-right: 6px;\n}\n.paladin-film-tool .film-half-button {\n  width: 50%;\n}\n.paladin-film-tool .film-full-button {\n  width: 100%;\n}\n.paladin-film-tool .film-template-box {\n  display: flex;\n  width: 100%;\n  height: 40px;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-template-box div {\n  display: flex;\n  flex: 1;\n  cursor: pointer;\n  align-items: center;\n}\n.paladin-film-tool .film-template-box .template-add {\n  flex: none;\n  padding-left: 5px;\n  padding-right: 7px;\n  border-right: 1px solid #1c1c1c;\n  height: 100%;\n}\n.paladin-film-tool .film-template-box .template-select {\n  justify-content: center;\n}\n.paladin-film-tool .film-template-box .template-select svg {\n  width: 18px;\n  margin-left: 3px;\n}\n.paladin-film-tool .film-template-box .template-setting {\n  height: 100%;\n  width: 20px;\n  flex: none;\n  padding-left: 7px;\n  padding-right: 5px;\n  border-left: 1px solid #1c1c1c;\n}\n.paladin-film-tool .film-template-box .template-setting svg {\n  width: 20px;\n}\n.paladin-film-tool .film-size-box {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n}\n.paladin-film-tool .film-size-box span {\n  display: flex;\n  flex: none;\n  margin-right: 8px;\n}\n.paladin-film-tool .film-size-box .film-size-select {\n  height: 40px;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #1c1c1c;\n  box-sizing: border-box;\n}\n.paladin-film-tool .film-size-box button {\n  border: none;\n  width: 100%;\n  height: 100%;\n  background: #353535;\n  color: #c0c0c0;\n  font-size: 15px;\n}\n.paladin-film-tool .film-size-box svg {\n  width: 20px;\n}\n.paladin-film-tool .g-rgl-grid {\n  padding: 12px;\n}\n.paladin-dropdown-custom {\n  z-index: 99;\n  left: 50px !important;\n}\n.paladin-menu-custom {\n  width: 180px;\n  background: #000000;\n  color: #c0c0c0;\n  padding: 0;\n}\n.paladin-menu-custom li {\n  text-align: center;\n  list-style: none;\n  border-bottom: 1px solid #4D4D4D;\n  padding: 6px 0;\n  cursor: pointer;\n}\n.paladin-menu-custom li:last-child {\n  border-bottom: none;\n}\n.rc-dropdown-hidden {\n  display: none;\n}\n.paladin-film-print-modal-wrapper {\n  overflow: hidden;\n}\n.paladin-film-print-modal-wrapper .paladin-modal-header {\n  color: #fff;\n  font-weight: normal;\n  font-size: 16px;\n  border-bottom: 1px solid #484849;\n}\n";
 styleInject$1(css_248z$F);
 
 function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
@@ -55074,6 +55113,12 @@ var Layout$1 = /*#__PURE__*/function (_Component) {
   return Layout;
 }(React.Component);
 
+function _createForOfIteratorHelper$e(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(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$g(o, minLen); }
+
+function _arrayLikeToArray$g(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 ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 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; }
@@ -55092,6 +55137,29 @@ var mergeProps$u = function mergeProps(propsFromState, propsFromDispatch, ownPro
   return _objectSpread$X(_objectSpread$X(_objectSpread$X({}, ownProps), propsFromState), {}, {
     onLayoutChange: function onLayoutChange(row, col) {
       propsFromDispatch.setFilmLayout(row, col);
+      setTimeout(function () {
+        try {
+          var layoutElements = lodash$1.map(Array(row * col), function (v, n) {
+            return getFilmElement(n);
+          });
+
+          var _iterator = _createForOfIteratorHelper$e(layoutElements),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var element = _step.value;
+              cornerstone.resize(element, true);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        } catch (e) {
+          console.log('ignore element not enabled event');
+        }
+      });
     }
   });
 };
@@ -65117,10 +65185,6 @@ var FILM_SIZE_TYPE_DIC = [{
   value: '810'
 }];
 var FILM_SIZE_TYPE_MAP = {
-  // '1417': {width: 14, height: 17, label: '14IN X 17IN', ID: '14INX17IN', dicomRow: 5000, dicomColumn: 4000},
-  // '1114': {width: 11, height: 14, label: '11IN X 14IN', ID: '11INX14IN', dicomRow: 4000, dicomColumn: 3200},
-  // '1012': {width: 10, height: 12, label: '10IN X 12IN', ID: '10INX12IN', dicomRow: 3400, dicomColumn: 2600},
-  // '810': {width: 8, height: 10, label: '8IN X 10IN', ID: '8INX10IN', dicomRow: 2600, dicomColumn: 1900}
   '1417': {
     width: 14,
     height: 17,
@@ -65903,21 +65967,72 @@ var formatDicomInfo$1 = function formatDicomInfo(label, value) {
   return formated ? "".concat(label, ": ").concat(formated) : '';
 };
 
-function _createForOfIteratorHelper$e(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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 _createForOfIteratorHelper$f(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(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$g(o, minLen); }
+function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(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$h(o, minLen); }
 
-function _arrayLikeToArray$g(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 _arrayLikeToArray$h(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 ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$Z(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 domId = "paladinFilmOutputMock";
+var devicePixelRatio$4 = getDevicePixelRatio();
 var currentImageLoad = null;
 var currentFilms = null;
-var dicomInfoFontSize = 27;
-var dicomInfoSpacing = 34;
-var devicePixelRatio$4 = getDevicePixelRatio();
+var dicomInfoFontSize = 27 * devicePixelRatio$4;
+var dicomInfoSpacing = 34 * devicePixelRatio$4;
+var orientationMarkersFontSize = 25 * devicePixelRatio$4;
+var orientationMarkersLeft = 15;
+var orientationMarkersRight = 20;
+var orientationMarkersTop = 15;
+var orientationMarkersBottom = 30;
+var rulerOverlayFontSize = 20;
+var rulerOverlayMarginX = 40;
+var rulerOverlayTickMajor = 10;
+var rulerOverlayTickMinor = 7;
+var rulerOverlayTickPatch = 5;
+var rulerOverlayLineWidth = 2;
+var dicomInfoPaddingX = 10 * devicePixelRatio$4;
+var dicomInfoPaddingY = 30 * devicePixelRatio$4;
+
+function calculateFontSize(width, height) {
+  // 基准1
+  var baseWidth1 = 4200;
+  var baseHeight1 = 2550;
+  var baseFontSize1 = 50; // 基准2
+
+  var baseWidth2 = 1050;
+  var baseHeight2 = 1020;
+  var baseFontSize2 = 27; // 计算基准1的面积和基准2的面积
+
+  var baseArea1 = baseWidth1 * baseHeight1;
+  var baseArea2 = baseWidth2 * baseHeight2;
+  var area = width * height;
+  var fontSize = baseFontSize1 + (baseFontSize2 - baseFontSize1) * ((area - baseArea1) / (baseArea2 - baseArea1));
+  return lodash$1.round(fontSize);
+}
+
+function calcImageFontSize(width, height) {
+  var size = calculateFontSize(width, height);
+  var ratioX = lodash$1.round(width / 800); // 四角信息
+
+  dicomInfoFontSize = size * devicePixelRatio$4;
+  dicomInfoSpacing = (size + 7) * devicePixelRatio$4;
+  dicomInfoPaddingY = (size + 3) * devicePixelRatio$4; // 方位
+
+  orientationMarkersFontSize = (size - 2) * devicePixelRatio$4;
+  orientationMarkersRight = size;
+  orientationMarkersBottom = size;
+  orientationMarkersLeft = size; // 标尺
+
+  rulerOverlayFontSize = size - 7;
+  rulerOverlayMarginX = size * 3;
+  rulerOverlayTickMajor = 10 * ratioX;
+  rulerOverlayTickMinor = 7 * ratioX;
+  rulerOverlayTickPatch = 6 * ratioX;
+  rulerOverlayLineWidth = 2 + ratioX * 0.5;
+}
 /**
  * 1.根据打印的真实宽高，确定尺寸
  * 2.获得films的虚拟画布图像数据
@@ -65926,6 +66041,7 @@ var devicePixelRatio$4 = getDevicePixelRatio();
  * viewFilmItemWidth是可视化的画布dom的真实大小，需要和最终生成的尺寸做缩放得到真实的Viewport缩放、移动
  */
 
+
 var getFilmPrintImageData = /*#__PURE__*/function () {
   var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(films, options) {
     var sizeType, row, col, viewFilmItemWidth, filmSize, filmWidth, filmHeight, filmItemWidth, filmItemHeight, filmPrintOriginImageData, id, element, canvas, firstLoad, _iterator, _step, film, bitmap, mockDom, mergedCanvas, mergedCtx, i, item, x, y, imageData, pixelData;
@@ -65972,6 +66088,9 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
             element = document.getElementById(id);
 
             if (!element) {
+              // 先计算当前尺寸、布局下字体大小
+              calcImageFontSize(filmItemWidth, filmItemHeight); // 创建element
+
               element = document.createElement("div");
               element.setAttribute("id", id);
               document.body.appendChild(element);
@@ -65985,17 +66104,22 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
               cornerstone.enable(element, {}); // 工具注册
 
               cornerstoneTools.addToolForElement(element, cornerstoneTools.OrientationMarkersTool, {
-                color: "#ccc",
-                fontSize: 25,
-                paddingTop: 15 * devicePixelRatio$4,
-                paddingLeft: 15 * devicePixelRatio$4,
-                paddingRight: 20 * devicePixelRatio$4,
-                paddingBottom: 30 * devicePixelRatio$4
+                color: "#c0c0c0",
+                fontSize: orientationMarkersFontSize,
+                paddingTop: orientationMarkersTop * devicePixelRatio$4,
+                paddingLeft: orientationMarkersLeft * devicePixelRatio$4,
+                paddingRight: orientationMarkersRight * devicePixelRatio$4,
+                paddingBottom: orientationMarkersBottom * devicePixelRatio$4
               });
               cornerstoneTools.addToolForElement(element, cornerstoneTools.RulerOverlayTool, {
-                color: "#ccc",
-                strokeColor: "#ccc",
-                fontSize: 20
+                color: "#c0c0c0",
+                strokeColor: "#c0c0c0",
+                fontSize: rulerOverlayFontSize,
+                marginX: rulerOverlayMarginX,
+                tickMajor: rulerOverlayTickMajor,
+                tickMinor: rulerOverlayTickMinor,
+                tickPatch: rulerOverlayTickPatch,
+                lineWidth: rulerOverlayLineWidth
               });
               element.addEventListener(cornerstone.EVENTS.IMAGE_RENDERED, onImageRendered);
             } // 原始数据获取
@@ -66011,7 +66135,7 @@ var getFilmPrintImageData = /*#__PURE__*/function () {
                 widthInView: viewFilmItemWidth
               });
             });
-            _iterator = _createForOfIteratorHelper$e(films);
+            _iterator = _createForOfIteratorHelper$f(films);
             _context.prev = 20;
 
             _iterator.s();
@@ -66250,31 +66374,30 @@ var getEmptyImageBitmap = function getEmptyImageBitmap(width, height) {
 
 var addDicomInfoOnCanvas = /*#__PURE__*/function () {
   var _ref4 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4(enableElement) {
-    var canvas, image, viewport, devicePixelRatio, ctx, dicom, width, height, stackImageInfo;
+    var canvas, image, viewport, ctx, dicom, width, height, stackImageInfo;
     return regenerator.wrap(function _callee4$(_context4) {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
             canvas = enableElement.canvas, image = enableElement.image, viewport = enableElement.viewport;
-            devicePixelRatio = getDevicePixelRatio();
             ctx = canvas.getContext('2d');
-            ctx.fillStyle = '#ccc';
+            ctx.fillStyle = '#c0c0c0';
             ctx.strokeStyle = '#000';
-            ctx.font = dicomInfoFontSize * devicePixelRatio + 'px Arial';
-            _context4.next = 8;
+            ctx.font = dicomInfoFontSize + 'px Arial';
+            _context4.next = 7;
             return loadAndCacheDicom(image.imageId);
 
-          case 8:
+          case 7:
             dicom = _context4.sent;
 
             if (dicom) {
-              _context4.next = 11;
+              _context4.next = 10;
               break;
             }
 
             return _context4.abrupt("return");
 
-          case 11:
+          case 10:
             width = canvas.width;
             height = canvas.height;
             stackImageInfo = currentFilms[image.imageId] || {};
@@ -66286,7 +66409,7 @@ var addDicomInfoOnCanvas = /*#__PURE__*/function () {
             drawRightBottom(dicom, ctx, width, height, viewport, image);
             ctx.textAlign = 'left';
 
-          case 21:
+          case 20:
           case "end":
             return _context4.stop();
         }
@@ -66310,8 +66433,8 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
   var patientID = dicom.PatientID.toString();
   var bodyPartExamined = dicom.BodyPartExamined.toString();
   var laterality = dicom.Laterality.toString() || dicom.ImageLaterality.toString() || '';
-  var contentX = 10;
-  var contentY = 30;
+  var contentX = dicomInfoPaddingX;
+  var contentY = dicomInfoPaddingY;
   var spacing = dicomInfoSpacing;
 
   if (institutionName) {
@@ -66320,11 +66443,11 @@ var drawLeftTop = function drawLeftTop(dicom, ctx) {
   }
 
   if (manufacturer || manufacturerModelName) {
-    ctx.fillText("".concat(manufacturer, " ").concat(manufacturerModelName), contentX, contentY);
+    ctx.fillText("".concat(manufacturer || '', " ").concat(manufacturerModelName || ''), contentX, contentY);
     contentY += spacing;
   }
 
-  ctx.fillText("".concat(patientName, "/").concat(patientSex, "/").concat(patientAge), contentX, contentY);
+  ctx.fillText("".concat(patientName || '', "/").concat(patientSex || '', "/").concat(patientAge || ''), contentX, contentY);
   contentY += spacing;
 
   if (patientID) {
@@ -66362,8 +66485,8 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
   var actualSpacingBetweenSlices = getActualSpacingBetweenSlices$1(sliceThickness, spacingBetweenSlices);
   var thk = actualSpacingBetweenSlices || sliceThickness ? "THK: ".concat(sliceThickness && parseFloat(sliceThickness).toFixed(1), "/").concat(actualSpacingBetweenSlices) : ''; // 从下往上画
 
-  var contentX = 10;
-  var contentY = height - 10;
+  var contentX = dicomInfoPaddingX;
+  var contentY = height - dicomInfoPaddingX;
   var spacing = dicomInfoSpacing;
 
   if (seriesDescription && seriesDescription !== protocolName) {
@@ -66430,13 +66553,13 @@ var drawLeftBottom = function drawLeftBottom(dicom, ctx, height) {
 var drawRightTop = function drawRightTop(dicom, ctx, width, stack) {
   var studyDateTime = getStudyDateTime$1(dicom);
   var instanceCount = stack.instanceCount || '';
-  var instanceNumber = stack.instanceNumber || '';
+  var instanceNumber = stack.instanceNumber.toString() || '';
   var seriesCount = stack.seriesCount || '';
-  var seriesNumber = stack.seriesNumber || '';
+  var seriesNumber = stack.seriesNumber.toString() || '';
   var compression = getCompression$1(dicom);
   var inPlanePhaseEncodingDirection = dicom.InPlanePhaseEncodingDirection.toString();
-  var contentX = width - 10;
-  var contentY = 30;
+  var contentX = width - dicomInfoPaddingX;
+  var contentY = dicomInfoPaddingY;
   var spacing = dicomInfoSpacing;
 
   if (studyDateTime) {
@@ -66470,8 +66593,8 @@ var drawRightBottom = function drawRightBottom(dicom, ctx, width, height, viewpo
   var windowCenter = parseFloat(viewport.voi.windowCenter) || 0;
   var acquisitionMatrix = dicom.AcquisitionMatrix.value;
   var sliceLocation = dicom.SliceLocation.value && parseFloat(dicom.SliceLocation.value).toFixed(2);
-  var contentX = width - 10;
-  var contentY = height - 10;
+  var contentX = width - dicomInfoPaddingX;
+  var contentY = height - dicomInfoPaddingX;
   var spacing = dicomInfoSpacing;
 
   if (sliceLocation || sliceLocation === 0) {
@@ -66720,6 +66843,12 @@ var FilmPrintModal$1 = /*#__PURE__*/function (_Component) {
   return FilmPrintModal;
 }(React.Component);
 
+function _createForOfIteratorHelper$g(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$i(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$i(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$i(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$i(o, minLen); }
+
+function _arrayLikeToArray$i(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 ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$$(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -66978,6 +67107,29 @@ var mergeProps$v = function mergeProps(propsFromState, propsFromDispatch, ownPro
     }(),
     onSelectSize: function onSelectSize(value) {
       propsFromDispatch.setFilmSizeType(value.key);
+      setTimeout(function () {
+        try {
+          var layoutElements = lodash$1.map(Array(propsFromState.filmLayoutCol * propsFromState.filmLayoutRow), function (v, n) {
+            return getFilmElement(n);
+          });
+
+          var _iterator = _createForOfIteratorHelper$g(layoutElements),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var element = _step.value;
+              cornerstone.resize(element, true);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        } catch (e) {
+          console.log('ignore element not enabled event');
+        }
+      });
     },
     reset: function reset() {
       if (propsFromState.filmActiveIndex >= 0) {
@@ -67110,6 +67262,9 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
           cornerstone.displayImage(_this.element, image);
 
           if (!nextStack) {
+            cornerstoneTools.setToolActiveForElement(_this.element, 'OrientationMarkers');
+            cornerstoneTools.setToolActiveForElement(_this.element, 'RulerOverlay');
+
             _this.setActiveTool();
           }
         }
@@ -67276,7 +67431,8 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
           loading = _this$state.loading;
       var _this$props = this.props,
           index = _this$props.index,
-          onClick = _this$props.onClick;
+          onClick = _this$props.onClick,
+          overlayFontSize = _this$props.overlayFontSize;
       var imageId = stack && stack.imageIds[0];
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-film-viewport-wrapper"
@@ -67300,7 +67456,8 @@ var FilmViewport = /*#__PURE__*/function (_Component) {
       }, "1"), /*#__PURE__*/React__default.createElement(ViewportOverlay, {
         viewport: viewport,
         imageId: imageId,
-        stack: stack
+        stack: stack,
+        fontSize: overlayFontSize
       })));
     }
   }]);
@@ -67415,7 +67572,8 @@ var FilmView = /*#__PURE__*/function (_Component) {
 
     _this.state = {
       filmViewWidth: 0,
-      filmViewHeight: 0
+      filmViewHeight: 0,
+      overlayFontSize: 12
     };
     _this.filmViewRef = null;
     return _this;
@@ -67432,12 +67590,19 @@ var FilmView = /*#__PURE__*/function (_Component) {
       if (prevProps.filmSizeType !== this.props.filmSizeType) {
         this.calcViewSize();
       }
+
+      if (prevProps.filmLayoutRow !== this.props.filmLayoutRow || prevProps.filmLayoutCol !== this.props.filmLayoutCol) {
+        this.calcViewSize();
+      }
     } // 计算复合胶片尺寸的宽高
 
   }, {
     key: "calcViewSize",
     value: function calcViewSize() {
-      var filmSizeType = this.props.filmSizeType;
+      var _this$props3 = this.props,
+          filmSizeType = _this$props3.filmSizeType,
+          row = _this$props3.filmLayoutRow,
+          col = _this$props3.filmLayoutCol;
       var headerHeight = 40;
       var verticalPadding = 40;
       var verticalHeight = headerHeight + verticalPadding;
@@ -67452,11 +67617,41 @@ var FilmView = /*#__PURE__*/function (_Component) {
       } else {
         filmViewWidth = clientWidth * 0.8;
         filmViewHeight = lodash$1.round(filmViewWidth * _size.height / _size.width);
+      } // 四角信息字体大小
+
+
+      var _overlayFontSize = 12;
+
+      var filmViewWidthItem = lodash$1.round(filmViewWidth / col);
+
+      var filmViewHeightItem = lodash$1.round(filmViewHeight / row);
+
+      var baseLength = Math.min(filmViewWidthItem, filmViewHeightItem);
+
+      if (baseLength > 200) {
+        _overlayFontSize = 14;
+      }
+
+      if (baseLength > 300) {
+        _overlayFontSize = 15;
+      }
+
+      if (baseLength > 400) {
+        _overlayFontSize = 17;
+      }
+
+      if (baseLength > 500) {
+        _overlayFontSize = 19;
+      }
+
+      if (baseLength > 600) {
+        _overlayFontSize = 21;
       }
 
       this.setState({
         filmViewWidth: filmViewWidth,
-        filmViewHeight: filmViewHeight
+        filmViewHeight: filmViewHeight,
+        overlayFontSize: _overlayFontSize
       });
     }
   }, {
@@ -67464,18 +67659,19 @@ var FilmView = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          films = _this$props3.films,
-          row = _this$props3.filmLayoutRow,
-          col = _this$props3.filmLayoutCol,
-          handleOnClickViewport = _this$props3.handleOnClickViewport,
-          filmActiveIndex = _this$props3.filmActiveIndex,
-          _onViewportSave = _this$props3.onViewportSave,
-          filmCurrentPage = _this$props3.filmCurrentPage,
-          filmActiveTool = _this$props3.filmActiveTool;
+      var _this$props4 = this.props,
+          films = _this$props4.films,
+          row = _this$props4.filmLayoutRow,
+          col = _this$props4.filmLayoutCol,
+          handleOnClickViewport = _this$props4.handleOnClickViewport,
+          filmActiveIndex = _this$props4.filmActiveIndex,
+          _onViewportSave = _this$props4.onViewportSave,
+          filmCurrentPage = _this$props4.filmCurrentPage,
+          filmActiveTool = _this$props4.filmActiveTool;
       var _this$state = this.state,
           filmViewWidth = _this$state.filmViewWidth,
-          filmViewHeight = _this$state.filmViewHeight;
+          filmViewHeight = _this$state.filmViewHeight,
+          overlayFontSize = _this$state.overlayFontSize;
 
       var totalPage = lodash$1.ceil(films.length / (row * col));
 
@@ -67553,7 +67749,8 @@ var FilmView = /*#__PURE__*/function (_Component) {
             active: filmActiveIndex === index,
             onViewportSave: function onViewportSave(vp) {
               _onViewportSave && _onViewportSave(realIndex, vp);
-            }
+            },
+            overlayFontSize: overlayFontSize
           }));
         }));
       })));
@@ -67632,11 +67829,11 @@ var ConnectedFilmView = reactRedux.connect(mapStateToProps$y, {
   setFilmCurrentPage: setFilmCurrentPage
 }, mergeProps$w)(FilmView);
 
-function _createForOfIteratorHelper$f(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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 _createForOfIteratorHelper$h(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$j(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$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(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$h(o, minLen); }
+function _unsupportedIterableToArray$j(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$j(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$j(o, minLen); }
 
-function _arrayLikeToArray$h(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 _arrayLikeToArray$j(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$1M(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1M(); 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); }; }
 
@@ -67869,7 +68066,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
         return getElement(n);
       });
 
-      var _iterator = _createForOfIteratorHelper$f(layoutElements),
+      var _iterator = _createForOfIteratorHelper$h(layoutElements),
           _step;
 
       try {
@@ -67973,7 +68170,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
           cornerstoneTools.globalImageIdSpecificToolStateManager.restoreToolState(value.toolState);
         }
 
-        var _iterator2 = _createForOfIteratorHelper$f(elements),
+        var _iterator2 = _createForOfIteratorHelper$h(elements),
             _step2;
 
         try {
@@ -68054,7 +68251,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
                     return getElement(n);
                   });
 
-                  var _iterator3 = _createForOfIteratorHelper$f(layoutElements),
+                  var _iterator3 = _createForOfIteratorHelper$h(layoutElements),
                       _step3;
 
                   try {
@@ -68127,7 +68324,7 @@ var DicomView = /*#__PURE__*/function (_Component) {
               return getElement(n);
             });
 
-            var _iterator4 = _createForOfIteratorHelper$f(elements),
+            var _iterator4 = _createForOfIteratorHelper$h(elements),
                 _step4;
 
             try {
@@ -68310,11 +68507,11 @@ var DicomView = /*#__PURE__*/function (_Component) {
   return DicomView;
 }(React.Component);
 
-function _createForOfIteratorHelper$g(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$i(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 _createForOfIteratorHelper$i(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$k(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$i(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$i(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$i(o, minLen); }
+function _unsupportedIterableToArray$k(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$k(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$k(o, minLen); }
 
-function _arrayLikeToArray$i(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 _arrayLikeToArray$k(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 ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -68948,7 +69145,7 @@ var mergeProps$x = function mergeProps(propsFromState, propsFromDispatch, ownPro
             return getElement(n);
           });
 
-          var _iterator = _createForOfIteratorHelper$g(layoutElements),
+          var _iterator = _createForOfIteratorHelper$i(layoutElements),
               _step;
 
           try {