@ohif/app 3.8.0-beta.6 → 3.8.0-beta.61

package/dist/{181.bundle.2ddc6f90740895a3949c.js → 889.bundle.6850a0b8c412e3befab5.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[181],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[889],{
 
-/***/ 86181:
+/***/ 1889:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,22 +13,22 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(7023);
+var index_esm = __webpack_require__(78668);
 // 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/@cornerstonejs/tools/dist/esm/index.js + 348 modules
-var esm = __webpack_require__(14957);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
-var dist_esm = __webpack_require__(3743);
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 485 modules
-var ui_src = __webpack_require__(71783);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 16 modules
+var esm = __webpack_require__(20767);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 383 modules
+var dist_esm = __webpack_require__(50719);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
+// EXTERNAL MODULE: ../../ui/src/index.js + 487 modules
+var ui_src = __webpack_require__(55395);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
-var state = __webpack_require__(73704);
+var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -38,16 +38,15 @@ var state = __webpack_require__(73704);
 
 
 
-function CornerstoneImageScrollbar(_ref) {
-  let {
-    viewportData,
-    viewportId,
-    element,
-    imageSliceData,
-    setImageSliceData,
-    scrollbarHeight,
-    servicesManager
-  } = _ref;
+function CornerstoneImageScrollbar({
+  viewportData,
+  viewportId,
+  element,
+  imageSliceData,
+  setImageSliceData,
+  scrollbarHeight,
+  servicesManager
+}) {
   const {
     cineService,
     cornerstoneViewportService
@@ -140,7 +139,7 @@ function CornerstoneImageScrollbar(_ref) {
       element.removeEventListener(dist_esm.Enums.Events.VOLUME_NEW_IMAGE, updateVolumeIndex);
     };
   }, [viewportData, element]);
-  return /*#__PURE__*/react.createElement(ui_src/* ImageScrollbar */.Ln, {
+  return /*#__PURE__*/react.createElement(ui_src/* ImageScrollbar */.uq, {
     onChange: evt => onImageScrollbarChange(evt, viewportId),
     max: imageSliceData.numberOfSlices ? imageSliceData.numberOfSlices - 1 : 0,
     height: scrollbarHeight,
@@ -158,9 +157,9 @@ CornerstoneImageScrollbar.propTypes = {
 };
 /* harmony default export */ const ViewportImageScrollbar = (CornerstoneImageScrollbar);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 10 modules
-var gl_matrix_esm = __webpack_require__(45451);
+var gl_matrix_esm = __webpack_require__(83636);
 // EXTERNAL MODULE: ../../../node_modules/moment/moment.js
-var moment = __webpack_require__(71271);
+var moment = __webpack_require__(8291);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/utils.ts
 
@@ -183,8 +182,7 @@ function isValidNumber(value) {
  * @param {number} precision
  * @returns {number} formatted number.
  */
-function formatNumberPrecision(number) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+function formatNumberPrecision(number, precision = 0) {
   if (number !== null) {
     return parseFloat(number).toFixed(precision);
   }
@@ -197,8 +195,7 @@ function formatNumberPrecision(number) {
  * @param {string} strFormat
  * @returns {string} formatted date.
  */
-function formatDICOMDate(date) {
-  let strFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MMM D, YYYY';
+function formatDICOMDate(date, strFormat = 'MMM D, YYYY') {
   return moment_default()(date, 'YYYYMMDD').format(strFormat);
 }
 
@@ -215,8 +212,7 @@ function formatDICOMDate(date) {
  * @param {string} strFormat
  * @returns {string} formatted name.
  */
-function formatDICOMTime(time) {
-  let strFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
+function formatDICOMTime(time, strFormat = 'HH:mm:ss') {
   return moment_default()(time, 'HH:mm:ss').format(strFormat);
 }
 
@@ -269,11 +265,10 @@ const EPSILON = 1e-4;
 /**
  * Window Level / Center Overlay item
  */
-function VOIOverlayItem(_ref) {
-  let {
-    voi,
-    customization
-  } = _ref;
+function VOIOverlayItem({
+  voi,
+  customization
+}) {
   const {
     windowWidth,
     windowCenter
@@ -300,11 +295,10 @@ function VOIOverlayItem(_ref) {
 /**
  * Zoom Level Overlay item
  */
-function ZoomOverlayItem(_ref2) {
-  let {
-    scale,
-    customization
-  } = _ref2;
+function ZoomOverlayItem({
+  scale,
+  customization
+}) {
   return /*#__PURE__*/react.createElement("div", {
     className: "overlay-item flex flex-row",
     style: {
@@ -320,12 +314,11 @@ function ZoomOverlayItem(_ref2) {
 /**
  * Instance Number Overlay Item
  */
-function InstanceNumberOverlayItem(_ref3) {
-  let {
-    instanceNumber,
-    imageSliceData,
-    customization
-  } = _ref3;
+function InstanceNumberOverlayItem({
+  instanceNumber,
+  imageSliceData,
+  customization
+}) {
   const {
     imageIndex,
     numberOfSlices
@@ -345,14 +338,13 @@ function InstanceNumberOverlayItem(_ref3) {
 /**
  * Customizable Viewport Overlay
  */
-function CustomizableViewportOverlay(_ref4) {
-  let {
-    element,
-    viewportData,
-    imageSliceData,
-    viewportId,
-    servicesManager
-  } = _ref4;
+function CustomizableViewportOverlay({
+  element,
+  viewportData,
+  imageSliceData,
+  viewportId,
+  servicesManager
+}) {
   const {
     toolbarService,
     cornerstoneViewportService,
@@ -535,7 +527,7 @@ function CustomizableViewportOverlay(_ref4) {
       key: `bottomRightOverlayItem_${i}`
     }, _renderOverlayItem(item))));
   }, [bottomRightCustomization, _renderOverlayItem]);
-  return /*#__PURE__*/react.createElement(ui_src/* ViewportOverlay */.No, {
+  return /*#__PURE__*/react.createElement(ui_src/* ViewportOverlay */.pU, {
     topLeft: getTopLeftContent(),
     topRight: getTopRightContent(),
     bottomLeft: getBottomLeftContent(),
@@ -612,8 +604,8 @@ function _getInstanceNumberFromVolume(viewportData, viewportId, cornerstoneViewp
   const scanAxisNormal = direction.slice(6, 9);
 
   // check if viewPlaneNormal is parallel to scanAxisNormal
-  const cross = gl_matrix_esm/* vec3.cross */.R3.cross(gl_matrix_esm/* vec3.create */.R3.create(), viewPlaneNormal, scanAxisNormal);
-  const isAcquisitionPlane = gl_matrix_esm/* vec3.length */.R3.length(cross) < EPSILON;
+  const cross = gl_matrix_esm/* vec3.cross */.eR.cross(gl_matrix_esm/* vec3.create */.eR.create(), viewPlaneNormal, scanAxisNormal);
+  const isAcquisitionPlane = gl_matrix_esm/* vec3.length */.eR.length(cross) < EPSILON;
   if (isAcquisitionPlane) {
     const imageId = imageIds[imageIndex];
     if (!imageId) {
@@ -632,7 +624,7 @@ CustomizableViewportOverlay.propTypes = {
 };
 /* harmony default export */ const Overlays_CustomizableViewportOverlay = (CustomizableViewportOverlay);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(44921);
+var classnames = __webpack_require__(61466);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/ViewportOrientationMarkers.css
 // extracted by mini-css-extract-plugin
@@ -649,15 +641,14 @@ const {
   getOrientationStringLPS,
   invertOrientationStringLPS
 } = esm.utilities.orientation;
-function ViewportOrientationMarkers(_ref) {
-  let {
-    element,
-    viewportData,
-    imageSliceData,
-    viewportId,
-    servicesManager,
-    orientationMarkers = ['top', 'left']
-  } = _ref;
+function ViewportOrientationMarkers({
+  element,
+  viewportData,
+  imageSliceData,
+  viewportId,
+  servicesManager,
+  orientationMarkers = ['top', 'left']
+}) {
   // Rotation is in degrees
   const [rotation, setRotation] = (0,react.useState)(0);
   const [flipHorizontal, setFlipHorizontal] = (0,react.useState)(false);
@@ -715,8 +706,8 @@ function ViewportOrientationMarkers(_ref) {
         viewUp,
         viewPlaneNormal
       } = viewport.getCamera();
-      const viewRight = gl_matrix_esm/* vec3.create */.R3.create();
-      gl_matrix_esm/* vec3.cross */.R3.cross(viewRight, viewUp, viewPlaneNormal);
+      const viewRight = gl_matrix_esm/* vec3.create */.eR.create();
+      gl_matrix_esm/* vec3.cross */.eR.cross(viewRight, viewUp, viewPlaneNormal);
       columnCosines = [-viewUp[0], -viewUp[1], -viewUp[2]];
       rowCosines = viewRight;
     }
@@ -818,11 +809,10 @@ function _getOrientationMarkers(rowCosines, columnCosines, rotation, flipVertica
 
 
 
-function ViewportImageSliceLoadingIndicator(_ref) {
-  let {
-    viewportData,
-    element
-  } = _ref;
+function ViewportImageSliceLoadingIndicator({
+  viewportData,
+  element
+}) {
   const [loading, setLoading] = (0,react.useState)(false);
   const [error, setError] = (0,react.useState)(false);
   const loadIndicatorRef = (0,react.useRef)(null);
@@ -961,20 +951,19 @@ function CornerstoneOverlays(props) {
 }
 /* harmony default export */ const Overlays_CornerstoneOverlays = (CornerstoneOverlays);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
-var getSOPInstanceAttributes = __webpack_require__(87172);
+var getSOPInstanceAttributes = __webpack_require__(1663);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state_0 = __webpack_require__(62657);
+var state_0 = __webpack_require__(15575);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/CinePlayer/CinePlayer.tsx
 
 
 
 
-function WrappedCinePlayer(_ref) {
-  let {
-    enabledVPElement,
-    viewportId,
-    servicesManager
-  } = _ref;
+function WrappedCinePlayer({
+  enabledVPElement,
+  viewportId,
+  servicesManager
+}) {
   const {
     toolbarService,
     customizationService,
@@ -985,11 +974,11 @@ function WrappedCinePlayer(_ref) {
   const [{
     isCineEnabled,
     cines
-  }] = (0,ui_src/* useCine */.vQ)();
+  }] = (0,ui_src/* useCine */.tq)();
   const [newStackFrameRate, setNewStackFrameRate] = (0,react.useState)(24);
-  const [appConfig] = (0,state_0/* useAppConfig */.M)();
+  const [appConfig] = (0,state_0/* useAppConfig */.r)();
   const {
-    component: CinePlayerComponent = ui_src/* CinePlayer */.H6
+    component: CinePlayerComponent = ui_src/* CinePlayer */.F0
   } = customizationService.get('cinePlayer') ?? {};
   const handleCineClose = () => {
     toolbarService.recordInteraction({
@@ -1166,7 +1155,6 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     viewportOptions,
     displaySetOptions,
     servicesManager,
-    commandsManager,
     onElementEnabled,
     onElementDisabled,
     isJumpToMeasurementDisabled,
@@ -1190,7 +1178,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     viewportGridService,
     stateSyncService
   } = servicesManager.services;
-  const [viewportDialogState] = (0,ui_src/* useViewportDialog */.en)();
+  const [viewportDialogState] = (0,ui_src/* useViewportDialog */.OR)();
   // useCallback for scroll bar height calculation
   const setImageScrollBarHeight = (0,react.useCallback)(() => {
     const scrollbarHeight = `${elementRef.current.clientHeight - 20}px`;
@@ -1220,13 +1208,18 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       element
     } = evt.detail;
     const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
-    (0,state/* setEnabledElement */.Yc)(viewportId, element);
+    (0,state/* setEnabledElement */.ye)(viewportId, element);
     setEnabledVPElement(element);
     const renderingEngineId = viewportInfo.getRenderingEngineId();
     const toolGroupId = viewportInfo.getToolGroupId();
     const syncGroups = viewportInfo.getSyncGroups();
     toolGroupService.addViewportToToolGroup(viewportId, renderingEngineId, toolGroupId);
     syncGroupService.addViewportToSyncGroup(viewportId, renderingEngineId, syncGroups);
+    const synchronizersStore = stateSyncService.getState().synchronizersStore;
+    if (synchronizersStore?.[viewportId]?.length) {
+      // If the viewport used to have a synchronizer, re apply it again
+      _rehydrateSynchronizers(synchronizersStore, viewportId, syncGroupService);
+    }
     if (onElementEnabled) {
       onElementEnabled(evt);
     }
@@ -1242,13 +1235,17 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       if (!viewportInfo) {
         return;
       }
-      cleanUpServices(viewportInfo);
       cornerstoneViewportService.storePresentation({
         viewportId
       });
+
+      // This should be done after the store presentation since synchronizers
+      // will get cleaned up and they need the viewportInfo to be present
+      cleanUpServices(viewportInfo);
       if (onElementDisabled) {
         onElementDisabled(viewportInfo);
       }
+      cornerstoneViewportService.disableElement(viewportId);
       dist_esm.eventTarget.removeEventListener(dist_esm.Enums.Events.ELEMENT_ENABLED, elementEnabledHandler);
     };
   }, []);
@@ -1264,11 +1261,10 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
   (0,react.useEffect)(() => {
     const {
       unsubscribe
-    } = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SET_SERIES_METADATA_INVALIDATED, async _ref => {
-      let {
-        displaySetInstanceUID: invalidatedDisplaySetInstanceUID,
-        invalidateData
-      } = _ref;
+    } = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SET_SERIES_METADATA_INVALIDATED, async ({
+      displaySetInstanceUID: invalidatedDisplaySetInstanceUID,
+      invalidateData
+    }) => {
       if (!invalidateData) {
         return;
       }
@@ -1295,10 +1291,9 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       // The presentation state will have been stored previously by closing
       // a viewport.  Otherwise, this viewport will be unchanged and the
       // presentation information will be directly carried over.
-      const {
-        lutPresentationStore,
-        positionPresentationStore
-      } = stateSyncService.getState();
+      const state = stateSyncService.getState();
+      const lutPresentationStore = state.lutPresentationStore;
+      const positionPresentationStore = state.positionPresentationStore;
       const {
         presentationIds
       } = viewportOptions;
@@ -1353,10 +1348,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
   }, [displaySets, elementRef, viewportId]);
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "viewport-wrapper"
-  }, /*#__PURE__*/react.createElement(index_esm/* default */.ZP, {
-    refreshMode: "debounce",
-    refreshRate: 50 // Wait 50 ms after last move to render
-    ,
+  }, /*#__PURE__*/react.createElement(index_esm/* default */.Ay, {
     onResize: onResize,
     targetRef: elementRef.current
   }), /*#__PURE__*/react.createElement("div", {
@@ -1380,7 +1372,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     servicesManager: servicesManager
   })), /*#__PURE__*/react.createElement("div", {
     className: "absolute w-full"
-  }, viewportDialogState.viewportId === viewportId && /*#__PURE__*/react.createElement(ui_src/* Notification */.P_, {
+  }, viewportDialogState.viewportId === viewportId && /*#__PURE__*/react.createElement(ui_src/* Notification */.Eg, {
     id: "viewport-notification",
     message: viewportDialogState.message,
     type: viewportDialogState.type,
@@ -1470,7 +1462,7 @@ function _jumpToMeasurement(measurement, targetElementRef, viewportId, measureme
         const {
           SOPInstanceUID: aSOPInstanceUID,
           frameNumber: aFrameNumber
-        } = (0,getSOPInstanceAttributes/* default */.Z)(imageId);
+        } = (0,getSOPInstanceAttributes/* default */.A)(imageId);
         return aSOPInstanceUID === SOPInstanceUID && (!frameNumber || frameNumber === aFrameNumber);
       });
     } else {
@@ -1501,6 +1493,42 @@ function _jumpToMeasurement(measurement, targetElementRef, viewportId, measureme
     cacheJumpToMeasurementEvent = null;
   }
 }
+function _rehydrateSynchronizers(synchronizersStore, viewportId, syncGroupService) {
+  synchronizersStore[viewportId].forEach(synchronizerObj => {
+    if (!synchronizerObj.id) {
+      return;
+    }
+    const {
+      id,
+      sourceViewports,
+      targetViewports
+    } = synchronizerObj;
+    const synchronizer = syncGroupService.getSynchronizer(id);
+    if (!synchronizer) {
+      return;
+    }
+    const sourceViewportInfo = sourceViewports.find(sourceViewport => sourceViewport.viewportId === viewportId);
+    const targetViewportInfo = targetViewports.find(targetViewport => targetViewport.viewportId === viewportId);
+    const isSourceViewportInSynchronizer = synchronizer.getSourceViewports().find(sourceViewport => sourceViewport.viewportId === viewportId);
+    const isTargetViewportInSynchronizer = synchronizer.getTargetViewports().find(targetViewport => targetViewport.viewportId === viewportId);
+
+    // if the viewport was previously a source viewport, add it again
+    if (sourceViewportInfo && !isSourceViewportInSynchronizer) {
+      synchronizer.addSource({
+        viewportId: sourceViewportInfo.viewportId,
+        renderingEngineId: sourceViewportInfo.renderingEngineId
+      });
+    }
+
+    // if the viewport was previously a target viewport, add it again
+    if (targetViewportInfo && !isTargetViewportInSynchronizer) {
+      synchronizer.addTarget({
+        viewportId: targetViewportInfo.viewportId,
+        renderingEngineId: targetViewportInfo.renderingEngineId
+      });
+    }
+  });
+}
 
 // Component displayName
 OHIFCornerstoneViewport.displayName = 'OHIFCornerstoneViewport';

package/dist/{181.css → 889.css}

@@ -1,3 +1,3 @@
-.viewport-wrapper{height:100%;position:relative;width:100%}.cornerstone-viewport-element{background-color:#000;height:100%;outline:0!important;overflow:hidden;position:relative;width:100%}
+.cornerstone-viewport-element,.viewport-wrapper{height:100%;position:relative;width:100%}.cornerstone-viewport-element{background-color:#000;outline:0!important;overflow:hidden}
 .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}
 .ViewportOrientationMarkers{--marker-width:100px;--marker-height:100px;--scrollbar-width:20px;font-size:15px;line-height:18px;pointer-events:none}.ViewportOrientationMarkers .orientation-marker{position:absolute}.ViewportOrientationMarkers .top-mid{left:50%;top:.6rem}.ViewportOrientationMarkers .left-mid{left:5px;top:47%}.ViewportOrientationMarkers .right-mid{left:calc(100% - var(--marker-width) - var(--scrollbar-width));top:47%}.ViewportOrientationMarkers .bottom-mid{left:47%;top:calc(100% - var(--marker-height) - .6rem)}.ViewportOrientationMarkers .right-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:var(--marker-width)}.ViewportOrientationMarkers .bottom-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--marker-height)}

package/dist/{281.bundle.e4c37762343dc03e4fa0.js → 905.bundle.806f0e8307eb1c9d1f6e.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[281],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[905],{
 
-/***/ 42281:
+/***/ 81905:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,13 +13,15 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ microscopy_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/microscopy/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-microscopy"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-microscopy"}');
 ;// CONCATENATED MODULE: ../../../modes/microscopy/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../modes/microscopy/src/toolbarButtons.js
 // TODO: torn, can either bake this here; or have to create a whole new button type
@@ -133,6 +135,7 @@ const toolbarButtons = [
 
 
 
+
 const ohif = {
   layout: '@ohif/extension-default.layoutTemplateModule.viewerLayout',
   sopClassHandler: '@ohif/extension-default.sopClassHandlerModule.stack',
@@ -160,25 +163,23 @@ const extensionDependencies = {
   '@ohif/extension-dicom-video': '^3.0.1',
   '@ohif/extension-dicom-microscopy': '^3.0.0'
 };
-function modeFactory(_ref) {
-  let {
-    modeConfiguration
-  } = _ref;
+function modeFactory({
+  modeConfiguration
+}) {
   return {
     // TODO: We're using this as a route segment
     // We should not be.
     id: id,
     routeName: 'microscopy',
-    displayName: 'Microscopy',
+    displayName: i18next/* default */.A.t('Modes:Microscopy'),
     /**
      * Lifecycle hooks
      */
-    onModeEnter: _ref2 => {
-      let {
-        servicesManager,
-        extensionManager,
-        commandsManager
-      } = _ref2;
+    onModeEnter: ({
+      servicesManager,
+      extensionManager,
+      commandsManager
+    }) => {
       const {
         toolbarService
       } = servicesManager.services;
@@ -186,10 +187,9 @@ function modeFactory(_ref) {
       toolbarService.addButtons(src_toolbarButtons);
       toolbarService.createButtonSection('primary', ['MeasurementTools', 'dragPan']);
     },
-    onModeExit: _ref3 => {
-      let {
-        servicesManager
-      } = _ref3;
+    onModeExit: ({
+      servicesManager
+    }) => {
       const {
         toolbarService
       } = servicesManager.services;
@@ -199,10 +199,9 @@ function modeFactory(_ref) {
       study: [],
       series: []
     },
-    isValidMode: _ref4 => {
-      let {
-        modalities
-      } = _ref4;
+    isValidMode: ({
+      modalities
+    }) => {
       const modalities_list = modalities.split('\\');
 
       // Slide Microscopy and ECG modality not supported by basic mode yet
@@ -213,11 +212,10 @@ function modeFactory(_ref) {
       /*init: ({ servicesManager, extensionManager }) => {
         //defaultViewerRouteInit
       },*/
-      layoutTemplate: _ref5 => {
-        let {
-          location,
-          servicesManager
-        } = _ref5;
+      layoutTemplate: ({
+        location,
+        servicesManager
+      }) => {
         return {
           id: ohif.layout,
           props: {
@@ -249,7 +247,7 @@ function modeFactory(_ref) {
     // general handler needs to come last.  For this case, the dicomvideo must
     // come first to remove video transfer syntax before ohif uses images
     sopClassHandlers: ['@ohif/extension-dicom-microscopy.sopClassHandlerModule.DicomMicroscopySopClassHandler', '@ohif/extension-dicom-microscopy.sopClassHandlerModule.DicomMicroscopySRSopClassHandler', dicomvideo.sopClassHandler, dicompdf.sopClassHandler],
-    hotkeys: [...src/* hotkeys */.dD.defaults.hotkeyBindings],
+    hotkeys: [...src/* hotkeys */.ot.defaults.hotkeyBindings],
     ...modeConfiguration
   };
 }

package/dist/{814.bundle.98e400df965d000d78e6.js → 907.bundle.84dba9f6e90672071d82.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[814],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[907],{
 
-/***/ 92814:
+/***/ 55907:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,16 +13,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-pdf"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-dicom-pdf"}');
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+// EXTERNAL MODULE: ../../core/src/index.ts + 66 modules
+var src = __webpack_require__(14283);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js
 
 
@@ -90,11 +90,10 @@ const _getDisplaySetsFromSeries = (instances, servicesManager, extensionManager)
     return displaySet;
   });
 };
-function getSopClassHandlerModule(_ref) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function getSopClassHandlerModule({
+  servicesManager,
+  extensionManager
+}) {
   const getDisplaySetsFromSeries = instances => {
     return _getDisplaySetsFromSeries(instances, servicesManager, extensionManager);
   };
@@ -110,7 +109,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 125).then(__webpack_require__.bind(__webpack_require__, 39125));
+  return __webpack_require__.e(/* import() */ 297).then(__webpack_require__.bind(__webpack_require__, 46297));
 });
 const OHIFCornerstonePdfViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -132,11 +131,10 @@ const dicomPDFExtension = {
    * @param {object} [configuration={}]
    * @param {object|array} [configuration.csToolsConfig] - Passed directly to `initCornerstoneTools`
    */
-  getViewportModule(_ref) {
-    let {
-      servicesManager,
-      extensionManager
-    } = _ref;
+  getViewportModule({
+    servicesManager,
+    extensionManager
+  }) {
     const ExtendedOHIFCornerstonePdfViewport = props => {
       return /*#__PURE__*/react.createElement(OHIFCornerstonePdfViewport, _extends({
         servicesManager: servicesManager,