@ohif/app 3.10.0-beta.2 → 3.10.0-beta.20

package/dist/{1185.bundle.52f04f41c08dc5853aed.js → 1185.bundle.f5bdc6fbf5cf6e77f1ca.js}

@@ -931,8 +931,8 @@ __webpack_require__.r(types_namespaceObject);
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 82 modules
-var dist_esm = __webpack_require__(55139);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 85 modules
+var dist_esm = __webpack_require__(69489);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/enums.ts
 const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';
@@ -983,8 +983,8 @@ function initWADOImageLoader(userAuthenticationService, appConfig, extensionMana
 function destroy() {
   console.debug('Destroying WADO Image Loader');
 }
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 114 modules
-var default_src = __webpack_require__(71520);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 115 modules
+var default_src = __webpack_require__(55630);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
 var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getActiveViewportEnabledElement.ts
@@ -4408,9 +4408,9 @@ const initMeasurementService = (measurementService, displaySetService, cornersto
   /* Mappings */
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Length', Length.matchingCriteria, Length.toAnnotation, Length.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Crosshairs', Length.matchingCriteria, () => {
-    console.warn('Crosshairs mapping not implemented.');
+    return null;
   }, () => {
-    console.warn('Crosshairs mapping not implemented.');
+    return null;
   });
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Bidirectional', Bidirectional.matchingCriteria, Bidirectional.toAnnotation, Bidirectional.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'EllipticalROI', EllipticalROI.matchingCriteria, EllipticalROI.toAnnotation, EllipticalROI.toMeasurement);
@@ -5278,7 +5278,7 @@ function interleaveTopToBottom({
   const AllRequests = [];
   volumes.forEach(volume => {
     const requests = volume.getImageLoadRequests();
-    if (!requests.length || !requests[0] || !requests[0].imageId) {
+    if (!requests?.[0]?.imageId) {
       return;
     }
 
@@ -5652,6 +5652,8 @@ var useLutPresentationStore = __webpack_require__(10182);
 var usePositionPresentationStore = __webpack_require__(44646);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/stores/useSegmentationPresentationStore.ts + 1 modules
 var useSegmentationPresentationStore = __webpack_require__(2847);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 43 modules
+var esm_utilities = __webpack_require__(25242);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/init.tsx
 
 
@@ -5674,6 +5676,7 @@ var useSegmentationPresentationStore = __webpack_require__(2847);
 
 
 
+
 
 
 const {
@@ -5755,9 +5758,18 @@ async function init({
   const metadataProvider = src/* default.classes */.Ay.classes.MetadataProvider;
   esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingImageVolume', loaders/* cornerstoneStreamingImageVolumeLoader */.FC);
   esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingDynamicImageVolume', loaders/* cornerstoneStreamingDynamicImageVolumeLoader */.Mr);
-  hangingProtocolService.registerImageLoadStrategy('interleaveCenter', interleaveCenterLoader);
-  hangingProtocolService.registerImageLoadStrategy('interleaveTopToBottom', interleaveTopToBottom);
-  hangingProtocolService.registerImageLoadStrategy('nth', interleaveNthLoader);
+
+  // Register strategies using the wrapper
+  const imageLoadStrategies = {
+    interleaveCenter: interleaveCenterLoader,
+    interleaveTopToBottom: interleaveTopToBottom,
+    nth: interleaveNthLoader
+  };
+  Object.entries(imageLoadStrategies).forEach(([name, strategyFn]) => {
+    hangingProtocolService.registerImageLoadStrategy(name, createMetadataWrappedStrategy(strategyFn));
+  });
+
+  // ... existing code ...
 
   // add metadata providers
   esm.metaData.addProvider(esm.utilities.calibratedPixelSpacingMetadataProvider.get.bind(esm.utilities.calibratedPixelSpacingMetadataProvider)); // this provider is required for Calibration tool
@@ -5920,6 +5932,27 @@ function initializeWebWorkerProgressHandler(uiNotificationService) {
     }
   });
 }
+
+/**
+ * Creates a wrapped image load strategy with metadata handling
+ * @param strategyFn - The image loading strategy function to wrap
+ * @returns A wrapped strategy function that handles metadata configuration
+ */
+const createMetadataWrappedStrategy = strategyFn => {
+  return args => {
+    const clonedConfig = esm_utilities.imageRetrieveMetadataProvider.clone();
+    esm_utilities.imageRetrieveMetadataProvider.clear();
+    try {
+      const result = strategyFn(args);
+      return result;
+    } finally {
+      // Ensure metadata is always restored, even if there's an error
+      setTimeout(() => {
+        esm_utilities.imageRetrieveMetadataProvider.restore(clonedConfig);
+      }, 10);
+    }
+  };
+};
 function CPUModal() {
   return /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement("p", null, "Your computer does not have enough GPU power to support the default GPU rendering mode. OHIF has switched to CPU rendering mode. Please note that CPU rendering does not support all features such as Volume Rendering, Multiplanar Reconstruction, and Segmentation Overlays."));
 }
@@ -11679,12 +11712,13 @@ class SegmentationService extends src/* PubSubService */.Rc {
       } = segmentInfo;
       colorLUT.push(rgba);
       const segmentIndex = Number(SegmentNumber);
-      const imageCentroidXYZ = segDisplaySet.centroids.get(index).image || {
+      const centroid = segDisplaySet.centroids?.get(index);
+      const imageCentroidXYZ = centroid?.image || {
         x: 0,
         y: 0,
         z: 0
       };
-      const worldCentroidXYZ = segDisplaySet.centroids.get(index).world || {
+      const worldCentroidXYZ = centroid?.world || {
         x: 0,
         y: 0,
         z: 0
@@ -13305,6 +13339,20 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
    * individual resize observers
    */
   resize(isGridResize = false) {
+    // https://stackoverflow.com/a/26279685
+    // This resize() call, among other things, rerenders the viewports. But when the entire viewer is
+    // display: none'd, it makes the size of all hidden elements 0, including the viewport canvas and its containers.
+    // Even if the viewer is later displayed again, trying to render when the size is 0 permanently "breaks" the
+    // viewport, making it fully black even after the size is normal again. So just ignore resize events when hidden:
+    const areViewportsHidden = Array.from(this.viewportsById.values()).every(viewportInfo => {
+      const element = viewportInfo.getElement();
+      return element.clientWidth === 0 && element.clientHeight === 0;
+    });
+    if (areViewportsHidden) {
+      console.warn('Ignoring resize when viewports have size 0');
+      return;
+    }
+
     // if there is a grid resize happening, it means the viewport grid
     // has been manipulated (e.g., panels closed, added, etc.) and we need
     // to resize all viewports, so we will add a timeout here to make sure
@@ -14140,6 +14188,11 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
         id: viewportId
       }) => {
         const presentation = this._getPositionPresentation(viewportId);
+
+        // During a resize, the slice index should remain unchanged. This is a temporary fix for
+        // a larger issue regarding the definition of slice index with slab thickness.
+        // We need to revisit this to make it more robust and understandable.
+        delete presentation.viewReference?.sliceIndex;
         this.beforeResizePositionPresentations.set(viewportId, presentation);
       });
 
@@ -14148,7 +14201,7 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
       renderingEngine.resize(isImmediate);
       renderingEngine.render();
 
-      // Reset the camera for viewports that should reset their camera on resize,
+      // Reset the camera for all viewports using position presentation to maintain relative size/position
       // which means only those viewports that have a zoom level of 1.
       this.beforeResizePositionPresentations.forEach((positionPresentation, viewportId) => {
         this.setPresentations(viewportId, {
@@ -14905,10 +14958,6 @@ function getDicomMicroscopySopClassHandler({
 function getSopClassHandlerModule(params) {
   return [getDicomMicroscopySopClassHandler(params)];
 }
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 40 modules
-var esm_utilities = __webpack_require__(49035);
-// EXTERNAL MODULE: ../../../extensions/default/src/stores/useToggleOneUpViewportGridStore.ts
-var useToggleOneUpViewportGridStore = __webpack_require__(73325);
 // EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
 var lodash_debounce = __webpack_require__(62051);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
@@ -15359,6 +15408,57 @@ function PanelSegmentation({
     id: 'default.showAddSegment',
     showAddSegment: true
   });
+  const CustomDropdownMenuContent = customizationService.getCustomComponent('PanelSegmentation.CustomDropdownMenuContent', ({
+    activeSegmentation,
+    onSegmentationAdd,
+    onSegmentationRemoveFromViewport,
+    onSegmentationEdit,
+    onSegmentationDelete,
+    allowExport,
+    storeSegmentation,
+    onSegmentationDownload,
+    onSegmentationDownloadRTSS,
+    t
+  }) => /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuContent */.SQ, {
+    align: "start"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationAdd(activeSegmentation.id)
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Add, {
+    className: "text-foreground"
+  }), /*#__PURE__*/react.createElement("span", {
+    className: "pl-2"
+  }, t('Create New Segmentation'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSeparator */.mB, null), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuLabel */.lp, null, t('Manage Current Segmentation')), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationRemoveFromViewport(activeSegmentation.id)
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Series, {
+    className: "text-foreground"
+  }), /*#__PURE__*/react.createElement("span", {
+    className: "pl-2"
+  }, t('Remove from Viewport'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationEdit(activeSegmentation.id)
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Rename, {
+    className: "text-foreground"
+  }), /*#__PURE__*/react.createElement("span", {
+    className: "pl-2"
+  }, t('Rename'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSub */.lv, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSubTrigger */.nV, {
+    disabled: !allowExport,
+    className: "pl-1"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Export, {
+    className: "text-foreground"
+  }), /*#__PURE__*/react.createElement("span", {
+    className: "pl-2"
+  }, t('Export & Download'))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuPortal */.dc, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSubContent */.M5, null, /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => storeSegmentation(activeSegmentation.id)
+  }, t('Export DICOM SEG')), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationDownload(activeSegmentation.id)
+  }, t('Download DICOM SEG')), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationDownloadRTSS(activeSegmentation.id)
+  }, t('Download DICOM RTSTRUCT'))))), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuSeparator */.mB, null), /*#__PURE__*/react.createElement(ui_next_src/* DropdownMenuItem */._2, {
+    onClick: () => onSegmentationDelete(activeSegmentation.id)
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Delete, {
+    className: "text-red-600"
+  }), /*#__PURE__*/react.createElement("span", {
+    className: "pl-2 text-red-600"
+  }, t('Delete')))));
   const exportOptions = segmentationsWithRepresentations.map(({
     segmentation
   }) => {
@@ -15421,7 +15521,7 @@ function PanelSegmentation({
     setRenderOutline: handlers.setRenderOutline,
     setFillAlphaInactive: handlers.setFillAlphaInactive,
     renderInactiveSegmentations: handlers.getRenderInactiveSegmentations()
-  }, children, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Config, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentationRow, null), SegmentationTableMode === 'collapsed' ? /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Collapsed, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.SelectorHeader, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentRow, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null)) : /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Expanded, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Header, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null))));
+  }, children, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Config, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentationRow, null), SegmentationTableMode === 'collapsed' ? /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Collapsed, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.SelectorHeader, null, /*#__PURE__*/react.createElement(CustomDropdownMenuContent, null)), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.AddSegmentRow, null), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null)) : /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Expanded, null, /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Header, null, /*#__PURE__*/react.createElement(CustomDropdownMenuContent, null)), /*#__PURE__*/react.createElement(ui_next_src/* SegmentationTable */.R4.Segments, null))));
 }
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
@@ -16738,7 +16838,7 @@ const cornerstoneExtension = {
     useLutPresentationStore/* useLutPresentationStore */.I.getState().clearLutPresentationStore();
     usePositionPresentationStore/* usePositionPresentationStore */.q.getState().clearPositionPresentationStore();
     useSynchronizersStore/* useSynchronizersStore */.U.getState().clearSynchronizersStore();
-    useToggleOneUpViewportGridStore/* useToggleOneUpViewportGridStore */.Y.getState().clearToggleOneUpViewportGridStore();
+    default_src.useToggleOneUpViewportGridStore.getState().clearToggleOneUpViewportGridStore();
     useSegmentationPresentationStore/* useSegmentationPresentationStore */.v.getState().clearSegmentationPresentationStore();
     segmentationService.removeAllSegmentations();
   },
@@ -16992,8 +17092,8 @@ const addUniqueIndex = (arr, key, viewports, isUpdatingSameViewport) => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   I: () => (/* binding */ useLutPresentationStore)
 /* harmony export */ });
-/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95759);
-/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39100);
+/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78713);
+/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21978);
 /* harmony import */ var _presentationUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46026);
 
 
@@ -17107,8 +17207,8 @@ const useLutPresentationStore = (0,zustand__WEBPACK_IMPORTED_MODULE_0__/* .creat
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   q: () => (/* binding */ usePositionPresentationStore)
 /* harmony export */ });
-/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95759);
-/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39100);
+/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78713);
+/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21978);
 /* harmony import */ var _presentationUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46026);
 
 
@@ -17221,10 +17321,10 @@ __webpack_require__.d(__webpack_exports__, {
   v: () => (/* binding */ useSegmentationPresentationStore)
 });
 
-// EXTERNAL MODULE: ../node_modules/zustand/esm/index.mjs + 1 modules
-var esm = __webpack_require__(95759);
-// EXTERNAL MODULE: ../node_modules/zustand/esm/middleware.mjs
-var middleware = __webpack_require__(39100);
+// EXTERNAL MODULE: ../../../node_modules/zustand/esm/index.mjs + 1 modules
+var esm = __webpack_require__(78713);
+// EXTERNAL MODULE: ../../../node_modules/zustand/esm/middleware.mjs
+var middleware = __webpack_require__(21978);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/stores/presentationUtils.ts
 var presentationUtils = __webpack_require__(46026);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
@@ -17427,8 +17527,8 @@ const useSegmentationPresentationStore = (0,esm/* create */.vt)()(DEBUG_STORE ?
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   U: () => (/* binding */ useSynchronizersStore)
 /* harmony export */ });
-/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95759);
-/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39100);
+/* harmony import */ var zustand__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78713);
+/* harmony import */ var zustand_middleware__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21978);
 
 
 

package/dist/{1266.bundle.4f06772fcf6b303d894d.js → 1266.bundle.723b1e14a8c03300ca49.js}

@@ -762,6 +762,11 @@ const performCustomizations = customizationService => {
     id: 'PanelSegmentation.disableEditing',
     disableEditing: true
   }
+  // to only show current study in the panel study browser
+  // {
+  //   id: 'PanelStudyBrowser.studyMode',
+  //   mode: 'primary',
+  // },
   // To disable editing in the MeasurementTable
   // {
   //   id: 'PanelMeasurement.disableEditing',
@@ -778,6 +783,31 @@ const performCustomizations = customizationService => {
   //       { value: 'Toe', label: 'Toe' },
   //     ],
   //   },
+  /**
+   * Custom Dropdown Menu Item
+   */
+  // {
+  //   id: 'PanelSegmentation.CustomDropdownMenuContent',
+  //   content: ({
+  //     activeSegmentation,
+  //     onSegmentationAdd,
+  //     onSegmentationRemoveFromViewport,
+  //     onSegmentationEdit,
+  //     onSegmentationDelete,
+  //     allowExport,
+  //     storeSegmentation,
+  //     onSegmentationDownload,
+  //     onSegmentationDownloadRTSS,
+  //     t,
+  //   }) => (
+  //     <DropdownMenuContent align="start">
+  //       <DropdownMenuItem onClick={() => onSegmentationDelete(activeSegmentation.id)}>
+  //         <Icons.Delete className="text-red-600" />
+  //         <span className="pl-2 text-red-600">{t('My Custom Dropdown Menu Item')}</span>
+  //       </DropdownMenuItem>
+  //     </DropdownMenuContent>
+  //   ),
+  // },
   ]);
 };
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/index.ts

package/dist/1266.css

@@ -1,4 +1,4 @@
 .dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{border-top:1px solid #ddd;color:#fff;padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden;padding-bottom:50px;width:100%}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{color:"#20A5D6";padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
 .chrome-picker{background:#090c29!important}
 .viewport-overlay{max-width:40%}.viewport-overlay span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-overlay.left-viewport{text-align:left}.viewport-overlay.right-viewport-scrollbar{text-align:right}.viewport-overlay.right-viewport-scrollbar .flex.flex-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
-.dicom-upload-drop-area-border-dash{background-image:repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 3px,20px 3px,3px 20px,3px 20px}
+.dicom-upload-drop-area-border-dash{background-image:repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 3px,20px 3px,3px 20px,3px 20px}

package/dist/1801.css

@@ -1,4 +1,4 @@
 .dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{border-top:1px solid #ddd;color:#fff;padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden;padding-bottom:50px;width:100%}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{color:"#20A5D6";padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}
 .chrome-picker{background:#090c29!important}
 .viewport-overlay{max-width:40%}.viewport-overlay span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-overlay.left-viewport{text-align:left}.viewport-overlay.right-viewport-scrollbar{text-align:right}.viewport-overlay.right-viewport-scrollbar .flex.flex-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
-.dicom-upload-drop-area-border-dash{background-image:repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,transparent 0,transparent);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 3px,20px 3px,3px 20px,3px 20px}
+.dicom-upload-drop-area-border-dash{background-image:repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(90deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000),repeating-linear-gradient(180deg,#7bb2ce 0,#7bb2ce 50%,#0000 0,#0000);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:20px 3px,20px 3px,3px 20px,3px 20px}

package/dist/{1927.bundle.49539e3ab5b0aad1399c.js → 1927.bundle.c55edd5a362e7d79e23d.js}

@@ -172,7 +172,7 @@
 /******/ 		// This function allow to reference async chunks and sibling chunks for the entrypoint
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","4571":"3b1691730b3c57bf4d35","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","4571":"142e8f6150bf81f1b7d2","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/{2701.bundle.8c1ff2e0faaa7d2f4716.js → 2701.bundle.caa28a0b2f7e0b79088a.js}

@@ -31,6 +31,8 @@ var hydrateStructuredReport = __webpack_require__(22989);
 var state = __webpack_require__(45981);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/createReferencedImageDisplaySet.ts
 var createReferencedImageDisplaySet = __webpack_require__(92643);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 105 modules
+var cornerstone_src = __webpack_require__(11185);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/components/OHIFCornerstoneSRMeasurementViewport.tsx
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 
@@ -42,11 +44,11 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 
+
 const MEASUREMENT_TRACKING_EXTENSION_ID = '@ohif/extension-measurement-tracking';
 const SR_TOOLGROUP_BASE_NAME = 'SRToolGroup';
 function OHIFCornerstoneSRMeasurementViewport(props) {
   const {
-    commandsManager,
     children,
     dataSource,
     displaySets,
@@ -57,7 +59,6 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
   const [appConfig] = (0,state/* useAppConfig */.r)();
   const {
     displaySetService,
-    cornerstoneViewportService,
     measurementService,
     viewportActionCornersService
   } = servicesManager.services;
@@ -68,6 +69,9 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
     throw new Error('SR viewport should only have a single display set');
   }
   const srDisplaySet = displaySets[0];
+  const {
+    setPositionPresentation
+  } = (0,cornerstone_src.usePositionPresentationStore)();
   const [viewportGrid, viewportGridService] = (0,ui_src/* useViewportGrid */.ih)();
   const [measurementSelected, setMeasurementSelected] = (0,react.useState)(0);
   const [measurementCount, setMeasurementCount] = (0,react.useState)(1);
@@ -171,25 +175,15 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
       setMeasurementSelected(newMeasurementSelected);
       setActiveImageDisplaySetData(referencedDisplaySet);
       setReferencedDisplaySetMetadata(referencedDisplaySetMetadata);
-      if (referencedDisplaySet.displaySetInstanceUID === activeImageDisplaySetData?.displaySetInstanceUID) {
-        const {
-          measurements
-        } = srDisplaySet;
-
-        // it means that we have a new referenced display set, and the
-        // imageIdIndex will handle it by updating the viewport, but if they
-        // are the same we just need to use measurementService to jump to the
-        // new measurement
-        const csViewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-        if (!csViewport) {
-          return;
-        }
-        const imageIds = csViewport.getImageIds();
-        const imageIdIndex = imageIds.indexOf(measurements[newMeasurementSelected].imageId);
-        if (imageIdIndex !== -1) {
-          csViewport.setImageIdIndex(imageIdIndex);
+      const {
+        presentationIds
+      } = viewportOptions;
+      const measurement = srDisplaySet.measurements[newMeasurementSelected];
+      setPositionPresentation(presentationIds.positionPresentationId, {
+        viewReference: {
+          referencedImageId: measurement.imageId
         }
-      }
+      });
     });
   }, [dataSource, srDisplaySet, activeImageDisplaySetData, viewportId]);
   const getCornerstoneViewport = (0,react.useCallback)(() => {
@@ -206,7 +200,6 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
     if (!measurement) {
       return null;
     }
-    const initialImageIndex = activeImageDisplaySetData.images.findIndex(image => image.imageId === measurement.imageId);
     return /*#__PURE__*/react.createElement(Component, _extends({}, props, {
       // should be passed second since we don't want SR displaySet to
       // override the activeImageDisplaySetData
@@ -230,7 +223,6 @@ function OHIFCornerstoneSRMeasurementViewport(props) {
         props.onElementEnabled?.(evt);
         onElementEnabled(evt);
       },
-      initialImageIndex: initialImageIndex,
       isJumpToMeasurementDisabled: true
     }));
   }, [activeImageDisplaySetData, viewportId, measurementSelected]);