hellfire 0.27.11 → 0.27.13

package/dist/index.js

@@ -1036,7 +1036,8 @@ var action = (function () {
 
     case RESET_TOOLS_STATE:
       {
-        return _objectSpread$1({}, initialState$1);
+        var mergeState = action.payload || {};
+        return _objectSpread$1(_objectSpread$1({}, initialState$1), mergeState);
       }
 
     case SET_VR_MODE:
@@ -1186,9 +1187,10 @@ function setViewMode(payload) {
   };
 } // 重置工具栏状态（切换study时调用）
 
-function resetToolsState() {
+function resetToolsState(payload) {
   return {
-    type: RESET_TOOLS_STATE
+    type: RESET_TOOLS_STATE,
+    payload: payload
   };
 } // 切换VR渲染模式
 
@@ -6187,12 +6189,48 @@ var formatToString = function formatToString(value) {
   }
 };
 
-var DicomInfo = function DicomInfo(datasets, pixelData) {
+var DicomInfo = function DicomInfo(datasets, pixelData, isAnonymous) {
   classCallCheck(this, DicomInfo);
 
   return new Proxy(this, {
     get: function get(dicomTarget, dicomProp, dicomReceiver) {
       switch (true) {
+        case dicomProp === 'PatientName':
+          {
+            if (isAnonymous) {
+              return '***';
+            } else {
+              return new DicomElementAggregator(datasets, dicomProp);
+            }
+          }
+
+        case dicomProp === 'PatientSex':
+          {
+            if (isAnonymous) {
+              return '*';
+            } else {
+              return new DicomElementAggregator(datasets, dicomProp);
+            }
+          }
+
+        case dicomProp === 'PatientAge':
+          {
+            if (isAnonymous) {
+              return '**';
+            } else {
+              return new DicomElementAggregator(datasets, dicomProp);
+            }
+          }
+
+        case dicomProp === 'PatientID' || dicomProp === 'InstitutionName':
+          {
+            if (isAnonymous) {
+              return '****';
+            } else {
+              return new DicomElementAggregator(datasets, dicomProp);
+            }
+          }
+
         case dicomProp === 'datasets':
           {
             return datasets;
@@ -10329,6 +10367,7 @@ function resetTaskPool() {
 }
 
 var dicomCache = {};
+var isAnonymous = false;
 
 var loadAndCacheDicom = function loadAndCacheDicom(imageId) {
   return new Promise(function (resolve, reject) {
@@ -10339,7 +10378,7 @@ var loadAndCacheDicom = function loadAndCacheDicom(imageId) {
 
     var imagePromise = loadAndCacheImagePlus(imageId);
     imagePromise.then(function (image) {
-      var dicom = new DicomInfo(image.data, image.getPixelData());
+      var dicom = new DicomInfo(image.data, image.getPixelData(), isAnonymous);
       dicomCache[imageId] = dicom;
       resolve(dicom);
     }, function (e) {
@@ -10352,6 +10391,18 @@ var purgeDicomCache = function purgeDicomCache() {
   dicomCache = {};
 };
 
+var setInfoAnonymous = function setInfoAnonymous() {
+  isAnonymous = true;
+};
+
+var setNotAnonymous = function setNotAnonymous() {
+  isAnonymous = false;
+};
+
+var getAnonymousState = function getAnonymousState() {
+  return isAnonymous;
+};
+
 function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); 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$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; } }
@@ -32590,6 +32641,7 @@ var ButtonGroup = /*#__PURE__*/function (_Component) {
 
 defineProperty(ButtonGroup, "propTypes", {});
 
+var anonymousKeys = ['InstitutionName', 'InstitutionAddress', 'PatientID', 'IssuerOfPatientID', 'TypeOfPatientID', 'IssuerOfPatientIDQualifiersSequence', 'PatientName', 'PatientSex', 'PatientAge', 'PatientBirthDate', 'PatientBirthTime', 'PatientBirthName', 'PatientSize', 'PatientWeight', 'PatientAddress', 'PatientMotherBirthName', 'PatientTelephoneNumbers', 'PatientComments'];
 /**
  *
  * Get tag js object from our custom dicom object
@@ -32619,6 +32671,7 @@ var formatDicom = function formatDicom(dicom) {
     ]
   };
   var formatedDicomInfos = [];
+  var isAnonymous = getAnonymousState();
   lodash$1.forEach(dicom, function (item) {
     var tagID = item.tag.toUpperCase();
     var value;
@@ -32628,7 +32681,13 @@ var formatDicom = function formatDicom(dicom) {
     if (options.maxLength && item.element.length > options.maxLength) {
       value = "Length(".concat(item.element.length, ")");
     } else {
-      value = item.toString();
+      value = item.toString(); // 匿名
+
+      if (isAnonymous) {
+        if (item.keyword && lodash$1.includes(anonymousKeys, item.keyword)) {
+          value = "**";
+        }
+      }
     }
 
     if (item.vr === 'SQ') {
@@ -32761,72 +32820,100 @@ var DicomInfoModal = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
-    defineProperty(assertThisInitialized(_this), "getAndFormatOriginData", function (imageId) {
-      var imagePromise = loadAndCacheImagePlus(imageId);
-      imagePromise.then(function (image) {
-        var dicom = new DicomInfo(image.data);
-        var dicomInfo = getTagInfo(dicom); // id第一位是奇数 处理成收纳的形式
-
-        var originDataWithIdOdd = []; // id第一位是偶数
-        // let originDataWithIdEven = [];
-
-        var dataSource = [];
-        lodash$1.forEach(dicomInfo, function (item) {
-          var id;
-          var idStart;
-          xregexp.replace(item.tagID, xregexp('\\((?<a>.{4}),(?<b>.{4})\\)'), function (match) {
-            id = match && lodash$1.toString(match.a) + lodash$1.toString(match.b) || null;
-            idStart = match && match.a || null;
-          });
-          var tagNameOrigin = dicomDataDictionary$1.standardDataElements[id] ? dicomDataDictionary$1.standardDataElements[id].name : null;
+    defineProperty(assertThisInitialized(_this), "getAndFormatOriginData", /*#__PURE__*/function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(imageId) {
+        var dicom, dicomInfo, originDataWithIdOdd, dataSource, dataSourceScan;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return loadAndCacheDicom(imageId);
 
-          var data = _objectSpread$l(_objectSpread$l({}, item), {}, {
-            tagIDOrigin: id,
-            idStart: idStart,
-            tagNameOrigin: tagNameOrigin
-          });
+              case 2:
+                dicom = _context.sent;
 
-          if (idStart && idStart.substring(idStart.length - 1) % 2 === 1) {
-            originDataWithIdOdd.push(data);
-          } else {
-            dataSource.push(data);
-          }
-        });
+                if (dicom) {
+                  _context.next = 5;
+                  break;
+                }
 
-        if (originDataWithIdOdd && originDataWithIdOdd.length > 0) {
-          originDataWithIdOdd = lodash$1.groupBy(originDataWithIdOdd, 'idStart');
-          lodash$1.forEach(originDataWithIdOdd, function (item) {
-            if (item.length === 1) {
-              dataSource = lodash$1.concat(dataSource, item);
-            } else {
-              // 收纳
-              var firstItem = item[0];
+                return _context.abrupt("return");
 
-              var _item = item.splice(1);
+              case 5:
+                dicomInfo = getTagInfo(dicom); // id第一位是奇数 处理成收纳的形式
+
+                originDataWithIdOdd = []; // id第一位是偶数
+                // let originDataWithIdEven = [];
+
+                dataSource = [];
+                lodash$1.forEach(dicomInfo, function (item) {
+                  var id;
+                  var idStart;
+                  xregexp.replace(item.tagID, xregexp('\\((?<a>.{4}),(?<b>.{4})\\)'), function (match) {
+                    id = match && lodash$1.toString(match.a) + lodash$1.toString(match.b) || null;
+                    idStart = match && match.a || null;
+                  });
+                  var tagNameOrigin = dicomDataDictionary$1.standardDataElements[id] ? dicomDataDictionary$1.standardDataElements[id].name : null;
 
-              dataSource.push(_objectSpread$l(_objectSpread$l({}, firstItem), {}, {
-                items: [_item]
-              }));
-            }
-          });
-        }
+                  var data = _objectSpread$l(_objectSpread$l({}, item), {}, {
+                    tagIDOrigin: id,
+                    idStart: idStart,
+                    tagNameOrigin: tagNameOrigin
+                  });
 
-        dataSource = lodash$1.sortBy(dataSource, 'tagIDOrigin');
-        var dataSourceScan = lodash$1.map(dicomTagsKeysScan, function (key) {
-          return lodash$1.find(dataSource, {
-            'tagIDOrigin': key
-          }) || {
-            tagIDOrigin: key,
-            tagNameOrigin: dicomDataDictionary$1.standardDataElements[key] && dicomDataDictionary$1.standardDataElements[key].name || ''
-          };
-        });
+                  if (idStart && idStart.substring(idStart.length - 1) % 2 === 1) {
+                    originDataWithIdOdd.push(data);
+                  } else {
+                    dataSource.push(data);
+                  }
+                });
 
-        _this.setState({
-          dataSource: dataSource,
-          dataSourceScan: dataSourceScan
-        });
-      });
-    });
+                if (originDataWithIdOdd && originDataWithIdOdd.length > 0) {
+                  originDataWithIdOdd = lodash$1.groupBy(originDataWithIdOdd, 'idStart');
+                  lodash$1.forEach(originDataWithIdOdd, function (item) {
+                    if (item.length === 1) {
+                      dataSource = lodash$1.concat(dataSource, item);
+                    } else {
+                      // 收纳
+                      var firstItem = item[0];
+
+                      var _item = item.splice(1);
+
+                      dataSource.push(_objectSpread$l(_objectSpread$l({}, firstItem), {}, {
+                        items: [_item]
+                      }));
+                    }
+                  });
+                }
+
+                dataSource = lodash$1.sortBy(dataSource, 'tagIDOrigin');
+                dataSourceScan = lodash$1.map(dicomTagsKeysScan, function (key) {
+                  return lodash$1.find(dataSource, {
+                    'tagIDOrigin': key
+                  }) || {
+                    tagIDOrigin: key,
+                    tagNameOrigin: dicomDataDictionary$1.standardDataElements[key] && dicomDataDictionary$1.standardDataElements[key].name || ''
+                  };
+                });
+
+                _this.setState({
+                  dataSource: dataSource,
+                  dataSourceScan: dataSourceScan
+                });
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
 
     defineProperty(assertThisInitialized(_this), "setDicomModalTag", function (dicomModalTag) {
       _this.setState({
@@ -42665,7 +42752,8 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
           toggleMeasure = _this$props3.toggleMeasure,
           handleFullscreen = _this$props3.handleFullscreen,
           openDicomModal = _this$props3.openDicomModal,
-          operateKeyImages = _this$props3.operateKeyImages;
+          operateKeyImages = _this$props3.operateKeyImages,
+          openSettingModal = _this$props3.openSettingModal;
       var isThree = MPR || VR || Surgery || MIP || CPR; // 非同屏互通模式下
 
       var IODisconnect = !IO;
@@ -42892,7 +42980,14 @@ var DicomToolFlattenMode = /*#__PURE__*/function (_Component) {
             start3D('Surgery');
           }
         }
-      }, Surgery ? '退出手术路径规划' : '手术路径规划'))));
+      }, Surgery ? '退出手术路径规划' : '手术路径规划')), /*#__PURE__*/React__default.createElement("div", {
+        className: "paladin-flex-row"
+      }, /*#__PURE__*/React__default.createElement(LargeToolItem, {
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          openSettingModal();
+        }
+      }, "\u529F\u80FD\u8BBE\u7F6E"))));
     }
   }]);
 
@@ -45681,15 +45776,187 @@ function _ref$1m() {
   return _ref$1m.apply(this, arguments);
 }
 
+var css_248z$r = ".paladin-user-setting {\n  padding: 0 20px;\n  margin-bottom: 30px;\n  font-size: 15px;\n}\n.paladin-user-setting p {\n  font-size: 16px;\n}\n.paladin-user-setting .paladin-user-setting-remark {\n  font-size: 14px;\n  color: #666;\n  margin: 10px 0;\n}\n.paladin-user-setting .paladin-setting-radio {\n  display: flex;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item {\n  display: flex;\n  flex-direction: row;\n  margin-right: 10px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item:first-child {\n  margin-right: 0;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item input {\n  display: flex;\n  flex-direction: column;\n  width: 20px;\n  height: 20px;\n}\n.paladin-user-setting .paladin-setting-radio .paladin-setting-radio-item span {\n  display: flex;\n  flex-direction: column;\n}\n.paladin-user-setting .paladin-setting-hotkey {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.paladin-user-setting .paladin-setting-hotkey .paladin-setting-hotkey-item {\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  padding: 5px 10px;\n  border: 1px solid #666;\n  border-radius: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n}\n";
+styleInject$1(css_248z$r);
+
+var dicomSettingLeftMouseTools = ['StackScroll', 'Wwwc'];
+var dicomSettingLeftMouseToolsDic = [{
+  label: '浏览',
+  value: 'StackScroll'
+}, {
+  label: '调窗',
+  value: 'Wwwc'
+}];
+var dicomSettingRightMouseToolsDic = [{
+  label: '浏览',
+  value: 'StackScroll'
+}, {
+  label: '调窗',
+  value: 'Wwwc'
+}, {
+  label: '缩放',
+  value: 'Zoom'
+}, {
+  label: '移动',
+  value: 'Pan'
+}];
+var dicomSettingHotKeyDic = [{
+  label: '调窗',
+  hotkey: 'Q'
+}, {
+  label: '浏览',
+  hotkey: 'W'
+}, {
+  label: '缩放',
+  hotkey: 'E'
+}, {
+  label: '移动',
+  hotkey: 'R'
+}, {
+  label: '反色',
+  hotkey: 'T'
+}, {
+  label: '直线测量',
+  hotkey: 'A'
+}, {
+  label: '矩形测量',
+  hotkey: 'S'
+}, {
+  label: 'CT值测量',
+  hotkey: 'D'
+}, {
+  label: '连续测量',
+  hotkey: 'F'
+}, {
+  label: '扫描定位线',
+  hotkey: 'G'
+}, {
+  label: '显示/隐藏图像信息',
+  hotkey: 'Z'
+}];
+var customDicomSetting = {
+  leftMouseTool: 'Wwwc',
+  rightMouseTool: 'Zoom'
+};
+
+var saveCustomDicomSetting = function saveCustomDicomSetting() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var _data = lodash$1.pickBy(data, function (value) {
+    return value && value !== '';
+  });
+
+  customDicomSetting = Object.assign(customDicomSetting, _data);
+};
+
+function ownKeys$H(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$I(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; }
+
+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); }; }
+
+function _isNativeReflectConstruct$1m() { 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 UserSettingModal = /*#__PURE__*/function (_Component) {
+  inherits(UserSettingModal, _Component);
+
+  var _super = _createSuper$1m(UserSettingModal);
+
+  function UserSettingModal(props) {
+    var _this;
+
+    classCallCheck(this, UserSettingModal);
+
+    _this = _super.call(this, props);
+    _this.state = _objectSpread$I({}, customDicomSetting);
+    return _this;
+  }
+
+  createClass(UserSettingModal, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          leftMouseTool = _this$state.leftMouseTool,
+          rightMouseTool = _this$state.rightMouseTool;
+      var dicomSettingChange = this.props.dicomSettingChange;
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-user-setting-remark'
+      }, "\u6CE8\uFF1A\u4FEE\u6539\u8BBE\u7F6E\u540E\uFF0C\u9700\u91CD\u542F\u8F6F\u4EF6\u6216\u91CD\u65B0\u767B\u5F55\u8D26\u53F7\uFF0C\u624D\u80FD\u751F\u6548\u3002"), /*#__PURE__*/React__default.createElement("p", null, "\u9F20\u6807\u8BBE\u7F6E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio'
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, "\u5DE6\u952E\uFF1A"), dicomSettingLeftMouseToolsDic && dicomSettingLeftMouseToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-left-mouse-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: leftMouseTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              leftMouseTool: item.value
+            });
+
+            dicomSettingChange && dicomSettingChange('leftMouseTool', item.value);
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio',
+        style: {
+          marginTop: '10px'
+        }
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-radio-item'
+      }, "\u53F3\u952E\uFF1A"), dicomSettingRightMouseToolsDic && dicomSettingRightMouseToolsDic.map(function (item, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-radio-item',
+          key: "setting-right-mouse-".concat(index)
+        }, /*#__PURE__*/React__default.createElement(Input$1, {
+          type: "radio",
+          checked: rightMouseTool === item.value,
+          onChange: function onChange(e) {
+            _this2.setState({
+              rightMouseTool: item.value
+            });
+
+            dicomSettingChange && dicomSettingChange('rightMouseTool', item.value);
+          }
+        }), /*#__PURE__*/React__default.createElement("span", null, item.label));
+      })), /*#__PURE__*/React__default.createElement("p", {
+        style: {
+          marginTop: '30px'
+        }
+      }, "\u5FEB\u6377\u952E\u8BF4\u660E\uFF1A"), /*#__PURE__*/React__default.createElement("div", {
+        className: 'paladin-setting-hotkey'
+      }, dicomSettingHotKeyDic && dicomSettingHotKeyDic.map(function (value, index) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: 'paladin-setting-hotkey-item',
+          key: "setting-hotkey-".concat(index)
+        }, value.label, "(", value.hotkey, ")");
+      })));
+    }
+  }]);
+
+  return UserSettingModal;
+}(React.Component);
+
+defineProperty(UserSettingModal, "propTypes", {
+  dicomSettingChange: PropTypes$1.func
+});
+
 function _createForOfIteratorHelper$9(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
 
 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; }
 
-function ownKeys$H(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 ownKeys$I(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$I(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; }
+function _objectSpread$J(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 scrollToIndex$4 = cornerstoneTools.scrollToIndex;
 
 var mapStateToProps$j = function mapStateToProps(state) {
@@ -45940,7 +46207,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
   };
 
   var isThree = MPR || VR || MIP || CPR;
-  return _objectSpread$I(_objectSpread$I(_objectSpread$I(_objectSpread$I({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$J(_objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), propsFromDispatch), {}, {
     isThree: isThree,
     reset: function reset() {
       // 重置
@@ -46769,6 +47036,7 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
       resetToolState(activeElement, mode);
     },
     toggleKeyImages: function toggleKeyImages() {
+      // 关键图像添加/移除
       var realSeriesIndex = col * currentScrollLine + activeIndex;
       var currentSeriesIndex = seriesCurrentIndex[realSeriesIndex];
       var SOPInstanceUID = currentSeries.SOPInstanceUIDs[currentSeriesIndex];
@@ -46860,6 +47128,23 @@ var mergeProps$j = function mergeProps(propsFromState, propsFromDispatch, ownPro
           handleAddKeyImage();
         }
       }
+    },
+    // 打开功能设置的弹框
+    openSettingModal: function openSettingModal() {
+      Modal.create( /*#__PURE__*/React__default.createElement(UserSettingModal, {
+        dicomSettingChange: ownProps.dicomSettingChange
+      }), {
+        title: '功能设置',
+        okText: '关闭',
+        cancelButtonProps: {
+          show: false
+        },
+        style: {
+          width: '580px',
+          top: '10%',
+          transform: 'translate(-50%,0)'
+        }
+      });
     }
   });
 };
@@ -46890,8 +47175,8 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$j, {
   closeGlobalLoading: closeGlobalLoading
 }, mergeProps$j)(DicomTool);
 
-var css_248z$r = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
-styleInject$1(css_248z$r);
+var css_248z$s = ".paladin-thumb-content {\n  position: relative;\n  height: 66px;\n  width: 66px;\n  border-width: 1px;\n  border-style: solid;\n  cursor: pointer;\n}\n.paladin-thumb-content .paladin-thumb-bottom {\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  color: #faa80a;\n  text-align: center;\n  font-size: 14px;\n  z-index: 2;\n}\n.paladin-thumb-content .paladin-thumb-bottom-mobile {\n  font-size: 10px;\n}\n.paladin-thumb-content .paladin-thumb-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n.paladin-thumb-content .paladin-thumb-process {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  height: 4px;\n  width: 100%;\n  background: #ffffff;\n  overflow: hidden;\n}\n.paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {\n  background: #faa80a;\n  height: 100%;\n}\n.mobile-thumb {\n  width: 50px;\n  height: 50px;\n}\n.paladin-thumb-svg {\n  cursor: pointer;\n  justify-content: center;\n}\n.paladin-thumb-svg svg {\n  fill: #fff;\n}\n.paladin-thumb-svg:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 15px;\n}\n.paladin-thumb-button svg {\n  fill: #fff;\n}\n.paladin-thumb-button:hover {\n  background-color: #616772;\n}\n.paladin-thumb-button svg {\n  width: 11px !important;\n}\n.paladin-fresh-button {\n  cursor: pointer;\n  justify-content: center;\n  padding: 0 25px;\n}\n.paladin-fresh-button svg {\n  fill: #fff;\n}\n.paladin-fresh-button:hover {\n  background-color: #616772;\n}\n.paladin-fresh-button svg {\n  width: 15px !important;\n}\n.paladin-thumb-study {\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 40px;\n  padding: 0 12px;\n  color: #ffffff;\n}\n.paladin-thumb-viewport {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paladin-thumb-viewport h4,\n.paladin-thumb-viewport p {\n  font-size: 10px;\n}\n.paladin-thumb-study-wrapper {\n  border-bottom: 1px solid #727882;\n}\n.paladin-thumb-context-wrapper {\n  padding: 4px 2px;\n}\n";
+styleInject$1(css_248z$s);
 
 function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
 
@@ -46906,17 +47191,17 @@ const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _
   fill: "currentColor"
 }, props), _ref$1n);
 
-var css_248z$s = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
-styleInject$1(css_248z$s);
+var css_248z$t = ".loadingIndicator {\n  position: absolute;\n  top: 0;\n  background: black;\n  opacity: 1;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.loadingIndicator .lds-ring {\n  color: #999;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  margin: auto;\n}\n.loadingIndicator .lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border: 4px solid silver;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: silver transparent transparent transparent;\n}\n.loadingIndicator .lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.loadingIndicator .lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.loadingIndicator .lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loadingIndicator .loadingIndicator-retry {\n  width: 40px;\n  color: #999;\n  margin: 0 auto;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents h4 {\n  font-size: 18px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents h5 {\n  font-size: 16px;\n  margin: 0 auto 10px 0;\n}\n.loadingIndicator .indicatorContents p {\n  margin: 4px auto;\n  color: #999;\n  font-size: 14px;\n}\n.loadingIndicator .indicatorContents .loadingIndicator-retry {\n  width: 40px;\n  margin: 20px auto 0 auto;\n}\n.loadingIndicator .indicatorContents-mini h4 {\n  color: #fff;\n  font-size: 12px;\n  margin: 5px 0 5px 0;\n}\n.loadingIndicator .indicatorContents-mini .loadingIndicator-retry {\n  width: 20px;\n  font-size: 12px;\n}\n";
+styleInject$1(css_248z$t);
 
-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); }; }
+function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); 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$1m() { 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$1n() { 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 LoadingIndicator = /*#__PURE__*/function (_PureComponent) {
   inherits(LoadingIndicator, _PureComponent);
 
-  var _super = _createSuper$1m(LoadingIndicator);
+  var _super = _createSuper$1n(LoadingIndicator);
 
   function LoadingIndicator() {
     classCallCheck(this, LoadingIndicator);
@@ -46982,9 +47267,9 @@ defineProperty(LoadingIndicator, "defaultProps", {
   error: null
 });
 
-function _createSuper$1n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1n(); 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$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); 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$1n() { 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$1o() { 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 loadIndicatorDelay = 300;
 var isMobile$2 = ua.isDeviceTypeMobile();
 
@@ -47011,7 +47296,7 @@ function initializeTools(cornerstoneTools, tools, element) {
 var ThumbnailViewport = /*#__PURE__*/function (_Component) {
   inherits(ThumbnailViewport, _Component);
 
-  var _super = _createSuper$1n(ThumbnailViewport);
+  var _super = _createSuper$1o(ThumbnailViewport);
 
   function ThumbnailViewport(props) {
     var _this;
@@ -47166,9 +47451,9 @@ defineProperty(ThumbnailViewport, "defaultProps", {
   }]
 });
 
-function _createSuper$1o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1o(); 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$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); 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$1o() { 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$1p() { 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 isMobile$3 = ua.isDeviceTypeMobile();
 
 var ThumbContent = function ThumbContent(props) {
@@ -47211,7 +47496,7 @@ var ThumbContent = function ThumbContent(props) {
 var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomThumbnailLayout, _Component);
 
-  var _super = _createSuper$1o(DicomThumbnailLayout);
+  var _super = _createSuper$1p(DicomThumbnailLayout);
 
   function DicomThumbnailLayout(props) {
     var _this;
@@ -47368,9 +47653,9 @@ var DicomThumbnailLayout = /*#__PURE__*/function (_Component) {
   return DicomThumbnailLayout;
 }(React.Component);
 
-function ownKeys$I(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 ownKeys$J(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$J(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; }
+function _objectSpread$K(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 mapStateToProps$k = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -47394,7 +47679,7 @@ var mapStateToProps$k = function mapStateToProps(state) {
 };
 
 var mergeProps$k = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$J(_objectSpread$J(_objectSpread$J({}, ownProps), propsFromState), {}, {
+  return _objectSpread$K(_objectSpread$K(_objectSpread$K({}, ownProps), propsFromState), {}, {
     selectThumb: function selectThumb(selectSeriesIndex, currentStudy) {
       /**
        * 选择了缩略图时
@@ -47460,8 +47745,8 @@ var ConnectedDicomThumbnail = reactRedux.connect(mapStateToProps$k, {
   setActiveIndex: setActiveIndex
 }, mergeProps$k)(DicomThumbnailLayout);
 
-var css_248z$t = ".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$t);
+var css_248z$u = ".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$u);
 
 function combineDateAndTimeToMoment(dicom, tag) {
   var date = dicom[tag + 'Date'].toString();
@@ -47514,9 +47799,9 @@ function getPixelSpacing$9(imageId) {
   };
 }
 
-function _createSuper$1p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1p(); 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$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); 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$1p() { 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$1q() { 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 getCompression = function getCompression(dicom) {
   var lossyImageCompression = dicom.LossyImageCompression.toString(),
@@ -47640,7 +47925,7 @@ var formatDicomInfo = function formatDicomInfo(label, value) {
 var ViewportOverlay = /*#__PURE__*/function (_PureComponent) {
   inherits(ViewportOverlay, _PureComponent);
 
-  var _super = _createSuper$1p(ViewportOverlay);
+  var _super = _createSuper$1q(ViewportOverlay);
 
   function ViewportOverlay(props) {
     var _this;
@@ -47870,8 +48155,8 @@ defineProperty(ViewportOverlay, "propTypes", {
   hide: PropTypes$1.bool
 });
 
-var css_248z$u = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
-styleInject$1(css_248z$u);
+var css_248z$v = ".paladin-custom-scroll {\n  cursor: pointer;\n  background: #333333;\n  position: relative;\n  border-color: #727882;\n  border-style: solid;\n  border-width: 0;\n  box-sizing: border-box;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 16px;\n  width: 16px;\n  background: rgba(91, 91, 91, 0.8);\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  top: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {\n  color: #ccc;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down {\n  width: 16px;\n  height: 20px;\n  background: #5b5b5b;\n  position: absolute;\n  bottom: 0;\n}\n.paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {\n  color: #ccc;\n}\n";
+styleInject$1(css_248z$v);
 
 function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
 
@@ -47899,17 +48184,17 @@ const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg",
   fill: "currentColor"
 }, props), _ref$1p);
 
-var css_248z$v = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
-styleInject$1(css_248z$v);
+var css_248z$w = ".paladin-aiTips-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.paladin-aiTips-content {\n  width: 1px;\n  height: 100%;\n  background: #ffff00;\n  position: absolute;\n  top: 0;\n}\n";
+styleInject$1(css_248z$w);
 
-function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); 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$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); 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$1q() { 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$1r() { 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 AITips = /*#__PURE__*/function (_Component) {
   inherits(AITips, _Component);
 
-  var _super = _createSuper$1q(AITips);
+  var _super = _createSuper$1r(AITips);
 
   function AITips() {
     classCallCheck(this, AITips);
@@ -47946,14 +48231,14 @@ defineProperty(AITips, "propTypes", {
   data: PropTypes$1.any
 });
 
-function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); 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$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); 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$1r() { 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$1s() { 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 CustomScroll = /*#__PURE__*/function (_Component) {
   inherits(CustomScroll, _Component);
 
-  var _super = _createSuper$1r(CustomScroll);
+  var _super = _createSuper$1s(CustomScroll);
 
   function CustomScroll(props) {
     var _this;
@@ -48333,8 +48618,8 @@ defineProperty(CustomScroll, "propTypes", {
 
 });
 
-var css_248z$w = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
-styleInject$1(css_248z$w);
+var css_248z$x = ".paladin-mpr-direaction-tip {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  width: 10px;\n  height: 10px;\n}\n.paladin-mpr-direaction-toggle-box {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 2;\n  cursor: pointer;\n}\n.paladin-mpr-direaction-toggle-box span {\n  display: inline-block;\n  padding: 3px;\n  font-size: 12px;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {\n  border: 1px solid #999;\n  background: #000;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {\n  border-left: none;\n}\n.paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {\n  background: #0d5075;\n}\n.rc-slider {\n  background-color: transparent !important;\n}\n.paladin-viewport-wrapper {\n  overflow: hidden;\n  color: white;\n  height: 100%;\n  position: relative;\n}\n.cornerstone-canvas-container {\n  box-sizing: border-box;\n  width: 100%;\n  position: relative;\n}\n.paladin-viewport-scroll-wrappper {\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n}\n.paladin-viewport-scroll-inner {\n  width: 40%;\n  margin: 5px auto auto;\n}\n.paladin-viewport-scroll-mpr-wrappper {\n  width: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paladin-key-image-tip {\n  position: absolute;\n  top: 9px;\n  left: 50%;\n  font-size: 12px;\n  transform: translateX(20px);\n}\n.paladin-key-image-tip svg {\n  display: inline-block;\n  width: 12px !important;\n  height: 12px !important;\n  margin-right: 3px;\n}\n";
+styleInject$1(css_248z$x);
 
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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; } } }; }
 
@@ -48581,17 +48866,17 @@ function processCentesisPath(imageId) {
   }
 }
 
-var css_248z$x = ".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$x);
+var css_248z$y = ".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$y);
 
-function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); 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$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); 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$1s() { 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$1t() { 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 ThicknessSelectMain = /*#__PURE__*/function (_Component) {
   inherits(ThicknessSelectMain, _Component);
 
-  var _super = _createSuper$1s(ThicknessSelectMain);
+  var _super = _createSuper$1t(ThicknessSelectMain);
 
   function ThicknessSelectMain(props) {
     var _this;
@@ -48811,13 +49096,209 @@ function newImageIdSpecificToolStateManager() {
 
 var seriesInstanceUidStateManager = newImageIdSpecificToolStateManager();
 
-function ownKeys$J(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; }
+var dicomToolDefaultProps = {
+  activeTool: 'Wwwc',
+  availableTools: [{
+    name: 'Pan',
+    mouseButtonMasks: [1, 4]
+  }, {
+    name: 'Zoom',
+    props: {
+      configuration: {
+        minScale: 0.01,
+        maxScale: 30,
+        preventZoomOutsideImage: true
+      }
+    },
+    mouseButtonMasks: [1, 2]
+  }, {
+    name: 'Wwwc',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Length',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'ArrowAnnotate',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'RectangleRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'EllipticalRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Angle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CobbAngle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Polygon',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Probe',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CTR',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'PanMultiTouch'
+  }, {
+    name: 'ZoomTouchPinch'
+  }, {
+    name: 'StackScrollMouseWheel',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    }
+  }, {
+    name: 'StackScroll',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    },
+    mouseButtonMasks: [1]
+  }, {
+    name: 'StackScrollMultiTouch'
+  }, {
+    name: 'OrientationMarkers',
+    props: {
+      color: "#faa80a"
+    }
+  }, {
+    name: 'RulerOverlay'
+  }, {
+    name: 'ReferenceLines'
+  }, {
+    name: 'CrosshairsMPR'
+  }, {
+    name: 'Overlay'
+  }, {
+    name: 'AIAnalysisOverlay'
+  }, {
+    name: 'ReferencePosition',
+    mouseButtonMasks: [1]
+  }]
+};
 
-function _objectSpread$K(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; }
+function getCustomAvailableTools(data) {
+  var panMask = [1, 4];
+  var zoomMask = [1];
+  var wwwcMask = [1];
+  var stackScrollMask = [1];
+
+  if (data && data.rightMouseTool) {
+    if (data.rightMouseTool === 'Pan') {
+      panMask = [1, 2, 4];
+    } else if (data.rightMouseTool === 'Wwwc') {
+      wwwcMask = [1, 2];
+    } else if (data.rightMouseTool === 'StackScroll') {
+      stackScrollMask = [1, 2];
+    } else {
+      zoomMask = [1, 2];
+    }
+  } else {
+    zoomMask = [1, 2];
+  }
 
-function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); 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); }; }
+  return [{
+    name: 'Pan',
+    mouseButtonMasks: panMask
+  }, {
+    name: 'Zoom',
+    props: {
+      configuration: {
+        minScale: 0.01,
+        maxScale: 30,
+        preventZoomOutsideImage: true
+      }
+    },
+    mouseButtonMasks: zoomMask
+  }, {
+    name: 'Wwwc',
+    mouseButtonMasks: wwwcMask
+  }, {
+    name: 'StackScroll',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    },
+    mouseButtonMasks: stackScrollMask
+  }, {
+    name: 'Length',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'ArrowAnnotate',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'RectangleRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'EllipticalRoi',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Angle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CobbAngle',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Polygon',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'Probe',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'CTR',
+    mouseButtonMasks: [1]
+  }, {
+    name: 'PanMultiTouch'
+  }, {
+    name: 'ZoomTouchPinch'
+  }, {
+    name: 'StackScrollMouseWheel',
+    props: {
+      configuration: {
+        loop: true,
+        allowSkipping: true
+      }
+    }
+  }, {
+    name: 'StackScrollMultiTouch'
+  }, {
+    name: 'OrientationMarkers',
+    props: {
+      color: "#faa80a"
+    }
+  }, {
+    name: 'RulerOverlay'
+  }, {
+    name: 'ReferenceLines'
+  }, {
+    name: 'CrosshairsMPR'
+  }, {
+    name: 'Overlay'
+  }, {
+    name: 'AIAnalysisOverlay'
+  }, {
+    name: 'ReferencePosition',
+    mouseButtonMasks: [1]
+  }];
+}
 
-function _isNativeReflectConstruct$1t() { 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 ownKeys$K(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); 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$1u() { 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 EVENT_RESIZE = 'resize';
 var loadIndicatorDelay$1 = 300;
 var loadHandlerManager$1 = cornerstoneTools.loadHandlerManager;
@@ -48857,7 +49338,7 @@ function initializeTools$1(cornerstoneTools, tools, element) {
 var DicomViewport = /*#__PURE__*/function (_Component) {
   inherits(DicomViewport, _Component);
 
-  var _super = _createSuper$1t(DicomViewport);
+  var _super = _createSuper$1u(DicomViewport);
 
   function DicomViewport(_props) {
     var _this;
@@ -49942,7 +50423,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
           nextViewport.colormap = undefined;
         }
 
-        cornerstone.setViewport(this.element, _objectSpread$K(_objectSpread$K({}, nextViewport), {}, {
+        cornerstone.setViewport(this.element, _objectSpread$L(_objectSpread$L({}, nextViewport), {}, {
           displayedArea: defaultViewport.displayedArea
         }));
         this.setState({
@@ -50522,93 +51003,7 @@ var DicomViewport = /*#__PURE__*/function (_Component) {
   return DicomViewport;
 }(React.Component);
 
-defineProperty(DicomViewport, "defaultProps", {
-  activeTool: 'Wwwc',
-  availableTools: [{
-    name: 'Pan',
-    mouseButtonMasks: [1, 4]
-  }, {
-    name: 'Zoom',
-    props: {
-      configuration: {
-        minScale: 0.01,
-        maxScale: 30,
-        preventZoomOutsideImage: true
-      }
-    },
-    mouseButtonMasks: [1, 2]
-  }, {
-    name: 'Wwwc',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Length',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'ArrowAnnotate',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'RectangleRoi',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'EllipticalRoi',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Angle',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'CobbAngle',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Polygon',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'Probe',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'CTR',
-    mouseButtonMasks: [1]
-  }, {
-    name: 'PanMultiTouch'
-  }, {
-    name: 'ZoomTouchPinch'
-  }, {
-    name: 'StackScrollMouseWheel',
-    props: {
-      configuration: {
-        loop: true,
-        allowSkipping: true
-      }
-    }
-  }, {
-    name: 'StackScroll',
-    props: {
-      configuration: {
-        loop: true,
-        allowSkipping: true
-      }
-    }
-  }, {
-    name: 'StackScrollMultiTouch'
-  }, {
-    name: 'OrientationMarkers',
-    props: {
-      color: "#faa80a"
-    }
-  }, {
-    name: 'RulerOverlay'
-  }, {
-    name: 'ReferenceLines'
-  }, {
-    name: 'CrosshairsMPR'
-  }, {
-    name: 'Overlay'
-  }, {
-    name: 'AIAnalysisOverlay'
-  }, {
-    name: 'ReferencePosition',
-    mouseButtonMasks: [1]
-  }]
-});
+defineProperty(DicomViewport, "defaultProps", dicomToolDefaultProps);
 
 var mapStateToProps$l = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.action,
@@ -50667,8 +51062,8 @@ var ConnectedDicomViewport = reactRedux.connect(mapStateToProps$l, {
   setSeriesCurrentIndex: setSeriesCurrentIndex
 })(DicomViewport);
 
-var css_248z$y = ".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$y);
+var css_248z$z = ".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$z);
 
 var DicomLayoutContainer = function DicomLayoutContainer(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -50683,9 +51078,9 @@ 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$1u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1u(); 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$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); 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$1u() { 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$1v() { 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 EmptyElement = function EmptyElement(_ref) {
   var col = _ref.col;
@@ -50702,7 +51097,7 @@ var isMobile$4 = ua.isDeviceTypeMobile();
 var DicomLayout = /*#__PURE__*/function (_Component) {
   inherits(DicomLayout, _Component);
 
-  var _super = _createSuper$1u(DicomLayout);
+  var _super = _createSuper$1v(DicomLayout);
 
   function DicomLayout(props) {
     var _this;
@@ -50850,7 +51245,9 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
     window.addEventListener('resize', _this.debouncedResize);
     _this.state = {
       resize: 0
-    };
+    }; // 自定义功能设置中的左右键，右键需要改变availableTools
+
+    _this.availableTools = getCustomAvailableTools(customDicomSetting);
     return _this;
   }
 
@@ -50959,7 +51356,8 @@ var DicomLayout = /*#__PURE__*/function (_Component) {
             showSimpleAIResult: _this2.props.showSimpleAIResult,
             onResizeEmit: _this2.props.onResizeEmit,
             onClickDomErrorReRenderButton: _this2.props.onClickDomErrorReRenderButton,
-            aiResult: _this2.props.aiResult
+            aiResult: _this2.props.aiResult,
+            availableTools: _this2.availableTools
           });
         }));
       })), showVerticalScroll && /*#__PURE__*/React__default.createElement("div", {
@@ -51001,9 +51399,9 @@ defineProperty(DicomLayout, "propTypes", {
 
 });
 
-function ownKeys$K(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 ownKeys$L(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$M(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; }
 /**
  * 序列模式
  *
@@ -51073,7 +51471,7 @@ var mergeProps$l = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var startIndex = col * currentScrollLine;
   var endIndex = startIndex + col * row;
   var currentLayoutSeries = series.slice(startIndex, endIndex);
-  return _objectSpread$L(_objectSpread$L(_objectSpread$L(_objectSpread$L({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
     series: currentLayoutSeries,
     seriesTotalCount: series.length,
     row: row,
@@ -51356,9 +51754,9 @@ var ConnectedDicomLayout = reactRedux.connect(mapStateToProps$m, {
   setCineFps: setCineFps
 }, mergeProps$l)(DicomLayout);
 
-function ownKeys$L(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 ownKeys$M(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$M(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; }
+function _objectSpread$N(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; }
 /**
  * 图像模式
  *
@@ -51464,7 +51862,7 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
     };
   });
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$M(_objectSpread$M(_objectSpread$M(_objectSpread$M({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$N(_objectSpread$N(_objectSpread$N(_objectSpread$N({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -51596,17 +51994,17 @@ var mergeProps$m = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedDicomImageModeLayout = reactRedux.connect(mapStateToProps$n, mapDispatchToProps$4, mergeProps$m)(DicomLayout);
 
-var css_248z$z = ".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$z);
+var css_248z$A = ".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$A);
 
-function _createSuper$1v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1v(); 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$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); 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$1v() { 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$1w() { 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 SurgeryLayout = /*#__PURE__*/function (_Component) {
   inherits(SurgeryLayout, _Component);
 
-  var _super = _createSuper$1v(SurgeryLayout);
+  var _super = _createSuper$1w(SurgeryLayout);
 
   function SurgeryLayout(props) {
     var _this;
@@ -52263,9 +52661,9 @@ var SurgeryLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(SurgeryLayout, "propTypes", {});
 
-function ownKeys$M(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 ownKeys$N(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$N(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; }
+function _objectSpread$O(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 mapStateToProps$o = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -52284,7 +52682,7 @@ var mapStateToProps$o = function mapStateToProps(state) {
 };
 
 var mergeProps$n = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$N(_objectSpread$N(_objectSpread$N({}, propsFromState), ownProps), {}, {
+  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52307,17 +52705,17 @@ var ConnectedSurgeryLayout = reactRedux.connect(mapStateToProps$o, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
 }, mergeProps$n)(SurgeryLayout);
 
-var css_248z$A = ".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$A);
+var css_248z$B = ".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$B);
 
-function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); 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$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); 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$1w() { 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$1x() { 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 CPRLayout = /*#__PURE__*/function (_Component) {
   inherits(CPRLayout, _Component);
 
-  var _super = _createSuper$1w(CPRLayout);
+  var _super = _createSuper$1x(CPRLayout);
 
   function CPRLayout(props) {
     var _this;
@@ -52605,9 +53003,9 @@ var CPRLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(CPRLayout, "propTypes", {});
 
-function ownKeys$N(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 ownKeys$O(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$O(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; }
+function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var mapStateToProps$p = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -52624,7 +53022,7 @@ var mapStateToProps$p = function mapStateToProps(state) {
 };
 
 var mergeProps$o = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$O(_objectSpread$O(_objectSpread$O({}, propsFromState), ownProps), {}, {
+  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setSurgeryActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -52641,20 +53039,20 @@ var ConnectedCPRLayout = reactRedux.connect(mapStateToProps$p, {
   setSurgeryActiveIndex: setSurgeryActiveIndex
 }, mergeProps$o)(CPRLayout);
 
-var css_248z$B = ".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-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\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.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
-styleInject$1(css_248z$B);
-
-var css_248z$C = ".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-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\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.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+var css_248z$C = ".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-mobileWrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 0;\n  background: #1D1D1D;\n  padding-bottom: env(safe-area-inset-bottom);\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.paladin-global-loading {\n  position: absolute;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.55);\n  color: #fff;\n  text-align: center;\n  font-size: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-global-loading .paladin-global-loading-close {\n  position: absolute;\n  z-index: 19999;\n  top: 10px;\n  right: 10px;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n}\n.paladin-global-loading .paladin-global-loading-text {\n  margin-bottom: 100px;\n}\n";
 styleInject$1(css_248z$C);
 
-function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); 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); }; }
+var css_248z$D = ".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-55 {\n  width: 100%;\n  height: 55%;\n}\n.paladin-three-height-45 {\n  width: 100%;\n  height: 45%;\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.mip-wwwc {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n}\n.mip-wwwc p {\n  color: #ffffff;\n  margin: 0;\n  text-align: right;\n}\n";
+styleInject$1(css_248z$D);
 
-function _isNativeReflectConstruct$1x() { 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 _createSuper$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); 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$1y() { 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 ThreeDLayout = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1x(ThreeDLayout);
+  var _super = _createSuper$1y(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -53063,9 +53461,9 @@ var ThreeDLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout, "propTypes", {});
 
-function ownKeys$O(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 ownKeys$P(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$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$Q(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 mapStateToProps$q = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -53084,7 +53482,7 @@ var mapStateToProps$q = function mapStateToProps(state) {
 };
 
 var mergeProps$p = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$P(_objectSpread$P(_objectSpread$P({}, propsFromState), ownProps), {}, {
+  return _objectSpread$Q(_objectSpread$Q(_objectSpread$Q({}, propsFromState), ownProps), {}, {
     onViewPortCellClick: function onViewPortCellClick() {
       propsFromDispatch.setMprActiveIndex.apply(propsFromDispatch, arguments);
     },
@@ -53110,14 +53508,14 @@ 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$1y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1y(); 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$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); 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$1y() { 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$1z() { 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 ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
   inherits(ThreeDLayout, _Component);
 
-  var _super = _createSuper$1y(ThreeDLayout);
+  var _super = _createSuper$1z(ThreeDLayout);
 
   function ThreeDLayout(props) {
     var _this;
@@ -53387,9 +53785,9 @@ var ThreeDLayout$1 = /*#__PURE__*/function (_Component) {
 
 defineProperty(ThreeDLayout$1, "propTypes", {});
 
-function ownKeys$P(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 ownKeys$Q(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$Q(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; }
+function _objectSpread$R(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 mapStateToProps$r = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -53399,19 +53797,19 @@ var mapStateToProps$r = function mapStateToProps(state) {
 };
 
 var mergeProps$q = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$Q(_objectSpread$Q({}, propsFromState), ownProps);
+  return _objectSpread$R(_objectSpread$R({}, propsFromState), ownProps);
 };
 
 var ConnectedVR = reactRedux.connect(mapStateToProps$r, {}, mergeProps$q)(ThreeDLayout$1);
 
-function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); 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$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); 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$1z() { 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$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 MIPLayout = /*#__PURE__*/function (_Component) {
   inherits(MIPLayout, _Component);
 
-  var _super = _createSuper$1z(MIPLayout);
+  var _super = _createSuper$1A(MIPLayout);
 
   function MIPLayout(props) {
     var _this;
@@ -53629,9 +54027,9 @@ var MIPLayout = /*#__PURE__*/function (_Component) {
 
 defineProperty(MIPLayout, "propTypes", {});
 
-function ownKeys$Q(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 ownKeys$R(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$R(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; }
+function _objectSpread$S(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 mapStateToProps$s = function mapStateToProps(state) {
   var currentSeries = state.paladin.viewport.currentSeries;
@@ -53641,7 +54039,7 @@ var mapStateToProps$s = function mapStateToProps(state) {
 };
 
 var mergeProps$r = function mergeProps(propsFromState, propsFromDispatch, ownProps) {
-  return _objectSpread$R(_objectSpread$R(_objectSpread$R({}, propsFromState), propsFromDispatch), ownProps);
+  return _objectSpread$S(_objectSpread$S(_objectSpread$S({}, propsFromState), propsFromDispatch), ownProps);
 };
 
 var ConnectedMIP = reactRedux.connect(mapStateToProps$s, {
@@ -53661,9 +54059,9 @@ function colorMapFix(viewportData) {
   return viewportData;
 }
 
-function ownKeys$R(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 ownKeys$S(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$S(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; }
+function _objectSpread$T(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; }
 /**
  * 全部模式
  *
@@ -53767,7 +54165,7 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var endIndex = startIndex + onePageCount;
   var series = allSeries.slice(startIndex, endIndex);
   var showVerticalScroll = series && series.length / col > row;
-  return _objectSpread$S(_objectSpread$S(_objectSpread$S(_objectSpread$S({}, ownProps), propsFromState), propsFromDispatch), {}, {
+  return _objectSpread$T(_objectSpread$T(_objectSpread$T(_objectSpread$T({}, ownProps), propsFromState), propsFromDispatch), {}, {
     currentScrollLine: currentScrollLineImage,
     series: series,
     activeIndex: imageActiveIndex,
@@ -53883,9 +54281,9 @@ var mergeProps$s = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
 var ConnectedDicomAllImageModeLayout = reactRedux.connect(mapStateToProps$t, mapDispatchToProps$5, mergeProps$s)(DicomLayout);
 
-function ownKeys$S(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 ownKeys$T(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$T(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; }
+function _objectSpread$U(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; }
 /**
  * 一些情况下传入paladin的numberOfSeriesRelatedInstances不是实际的序列图像数量
  * 所以在study传入的时候需进行修正
@@ -53896,9 +54294,9 @@ function studySeriesDataCheck (studies) {
     if (study.checked) {
       return study;
     } else {
-      return _objectSpread$T(_objectSpread$T({}, study), {}, {
+      return _objectSpread$U(_objectSpread$U({}, study), {}, {
         series: lodash$1.map(study.series, function (series) {
-          return _objectSpread$T(_objectSpread$T({}, series), {}, {
+          return _objectSpread$U(_objectSpread$U({}, series), {}, {
             numberOfSeriesRelatedInstances: series.imageIds.length || 0
           });
         }),
@@ -53914,9 +54312,9 @@ function _unsupportedIterableToArray$g(o, minLen) { if (!o) return; if (typeof o
 
 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 _createSuper$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); 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$1B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1B(); 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$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; } }
+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 DicomLayoutContainerWrap = function DicomLayoutContainerWrap(props) {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -53957,14 +54355,25 @@ index$2.configure({
     107: 'key-add',
     187: 'key-add',
     109: 'key-minus',
-    189: 'key-minus'
+    189: 'key-minus',
+    81: 'key-q',
+    87: 'key-w',
+    69: 'key-e',
+    82: 'key-r',
+    84: 'key-t',
+    65: 'key-a',
+    83: 'key-s',
+    68: 'key-d',
+    70: 'key-f',
+    71: 'key-g',
+    90: 'key-z'
   }
 });
 
 var DicomView = /*#__PURE__*/function (_Component) {
   inherits(DicomView, _Component);
 
-  var _super = _createSuper$1A(DicomView);
+  var _super = _createSuper$1B(DicomView);
 
   function DicomView(props) {
     var _this;
@@ -54059,7 +54468,9 @@ var DicomView = /*#__PURE__*/function (_Component) {
         }
       }); // 自定义窗值设置
 
-      this.props.windowSetting && saveWwwcCustomDic(this.props.windowSetting);
+      this.props.windowSetting && saveWwwcCustomDic(this.props.windowSetting); // 自定义的功能设置初始值
+
+      this.props.dicomSetting && saveCustomDicomSetting(this.props.dicomSetting);
     }
   }, {
     key: "componentWillReceiveProps",
@@ -54460,7 +54871,8 @@ var DicomView = /*#__PURE__*/function (_Component) {
         study: originStudy,
         windowLayoutType: this.state.windowLayoutType,
         setCustomWindowLayoutType: this.setCustomWindowLayoutType,
-        operateKeyImages: this.props.operateKeyImages
+        operateKeyImages: this.props.operateKeyImages,
+        dicomSettingChange: this.props.dicomSettingChange
       }));
       var DicomLayout = /*#__PURE__*/React__default.createElement(DicomLayoutContainerWrap, null, viewMode === '2D' && this.props.mode === 'seriesMode' && /*#__PURE__*/React__default.createElement(ConnectedDicomLayout, {
         series: this.props.series,
@@ -54547,9 +54959,9 @@ function _unsupportedIterableToArray$h(o, minLen) { if (!o) return; if (typeof o
 
 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$T(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 ownKeys$U(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$U(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; }
+function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var throttle$9 = cornerstoneTools.importInternal('util/throttle');
 var NO_CHECK_MULTI_FRAME_MODALITIES = ['DR', 'CR', 'DX', 'MG'];
 
@@ -54718,7 +55130,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
    *
    */
 
-  return _objectSpread$U(_objectSpread$U(_objectSpread$U({}, ownProps), propsFromState), {}, {
+  return _objectSpread$V(_objectSpread$V(_objectSpread$V({}, ownProps), propsFromState), {}, {
     showDicomThumbnail: showDicomThumbnail,
     viewMode: viewMode,
     keyMap: {
@@ -54742,7 +55154,18 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
       WWWC8: ['key-8'],
       WWWC9: ['key-9'],
       PAUSE: "space",
-      ESC: "esc"
+      ESC: "esc",
+      KEYQ: ['key-q'],
+      KEYW: ['key-w'],
+      KEYE: ['key-e'],
+      KEYR: ['key-r'],
+      KEYT: ['key-t'],
+      KEYA: ['key-a'],
+      KEYS: ['key-s'],
+      KEYD: ['key-d'],
+      KEYF: ['key-f'],
+      KEYG: ['key-g'],
+      KEYZ: ['key-z']
     },
     handlers: {
       PAUSE: function PAUSE() {
@@ -55015,6 +55438,48 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
         var activeElement = getCurrentElement();
         if (!activeElement) return;
         setWwwc(activeElement, wwwcCustomDic[9].ww, wwwcCustomDic[9].wc);
+      },
+      KEYQ: function KEYQ() {
+        propsFromDispatch.setActiveTool('Wwwc');
+      },
+      KEYW: function KEYW() {
+        propsFromDispatch.setActiveTool('StackScroll');
+      },
+      KEYE: function KEYE() {
+        propsFromDispatch.setActiveTool('Zoom');
+      },
+      KEYR: function KEYR() {
+        propsFromDispatch.setActiveTool('Pan');
+      },
+      KEYT: function KEYT() {
+        // 反色
+        var activeElement = getCurrentElement();
+        if (!activeElement) return;
+        setInvert(activeElement);
+      },
+      KEYA: function KEYA() {
+        // 直线测量
+        propsFromDispatch.setActiveTool('Length');
+      },
+      KEYS: function KEYS() {
+        // 矩形测量
+        propsFromDispatch.setActiveTool('RectangleRoi');
+      },
+      KEYD: function KEYD() {
+        // CT值测量
+        propsFromDispatch.setActiveTool('Probe');
+      },
+      KEYF: function KEYF() {
+        // 连续测量切换
+        propsFromDispatch.toggleMeasure();
+      },
+      KEYG: function KEYG() {
+        // 扫描定位线
+        propsFromDispatch.activeDicomFunction('ReferenceLines');
+      },
+      KEYZ: function KEYZ() {
+        // 显示隐藏图像信息
+        propsFromDispatch.toggleOverlayText();
       }
     },
     getCurrentElement: getCurrentElement,
@@ -55063,7 +55528,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
     },
     initSeries: function () {
       var _initSeries2 = asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(changeStudy, callback) {
-        var data, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState;
+        var data, resetToolMergeState, synchronizer, linkSynchronizer, linkImageModeSynchronizer, linkScrollSynchronizer, options, _study, series, needCheckMultiFrame, hasMultiFrame, modalitiesInStudy, i, item, wado, url, dataSet, numFrames, imageIds, _i, imageId, seriesCurrentIndex, firstReady, maxRequest, retry, clearCacheEveryLoad, dicom, frameTime, linkToolLocalDefaultState, realActiveIndex, continuousMeasureLocalDefaultState;
 
         return regenerator.wrap(function _callee$(_context) {
           while (1) {
@@ -55071,6 +55536,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
               case 0:
                 /**
                  * 初始化study
+                 * - 是否是匿名显示
                  * - 初始化 cornerstoneWADOImageLoader token
                  * - 初始化 global toolState (study中存在serverToolState的情况)
                  * - 初始化 手术路径规划的缓存数据 (study中是否存在centesisPath)
@@ -55086,6 +55552,13 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                  * 检查io是否为true是的话打开同屏开关
                  */
                 console.log('[paladin] - init series');
+
+                if (ownProps.anonymous && ownProps.anonymous === true) {
+                  setInfoAnonymous();
+                } else {
+                  setNotAnonymous();
+                }
+
                 cornerstoneWADOImageLoader.configure({
                   beforeSend: function beforeSend(xhr) {
                     xhr.setRequestHeader('Authorization', "bearer ".concat(ownProps.token));
@@ -55109,7 +55582,16 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 propsFromDispatch.resetViewPort(); // 4.重置工具栏状态
 
-                propsFromDispatch.resetToolsState(); // 5.重置loaded（预加载关联进度条的数据）
+                resetToolMergeState = {};
+
+                if (ownProps.dicomSetting && ownProps.dicomSetting.leftMouseTool) {
+                  if (lodash$1.includes(dicomSettingLeftMouseTools, ownProps.dicomSetting.leftMouseTool)) {
+                    resetToolMergeState.activeTool = ownProps.dicomSetting.leftMouseTool;
+                    resetToolMergeState.originActiveTool = ownProps.dicomSetting.leftMouseTool;
+                  }
+                }
+
+                propsFromDispatch.resetToolsState(resetToolMergeState); // 5.重置loaded（预加载关联进度条的数据）
 
                 propsFromDispatch.clearSeriesLoaded(); // 6.重置所有sync element
 
@@ -55161,32 +55643,32 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                 });
 
                 if (!needCheckMultiFrame) {
-                  _context.next = 44;
+                  _context.next = 47;
                   break;
                 }
 
                 i = 0;
 
-              case 28:
+              case 31:
                 if (!(i < series.length)) {
-                  _context.next = 44;
+                  _context.next = 47;
                   break;
                 }
 
                 item = series[i];
 
                 if (!(item.numberOfSeriesRelatedInstances && item.numberOfSeriesRelatedInstances === 1)) {
-                  _context.next = 41;
+                  _context.next = 44;
                   break;
                 }
 
                 wado = lodash$1.cloneDeep(item.imageIds[0].split(':'));
                 wado.shift();
                 url = wado.join(':');
-                _context.next = 36;
+                _context.next = 39;
                 return cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.load(url, cornerstoneWADOImageLoader.internal.xhrRequest);
 
-              case 36:
+              case 39:
                 dataSet = _context.sent;
                 // 这边如果加载了的话 进度条也需要匹配上
                 propsFromDispatch.setSeriesLoaded(item.seriesInstanceUID);
@@ -55201,7 +55683,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                     imageIds.push(imageId);
                   }
 
-                  series[i] = _objectSpread$U(_objectSpread$U({}, item), {}, {
+                  series[i] = _objectSpread$V(_objectSpread$V({}, item), {}, {
                     imageIds: imageIds,
                     numberOfSeriesRelatedInstances: numFrames,
                     isMultiFrame: true
@@ -55210,12 +55692,12 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.purge();
 
-              case 41:
+              case 44:
                 i++;
-                _context.next = 28;
+                _context.next = 31;
                 break;
 
-              case 44:
+              case 47:
                 // 初始化seriesCurrentIndex
                 seriesCurrentIndex = Array.apply(null, Array(series.length)).map(function () {
                   return 0;
@@ -55266,15 +55748,15 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
 
                 callback && callback({
                   hasChange: hasMultiFrame,
-                  study: [_objectSpread$U(_objectSpread$U({}, _study[0]), {}, {
+                  study: [_objectSpread$V(_objectSpread$V({}, _study[0]), {}, {
                     series: series
                   })]
                 }); // 如果有frameTime的话设置fps
 
-                _context.next = 59;
+                _context.next = 62;
                 return loadAndCacheDicom(series[0].imageIds[0]);
 
-              case 59:
+              case 62:
                 dicom = _context.sent;
 
                 if (dicom && dicom.FrameTime && dicom.FrameTime.value) {
@@ -55308,7 +55790,7 @@ var mergeProps$t = function mergeProps(propsFromState, propsFromDispatch, ownPro
                   propsFromDispatch.setMeasure(false);
                 }
 
-              case 65:
+              case 68:
               case "end":
                 return _context.stop();
             }
@@ -55411,7 +55893,9 @@ var ConnectedDicomView = reactRedux.connect(mapStateToProps$u, {
   setSeriesCurrentIndex: setSeriesCurrentIndex,
   setSeries: setSeries,
   setLinkSeries: setLinkSeries,
-  setMeasure: setMeasure
+  setMeasure: setMeasure,
+  toggleMeasure: toggleMeasure,
+  toggleOverlayText: toggleOverlayText
 }, mergeProps$t, withRef())(DicomView);
 
 function withRef() {