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

package/dist/{574.bundle.8b2767c9b74fa0c9b04b.js → 574.bundle.72bd5061ccd504235419.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
@@ -350,19 +350,7 @@ function CustomizableViewportOverlay({
         if (!viewport) {
           return;
         }
-        const imageData = viewport.getImageData();
-        if (!imageData) {
-          return;
-        }
-        if (camera.scale) {
-          setScale(camera.scale);
-          return;
-        }
-        const {
-          spacing
-        } = imageData;
-        // convert parallel scale to scale
-        const scale = element.clientHeight * spacing[0] * 0.5 / camera.parallelScale;
+        const scale = viewport.getZoom();
         setScale(scale);
       }
     };
@@ -1245,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);
@@ -1375,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;
@@ -1419,12 +1407,12 @@ function Colorbar({
   viewportId,
   displaySets,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties
 }) {
   const {
     colorbarService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     width: colorbarWidth,
     colorbarTickPosition,
@@ -1434,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: {
@@ -1578,13 +1566,13 @@ function VolumeRenderingPresetsContent({
 
 function VolumeRenderingPresets({
   viewportId,
-  serviceManager,
+  servicesManager,
   commandsManager,
   volumeRenderingPresets
 }) {
   const {
     uiModalService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const onClickPresets = () => {
     uiModalService.show({
       content: VolumeRenderingPresetsContent,
@@ -1616,12 +1604,12 @@ function VolumeRenderingPresets({
 function VolumeRenderingQuality({
   volumeRenderingQualityRange,
   commandsManager,
-  serviceManager,
+  servicesManager,
   viewportId
 }) {
   const {
     cornerstoneViewportService
-  } = serviceManager.services;
+  } = servicesManager.services;
   const {
     min,
     max,
@@ -1681,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);
@@ -1752,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);
@@ -1876,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 => {
@@ -1921,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", {
@@ -1942,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
@@ -1970,7 +1958,7 @@ function WindowLevelActionMenu({
   verticalDirection,
   horizontalDirection,
   commandsManager,
-  serviceManager,
+  servicesManager,
   colorbarProperties,
   displaySets,
   volumeRenderingPresets,
@@ -1986,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;
@@ -2003,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
@@ -2056,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",
@@ -2067,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'),
@@ -2077,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
@@ -2087,7 +2075,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingQualityRange: volumeRenderingQualityRange,
-    serviceManager: serviceManager
+    servicesManager: servicesManager
   }))));
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/getWindowLevelActionMenu.tsx
@@ -2125,7 +2113,7 @@ function getWindowLevelActionMenu({
     verticalDirection: verticalDirection,
     horizontalDirection: horizontalDirection,
     commandsManager: commandsManager,
-    serviceManager: servicesManager,
+    servicesManager: servicesManager,
     colorbarProperties: colorbarProperties,
     displaySets: displaySets,
     volumeRenderingPresets: volumeRenderingPresets,
@@ -2213,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
@@ -2225,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.72b910ddbbd70b2f4c98.js → 682.bundle.ec07ec1bc2f69f9d0d94.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
@@ -26,6 +26,16 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-longi
 const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/initToolGroups.js
+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 initDefaultToolGroup(extensionManager, toolGroupService, commandsManager, toolGroupId, modeLabelConfig) {
   const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.tools');
   const {
@@ -180,6 +190,10 @@ function initSRToolGroup(extensionManager, toolGroupService) {
 }
 function initMPRToolGroup(extensionManager, toolGroupService, commandsManager, modeLabelConfig) {
   const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.tools');
+  const serviceManager = extensionManager._servicesManager;
+  const {
+    cornerstoneViewportService
+  } = serviceManager.services;
   const {
     toolNames,
     Enums
@@ -260,6 +274,16 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager, m
         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';
+          }
         }
       }
     }, {
@@ -608,6 +632,13 @@ const moreTools = [{
       tooltip: 'Angle',
       commands: setToolActiveToolbar,
       evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'CobbAngle',
+      icon: 'tool-angle',
+      label: 'Cobb Angle',
+      tooltip: 'Cobb Angle',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
     }), moreTools_createButton({
       id: 'Magnify',
       icon: 'tool-magnify',
@@ -646,7 +677,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.b50bfe586c0064d6fe8a.js → 699.bundle.2adb0c0ad7f7cb9e338a.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

package/dist/{669.bundle.03a5bd6ba84103d03fdd.js → 721.bundle.a210baa38d34b9bcacfd.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: []
+  };
+}
+
+
 /***/ })
 
 }]);

package/dist/{724.bundle.c5b6e5542a4668715b33.js → 776.bundle.9680d347bafb63f8688a.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[724],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[776],{
 
-/***/ 28724:
+/***/ 40776:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ tmtv_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/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',
@@ -528,7 +528,7 @@ function setFusionActiveVolume(matches, toolNames, toolGroupService, displaySetS
 }
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(92344);
-;// CONCATENATED MODULE: ../../../modes/tmtv/src/index.js
+;// CONCATENATED MODULE: ../../../modes/tmtv/src/index.ts
 
 
 
@@ -562,7 +562,7 @@ const extensionDependencies = {
   '@ohif/extension-cornerstone-dicom-seg': '^3.0.0',
   '@ohif/extension-tmtv': '^3.0.0'
 };
-let unsubscriptions = [];
+const unsubscriptions = [];
 function modeFactory({
   modeConfiguration
 }) {

package/dist/{862.bundle.4a0bd82b803ba158018f.js → 862.bundle.55dde21bab4c841b6259.js}

@@ -13,7 +13,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5085);
 /* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39371);
-/* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(219);
+/* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84222);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92136);
 /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80619);
 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); }