@ohif/app 3.9.0-beta.4 → 3.9.0-beta.41

package/dist/{544.bundle.e8227e98860e39636a00.js → 172.bundle.e0ee762bee7496d6491e.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 + 93 modules
+var default_src = __webpack_require__(16944);
 ;// 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.a517b1d6cd2d82b9a7ea.js → 194.bundle.9044099acbadc4c02d04.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.f62694527f6dfe417f81.js → 211.bundle.318a1dde2daf28c0ca7e.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
@@ -244,6 +244,13 @@ const toolbarButtons = [{
       tooltip: 'Ultrasound Directional',
       commands: setToolActiveToolbar,
       evaluate: ['evaluate.cornerstoneTool', 'evaluate.isUS']
+    }), createButton({
+      id: 'WindowLevelRegion',
+      icon: 'icon-tool-window-region',
+      label: 'Window Level Region',
+      tooltip: 'Window Level Region',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
     })]
   }
 }];
@@ -446,6 +453,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,
@@ -537,6 +554,8 @@ function createTools(utilityModule) {
       toolName: toolNames.Magnify
     }, {
       toolName: toolNames.SegmentationDisplay
+    }, {
+      toolName: toolNames.WindowLevelRegion
     }, {
       toolName: toolNames.UltrasoundDirectional
     }],
@@ -554,15 +573,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';
+        }
       }
     }
   }, {
@@ -751,7 +789,7 @@ function modeFactory({
     /** List of extensions that are used by the mode */
     extensions: extensionDependencies,
     /** HangingProtocol used by the mode */
-    // hangingProtocol: [''],
+    hangingProtocol: ['@ohif/mnGrid'],
     /** SopClassHandlers used by the mode */
     sopClassHandlers: [ohif.sopClassHandler, segmentation.sopClassHandler],
     /** hotkeys for mode */

package/dist/{776.bundle.91747df457143051f872.js → 218.bundle.e00a7676e115e4bd4f0f.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,6 @@ function _initToolGroups(toolNames, Enums, toolGroupService, commandsManager, mo
     disabled: [{
       toolName: toolNames.Crosshairs,
       configuration: {
-        viewportIndicators: false,
         disableOnPassive: true,
         autoPan: {
           enabled: false,
@@ -195,8 +194,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 +456,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',
@@ -585,8 +584,7 @@ function modeFactory({
         toolGroupService,
         customizationService,
         hangingProtocolService,
-        displaySetService,
-        viewportGridService
+        displaySetService
       } = servicesManager.services;
       const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.tools');
       const {
@@ -595,7 +593,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, () => {
@@ -610,7 +608,7 @@ function modeFactory({
       });
       unsubscriptions.push(unsubscribe);
       toolbarService.addButtons(src_toolbarButtons);
-      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan', 'SyncToggle']);
+      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Crosshairs', 'Pan']);
       toolbarService.createButtonSection('ROIThresholdToolbox', ['RectangleROIStartEndThreshold', 'BrushTools']);
       customizationService.addModeCustomizations([{
         id: 'segmentation.panel',