@ohif/app 3.8.0 → 3.8.2

package/dist/{574.bundle.4b059c95cd34efdc9cb3.js → 574.bundle.b369b11b04c3e080f0b3.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
@@ -83,7 +83,7 @@ function CornerstoneImageScrollbar({
       const imageIndex = viewport.getCurrentImageIdIndex();
       setImageSliceData({
         imageIndex: imageIndex,
-        numberOfSlices: viewportData.data.imageIds.length
+        numberOfSlices: viewportData.data[0].imageIds.length
       });
       return;
     }
@@ -113,7 +113,7 @@ function CornerstoneImageScrollbar({
       // find the index of imageId in the imageIds
       setImageSliceData({
         imageIndex: newImageIdIndex,
-        numberOfSlices: viewportData.data.imageIds.length
+        numberOfSlices: viewportData.data[0].imageIds.length
       });
     };
     element.addEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_SCROLL, updateStackIndex);
@@ -480,7 +480,7 @@ function CustomizableViewportOverlay({
 function _getViewportInstances(viewportData) {
   const imageIds = [];
   if (viewportData.viewportType === dist_esm.Enums.ViewportType.STACK) {
-    imageIds.push(viewportData.data.imageIds[0]);
+    imageIds.push(viewportData.data[0].imageIds[0]);
   } else if (viewportData.viewportType === dist_esm.Enums.ViewportType.ORTHOGRAPHIC) {
     const volumes = viewportData.data;
     volumes.forEach(volume => {
@@ -510,7 +510,7 @@ const getInstanceNumber = (viewportData, viewportId, imageIndex, cornerstoneView
   return instanceNumber ?? null;
 };
 function _getInstanceNumberFromStack(viewportData, imageIndex) {
-  const imageIds = viewportData.data.imageIds;
+  const imageIds = viewportData.data[0].imageIds;
   const imageId = imageIds[imageIndex];
   if (!imageId) {
     return;
@@ -706,7 +706,7 @@ function ViewportOrientationMarkers({
     let rowCosines, columnCosines;
     if (viewportData.viewportType === 'stack') {
       const imageIndex = imageSliceData.imageIndex;
-      const imageId = viewportData.data.imageIds?.[imageIndex];
+      const imageId = viewportData.data[0].imageIds?.[imageIndex];
 
       // Workaround for below TODO stub
       if (!imageId) {
@@ -1245,11 +1245,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);
@@ -1375,10 +1375,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;
@@ -1419,12 +1419,12 @@ function Colorbar({
   viewportId,
   displaySets,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties
 }) {
   const {
     colorbarService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     width: colorbarWidth,
     colorbarTickPosition,
@@ -1434,7 +1434,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: {
@@ -1578,13 +1578,13 @@ function VolumeRenderingPresetsContent({
 
 function VolumeRenderingPresets({
   viewportId,
-  serviceManager,
+  servicesManager,
   commandsManager,
   volumeRenderingPresets
 }) {
   const {
     uiModalService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const onClickPresets = () => {
     uiModalService.show({
       content: VolumeRenderingPresetsContent,
@@ -1616,12 +1616,12 @@ function VolumeRenderingPresets({
 function VolumeRenderingQuality({
   volumeRenderingQualityRange,
   commandsManager,
-  serviceManager,
+  servicesManager,
   viewportId
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     min,
     max,
@@ -1681,11 +1681,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);
@@ -1752,13 +1752,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);
@@ -1876,11 +1876,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 => {
@@ -1921,17 +1921,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", {
@@ -1942,12 +1942,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
@@ -1970,7 +1970,7 @@ function WindowLevelActionMenu({
   verticalDirection,
   horizontalDirection,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties,
   displaySets,
   volumeRenderingPresets,
@@ -1986,7 +1986,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;
@@ -2003,7 +2003,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
@@ -2056,7 +2056,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",
@@ -2067,7 +2067,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'),
@@ -2077,7 +2077,7 @@ function WindowLevelActionMenu({
     commandsManager: commandsManager,
     presets: presets
   })), volumeRenderingPresets && is3DVolume && /*#__PURE__*/react.createElement(VolumeRenderingPresets, {
-    serviceManager: serviceManager,
+    servicesManager: servicesManager,
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingPresets: volumeRenderingPresets
@@ -2087,7 +2087,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingQualityRange: volumeRenderingQualityRange,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   }))));
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/getWindowLevelActionMenu.tsx
@@ -2125,7 +2125,7 @@ function getWindowLevelActionMenu({
     verticalDirection: verticalDirection,
     horizontalDirection: horizontalDirection,
     commandsManager: commandsManager,
-    serviceManager: servicesManager,
+    servicesManager: servicesManager,
     colorbarProperties: colorbarProperties,
     displaySets: displaySets,
     volumeRenderingPresets: volumeRenderingPresets,
@@ -2213,11 +2213,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
@@ -2225,6 +2227,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.64e0da470e235cfac4bb.js → 682.bundle.fdd752d2920107f695fb.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
@@ -101,6 +101,11 @@ function initDefaultToolGroup(extensionManager, toolGroupService, commandsManage
       toolName: toolNames.SegmentationDisplay
     }, {
       toolName: toolNames.CalibrationLine
+    }, {
+      toolName: toolNames.PlanarFreehandContourSegmentation,
+      configuration: {
+        displayOnePointAsCrosshairs: true
+      }
     }, {
       toolName: toolNames.UltrasoundDirectional
     }, {
@@ -168,6 +173,11 @@ function initSRToolGroup(extensionManager, toolGroupService) {
       toolName: SRToolNames.SRPlanarFreehandROI
     }, {
       toolName: SRToolNames.SRRectangleROI
+    }, {
+      toolName: SRToolNames.SRPlanarFreehandContourSegmentation,
+      configuration: {
+        displayOnePointAsCrosshairs: true
+      }
     }],
     enabled: [{
       toolName: SRToolNames.DICOMSRDisplay,
@@ -251,11 +261,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,
@@ -646,7 +666,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.b9666b1d4ddf7e8577ee.js → 699.bundle.fee3d1c6609ecc557a9a.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';
+        }
       }
     }
   }, {

package/dist/{669.bundle.64309c677c5ca188348c.js → 721.bundle.d01a6829ac9b0abef67d.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[669],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[721],{
 
-/***/ 61669:
+/***/ 14721:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -25,8 +25,8 @@ const id = package_namespaceObject.UU;
 const SOPClassHandlerName = 'dicom-sr';
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
-// 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/gl-matrix/esm/index.js + 1 modules
 var esm = __webpack_require__(44753);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -1212,7 +1212,7 @@ function getFilteredCornerstoneToolState(measurementData, additionalFindingTypes
   return filteredToolState;
 }
 /* harmony default export */ const utils_getFilteredCornerstoneToolState = (getFilteredCornerstoneToolState);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/commandsModule.js
+;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/commandsModule.ts
 
 
 
@@ -1272,7 +1272,7 @@ const commandsModule = props => {
       const reportBlob = dcmjs_es/* default.data */.Ay.data.datasetToBlob(srDataset);
 
       //Create a URL for the binary.
-      var objectUrl = URL.createObjectURL(reportBlob);
+      const objectUrl = URL.createObjectURL(reportBlob);
       window.location.assign(objectUrl);
     },
     /**
@@ -1400,8 +1400,8 @@ function init({
     global: {}
   });
 }
-// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.js + 1 modules
-var hydrateStructuredReport = __webpack_require__(77089);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.ts + 1 modules
+var hydrateStructuredReport = __webpack_require__(31808);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/createReferencedImageDisplaySet.ts
 var createReferencedImageDisplaySet = __webpack_require__(92643);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx
@@ -1483,7 +1483,7 @@ const dicomSRExtension = {
 /* 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);
 
 const ImageSet = _ohif_core__WEBPACK_IMPORTED_MODULE_0__.classes.ImageSet;
 const findInstance = (measurement, displaySetService) => {
@@ -1571,67 +1571,7 @@ const createReferencedImageDisplaySet = (displaySetService, displaySet) => {
 
 /***/ }),
 
-/***/ 74334:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   eF: () => (/* binding */ getTrackingUniqueIdentifiersForElement),
-/* harmony export */   m1: () => (/* binding */ setTrackingUniqueIdentifiersForElement)
-/* harmony export */ });
-/* unused harmony export setActiveTrackingUniqueIdentifierForElement */
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
-
-const state = {
-  TrackingUniqueIdentifier: null,
-  trackingIdentifiersByViewportId: {}
-};
-
-/**
- * This file is being used to store the per-viewport state of the SR tools,
- * Since, all the toolStates are added to the cornerstoneTools, when displaying the SRTools,
- * if there are two viewports rendering the same imageId, we don't want to show
- * the same SR annotation twice on irrelevant viewport, hence, we are storing the state
- * of the SR tools in state here, so that we can filter them later.
- */
-
-function setTrackingUniqueIdentifiersForElement(element, trackingUniqueIdentifiers, activeIndex = 0) {
-  const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
-  const {
-    viewport
-  } = enabledElement;
-  state.trackingIdentifiersByViewportId[viewport.id] = {
-    trackingUniqueIdentifiers,
-    activeIndex
-  };
-}
-function setActiveTrackingUniqueIdentifierForElement(element, TrackingUniqueIdentifier) {
-  const enabledElement = getEnabledElement(element);
-  const {
-    viewport
-  } = enabledElement;
-  const trackingIdentifiersForElement = state.trackingIdentifiersByViewportId[viewport.id];
-  if (trackingIdentifiersForElement) {
-    const activeIndex = trackingIdentifiersForElement.trackingUniqueIdentifiers.findIndex(tuid => tuid === TrackingUniqueIdentifier);
-    trackingIdentifiersForElement.activeIndex = activeIndex;
-  }
-}
-function getTrackingUniqueIdentifiersForElement(element) {
-  const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
-  const {
-    viewport
-  } = enabledElement;
-  if (state.trackingIdentifiersByViewportId[viewport.id]) {
-    return state.trackingIdentifiersByViewportId[viewport.id];
-  }
-  return {
-    trackingUniqueIdentifiers: []
-  };
-}
-
-
-/***/ }),
-
-/***/ 77089:
+/***/ 31808:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -1642,8 +1582,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var 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);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/getLabelFromDCMJSImportedToolData.js
 /**
  * Extracts the label from the toolData imported from dcmjs. We need to do this
@@ -1670,7 +1610,7 @@ function getLabelFromDCMJSImportedToolData(toolData) {
 var adapters_es = __webpack_require__(83342);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
 var dist_esm = __webpack_require__(39371);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.js
+;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.ts
 
 
 
@@ -1912,6 +1852,66 @@ const codeMeaningEquals = codeMeaningName => {
   };
 };
 
+/***/ }),
+
+/***/ 74334:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   eF: () => (/* binding */ getTrackingUniqueIdentifiersForElement),
+/* harmony export */   m1: () => (/* binding */ setTrackingUniqueIdentifiersForElement)
+/* harmony export */ });
+/* unused harmony export setActiveTrackingUniqueIdentifierForElement */
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
+
+const state = {
+  TrackingUniqueIdentifier: null,
+  trackingIdentifiersByViewportId: {}
+};
+
+/**
+ * This file is being used to store the per-viewport state of the SR tools,
+ * Since, all the toolStates are added to the cornerstoneTools, when displaying the SRTools,
+ * if there are two viewports rendering the same imageId, we don't want to show
+ * the same SR annotation twice on irrelevant viewport, hence, we are storing the state
+ * of the SR tools in state here, so that we can filter them later.
+ */
+
+function setTrackingUniqueIdentifiersForElement(element, trackingUniqueIdentifiers, activeIndex = 0) {
+  const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+  const {
+    viewport
+  } = enabledElement;
+  state.trackingIdentifiersByViewportId[viewport.id] = {
+    trackingUniqueIdentifiers,
+    activeIndex
+  };
+}
+function setActiveTrackingUniqueIdentifierForElement(element, TrackingUniqueIdentifier) {
+  const enabledElement = getEnabledElement(element);
+  const {
+    viewport
+  } = enabledElement;
+  const trackingIdentifiersForElement = state.trackingIdentifiersByViewportId[viewport.id];
+  if (trackingIdentifiersForElement) {
+    const activeIndex = trackingIdentifiersForElement.trackingUniqueIdentifiers.findIndex(tuid => tuid === TrackingUniqueIdentifier);
+    trackingIdentifiersForElement.activeIndex = activeIndex;
+  }
+}
+function getTrackingUniqueIdentifiersForElement(element) {
+  const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+  const {
+    viewport
+  } = enabledElement;
+  if (state.trackingIdentifiersByViewportId[viewport.id]) {
+    return state.trackingIdentifiersByViewportId[viewport.id];
+  }
+  return {
+    trackingUniqueIdentifiers: []
+  };
+}
+
+
 /***/ })
 
 }]);