hellfire 0.26.2 → 0.26.4

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.26.4](http://10.16.100.57/diffusion/115/paladin/compare/v0.26.3...v0.26.4) (2023-06-01)
+
+
+
+## [0.26.3](http://10.16.100.57/diffusion/115/paladin/compare/v0.26.2...v0.26.3) (2023-06-01)
+
+
+
 ## [0.26.2](http://10.16.100.57/diffusion/115/paladin/compare/v0.26.1...v0.26.2) (2023-05-26)
 
 

package/dist/index.js

@@ -906,9 +906,10 @@ var SET_MIP_ACTIVE_TOOL = 'SET_MIP_ACTIVE_TOOL';
 var SET_ACTION_STATE_KEY = 'SET_ACTION_STATE_KEY'; // ---------- Reducers ----------
 
 var isMobile = ua.isDeviceTypeMobile();
+var initActiveTool = isMobile ? 'StackScroll' : 'Wwwc';
 var initialState$1 = {
-  activeTool: 'Wwwc',
-  originActiveTool: 'Wwwc',
+  activeTool: initActiveTool,
+  originActiveTool: initActiveTool,
   mipActiveTool: 'MipWWWc',
   // seriesMode序列模式 imageMode图像模式 allImageMode全部模式
   mode: 'seriesMode',
@@ -43243,49 +43244,6 @@ const SvgPlay$1 = props => /*#__PURE__*/React__default.createElement("svg", _ext
   fill: "currentColor"
 }, props), _ref$1f);
 
-function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
-
-var _ref$1g = /*#__PURE__*/React__default.createElement("path", {
-  d: "M15.9 1c0-.886-.625-1.25-1.391-.817L2.074 7.214c-.768.434-.766 1.14 0 1.573l12.435 7.031c.768.434 1.391.069 1.391-.817z"
-});
-
-var _ref2$f = /*#__PURE__*/React__default.createElement("rect", {
-  "data-name": "\\u77E9\\u5F62 1551",
-  width: 1.5,
-  height: 16,
-  rx: 0.75
-});
-
-const SvgPrev = props => /*#__PURE__*/React__default.createElement("svg", _extends$1i({
-  "data-name": "\\u7EC4 4439",
-  width: 15.901,
-  height: 16,
-  viewBox: "0 0 15.901 16",
-  fill: "currentColor"
-}, props), _ref$1g, _ref2$f);
-
-function _extends$1j() { _extends$1j = 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$1j.apply(this, arguments); }
-
-var _ref$1h = /*#__PURE__*/React__default.createElement("path", {
-  d: "M0 1C0 .114.625-.25 1.391.183l12.435 7.031c.768.434.766 1.14 0 1.573L1.391 15.818C.623 16.252 0 15.887 0 15.001z"
-});
-
-var _ref2$g = /*#__PURE__*/React__default.createElement("rect", {
-  "data-name": "\\u77E9\\u5F62 1551",
-  width: 1.5,
-  height: 16,
-  rx: 0.75,
-  transform: "translate(16.201)"
-});
-
-const SvgNext = props => /*#__PURE__*/React__default.createElement("svg", _extends$1j({
-  "data-name": "\\u7EC4 4440",
-  width: 17.701,
-  height: 16,
-  viewBox: "0 0 17.701 16",
-  fill: "currentColor"
-}, props), _ref$1h, _ref2$g);
-
 function _createSuper$1e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1e(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
@@ -43357,9 +43315,9 @@ var MobileScrollAndCineTool = /*#__PURE__*/function (_Component) {
       }, Cine ? /*#__PURE__*/React__default.createElement(SvgPause, null) : /*#__PURE__*/React__default.createElement(SvgPlay$1, null)), /*#__PURE__*/React__default.createElement("div", {
         className: disabled ? 'paladin-mobile-cine-icon-disabled' : 'paladin-mobile-cine-icon',
         onClick: function onClick() {
-          onRowClick('start');
+          onRowClick('prev');
         }
-      }, /*#__PURE__*/React__default.createElement(SvgPrev, null)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(SvgChevronLeft, null)), /*#__PURE__*/React__default.createElement("div", {
         className: 'paladin-mobile-scroll-wrapper'
       }, /*#__PURE__*/React__default.createElement(Rcslider, {
         className: disabled ? 'paladin-slice-range-disable' : 'paladin-slice-range',
@@ -43373,9 +43331,9 @@ var MobileScrollAndCineTool = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React__default.createElement("div", {
         className: disabled ? 'paladin-mobile-cine-icon-disabled' : 'paladin-mobile-cine-icon',
         onClick: function onClick() {
-          onRowClick('end');
+          onRowClick('next');
         }
-      }, /*#__PURE__*/React__default.createElement(SvgNext, null)), /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React__default.createElement(SvgChevronRight, null)), /*#__PURE__*/React__default.createElement("div", {
         className: disabled ? 'paladin-mobile-cine-icon-disabled paladin-mobile-cine-fps' : 'paladin-mobile-cine-icon paladin-mobile-cine-fps'
       }, /*#__PURE__*/React__default.createElement(PopperBox, {
         popover: Fps,
@@ -43392,6 +43350,7 @@ var MobileScrollAndCineTool = /*#__PURE__*/function (_Component) {
 function ownKeys$A(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$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var scrollToIndex$2 = cornerstoneTools.scrollToIndex;
 
 var mapStateToProps$e = function mapStateToProps(state) {
   var _state$paladin$viewpo = state.paladin.viewport,
@@ -43423,24 +43382,35 @@ var mergeProps$e = function mergeProps(propsFromState, propsFromDispatch, ownPro
   var activeElement = propsFromState.activeElement,
       cineFps = propsFromState.cineFps,
       Cine = propsFromState.Cine,
-      cineDireaction = propsFromState.cineDireaction;
+      cineDireaction = propsFromState.cineDireaction,
+      currentImageIndex = propsFromState.currentImageIndex,
+      currentSeries = propsFromState.currentSeries;
   var setCineFps = propsFromDispatch.setCineFps,
       setCineDireaction = propsFromDispatch.setCineDireaction,
       activeDicomFunction = propsFromDispatch.activeDicomFunction;
+  var maxIndex = currentSeries && currentSeries.imageIds.length - 1;
   return _objectSpread$B(_objectSpread$B(_objectSpread$B({}, ownProps), propsFromState), {}, {
     onRowClick: function onRowClick(key) {
       switch (key) {
-        case 'start':
-          cornerstoneTools.scrollToIndex(activeElement, 0, {
-            backToStart: true
-          });
+        case 'prev':
+          var prevIndex = currentImageIndex - 1;
+
+          if (currentImageIndex === 0) {
+            prevIndex = maxIndex;
+          }
+
+          scrollToIndex$2(activeElement, prevIndex);
           break;
 
-        case 'end':
-          var max = cornerstoneTools.getImagesLength(activeElement) - 1;
-          cornerstoneTools.scrollToIndex(activeElement, max, {
-            backToEnd: true
-          });
+        case 'next':
+          // 下一张
+          var nextIndex = currentImageIndex + 1;
+
+          if (currentImageIndex === maxIndex) {
+            nextIndex = 0;
+          }
+
+          scrollToIndex$2(activeElement, nextIndex);
           break;
 
         case 'forward':
@@ -43517,41 +43487,41 @@ var ConnectedMobileScrollAndCineTool = reactRedux.connect(mapStateToProps$e, {
 var css_248z$o = ".paladin-mobile-mip-bottom {\n  width: 100%;\n  height: 57px;\n  display: flex;\n  flex-direction: row;\n  background: #1D1D1D;\n}\n.paladin-mobile-mip-bottom .paladin-mobile-mip-icon {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex: none;\n  width: 58px;\n  height: 100%;\n  position: relative;\n}\n.paladin-mobile-mip-bottom .paladin-mobile-mip-bottom-center {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  color: #EBEBEB;\n  flex-flow: row;\n}\n.paladin-mobile-mip-bottom .paladin-mobile-mip-bottom-center span {\n  display: inline-block;\n  margin-right: 10px;\n}\n.paladin-mobile-mip-bottom .paladin-mobile-mip-bottom-center svg {\n  width: 20px !important;\n  height: 20px !important;\n}\n.paladin-mobile-mip-bottom .paladin-mobile-mip-angle-text {\n  position: absolute;\n  z-index: 99;\n  font-size: 12px;\n  font-weight: bold;\n  color: #EBEBEB;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n.paladin-mobile-fps {\n  width: 60px;\n  background: #000;\n  height: 55px;\n  justify-content: center;\n  align-items: center;\n}\n.paladin-mobile-fps .paladin-mobile-fps-item {\n  height: 50%;\n}\n.paladin-mobile-fps .paladin-mobile-fps-item svg {\n  height: 22px !important;\n}\n.paladin-mobile-angle-popover {\n  background: #1D1D1D;\n}\n.paladin-mobile-angle-popover .paladin-mobile-angle-option {\n  color: #EBEBEB;\n  padding: 3px 20px;\n}\n";
 styleInject$1(css_248z$o);
 
-function _extends$1k() { _extends$1k = 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$1k.apply(this, arguments); }
+function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
 
-var _ref$1i = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1g = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8054\\u5408 4",
   d: "M10 14.154v-4.89l-8.841 5.66c-.64.41-1.159.065-1.159-.77V.943C0 .107.52-.237 1.159.172L10 5.832V.943c0-.836.521-1.18 1.159-.77L21.52 6.807a.814.814 0 010 1.484l-10.361 6.633a.963.963 0 01-.51.173c-.385.003-.649-.346-.649-.943z",
   fill: "#c9c9c9",
   opacity: 0.997
 });
 
-const SvgAddFps = props => /*#__PURE__*/React__default.createElement("svg", _extends$1k({
+const SvgAddFps = props => /*#__PURE__*/React__default.createElement("svg", _extends$1i({
   width: 22,
   height: 15.097,
   viewBox: "0 0 22 15.097",
   fill: "currentColor"
-}, props), _ref$1i);
+}, props), _ref$1g);
 
-function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
+function _extends$1j() { _extends$1j = 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$1j.apply(this, arguments); }
 
-var _ref$1j = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1h = /*#__PURE__*/React__default.createElement("path", {
   "data-name": "\\u8054\\u5408 4",
   d: "M11.929 14.069V9.206l8.787 5.628c.636.408 1.152.065 1.152-.765V.937c0-.831-.517-1.172-1.152-.766l-8.787 5.626V.937c0-.831-.518-1.172-1.152-.766L.477 6.765a.809.809 0 000 1.475l10.299 6.594a.957.957 0 00.507.172c.385 0 .646-.344.646-.937z",
   fill: "#c8c8c8",
   opacity: 0.997
 });
 
-const SvgMinusFps = props => /*#__PURE__*/React__default.createElement("svg", _extends$1l({
+const SvgMinusFps = props => /*#__PURE__*/React__default.createElement("svg", _extends$1j({
   width: 21.868,
   height: 15.006,
   viewBox: "0 0 21.868 15.006",
   fill: "currentColor"
-}, props), _ref$1j);
+}, props), _ref$1h);
 
-function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
+function _extends$1k() { _extends$1k = 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$1k.apply(this, arguments); }
 
-var _ref$1k = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1i = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4486"
 }, /*#__PURE__*/React__default.createElement("path", {
   d: "M8.209 19.496a8.78 8.78 0 002.32.475l-.155 2.285a11.074 11.074 0 01-2.92-.6zm12.318-2.364L18.605 15.9a8.815 8.815 0 01-1.529 1.808l1.537 1.7a11.243 11.243 0 001.922-2.271zm-.629-4.7a8.769 8.769 0 01-.3 1.31l2.189.674a10.838 10.838 0 00.378-1.655l-2.271-.332zm-4.775 6.613a8.761 8.761 0 01-2.233.772l.453 2.247a11.16 11.16 0 002.816-.977zm-9.021-.624a8.971 8.971 0 01-1.751-1.592l-1.747 1.474a11.236 11.236 0 002.2 2l1.305-1.882zm5.04-18.423A11.147 11.147 0 001.01 15.783l2.081-.956A8.851 8.851 0 0116.48 4.091l-1.684 1.792 6.735 1.678-1.634-6.9-1.782 1.793a11.061 11.061 0 00-6.973-2.456zm0 0",
@@ -43573,16 +43543,16 @@ var _ref$1k = /*#__PURE__*/React__default.createElement("g", {
   r: 0.75
 })));
 
-const SvgAngle = props => /*#__PURE__*/React__default.createElement("svg", _extends$1m({
+const SvgAngle = props => /*#__PURE__*/React__default.createElement("svg", _extends$1k({
   width: 22.169,
   height: 22.257,
   viewBox: "0 0 22.169 22.257",
   fill: "currentColor"
-}, props), _ref$1k);
+}, props), _ref$1i);
 
-function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
+function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
 
-var _ref$1l = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1j = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4494"
 }, /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4492"
@@ -43604,16 +43574,16 @@ var _ref$1l = /*#__PURE__*/React__default.createElement("g", {
   fill: "#c8c8c8"
 }));
 
-const SvgVerticalRotate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1n({
+const SvgVerticalRotate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1l({
   width: 24.567,
   height: 25.027,
   viewBox: "0 0 24.567 25.027",
   fill: "currentColor"
-}, props), _ref$1l);
+}, props), _ref$1j);
 
-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); }
+function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
 
-var _ref$1m = /*#__PURE__*/React__default.createElement("g", {
+var _ref$1k = /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4495"
 }, /*#__PURE__*/React__default.createElement("g", {
   "data-name": "\\u7EC4 4493"
@@ -43633,12 +43603,12 @@ var _ref$1m = /*#__PURE__*/React__default.createElement("g", {
   fill: "#c8c8c8"
 })));
 
-const SvgHozRotate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1o({
+const SvgHozRotate = props => /*#__PURE__*/React__default.createElement("svg", _extends$1m({
   width: 22.659,
   height: 26.472,
   viewBox: "0 0 22.659 26.472",
   fill: "currentColor"
-}, props), _ref$1m);
+}, props), _ref$1k);
 
 function _createSuper$1f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1f(); return function _createSuperInternal() { var Super = getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn(this, result); }; }
 
@@ -43995,8 +43965,8 @@ var DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
         }
       });
 
-      var phoneToolsFixed = ["Wwwc", "Zoom", "Pan"];
-      var phoneTools = ["Rotate", "Length", "Reset", "Tool", "MPR", "VR", "MIP", "Settings"];
+      var phoneToolsFixed = ["StackScroll", "Wwwc", "Zoom"];
+      var phoneTools = ["Pan", "Rotate", "Length", "Reset", "Tool", "MPR", "VR", "MIP", "Settings"];
 
       if (MPR) {
         phoneTools = ["Rotate", "Length", "Reset", "Tool"];
@@ -44006,7 +43976,7 @@ var DicomToolMobileThreeModeBottom = /*#__PURE__*/function (_Component) {
         phoneTools = ["MprSwitchPerspective", "Rotate", "Length", "Reset", "Tool"];
       }
 
-      var fixWidth = 58 * 3 + 2;
+      var fixWidth = 58 * phoneToolsFixed.length + 2;
       return /*#__PURE__*/React__default.createElement("div", {
         className: "paladin-full-height paladin-mobile-tool-mode"
       }, !scrollHidden && /*#__PURE__*/React__default.createElement("div", {
@@ -45159,7 +45129,7 @@ function _arrayLikeToArray$b(arr, len) { if (len == null || len > arr.length) le
 function ownKeys$F(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$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var scrollToIndex$2 = cornerstoneTools.scrollToIndex;
+var scrollToIndex$3 = cornerstoneTools.scrollToIndex;
 
 var mapStateToProps$h = function mapStateToProps(state) {
   var _state$paladin$tools$ = state.paladin.tools.customization,
@@ -45443,7 +45413,7 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
         prevIndex = maxIndex;
       }
 
-      scrollToIndex$2(activeElement, prevIndex);
+      scrollToIndex$3(activeElement, prevIndex);
     },
     nextImage: function nextImage() {
       // 下一张
@@ -45467,7 +45437,7 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
         nextIndex = 0;
       }
 
-      scrollToIndex$2(activeElement, nextIndex);
+      scrollToIndex$3(activeElement, nextIndex);
     },
     // 切换模式
     // key: 1.SeriesMode返回序列模式 2.ImageMode进入图像模式
@@ -45644,7 +45614,7 @@ var mergeProps$h = function mergeProps(propsFromState, propsFromDispatch, ownPro
               case 34:
                 if (links && links.length > 0) {
                   lodash$1.forEach(links, function (link) {
-                    scrollToIndex$2(getElement(link), _currentImageIdIndex);
+                    scrollToIndex$3(getElement(link), _currentImageIdIndex);
                   });
                 }
 
@@ -46344,18 +46314,18 @@ var ConnectedDicomTool = reactRedux.connect(mapStateToProps$h, {
 var css_248z$p = ".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$p);
 
-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); }
+function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
 
-var _ref$1n = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1l = /*#__PURE__*/React__default.createElement("path", {
   d: "M3658.026 10.064c5.915-.329 11.359 2.241 14.432 6.357l-5.498 2.292 14.488 7.78 4.678-15.768-5.437 2.266c-4.491-7.516-13.347-12.235-23.194-11.634-12.153.737-22.056 9.888-23.034 21.285l8.693.746c.612-7.121 7.003-12.847 14.872-13.324zM3661.635 45.864c-6.105.345-11.715-2.402-14.729-6.753l4.887-2.037-13.401-7.196-4.324 14.584 4.657-1.941c4.157 7.321 12.398 12.102 21.752 12.102.558 0 1.121-.017 1.687-.051 12.151-.737 22.054-9.888 23.032-21.285l-8.691-.746c-.615 7.12-7.005 12.846-14.87 13.323z"
 });
 
-const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1p({
+const SvgRefresh$1 = props => /*#__PURE__*/React__default.createElement("svg", _extends$1n({
   width: 60,
   height: 56,
   viewBox: "3630 0 60 56",
   fill: "currentColor"
-}, props), _ref$1n);
+}, props), _ref$1l);
 
 var css_248z$q = ".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$q);
@@ -47295,31 +47265,31 @@ defineProperty(ViewportOverlay, "propTypes", {
 var css_248z$s = ".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$s);
 
-function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
+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); }
 
-var _ref$1o = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1m = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 23.768l-2.964 2.946q-.339.339-.804.339t-.804-.339L16 17.232l-9.482 9.482q-.339.339-.804.339t-.804-.339l-2.964-2.946q-.339-.339-.339-.813t.339-.813L15.196 8.91q.339-.339.804-.339t.804.339l13.25 13.232q.339.339.339.813t-.339.813z"
 });
 
-const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1q({
+const SvgChevronUp = props => /*#__PURE__*/React__default.createElement("svg", _extends$1o({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1o);
+}, props), _ref$1m);
 
-function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
+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); }
 
-var _ref$1p = /*#__PURE__*/React__default.createElement("path", {
+var _ref$1n = /*#__PURE__*/React__default.createElement("path", {
   d: "M30.054 14.429l-13.25 13.232Q16.465 28 16 28t-.804-.339L1.946 14.429q-.339-.339-.339-.813t.339-.813L4.91 9.857q.339-.339.804-.339t.804.339L16 19.339l9.482-9.482q.339-.339.804-.339t.804.339l2.964 2.946q.339.339.339.813t-.339.813z"
 });
 
-const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1r({
+const SvgChevronDown = props => /*#__PURE__*/React__default.createElement("svg", _extends$1p({
   width: 32,
   height: 32,
   viewBox: "0 0 32 32",
   fill: "currentColor"
-}, props), _ref$1p);
+}, props), _ref$1n);
 
 var css_248z$t = ".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$t);