@ohif/app 3.9.0-beta.2 → 3.9.0-beta.21

package/dist/{530.bundle.207b38c15c4c01e4db0e.js → 530.bundle.17b9a34fefff133e5379.js}

@@ -12,10 +12,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41766);
 /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80619);
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55411);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8633);
 /* harmony import */ var _tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74334);
 /* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5085);
-/* harmony import */ var _utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(77089);
+/* harmony import */ var _utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31808);
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(15575);
 /* harmony import */ var _utils_createReferencedImageDisplaySet__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(92643);
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.apply(this, arguments); }
@@ -330,7 +330,7 @@ OHIFCornerstoneSRViewport.propTypes = {
   viewportLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   customProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   viewportOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  servicesManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ServicesManager */ .CS).isRequired,
+  servicesManager: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object).isRequired,
   extensionManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ExtensionManager */ .nH).isRequired
 };
 OHIFCornerstoneSRViewport.defaultProps = {

package/dist/{544.bundle.b005b8c8b9b08aaa3324.js → 544.bundle.4d1fb477b572f50f4220.js}

@@ -256,10 +256,10 @@ const itemGenerator = props => {
   }, content.value)));
 };
 /* harmony default export */ const ViewportOverlay = (generateFromConfig({}));
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var core_src = __webpack_require__(55411);
+// 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__(7206);
+var default_src = __webpack_require__(47390);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dicomWebClient.ts
 
 

package/dist/{321.bundle.07e853e559665d6e15b6.js → 550.bundle.41e6a1eacc49db2358c5.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[321],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[550],{
 
 /***/ 76255:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -141,7 +141,7 @@ const useViewportActionCornersContext = () => (0,react__WEBPACK_IMPORTED_MODULE_
 
 /***/ }),
 
-/***/ 12702:
+/***/ 550:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -181,8 +181,8 @@ var esm = __webpack_require__(92136);
 var dist_esm = __webpack_require__(39371);
 // 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);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/dynamic-import/cornerstoneDICOMImageLoader.min.js
 var cornerstoneDICOMImageLoader_min = __webpack_require__(54578);
 var cornerstoneDICOMImageLoader_min_default = /*#__PURE__*/__webpack_require__.n(cornerstoneDICOMImageLoader_min);
@@ -861,6 +861,7 @@ function initCornerstoneTools(configuration = {}) {
   (0,dist_esm.addTool)(dist_esm.SplineROITool);
   (0,dist_esm.addTool)(dist_esm.LivewireContourTool);
   (0,dist_esm.addTool)(dist_esm.OrientationMarkerTool);
+  (0,dist_esm.addTool)(dist_esm.PlanarFreehandContourSegmentationTool);
 
   // Modify annotation tools to use dashed lines on SR
   const annotationStyle = {
@@ -911,7 +912,8 @@ const toolNames = {
   SplineROI: dist_esm.SplineROITool.toolName,
   LivewireContour: dist_esm.LivewireContourTool.toolName,
   PlanarFreehandROI: dist_esm.PlanarFreehandROITool.toolName,
-  OrientationMarker: dist_esm.OrientationMarkerTool.toolName
+  OrientationMarker: dist_esm.OrientationMarkerTool.toolName,
+  PlanarFreehandContourSegmentation: dist_esm.PlanarFreehandContourSegmentationTool.toolName
 };
 
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/constants/supportedTools.js
@@ -3590,7 +3592,7 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
   return factories;
 };
 /* harmony default export */ const measurementServiceMappings_measurementServiceMappingsFactory = (measurementServiceMappingsFactory);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initMeasurementService.js
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initMeasurementService.ts
 
 
 
@@ -5037,9 +5039,13 @@ async function init({
       const {
         element
       } = evt.detail;
+      const enabledElement = (0,esm.getEnabledElement)(element);
+      if (!enabledElement) {
+        return;
+      }
       const {
         viewportId
-      } = (0,esm.getEnabledElement)(element);
+      } = enabledElement;
       commandsManager.runCommand('resetCrosshairs', {
         viewportId
       });
@@ -5791,6 +5797,11 @@ const tools = {
   }],
   enabled: [{
     toolName: toolNames.SegmentationDisplay
+  }, {
+    toolName: toolNames.PlanarFreehandContourSegmentation,
+    configuration: {
+      displayOnePointAsCrosshairs: true
+    }
   }]
 };
 function getCustomizationModule() {
@@ -6068,7 +6079,9 @@ const CornerstoneViewportDownloadForm = ({
       // for some reason we need a reset camera here, and I don't know why
       downloadViewport.resetCamera();
       const presentation = activeViewport.getViewPresentation();
-      downloadViewport.setView(activeViewport.getViewReference(), presentation);
+      if (downloadViewport.setView) {
+        downloadViewport.setView(activeViewport.getViewReference(), presentation);
+      }
       downloadViewport.render();
     });
   });
@@ -8602,8 +8615,11 @@ const ToolGroupService_EVENTS = {
   PRIMARY_TOOL_ACTIVATED: 'event::cornerstone::toolgroupservice:primarytoolactivated'
 };
 class ToolGroupService {
-  constructor(serviceManager) {
-    this.serviceManager = void 0;
+  constructor(servicesManager) {
+    this.servicesManager = void 0;
+    this.cornerstoneViewportService = void 0;
+    this.viewportGridService = void 0;
+    this.uiNotificationService = void 0;
     this.toolGroupIds = new Set();
     /**
      * Service-specific
@@ -8631,7 +8647,7 @@ class ToolGroupService {
       cornerstoneViewportService,
       viewportGridService,
       uiNotificationService
-    } = serviceManager.services;
+    } = servicesManager.services;
     this.cornerstoneViewportService = cornerstoneViewportService;
     this.viewportGridService = viewportGridService;
     this.uiNotificationService = uiNotificationService;
@@ -8892,7 +8908,7 @@ const asSyncGroup = syncGroup => typeof syncGroup === 'string' ? {
   type: syncGroup
 } : syncGroup;
 class SyncGroupService {
-  constructor(serviceManager) {
+  constructor(servicesManager) {
     this.servicesManager = void 0;
     this.listeners = {};
     this.EVENTS = void 0;
@@ -8906,7 +8922,7 @@ class SyncGroupService {
       [IMAGE_SLICE]: dist_esm.synchronizers.createImageSliceSynchronizer
     };
     this.synchronizersByType = {};
-    this.servicesManager = serviceManager;
+    this.servicesManager = servicesManager;
     this.listeners = {};
     this.EVENTS = SyncGroupService_EVENTS;
     //
@@ -9348,6 +9364,7 @@ class SegmentationService extends src/* PubSubService */.Rc {
     };
     this.addSegmentationRepresentationToToolGroup = async (toolGroupId, segmentationId, hydrateSegmentation = false, representationType = dist_esm.Enums.SegmentationRepresentations.Labelmap, suppressEvents = false) => {
       const segmentation = this.getSegmentation(segmentationId);
+      toolGroupId = toolGroupId || this._getApplicableToolGroupId();
       if (!segmentation) {
         throw new Error(`Segmentation with segmentationId ${segmentationId} not found.`);
       }
@@ -10781,7 +10798,23 @@ class CornerstoneCacheService {
   }
   async invalidateViewportData(viewportData, invalidatedDisplaySetInstanceUID, dataSource, displaySetService) {
     if (viewportData.viewportType === esm.Enums.ViewportType.STACK) {
-      return this._getCornerstoneStackImageIds(displaySetService.getDisplaySetByUID(invalidatedDisplaySetInstanceUID), dataSource);
+      const displaySet = displaySetService.getDisplaySetByUID(invalidatedDisplaySetInstanceUID);
+      const imageIds = this._getCornerstoneStackImageIds(displaySet, dataSource);
+
+      // remove images from the cache to be able to re-load them
+      imageIds.forEach(imageId => {
+        if (esm.cache.getImageLoadObject(imageId)) {
+          esm.cache.removeImageLoadObject(imageId);
+        }
+      });
+      return {
+        viewportType: esm.Enums.ViewportType.STACK,
+        data: {
+          StudyInstanceUID: displaySet.StudyInstanceUID,
+          displaySetInstanceUID: invalidatedDisplaySetInstanceUID,
+          imageIds
+        }
+      };
     }
 
     // Todo: grab the volume and get the id from the viewport itself
@@ -12712,7 +12745,6 @@ const getViewportVolumeHistogram = async (viewport, volume, options) => {
 
 
 
-
 const {
   Events
 } = esm.Enums;
@@ -13002,7 +13034,7 @@ const ViewportWindowLevel = ({
   }));
 };
 ViewportWindowLevel.propTypes = {
-  servicesManager: prop_types_default().instanceOf(src/* ServicesManager */.CS),
+  servicesManager: (prop_types_default()).object.isRequired,
   viewportId: (prop_types_default()).string.isRequired
 };
 /* harmony default export */ const ViewportWindowLevel_ViewportWindowLevel = (ViewportWindowLevel);
@@ -13011,7 +13043,6 @@ ViewportWindowLevel.propTypes = {
 
 
 
-
 const ActiveViewportWindowLevel = ({
   servicesManager
 }) => {
@@ -13025,7 +13056,7 @@ const ActiveViewportWindowLevel = ({
   }));
 };
 ActiveViewportWindowLevel.propTypes = {
-  servicesManager: prop_types_default().instanceOf(src/* ServicesManager */.CS)
+  servicesManager: (prop_types_default()).object.isRequired
 };
 /* harmony default export */ const ActiveViewportWindowLevel_ActiveViewportWindowLevel = (ActiveViewportWindowLevel);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/ActiveViewportWindowLevel/index.js
@@ -13215,7 +13246,7 @@ const cornerstoneExtension = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55411);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8633);
 /* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5085);
 var _ViewportActionCornersService;
 

package/dist/{574.bundle.88b619217339b5e93d3e.js → 574.bundle.0bcd9d70f4b1eea48082.js}

@@ -23,8 +23,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var esm = __webpack_require__(39371);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var dist_esm = __webpack_require__(92136);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 // EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
 var ui_src = __webpack_require__(5085);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
@@ -1233,11 +1233,11 @@ function Colormap({
   viewportId,
   displaySets,
   commandsManager,
-  serviceManager
+  servicesManager
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const [activeDisplaySet, setActiveDisplaySet] = (0,react.useState)(displaySets[0]);
   const [showPreview, setShowPreview] = (0,react.useState)(false);
   const [prePreviewColormap, setPrePreviewColormap] = (0,react.useState)(null);
@@ -1363,10 +1363,10 @@ function Colormap({
 
 
 
-function setViewportColorbar(viewportId, displaySets, commandsManager, serviceManager, colorbarOptions) {
+function setViewportColorbar(viewportId, displaySets, commandsManager, servicesManager, colorbarOptions) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
   const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
   const backgroundColor = viewportInfo.getViewportOptions().background;
@@ -1407,12 +1407,12 @@ function Colorbar({
   viewportId,
   displaySets,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties
 }) {
   const {
     colorbarService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     width: colorbarWidth,
     colorbarTickPosition,
@@ -1422,7 +1422,7 @@ function Colorbar({
   } = colorbarProperties;
   const [showColorbar, setShowColorbar] = (0,react.useState)(colorbarService.hasColorbar(viewportId));
   const onSetColorbar = (0,react.useCallback)(() => {
-    setViewportColorbar(viewportId, displaySets, commandsManager, serviceManager, {
+    setViewportColorbar(viewportId, displaySets, commandsManager, servicesManager, {
       viewportId,
       colormaps,
       ticks: {
@@ -1566,13 +1566,13 @@ function VolumeRenderingPresetsContent({
 
 function VolumeRenderingPresets({
   viewportId,
-  serviceManager,
+  servicesManager,
   commandsManager,
   volumeRenderingPresets
 }) {
   const {
     uiModalService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const onClickPresets = () => {
     uiModalService.show({
       content: VolumeRenderingPresetsContent,
@@ -1604,12 +1604,12 @@ function VolumeRenderingPresets({
 function VolumeRenderingQuality({
   volumeRenderingQualityRange,
   commandsManager,
-  serviceManager,
+  servicesManager,
   viewportId
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     min,
     max,
@@ -1669,11 +1669,11 @@ function VolumeRenderingQuality({
 function VolumeShift({
   viewportId,
   commandsManager,
-  serviceManager
+  servicesManager
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const [minShift, setMinShift] = (0,react.useState)(null);
   const [maxShift, setMaxShift] = (0,react.useState)(null);
   const [shift, setShift] = (0,react.useState)(cornerstoneViewportService.getCornerstoneViewport(viewportId)?.shiftedBy || 0);
@@ -1740,13 +1740,13 @@ function VolumeShift({
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeLighting.tsx
 
 function VolumeLighting({
-  serviceManager,
+  servicesManager,
   commandsManager,
   viewportId
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const [ambient, setAmbient] = (0,react.useState)(null);
   const [diffuse, setDiffuse] = (0,react.useState)(null);
   const [specular, setSpecular] = (0,react.useState)(null);
@@ -1864,11 +1864,11 @@ function VolumeLighting({
 function VolumeShade({
   commandsManager,
   viewportId,
-  serviceManager
+  servicesManager
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const [shade, setShade] = (0,react.useState)(true);
   const [key, setKey] = (0,react.useState)(0);
   const onShadeChange = (0,react.useCallback)(checked => {
@@ -1909,17 +1909,17 @@ function VolumeRenderingOptions({
   viewportId,
   commandsManager,
   volumeRenderingQualityRange,
-  serviceManager
+  servicesManager
 }) {
   return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.se.cV, null, /*#__PURE__*/react.createElement(VolumeRenderingQuality, {
     viewportId: viewportId,
     commandsManager: commandsManager,
-    serviceManager: serviceManager,
+    servicesManager: servicesManager,
     volumeRenderingQualityRange: volumeRenderingQualityRange
   }), /*#__PURE__*/react.createElement(VolumeShift, {
     viewportId: viewportId,
     commandsManager: commandsManager,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   }), /*#__PURE__*/react.createElement("div", {
     className: "all-in-one-menu-item mt-2 flex !h-[20px] w-full justify-start"
   }, /*#__PURE__*/react.createElement("div", {
@@ -1930,12 +1930,12 @@ function VolumeRenderingOptions({
     className: "all-in-one-menu-item flex w-full justify-center"
   }, /*#__PURE__*/react.createElement(VolumeShade, {
     commandsManager: commandsManager,
-    serviceManager: serviceManager,
+    servicesManager: servicesManager,
     viewportId: viewportId
   })), /*#__PURE__*/react.createElement(VolumeLighting, {
     viewportId: viewportId,
     commandsManager: commandsManager,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   }));
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/WindowLevelActionMenu.tsx
@@ -1958,7 +1958,7 @@ function WindowLevelActionMenu({
   verticalDirection,
   horizontalDirection,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties,
   displaySets,
   volumeRenderingPresets,
@@ -1974,7 +1974,7 @@ function WindowLevelActionMenu({
   const {
     colorbarService,
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
   const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
   const backgroundColor = viewportInfo.getViewportOptions().background;
@@ -1991,7 +1991,7 @@ function WindowLevelActionMenu({
   const [menuKey, setMenuKey] = (0,react.useState)(0);
   const [is3DVolume, setIs3DVolume] = (0,react.useState)(false);
   const onSetColorbar = (0,react.useCallback)(() => {
-    setViewportColorbar(viewportId, displaySets, commandsManager, serviceManager, {
+    setViewportColorbar(viewportId, displaySets, commandsManager, servicesManager, {
       colormaps,
       ticks: {
         position: colorbarTickPosition
@@ -2044,7 +2044,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     displaySets: displaySets.filter(ds => !nonImageModalities.includes(ds.Modality)),
     commandsManager: commandsManager,
-    serviceManager: serviceManager,
+    servicesManager: servicesManager,
     colorbarProperties: colorbarProperties
   }), colormaps && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.se.g8, {
     key: "colorLUTPresets",
@@ -2055,7 +2055,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     displaySets: displaySets.filter(ds => !nonImageModalities.includes(ds.Modality)),
     commandsManager: commandsManager,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   })), presets && presets.length > 0 && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.se.g8, {
     key: "windowLevelPresets",
     itemLabel: t('Modality Window Presets'),
@@ -2065,7 +2065,7 @@ function WindowLevelActionMenu({
     commandsManager: commandsManager,
     presets: presets
   })), volumeRenderingPresets && is3DVolume && /*#__PURE__*/react.createElement(VolumeRenderingPresets, {
-    serviceManager: serviceManager,
+    servicesManager: servicesManager,
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingPresets: volumeRenderingPresets
@@ -2075,7 +2075,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingQualityRange: volumeRenderingQualityRange,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   }))));
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/getWindowLevelActionMenu.tsx
@@ -2113,7 +2113,7 @@ function getWindowLevelActionMenu({
     verticalDirection: verticalDirection,
     horizontalDirection: horizontalDirection,
     commandsManager: commandsManager,
-    serviceManager: servicesManager,
+    servicesManager: servicesManager,
     colorbarProperties: colorbarProperties,
     displaySets: displaySets,
     volumeRenderingPresets: volumeRenderingPresets,
@@ -2201,11 +2201,13 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     displaySetOptions,
     servicesManager,
     onElementEnabled,
+    // eslint-disable-next-line react/prop-types
     onElementDisabled,
     isJumpToMeasurementDisabled,
     // Note: you SHOULD NOT use the initialImageIdOrIndex for manipulation
     // of the imageData in the OHIFCornerstoneViewport. This prop is used
     // to set the initial state of the viewport's first image to render
+    // eslint-disable-next-line react/prop-types
     initialImageIndex,
     // if the viewport is part of a hanging protocol layout
     // we should not really rely on the old synchronizers and
@@ -2213,6 +2215,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     // is not part of the hanging protocol layout. HPs should
     // define their own synchronizers. Since the synchronizers are
     // viewportId dependent and
+    // eslint-disable-next-line react/prop-types
     isHangingProtocolLayout
   } = props;
   const viewportId = viewportOptions.viewportId;

package/dist/{41.bundle.faaf3b05d1083e3c8831.js → 682.bundle.066197792e6a0d01b669.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[41],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[682],{
 
-/***/ 97041:
+/***/ 82682:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -15,8 +15,8 @@ __webpack_require__.d(__webpack_exports__, {
   toolbarButtons: () => (/* reexport */ src_toolbarButtons)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/package.json
@@ -111,6 +111,11 @@ function initDefaultToolGroup(extensionManager, toolGroupService, commandsManage
       toolName: toolNames.SegmentationDisplay
     }, {
       toolName: toolNames.CalibrationLine
+    }, {
+      toolName: toolNames.PlanarFreehandContourSegmentation,
+      configuration: {
+        displayOnePointAsCrosshairs: true
+      }
     }, {
       toolName: toolNames.UltrasoundDirectional
     }, {
@@ -178,6 +183,11 @@ function initSRToolGroup(extensionManager, toolGroupService) {
       toolName: SRToolNames.SRPlanarFreehandROI
     }, {
       toolName: SRToolNames.SRRectangleROI
+    }, {
+      toolName: SRToolNames.SRPlanarFreehandContourSegmentation,
+      configuration: {
+        displayOnePointAsCrosshairs: true
+      }
     }],
     enabled: [{
       toolName: SRToolNames.DICOMSRDisplay,
@@ -265,11 +275,21 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager, m
       toolName: toolNames.PlanarFreehandROI
     }, {
       toolName: toolNames.SegmentationDisplay
+    }, {
+      toolName: toolNames.PlanarFreehandContourSegmentation,
+      configuration: {
+        displayOnePointAsCrosshairs: true
+      }
     }],
     disabled: [{
       toolName: toolNames.Crosshairs,
       configuration: {
-        viewportIndicators: false,
+        viewportIndicators: true,
+        viewportIndicatorsConfig: {
+          circleRadius: 5,
+          xOffset: 0.95,
+          yOffset: 0.05
+        },
         disableOnPassive: true,
         autoPan: {
           enabled: false,
@@ -677,7 +697,7 @@ const moreTools = [{
   }
 }];
 /* harmony default export */ const src_moreTools = (moreTools);
-;// CONCATENATED MODULE: ../../../modes/longitudinal/src/index.js
+;// CONCATENATED MODULE: ../../../modes/longitudinal/src/index.ts
 
 
 

package/dist/{699.bundle.8210579412d62beafa91.js → 699.bundle.428f20dd60662f1e5edd.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ segmentation_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 ;// 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';
+        }
       }
     }
   }, {