@ohif/app 3.9.0-beta.3 → 3.9.0-beta.30

package/dist/{544.bundle.e8227e98860e39636a00.js → 172.bundle.e3e82e398b39958577e6.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[544,481],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[172,404],{
 
-/***/ 17919:
+/***/ 66921:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -14,16 +14,11 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(78668);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__(14771);
-var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var src = __webpack_require__(79047);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/DicomMicroscopyViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -257,9 +252,9 @@ const itemGenerator = props => {
 };
 /* harmony default export */ const ViewportOverlay = (generateFromConfig({}));
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(8633);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 85 modules
-var default_src = __webpack_require__(47390);
+var core_src = __webpack_require__(75186);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 90 modules
+var default_src = __webpack_require__(48827);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dicomWebClient.ts
 
 
@@ -384,8 +379,6 @@ function cleanDenaturalizedDataset(obj, options) {
 
 
 
-
-
 class DicomMicroscopyViewport extends react.Component {
   constructor(props) {
     super(props);
@@ -400,7 +393,6 @@ class DicomMicroscopyViewport extends react.Component {
     // managed wrapper of microscopy-dicom extension
     this.container = /*#__PURE__*/react.createRef();
     this.overlayElement = /*#__PURE__*/react.createRef();
-    this.debouncedResize = void 0;
     this.setViewportActiveHandler = () => {
       const {
         setViewportActive,
@@ -411,18 +403,10 @@ class DicomMicroscopyViewport extends react.Component {
         setViewportActive(viewportId);
       }
     };
-    this.onWindowResize = () => {
-      this.debouncedResize();
-    };
     const {
       microscopyService
     } = this.props.servicesManager.services;
     this.microscopyService = microscopyService;
-    this.debouncedResize = lodash_debounce_default()(() => {
-      if (this.viewer) {
-        this.viewer.resize();
-      }
-    }, 100);
   }
   /**
    * Get the nearest ROI from the mouse click point
@@ -641,13 +625,12 @@ class DicomMicroscopyViewport extends react.Component {
       displaySet: displaySet,
       instance: displaySet.instance,
       metadata: displaySet.metadata
-    })))), index_esm/* default */.Ay && /*#__PURE__*/react.createElement(index_esm/* default */.Ay, {
-      handleWidth: true,
-      handleHeight: true,
-      onResize: this.onWindowResize
-    }), this.state.error ? /*#__PURE__*/react.createElement("h2", null, JSON.stringify(this.state.error)) : /*#__PURE__*/react.createElement("div", {
+    })))), this.state.error ? /*#__PURE__*/react.createElement("h2", null, JSON.stringify(this.state.error)) : /*#__PURE__*/react.createElement("div", {
       style: style,
-      ref: this.container
+      ref: ref => {
+        this.container.current = ref;
+        this.props.resizeRef.current = ref;
+      }
     }), this.state.isLoaded ? null : /*#__PURE__*/react.createElement(src/* LoadingIndicatorProgress */.Jx, {
       className: 'h-full w-full bg-black'
     }));
@@ -667,7 +650,10 @@ DicomMicroscopyViewport.propTypes = {
   // other props from wrapping component
   servicesManager: (prop_types_default()).object,
   extensionManager: (prop_types_default()).object,
-  commandsManager: (prop_types_default()).object
+  commandsManager: (prop_types_default()).object,
+  resizeRef: prop_types_default().oneOfType([(prop_types_default()).func, prop_types_default().shape({
+    current: (prop_types_default()).any
+  })])
 };
 /* harmony default export */ const src_DicomMicroscopyViewport = (DicomMicroscopyViewport);
 

package/dist/{487.bundle.b1a29dcf2b152693935d.js → 194.bundle.9cd41c6e2b415f350d2c.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[487],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[194],{
 
-/***/ 26487:
+/***/ 73194:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -27,7 +27,7 @@ const id = package_namespaceObject.UU;
 const SOPClassHandlerName = 'dynamic-volume';
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(92136);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -656,8 +656,8 @@ var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var ui_src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var ui_src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
 var streaming_image_volume_loader_dist_esm = __webpack_require__(23722);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dynamic-volume/src/panels/DynamicVolumeControls.tsx

package/dist/{699.bundle.2adb0c0ad7f7cb9e338a.js → 211.bundle.ab7c92a8a4df9aec1b43.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[699],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[211],{
 
-/***/ 40080:
+/***/ 42211:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/package.json
 const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-segmentation"}');
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/id.js
@@ -446,6 +446,16 @@ const segmentationButtons_toolbarButtons = [{
 }];
 /* harmony default export */ const segmentationButtons = (segmentationButtons_toolbarButtons);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/initToolGroups.ts
+const colours = {
+  'viewport-0': 'rgb(200, 0, 0)',
+  'viewport-1': 'rgb(200, 200, 0)',
+  'viewport-2': 'rgb(0, 200, 0)'
+};
+const colorsByOrientation = {
+  axial: 'rgb(200, 0, 0)',
+  sagittal: 'rgb(200, 200, 0)',
+  coronal: 'rgb(0, 200, 0)'
+};
 function createTools(utilityModule) {
   const {
     toolNames,
@@ -554,15 +564,34 @@ function initDefaultToolGroup(extensionManager, toolGroupService, commandsManage
 }
 function initMPRToolGroup(extensionManager, toolGroupService, commandsManager) {
   const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.tools');
+  const servicesManager = extensionManager._servicesManager;
+  const {
+    cornerstoneViewportService
+  } = servicesManager.services;
   const tools = createTools(utilityModule);
   tools.disabled.push({
     toolName: utilityModule.exports.toolNames.Crosshairs,
     configuration: {
-      viewportIndicators: false,
+      viewportIndicators: true,
+      viewportIndicatorsConfig: {
+        circleRadius: 5,
+        xOffset: 0.95,
+        yOffset: 0.05
+      },
       disableOnPassive: true,
       autoPan: {
         enabled: false,
         panSize: 10
+      },
+      getReferenceLineColor: viewportId => {
+        const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
+        const viewportOptions = viewportInfo?.viewportOptions;
+        if (viewportOptions) {
+          return colours[viewportOptions.id] || colorsByOrientation[viewportOptions.orientation] || '#0c0';
+        } else {
+          console.warn('missing viewport?', viewportId);
+          return '#0c0';
+        }
       }
     }
   }, {

package/dist/{776.bundle.9680d347bafb63f8688a.js → 218.bundle.4a08087f702d768af647.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[776],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[218],{
 
-/***/ 40776:
+/***/ 58218:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',
@@ -22,7 +22,7 @@ const toolGroupIds = {
   MIP: 'mipToolGroup',
   default: 'default'
 };
-function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig) {
+function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig, servicesManager) {
   const tools = {
     active: [{
       toolName: toolNames.WindowLevel,
@@ -147,7 +147,12 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, mo
     disabled: [{
       toolName: toolNames.Crosshairs,
       configuration: {
-        viewportIndicators: false,
+        viewportIndicators: true,
+        viewportIndicatorsConfig: {
+          circleRadius: 5,
+          xOffset: 0.95,
+          yOffset: 0.05
+        },
         disableOnPassive: true,
         autoPan: {
           enabled: false,
@@ -195,8 +200,8 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, mo
   };
   toolGroupService.createToolGroupAndAddTools(toolGroupIds.MIP, mipTools);
 }
-function initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig) {
-  _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig);
+function initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig, servicesManager) {
+  _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, modeLabelConfig, servicesManager);
 }
 /* harmony default export */ const src_initToolGroups = (initToolGroups);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/toolbarButtons.js
@@ -457,7 +462,7 @@ const toolbarButtons = [{
         min: 0,
         max: 50,
         step: 0.5,
-        values: [2.5, 50],
+        value: [2.5, 50],
         condition: ({
           options
         }) => options.find(option => option.id === 'dynamic-mode').value === 'ThresholdRange',
@@ -595,7 +600,7 @@ function modeFactory({
       } = utilityModule.exports;
 
       // Init Default and SR ToolGroups
-      src_initToolGroups(toolNames, Enums, toolGroupService, commandsManager);
+      src_initToolGroups(toolNames, Enums, toolGroupService, commandsManager, null, servicesManager);
       const {
         unsubscribe
       } = toolGroupService.subscribe(toolGroupService.EVENTS.VIEWPORT_ADDED, () => {