@ohif/app 3.8.0-beta.54 → 3.8.0-beta.56

package/dist/{290.bundle.83733eacedfae557e8cf.js → 963.bundle.5d3306618aebb63887f5.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[290],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[963],{
 
-/***/ 21290:
+/***/ 34963:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -24,7 +24,7 @@ __webpack_require__.d(utils_namespaceObject, {
   getDisplayUnit: () => (utils_getDisplayUnit),
   getFirstAnnotationSelected: () => (getFirstAnnotationSelected),
   getHandlesFromPoints: () => (getHandlesFromPoints),
-  getSOPInstanceAttributes: () => (getSOPInstanceAttributes/* default */.Z),
+  getSOPInstanceAttributes: () => (getSOPInstanceAttributes/* default */.A),
   isAnnotationSelected: () => (isAnnotationSelected),
   setAnnotationSelected: () => (setAnnotationSelected)
 });
@@ -34,20 +34,20 @@ var types_namespaceObject = {};
 __webpack_require__.r(types_namespaceObject);
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 376 modules
-var esm = __webpack_require__(64225);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 454 modules
-var dist_esm = __webpack_require__(76634);
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+var react = __webpack_require__(41766);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
+var esm = __webpack_require__(11953);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
+var dist_esm = __webpack_require__(39371);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
-var streaming_image_volume_loader_dist_esm = __webpack_require__(15793);
+var streaming_image_volume_loader_dist_esm = __webpack_require__(23722);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/dynamic-import/cornerstoneDICOMImageLoader.min.js
-var cornerstoneDICOMImageLoader_min = __webpack_require__(61539);
+var cornerstoneDICOMImageLoader_min = __webpack_require__(54578);
 var cornerstoneDICOMImageLoader_min_default = /*#__PURE__*/__webpack_require__.n(cornerstoneDICOMImageLoader_min);
 // EXTERNAL MODULE: ../../../node_modules/dicom-parser/dist/dicomParser.min.js
-var dicomParser_min = __webpack_require__(56660);
+var dicomParser_min = __webpack_require__(45561);
 var dicomParser_min_default = /*#__PURE__*/__webpack_require__.n(dicomParser_min);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initWADOImageLoader.js
 
@@ -80,7 +80,7 @@ function initWebWorkers(appConfig) {
 function initWADOImageLoader(userAuthenticationService, appConfig, extensionManager) {
   (cornerstoneDICOMImageLoader_min_default()).external.cornerstone = esm;
   (cornerstoneDICOMImageLoader_min_default()).external.dicomParser = (dicomParser_min_default());
-  registerVolumeLoader('cornerstoneStreamingImageVolume', streaming_image_volume_loader_dist_esm/* cornerstoneStreamingImageVolumeLoader */.IU);
+  registerVolumeLoader('cornerstoneStreamingImageVolume', streaming_image_volume_loader_dist_esm/* cornerstoneStreamingImageVolumeLoader */.FC);
   cornerstoneDICOMImageLoader_min_default().configure({
     decodeConfig: {
       // !! IMPORTANT !!
@@ -105,7 +105,7 @@ function initWADOImageLoader(userAuthenticationService, appConfig, extensionMana
       return xhrRequestHeaders;
     },
     errorInterceptor: error => {
-      src/* errorHandler */.Po.getHTTPErrorHandler(error);
+      src/* errorHandler */.r_.getHTTPErrorHandler(error);
     }
   });
   initWebWorkers(appConfig);
@@ -120,7 +120,7 @@ function destroy() {
   webWorkers.length = 0;
 }
 // EXTERNAL MODULE: ../../ui/src/index.js + 487 modules
-var ui_src = __webpack_require__(18414);
+var ui_src = __webpack_require__(55395);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/callInputDialog.tsx
 
 
@@ -170,7 +170,7 @@ function callInputDialog(uiDialogService, data, callback, isArrowAnnotateInputDi
       centralize: true,
       isDraggable: false,
       showOverlay: true,
-      content: ui_src/* Dialog */.Vq,
+      content: ui_src/* Dialog */.lG,
       contentProps: {
         title: dialogTitle,
         value: {
@@ -183,18 +183,18 @@ function callInputDialog(uiDialogService, data, callback, isArrowAnnotateInputDi
         actions: [{
           id: 'cancel',
           text: 'Cancel',
-          type: ui_src/* ButtonEnums.type */.LZ.dt.secondary
+          type: ui_src/* ButtonEnums.type */.Ny.NW.secondary
         }, {
           id: 'save',
           text: 'Save',
-          type: ui_src/* ButtonEnums.type */.LZ.dt.primary
+          type: ui_src/* ButtonEnums.type */.Ny.NW.primary
         }],
         onSubmit: onSubmitHandler,
         body: ({
           value,
           setValue
         }) => {
-          return /*#__PURE__*/react.createElement(ui_src/* Input */.II, {
+          return /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
             autoFocus: true,
             className: "border-primary-main bg-black",
             type: "text",
@@ -227,7 +227,7 @@ function callInputDialog(uiDialogService, data, callback, isArrowAnnotateInputDi
 }
 /* harmony default export */ const utils_callInputDialog = (callInputDialog);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
-var state = __webpack_require__(73704);
+var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getActiveViewportEnabledElement.ts
 
 
@@ -237,7 +237,7 @@ function getActiveViewportEnabledElement(viewportGridService) {
   } = viewportGridService.getState();
   const {
     element
-  } = (0,state/* getEnabledElement */.K8)(activeViewportId) || {};
+  } = (0,state/* getEnabledElement */.kJ)(activeViewportId) || {};
   const enabledElement = (0,esm.getEnabledElement)(element);
   return enabledElement;
 }
@@ -348,7 +348,7 @@ function onCompletedCalibrationLine(servicesManager, csToolsEvent) {
   });
 }
 // EXTERNAL MODULE: ../../core/src/utils/index.js + 26 modules
-var utils = __webpack_require__(3225);
+var utils = __webpack_require__(17541);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/tools/OverlayPlaneModuleProvider.ts
 
 const _cachedOverlayMetadata = new Map();
@@ -522,7 +522,7 @@ class ImageOverlayViewerTool extends dist_esm.AnnotationDisplayTool {
       } else if (overlay.pixelData.retrieveBulkData) {
         pixelData = await overlay.pixelData.retrieveBulkData();
       } else if (overlay.pixelData.InlineBinary) {
-        const blob = (0,utils/* b64toBlob */.Mi)(overlay.pixelData.InlineBinary);
+        const blob = (0,utils/* b64toBlob */.Vk)(overlay.pixelData.InlineBinary);
         const arrayBuffer = await blob.arrayBuffer();
         pixelData = arrayBuffer;
       }
@@ -535,7 +535,7 @@ class ImageOverlayViewerTool extends dist_esm.AnnotationDisplayTool {
       }, overlay.color || color, pixelData);
       return {
         ...overlay,
-        _id: (0,utils/* guid */.M8)(),
+        _id: (0,utils/* guid */.Os)(),
         dataUrl,
         // this will be a data url expression of the rendered image
         color
@@ -690,7 +690,7 @@ const toolNames = {
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/constants/supportedTools.js
 /* harmony default export */ const supportedTools = (['Length', 'EllipticalROI', 'CircleROI', 'Bidirectional', 'ArrowAnnotate', 'Angle', 'CobbAngle', 'Probe', 'RectangleROI', 'PlanarFreehandROI']);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
-var getSOPInstanceAttributes = __webpack_require__(87172);
+var getSOPInstanceAttributes = __webpack_require__(1663);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/Length.ts
 
 
@@ -730,7 +730,7 @@ const Length = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, cornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, cornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -789,7 +789,7 @@ function getMappedAnnotations(annotation, displaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -969,7 +969,7 @@ const Bidirectional = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, cornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, cornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1029,7 +1029,7 @@ function Bidirectional_getMappedAnnotations(annotation, displaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -1152,7 +1152,7 @@ const EllipticalROI = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, cornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, cornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1212,7 +1212,7 @@ function EllipticalROI_getMappedAnnotations(annotation, displaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -1363,7 +1363,7 @@ const CircleROI = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, CornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, CornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1423,7 +1423,7 @@ function CircleROI_getMappedAnnotations(annotation, DisplaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -1580,7 +1580,7 @@ const ArrowAnnotate_Length = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, cornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, cornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1631,7 +1631,7 @@ function ArrowAnnotate_getMappedAnnotations(annotation, displaySetService) {
     SOPInstanceUID,
     SeriesInstanceUID,
     frameNumber
-  } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+  } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
   const displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
   const {
     SeriesNumber
@@ -1708,7 +1708,7 @@ const CobbAngle = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, CornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, CornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1767,7 +1767,7 @@ function CobbAngle_getMappedAnnotations(annotation, DisplaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -1893,7 +1893,7 @@ const Angle = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, CornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, CornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = displaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -1952,7 +1952,7 @@ function Angle_getMappedAnnotations(annotation, DisplaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -2076,7 +2076,7 @@ const PlanarFreehandROI = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, CornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, CornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -2135,7 +2135,7 @@ function PlanarFreehandROI_getMappedAnnotations(annotationData, DisplaySetServic
   const {
     SOPInstanceUID: _SOPInstanceUID,
     SeriesInstanceUID: _SeriesInstanceUID
-  } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId) || {};
+  } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId) || {};
   if (!_SOPInstanceUID || !_SeriesInstanceUID) {
     return annotations;
   }
@@ -2208,7 +2208,7 @@ const RectangleROI = {
       SOPInstanceUID,
       SeriesInstanceUID,
       StudyInstanceUID
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId, CornerstoneViewportService, viewportId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId, CornerstoneViewportService, viewportId);
     let displaySet;
     if (SOPInstanceUID) {
       displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
@@ -2268,7 +2268,7 @@ function RectangleROI_getMappedAnnotations(annotation, DisplaySetService) {
       SOPInstanceUID,
       SeriesInstanceUID,
       frameNumber
-    } = (0,getSOPInstanceAttributes/* default */.Z)(referencedImageId);
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
     const displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID, frameNumber);
     const {
       SeriesNumber
@@ -2768,7 +2768,7 @@ const connectMeasurementServiceToTools = (measurementService, cornerstoneViewpor
     let frameNumber = 1;
     if (measurement?.metadata?.referencedImageId) {
       imageId = measurement.metadata.referencedImageId;
-      frameNumber = (0,getSOPInstanceAttributes/* default */.Z)(measurement.metadata.referencedImageId).frameNumber;
+      frameNumber = (0,getSOPInstanceAttributes/* default */.A)(measurement.metadata.referencedImageId).frameNumber;
     } else {
       imageId = dataSource.getImageIdsForInstance({
         instance
@@ -2880,7 +2880,7 @@ function getInterleavedFrames(imageIds) {
   return imageIdsToPrefetch;
 }
 // EXTERNAL MODULE: ../../../node_modules/lodash/lodash.js
-var lodash = __webpack_require__(44379);
+var lodash = __webpack_require__(5517);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/interleaveCenterLoader.ts
 
 
@@ -3413,7 +3413,7 @@ function initContextMenu({
       return;
     }
     // TODO check update upstream
-    (0,state/* setEnabledElement */.Yc)(viewportId, element);
+    (0,state/* setEnabledElement */.ye)(viewportId, element);
     element.addEventListener(cs3DToolsEvents.MOUSE_CLICK, cornerstoneViewportHandleClick);
   }
   function elementDisabledHandler(evt) {
@@ -3498,10 +3498,7 @@ function initDoubleClick({
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/initViewTiming.ts
 
 
-const {
-  TimingEnum
-} = src.Types;
-const IMAGE_TIMING_KEYS = [TimingEnum.DISPLAY_SETS_TO_ALL_IMAGES, TimingEnum.DISPLAY_SETS_TO_FIRST_IMAGE, TimingEnum.STUDY_TO_FIRST_IMAGE];
+const IMAGE_TIMING_KEYS = [];
 const imageTiming = {
   viewportsWaiting: 0
 };
@@ -3518,7 +3515,15 @@ const imageTiming = {
 function initViewTiming({
   element
 }) {
-  if (!IMAGE_TIMING_KEYS.find(key => src/* log */.cM.timingKeys[key])) {
+  if (!IMAGE_TIMING_KEYS.length) {
+    // Work around a bug in WebPack that doesn't getting the enums initialized
+    // quite fast enough to be declared statically.
+    const {
+      TimingEnum
+    } = src.Enums;
+    IMAGE_TIMING_KEYS.push(TimingEnum.DISPLAY_SETS_TO_ALL_IMAGES, TimingEnum.DISPLAY_SETS_TO_FIRST_IMAGE, TimingEnum.STUDY_TO_FIRST_IMAGE);
+  }
+  if (!IMAGE_TIMING_KEYS.find(key => src/* log */.Rm.timingKeys[key])) {
     return;
   }
   imageTiming.viewportsWaiting += 1;
@@ -3528,13 +3533,16 @@ function imageRenderedListener(evt) {
   if (evt.detail.viewportStatus === 'preRender') {
     return;
   }
-  src/* log */.cM.timeEnd(TimingEnum.DISPLAY_SETS_TO_FIRST_IMAGE);
-  src/* log */.cM.timeEnd(TimingEnum.STUDY_TO_FIRST_IMAGE);
-  src/* log */.cM.timeEnd(TimingEnum.SCRIPT_TO_VIEW);
+  const {
+    TimingEnum
+  } = src.Enums;
+  src/* log */.Rm.timeEnd(TimingEnum.DISPLAY_SETS_TO_FIRST_IMAGE);
+  src/* log */.Rm.timeEnd(TimingEnum.STUDY_TO_FIRST_IMAGE);
+  src/* log */.Rm.timeEnd(TimingEnum.SCRIPT_TO_VIEW);
   imageTiming.viewportsWaiting -= 1;
   evt.detail.element.removeEventListener(esm.EVENTS.IMAGE_RENDERED, imageRenderedListener);
   if (!imageTiming.viewportsWaiting) {
-    src/* log */.cM.timeEnd(TimingEnum.DISPLAY_SETS_TO_ALL_IMAGES);
+    src/* log */.Rm.timeEnd(TimingEnum.DISPLAY_SETS_TO_ALL_IMAGES);
   }
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/init.tsx
@@ -3664,8 +3672,8 @@ async function init({
     outlineOpacity: 1,
     outlineOpacityInactive: 0.65
   });
-  const metadataProvider = src["default"].classes.MetadataProvider;
-  esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingImageVolume', streaming_image_volume_loader_dist_esm/* cornerstoneStreamingImageVolumeLoader */.IU);
+  const metadataProvider = src/* default.classes */.Ay.classes.MetadataProvider;
+  esm.volumeLoader.registerVolumeLoader('cornerstoneStreamingImageVolume', streaming_image_volume_loader_dist_esm/* cornerstoneStreamingImageVolumeLoader */.FC);
   hangingProtocolService.registerImageLoadStrategy('interleaveCenter', interleaveCenterLoader);
   hangingProtocolService.registerImageLoadStrategy('interleaveTopToBottom', interleaveTopToBottom);
   hangingProtocolService.registerImageLoadStrategy('nth', interleaveNthLoader);
@@ -3704,6 +3712,16 @@ async function init({
       cornerstoneViewportService.setVolumesForViewport(viewport, volumeInputArray, presentations);
     }
   });
+
+  // resize the cornerstone viewport service when the grid size changes
+  // IMPORTANT: this should happen outside of the OHIFCornerstoneViewport
+  // since it will trigger a rerender of each viewport and each resizing
+  // the offscreen canvas which would result in a performance hit, this should
+  // done only once per grid resize here. Doing it once here, allows us to reduce
+  // the refreshRage(in ms) to 10 from 50. I tried with even 1 or 5 ms it worked fine
+  viewportGridService.subscribe(viewportGridService.EVENTS.GRID_SIZE_CHANGED, () => {
+    cornerstoneViewportService.resize(true);
+  });
   src_initContextMenu({
     cornerstoneViewportService,
     customizationService,
@@ -3767,7 +3785,7 @@ async function init({
   const imageLoadFailedHandler = ({
     detail
   }) => {
-    const handler = src/* errorHandler */.Po.getHTTPErrorHandler();
+    const handler = src/* errorHandler */.r_.getHTTPErrorHandler();
     handler(detail.error);
   };
   const resetCrosshairs = evt => {
@@ -3849,12 +3867,12 @@ function _showCPURenderingModal(uiModalService, hangingProtocolService) {
   });
 }
 // EXTERNAL MODULE: ../../../node_modules/react-dropzone/dist/es/index.js + 5 modules
-var es = __webpack_require__(74834);
+var es = __webpack_require__(5013);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(3827);
+var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(33901);
+var classnames = __webpack_require__(61466);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/DicomFileUploader.ts
 
@@ -3878,7 +3896,7 @@ class UploadRejection {
     this.status = status;
   }
 }
-class DicomFileUploader extends src/* PubSubService */.hC {
+class DicomFileUploader extends src/* PubSubService */.Rc {
   constructor(file, dataSource) {
     super(EVENTS);
     this._file = void 0;
@@ -4042,20 +4060,20 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
   const getStatusIcon = () => {
     switch (dicomFileUploader.getStatus()) {
       case UploadStatus.Success:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
           name: "status-tracked",
           className: "text-primary-light"
         });
       case UploadStatus.InProgress:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
           name: "icon-transferring"
         });
       case UploadStatus.Failed:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
           name: "icon-alert-small"
         });
       case UploadStatus.Cancelled:
-        return /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+        return /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
           name: "icon-alert-outline"
         });
       default:
@@ -4080,7 +4098,7 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
     className: "w-10 text-right"
   }, percentComplete, "%"), /*#__PURE__*/react.createElement("div", {
     className: "ml-auto flex cursor-pointer"
-  }, /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+  }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
     className: "text-primary-active self-center",
     name: "close",
     onClick: cancelUpload
@@ -4310,7 +4328,7 @@ function DicomUploadProgress({
       className: "bg-primary-dark flex h-14 items-center px-1 pb-4 text-lg"
     }, numFilesCompleted === dicomFileUploaderArr.length ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("span", {
       className: NO_WRAP_ELLIPSIS_CLASS_NAMES
-    }, `${dicomFileUploaderArr.length} ${dicomFileUploaderArr.length > 1 ? 'files' : 'file'} completed.`), /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
+    }, `${dicomFileUploaderArr.length} ${dicomFileUploaderArr.length > 1 ? 'files' : 'file'} completed.`), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
       disabled: false,
       className: "ml-auto",
       onClick: onComplete
@@ -4331,7 +4349,7 @@ function DicomUploadProgress({
       className: "ml-auto flex w-6 justify-center"
     }, numFails > 0 && /*#__PURE__*/react.createElement("div", {
       onClick: () => setShowFailedOnly(currentShowFailedOnly => !currentShowFailedOnly)
-    }, /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
+    }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
       className: "cursor-pointer",
       name: "icon-status-alert"
     })));
@@ -4346,7 +4364,7 @@ function DicomUploadProgress({
     }, numFails > 0 ? `Completed with ${numFails} ${numFails > 1 ? 'errors' : 'error'}!` : 'Completed!'), getShowFailedOnlyIconComponent()) : /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
       ref: progressBarContainerRef,
       className: "flex-grow"
-    }, /*#__PURE__*/react.createElement(ui_src/* ProgressLoadingBar */.YE, {
+    }, /*#__PURE__*/react.createElement(ui_src/* ProgressLoadingBar */.dD, {
       progress: showInfiniteProgressBar() ? undefined : Math.min(100, percentComplete)
     })), /*#__PURE__*/react.createElement("div", {
       className: "ml-1 flex w-24 items-center"
@@ -4395,7 +4413,7 @@ function DicomUpload({
     setDicomFileUploaderArr(acceptedFiles.map(file => new DicomFileUploader(file, dataSource)));
   }, []);
   const getDropZoneComponent = () => {
-    return /*#__PURE__*/react.createElement(es/* default */.Z, {
+    return /*#__PURE__*/react.createElement(es/* default */.A, {
       onDrop: acceptedFiles => {
         onDrop(acceptedFiles);
       },
@@ -4406,23 +4424,23 @@ function DicomUpload({
       className: "dicom-upload-drop-area-border-dash m-5 flex h-full flex-col items-center justify-center"
     }), /*#__PURE__*/react.createElement("div", {
       className: "flex gap-3"
-    }, /*#__PURE__*/react.createElement(es/* default */.Z, {
+    }, /*#__PURE__*/react.createElement(es/* default */.A, {
       onDrop: onDrop,
       noDrag: true
     }, ({
       getRootProps,
       getInputProps
-    }) => /*#__PURE__*/react.createElement("div", getRootProps(), /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
+    }) => /*#__PURE__*/react.createElement("div", getRootProps(), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
       disabled: false,
       onClick: () => {}
-    }, 'Add files', /*#__PURE__*/react.createElement("input", getInputProps())))), /*#__PURE__*/react.createElement(es/* default */.Z, {
+    }, 'Add files', /*#__PURE__*/react.createElement("input", getInputProps())))), /*#__PURE__*/react.createElement(es/* default */.A, {
       onDrop: onDrop,
       noDrag: true
     }, ({
       getRootProps,
       getInputProps
-    }) => /*#__PURE__*/react.createElement("div", getRootProps(), /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
-      type: ui_src/* ButtonEnums.type */.LZ.dt.secondary,
+    }) => /*#__PURE__*/react.createElement("div", getRootProps(), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       disabled: false,
       onClick: () => {}
     }, 'Add folder', /*#__PURE__*/react.createElement("input", _extends({}, getInputProps(), {
@@ -4493,10 +4511,10 @@ function getCustomizationModule() {
   }];
 }
 /* harmony default export */ const src_getCustomizationModule = (getCustomizationModule);
-// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 10 modules
-var gl_matrix_esm = __webpack_require__(45451);
+// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js
+var gl_matrix_esm = __webpack_require__(84822);
 // EXTERNAL MODULE: ../../../node_modules/html2canvas/dist/html2canvas.esm.js
-var html2canvas_esm = __webpack_require__(76010);
+var html2canvas_esm = __webpack_require__(90445);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/CornerstoneViewportDownloadForm.tsx
 
 
@@ -4514,7 +4532,7 @@ const CornerstoneViewportDownloadForm = ({
   activeViewportId: activeViewportIdProp,
   cornerstoneViewportService
 }) => {
-  const enabledElement = (0,state/* getEnabledElement */.K8)(activeViewportIdProp);
+  const enabledElement = (0,state/* getEnabledElement */.kJ)(activeViewportIdProp);
   const activeViewportElement = enabledElement?.element;
   const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
   const {
@@ -4591,6 +4609,7 @@ const CornerstoneViewportDownloadForm = ({
     renderingEngine.resize();
 
     // Trigger the render on the viewport to update the on screen
+    downloadViewport.resetCamera();
     downloadViewport.render();
     downloadViewportElement.addEventListener(esm.Enums.Events.IMAGE_RENDERED, function updateViewport(event) {
       const enabledElement = (0,esm.getEnabledElement)(event.target);
@@ -4697,19 +4716,18 @@ const CornerstoneViewportDownloadForm = ({
   const downloadBlob = (filename, fileType) => {
     const file = `${filename}.${fileType}`;
     const divForDownloadViewport = document.querySelector(`div[data-viewport-uid="${VIEWPORT_ID}"]`);
-    (0,html2canvas_esm/* default */.Z)(divForDownloadViewport).then(canvas => {
+    (0,html2canvas_esm/* default */.A)(divForDownloadViewport).then(canvas => {
       const link = document.createElement('a');
       link.download = file;
       link.href = canvas.toDataURL(fileType, 1.0);
       link.click();
     });
   };
-  return /*#__PURE__*/react.createElement(ui_src/* ViewportDownloadForm */.mQ, {
+  return /*#__PURE__*/react.createElement(ui_src/* ViewportDownloadForm */.VS, {
     onClose: onClose,
     minimumSize: MINIMUM_SIZE,
     maximumSize: MAX_TEXTURE_SIZE,
     defaultSize: DEFAULT_SIZE,
-    canvasClass: 'cornerstone-canvas',
     activeViewportElement: activeViewportElement,
     enableViewport: enableViewport,
     disableViewport: disableViewport,
@@ -5200,9 +5218,9 @@ function commandsModule({
       if (viewport instanceof esm.BaseVolumeViewport) {
         const camera = viewport.getCamera();
         const rotAngle = rotation * Math.PI / 180;
-        const rotMat = gl_matrix_esm/* mat4.identity */._E.identity(new Float32Array(16));
-        gl_matrix_esm/* mat4.rotate */._E.rotate(rotMat, rotMat, rotAngle, camera.viewPlaneNormal);
-        const rotatedViewUp = gl_matrix_esm/* vec3.transformMat4 */.R3.transformMat4(gl_matrix_esm/* vec3.create */.R3.create(), camera.viewUp, rotMat);
+        const rotMat = gl_matrix_esm/* mat4.identity */.pB.identity(new Float32Array(16));
+        gl_matrix_esm/* mat4.rotate */.pB.rotate(rotMat, rotMat, rotAngle, camera.viewPlaneNormal);
+        const rotatedViewUp = gl_matrix_esm/* vec3.transformMat4 */.eR.transformMat4(gl_matrix_esm/* vec3.create */.eR.create(), camera.viewUp, rotMat);
         viewport.setCamera({
           viewUp: rotatedViewUp
         });
@@ -6439,7 +6457,7 @@ class ToolGroupService {
     this.viewportGridService = viewportGridService;
     this.listeners = {};
     this.EVENTS = ToolGroupService_EVENTS;
-    Object.assign(this, src/* pubSubServiceInterface */.KZ);
+    Object.assign(this, src/* pubSubServiceInterface */.Ml);
   }
   onModeExit() {
     this.destroy();
@@ -6711,7 +6729,7 @@ class SyncGroupService {
     this.listeners = {};
     this.EVENTS = SyncGroupService_EVENTS;
     //
-    Object.assign(this, src/* pubSubServiceInterface */.KZ);
+    Object.assign(this, src/* pubSubServiceInterface */.Ml);
   }
   _createSynchronizer(type, id, options) {
     const syncCreator = this.synchronizerCreators[type.toLowerCase()];
@@ -6811,7 +6829,7 @@ SyncGroupService.REGISTRATION = {
 
 /* harmony default export */ const services_SyncGroupService = (SyncGroupService);
 // EXTERNAL MODULE: ../../../node_modules/lodash.isequal/index.js
-var lodash_isequal = __webpack_require__(10311);
+var lodash_isequal = __webpack_require__(71932);
 var lodash_isequal_default = /*#__PURE__*/__webpack_require__.n(lodash_isequal);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/transitions.ts
 /**
@@ -6926,7 +6944,7 @@ const SEGMENT_CONSTANT = {
   isLocked: false
 };
 const VOLUME_LOADER_SCHEME = 'cornerstoneStreamingImageVolume';
-class SegmentationService extends src/* PubSubService */.hC {
+class SegmentationService extends src/* PubSubService */.Rc {
   constructor({
     servicesManager
   }) {
@@ -8806,6 +8824,12 @@ class ViewportInfo {
   getViewportOptions() {
     return this.viewportOptions;
   }
+  getPresentationIds() {
+    const {
+      presentationIds
+    } = this.viewportOptions;
+    return presentationIds;
+  }
   setDisplaySetOptions(displaySetOptions) {
     this.displaySetOptions = displaySetOptions;
   }
@@ -8892,18 +8916,23 @@ const CornerstoneViewportService_EVENTS = {
  * Handles cornerstone viewport logic including enabling, disabling, and
  * updating the viewport.
  */
-class CornerstoneViewportService extends src/* PubSubService */.hC {
+class CornerstoneViewportService extends src/* PubSubService */.Rc {
   constructor(servicesManager) {
     super(CornerstoneViewportService_EVENTS);
     this.renderingEngine = void 0;
     this.viewportsById = new Map();
     this.viewportGridResizeObserver = void 0;
     this.viewportsDisplaySets = new Map();
+    this.beforeResizePositionPresentations = new Map();
     // Some configs
     this.enableResizeDetector = void 0;
     this.resizeRefreshRateMs = void 0;
     this.resizeRefreshMode = void 0;
     this.servicesManager = null;
+    this.resizeQueue = [];
+    this.viewportResizeTimer = null;
+    this.gridResizeDelay = 50;
+    this.gridResizeTimeOut = null;
     this.renderingEngine = null;
     this.viewportGridResizeObserver = null;
     this.servicesManager = servicesManager;
@@ -8941,13 +8970,28 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
   }
 
   /**
-   * It triggers the resize on the rendering engine.
+   * It triggers the resize on the rendering engine, and renders the viewports
+   *
+   * @param isGridResize - if the resize is triggered by a grid resize
+   * this is used to avoid double resize of the viewports since if the
+   * grid is resized, all viewports will be resized so there is no need
+   * to resize them individually which will get triggered by their
+   * individual resize observers
    */
-  resize() {
-    const immediate = true;
-    const keepCamera = true;
-    this.renderingEngine.resize(immediate, keepCamera);
-    this.renderingEngine.render();
+  resize(isGridResize = false) {
+    // 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
+    // we don't double resize the viewports when viewports in the grid are
+    // resized individually
+    if (isGridResize) {
+      this.performResize();
+      this.resetGridResizeTimeout();
+      this.resizeQueue = [];
+      clearTimeout(this.viewportResizeTimer);
+    } else {
+      this.enqueueViewportResizeRequest();
+    }
   }
 
   /**
@@ -8983,101 +9027,222 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
     this.viewportsById.delete(viewportId);
     this.viewportsDisplaySets.delete(viewportId);
   }
-  setPresentations(viewport, presentations) {
-    const properties = presentations?.lutPresentation?.properties;
-    if (properties) {
-      viewport.setProperties(properties);
+
+  /**
+   * Sets the presentations for a given viewport. Presentations is an object
+   * that can define the lut or position for a viewport.
+   *
+   * @param viewportId - The ID of the viewport.
+   * @param presentations - The presentations to apply to the viewport.
+   */
+  setPresentations(viewportId, presentations) {
+    const viewport = this.getCornerstoneViewport(viewportId);
+    if (!viewport) {
+      return;
+    }
+    if (!presentations) {
+      return;
     }
-    const camera = presentations?.positionPresentation?.camera;
-    if (camera) {
-      viewport.setCamera(camera);
+    const {
+      lutPresentation,
+      positionPresentation
+    } = presentations;
+    if (lutPresentation) {
+      const {
+        presentation
+      } = lutPresentation;
+      if (viewport instanceof esm.BaseVolumeViewport) {
+        Object.entries(presentation).forEach(([volumeId, properties]) => {
+          viewport.setProperties(properties, volumeId);
+        });
+      } else {
+        viewport.setProperties(presentation);
+      }
+    }
+    if (positionPresentation) {
+      const {
+        viewPlaneNormal,
+        viewUp,
+        zoom,
+        pan
+      } = positionPresentation.presentation;
+      viewport.setCamera({
+        viewPlaneNormal,
+        viewUp
+      });
+      if (zoom !== undefined) {
+        viewport.setZoom(zoom);
+      }
+      if (pan !== undefined) {
+        viewport.setPan(pan);
+      }
     }
   }
-  getPresentation(viewportId) {
+
+  /**
+   * Retrieves the position presentation information for a given viewport.
+   * @param viewportId The ID of the viewport.
+   * @returns The position presentation object containing various properties
+   * such as ID, viewport type, initial image index, view plane normal, view up, zoom, and pan.
+   */
+  getPositionPresentation(viewportId) {
     const viewportInfo = this.viewportsById.get(viewportId);
     if (!viewportInfo) {
       return;
     }
+    const presentationIds = viewportInfo.getPresentationIds();
+    if (!presentationIds) {
+      return;
+    }
     const {
-      viewportType,
-      presentationIds
-    } = viewportInfo.getViewportOptions();
+      positionPresentationId
+    } = presentationIds;
     const csViewport = this.getCornerstoneViewport(viewportId);
     if (!csViewport) {
       return;
     }
-    const properties = csViewport.getProperties();
-    if (properties.isComputedVOI) {
-      delete properties.voiRange;
-      delete properties.VOILUTFunction;
-    }
+    const {
+      viewPlaneNormal,
+      viewUp
+    } = csViewport.getCamera();
     const initialImageIndex = csViewport.getCurrentImageIdIndex();
-    const camera = csViewport.getCamera();
+    const zoom = csViewport.getZoom();
+    const pan = csViewport.getPan();
     return {
-      presentationIds,
-      viewportType: !viewportType || viewportType === 'stack' ? 'stack' : 'volume',
-      properties,
-      initialImageIndex,
-      camera
+      id: positionPresentationId,
+      viewportType: viewportInfo.getViewportType(),
+      presentation: {
+        initialImageIndex,
+        viewUp,
+        viewPlaneNormal,
+        zoom,
+        pan
+      }
     };
   }
+
+  /**
+   * Retrieves the LUT (Lookup Table) presentation for a given viewport.
+   * @param viewportId The ID of the viewport.
+   * @returns The LUT presentation object, or undefined if the viewport does not exist.
+   */
+  getLutPresentation(viewportId) {
+    const viewportInfo = this.viewportsById.get(viewportId);
+    if (!viewportInfo) {
+      return;
+    }
+    const presentationIds = viewportInfo.getPresentationIds();
+    if (!presentationIds) {
+      return;
+    }
+    const {
+      lutPresentationId
+    } = presentationIds;
+    const csViewport = this.getCornerstoneViewport(viewportId);
+    if (!csViewport) {
+      return;
+    }
+    const cleanProperties = properties => {
+      if (properties.isComputedVOI) {
+        delete properties.voiRange;
+        delete properties.VOILUTFunction;
+      }
+      return properties;
+    };
+    const presentation = csViewport instanceof esm.BaseVolumeViewport ? new Map() : cleanProperties(csViewport.getProperties());
+    if (presentation instanceof Map) {
+      csViewport.getActors().forEach(({
+        uid: volumeId
+      }) => {
+        const properties = cleanProperties(csViewport.getProperties(volumeId));
+        presentation.set(volumeId, properties);
+      });
+    }
+    return {
+      id: lutPresentationId,
+      viewportType: viewportInfo.getViewportType(),
+      presentation
+    };
+  }
+
+  /**
+   * Retrieves the presentations for a given viewport.
+   * @param viewportId - The ID of the viewport.
+   * @returns The presentations for the viewport.
+   */
+  getPresentations(viewportId) {
+    const viewportInfo = this.viewportsById.get(viewportId);
+    if (!viewportInfo) {
+      return;
+    }
+    const positionPresentation = this.getPositionPresentation(viewportId);
+    const lutPresentation = this.getLutPresentation(viewportId);
+    return {
+      positionPresentation,
+      lutPresentation
+    };
+  }
+
+  /**
+   * Stores the presentation state for a given viewport inside the
+   * stateSyncService. This is used to persist the presentation state
+   * across different scenarios e.g., when the viewport is changing the
+   * display set, or when the viewport is moving to a different layout.
+   *
+   * @param viewportId The ID of the viewport.
+   */
   storePresentation({
     viewportId
   }) {
-    const {
-      stateSyncService,
-      syncGroupService
-    } = this.servicesManager.services;
-    let presentation;
+    let presentations = null;
     try {
-      presentation = this.getPresentation(viewportId);
+      presentations = this.getPresentations(viewportId);
+      if (!presentations?.positionPresentation && !presentations?.lutPresentation) {
+        return;
+      }
     } catch (error) {
       console.warn(error);
-    }
-    if (!presentation || !presentation.presentationIds) {
       return;
     }
+    const {
+      stateSyncService,
+      syncGroupService
+    } = this.servicesManager.services;
     const synchronizers = syncGroupService.getSynchronizersForViewport(viewportId, this.renderingEngine.id);
     const {
-      lutPresentationStore,
       positionPresentationStore,
-      synchronizersStore
+      synchronizersStore,
+      lutPresentationStore
     } = stateSyncService.getState();
     const {
-      presentationIds
-    } = presentation;
+      lutPresentation,
+      positionPresentation
+    } = presentations;
     const {
-      lutPresentationId,
-      positionPresentationId
-    } = presentationIds || {};
-    const storeState = {};
+      id: positionPresentationId
+    } = positionPresentation;
+    const {
+      id: lutPresentationId
+    } = lutPresentation;
+    const updateStore = (store, id, value) => ({
+      ...store,
+      [id]: value
+    });
+    const newState = {};
     if (lutPresentationId) {
-      storeState.lutPresentationStore = {
-        ...lutPresentationStore,
-        [lutPresentationId]: presentation
-      };
+      newState.lutPresentationStore = updateStore(lutPresentationStore, lutPresentationId, lutPresentation);
     }
     if (positionPresentationId) {
-      storeState.positionPresentationStore = {
-        ...positionPresentationStore,
-        [positionPresentationId]: presentation
-      };
+      newState.positionPresentationStore = updateStore(positionPresentationStore, positionPresentationId, positionPresentation);
     }
     if (synchronizers?.length) {
-      storeState.synchronizersStore = {
-        ...synchronizersStore,
-        [viewportId]: synchronizers.map(synchronizer => {
-          const sourceViewports = synchronizer.getSourceViewports();
-          const targetViewports = synchronizer.getTargetViewports();
-          return {
-            id: synchronizer.id,
-            sourceViewports: [...sourceViewports],
-            targetViewports: [...targetViewports]
-          };
-        })
-      };
+      newState.synchronizersStore = updateStore(synchronizersStore, viewportId, synchronizers.map(synchronizer => ({
+        id: synchronizer.id,
+        sourceViewports: [...synchronizer.getSourceViewports()],
+        targetViewports: [...synchronizer.getTargetViewports()]
+      })));
     }
-    stateSyncService.store(storeState);
+    stateSyncService.store(newState);
   }
 
   /**
@@ -9157,6 +9322,13 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
       });
     });
   }
+
+  /**
+   * Retrieves the Cornerstone viewport with the specified ID.
+   *
+   * @param viewportId - The ID of the viewport.
+   * @returns The Cornerstone viewport object if found, otherwise null.
+   */
   getCornerstoneViewport(viewportId) {
     const viewportInfo = this.getViewportInfo(viewportId);
     if (!viewportInfo || !this.renderingEngine || this.renderingEngine.hasBeenDestroyed) {
@@ -9165,10 +9337,40 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
     const viewport = this.renderingEngine.getViewport(viewportId);
     return viewport;
   }
+
+  /**
+   * Retrieves the viewport information for a given viewport ID. The viewport information
+   * is the OHIF construct that holds different options and data for a given viewport and
+   * is different from the cornerstone viewport.
+   *
+   * @param viewportId The ID of the viewport.
+   * @returns The viewport information.
+   */
   getViewportInfo(viewportId) {
     return this.viewportsById.get(viewportId);
   }
-  async _setStackViewport(viewport, viewportData, viewportInfo, presentations) {
+
+  /**
+   * Looks through the viewports to see if the specified measurement can be
+   * displayed in one of the viewports.
+   *
+   * @param measurement
+   *          The measurement that is desired to view.
+   * @param activeViewportId - the index that was active at the time the jump
+   *          was initiated.
+   * @return the viewportId that the measurement should be displayed in.
+   */
+  getViewportIdToJump(activeViewportId, displaySetInstanceUID, cameraProps) {
+    const viewportInfo = this.getViewportInfo(activeViewportId);
+    const {
+      referencedImageId
+    } = cameraProps;
+    if (viewportInfo?.contains(displaySetInstanceUID, referencedImageId)) {
+      return activeViewportId;
+    }
+    return [...this.viewportsById.values()].find(viewportInfo => viewportInfo.contains(displaySetInstanceUID, referencedImageId))?.viewportId ?? null;
+  }
+  async _setStackViewport(viewport, viewportData, viewportInfo, presentations = {}) {
     const displaySetOptions = viewportInfo.getDisplaySetOptions();
     const {
       imageIds,
@@ -9210,10 +9412,7 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
       viewport.setProperties({
         ...properties
       });
-      const camera = presentations.positionPresentation?.camera;
-      if (camera) {
-        viewport.setCamera(camera);
-      }
+      this.setPresentations(viewport.id, presentations);
     });
   }
   _getInitialImageIndexForViewport(viewportInfo, imageIds) {
@@ -9265,7 +9464,7 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
     }
     return 0;
   }
-  async _setVolumeViewport(viewport, viewportData, viewportInfo, presentations) {
+  async _setVolumeViewport(viewport, viewportData, viewportInfo, presentations = {}) {
     // TODO: We need to overhaul the way data sources work so requests can be made
     // async. I think we should follow the image loader pattern which is async and
     // has a cache behind it.
@@ -9376,7 +9575,7 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
     }) => {
       viewport.setProperties(properties, volumeId);
     });
-    this.setPresentations(viewport, presentations);
+    this.setPresentations(viewport.id, presentations);
 
     // load any secondary displaySets
     const displaySetInstanceUIDs = this.viewportsDisplaySets.get(viewport.id);
@@ -9499,11 +9698,11 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
   _setDisplaySets(viewport, viewportData, viewportInfo, presentations = {}) {
     if (viewport instanceof esm.StackViewport) {
       return this._setStackViewport(viewport, viewportData, viewportInfo, presentations);
-    } else if (viewport instanceof esm.VolumeViewport || viewport instanceof esm.VolumeViewport3D) {
+    }
+    if ([esm.VolumeViewport, esm.VolumeViewport3D].some(type => viewport instanceof type)) {
       return this._setVolumeViewport(viewport, viewportData, viewportInfo, presentations);
-    } else {
-      throw new Error('Unknown viewport type');
     }
+    throw new Error('Unknown viewport type');
   }
 
   /**
@@ -9566,26 +9765,57 @@ class CornerstoneViewportService extends src/* PubSubService */.hC {
       return images[0].FrameOfReferenceUID;
     }
   }
+  enqueueViewportResizeRequest() {
+    this.resizeQueue.push(false); // false indicates viewport resize
 
-  /**
-   * Looks through the viewports to see if the specified measurement can be
-   * displayed in one of the viewports.
-   *
-   * @param measurement
-   *          The measurement that is desired to view.
-   * @param activeViewportId - the index that was active at the time the jump
-   *          was initiated.
-   * @return the viewportId that the measurement should be displayed in.
-   */
-  getViewportIdToJump(activeViewportId, displaySetInstanceUID, cameraProps) {
-    const viewportInfo = this.getViewportInfo(activeViewportId);
-    const {
-      referencedImageId
-    } = cameraProps;
-    if (viewportInfo?.contains(displaySetInstanceUID, referencedImageId)) {
-      return activeViewportId;
+    clearTimeout(this.viewportResizeTimer);
+    this.viewportResizeTimer = setTimeout(() => {
+      this.processViewportResizeQueue();
+    }, this.gridResizeDelay);
+  }
+  processViewportResizeQueue() {
+    const isGridResizeInQueue = this.resizeQueue.some(isGridResize => isGridResize);
+    if (this.resizeQueue.length > 0 && !isGridResizeInQueue && !this.gridResizeTimeOut) {
+      this.performResize();
     }
-    return [...this.viewportsById.values()].find(viewportInfo => viewportInfo.contains(displaySetInstanceUID, referencedImageId))?.viewportId ?? null;
+
+    // Clear the queue after processing viewport resizes
+    this.resizeQueue = [];
+  }
+  performResize() {
+    const isImmediate = false;
+    const viewports = this.getRenderingEngine().getViewports();
+
+    // Store the current position presentations for each viewport.
+    viewports.forEach(({
+      id
+    }) => {
+      const presentation = this.getPositionPresentation(id);
+      this.beforeResizePositionPresentations.set(id, presentation);
+    });
+
+    // Resize the rendering engine and render.
+    const renderingEngine = this.renderingEngine;
+    renderingEngine.resize(isImmediate);
+    renderingEngine.render();
+
+    // Reset the camera for viewports that should reset their camera on resize,
+    // which means only those viewports that have a zoom level of 1.
+    this.beforeResizePositionPresentations.forEach((positionPresentation, viewportId) => {
+      this.setPresentations(viewportId, {
+        positionPresentation
+      });
+    });
+
+    // Resize and render the rendering engine again.
+    renderingEngine.resize(isImmediate);
+    renderingEngine.render();
+  }
+  resetGridResizeTimeout() {
+    clearTimeout(this.gridResizeTimeOut);
+    this.gridResizeTimeOut = setTimeout(() => {
+      this.gridResizeTimeOut = null;
+    }, this.gridResizeDelay);
   }
 }
 CornerstoneViewportService_class = CornerstoneViewportService;
@@ -9603,7 +9833,7 @@ CornerstoneViewportService.REGISTRATION = {
 
 
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
-var dicomweb_client_es = __webpack_require__(97604);
+var dicomweb_client_es = __webpack_require__(36922);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/dicomLoaderService.js
 
 
@@ -9652,13 +9882,13 @@ const cornerstoneRetriever = imageId => {
     return image && image.data && image.data.byteArray.buffer;
   });
 };
-const wadorsRetriever = (url, studyInstanceUID, seriesInstanceUID, sopInstanceUID, headers = src.DICOMWeb.getAuthorizationHeader(), errorInterceptor = src/* errorHandler */.Po.getHTTPErrorHandler()) => {
+const wadorsRetriever = (url, studyInstanceUID, seriesInstanceUID, sopInstanceUID, headers = src.DICOMWeb.getAuthorizationHeader(), errorInterceptor = src/* errorHandler */.r_.getHTTPErrorHandler()) => {
   const config = {
     url,
     headers,
     errorInterceptor
   };
-  const dicomWeb = new dicomweb_client_es.api.DICOMwebClient(config);
+  const dicomWeb = new dicomweb_client_es/* api */.FH.DICOMwebClient(config);
   return dicomWeb.retrieveInstance({
     studyInstanceUID,
     seriesInstanceUID,
@@ -9774,10 +10004,10 @@ class DicomLoaderService {
 const dicomLoaderService = new DicomLoaderService();
 /* harmony default export */ const utils_dicomLoaderService = (dicomLoaderService);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-cornerstone"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-cornerstone"}');
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/index.ts
 
@@ -9807,7 +10037,7 @@ function src_extends() { src_extends = Object.assign ? Object.assign.bind() : fu
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return Promise.all(/* import() */[__webpack_require__.e(23), __webpack_require__.e(181)]).then(__webpack_require__.bind(__webpack_require__, 86181));
+  return __webpack_require__.e(/* import() */ 889).then(__webpack_require__.bind(__webpack_require__, 1889));
 });
 const OHIFCornerstoneViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -9830,7 +10060,7 @@ const cornerstoneExtension = {
       esm.imageLoadPoolManager.clearRequestStack(type);
       esm.imageRetrievalPoolManager.clearRequestStack(type);
     });
-    (0,state/* reset */.mc)();
+    (0,state/* reset */.cL)();
   },
   /**
    * Register the Cornerstone 3D services and set them up for use.
@@ -9885,7 +10115,7 @@ const cornerstoneExtension = {
             cornerstoneTools: dist_esm
           };
         },
-        getEnabledElement: state/* getEnabledElement */.K8,
+        getEnabledElement: state/* getEnabledElement */.kJ,
         dicomLoaderService: utils_dicomLoaderService
       }
     }, {
@@ -9907,13 +10137,13 @@ const cornerstoneExtension = {
 
 /***/ }),
 
-/***/ 73704:
+/***/ 71353:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   K8: () => (/* binding */ getEnabledElement),
-/* harmony export */   Yc: () => (/* binding */ setEnabledElement),
-/* harmony export */   mc: () => (/* binding */ reset)
+/* harmony export */   cL: () => (/* binding */ reset),
+/* harmony export */   kJ: () => (/* binding */ getEnabledElement),
+/* harmony export */   ye: () => (/* binding */ setEnabledElement)
 /* harmony export */ });
 const state = {
   // The `defaultContext` of an extension's commandsModule
@@ -9949,13 +10179,13 @@ const reset = () => {
 
 /***/ }),
 
-/***/ 87172:
+/***/ 1663:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Z: () => (/* binding */ getSOPInstanceAttributes)
+/* harmony export */   A: () => (/* binding */ getSOPInstanceAttributes)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64225);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11953);
 
 
 /**