@ohif/app 3.9.0-beta.46 → 3.9.0-beta.48

package/dist/{139.bundle.09e5af0a9ae8a285af77.js → 169.bundle.eeb9614e7b06f896c70f.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[139],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[169],{
 
-/***/ 56139:
+/***/ 31169:
 /***/ ((__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__(41766);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(78668);
+var index_esm = __webpack_require__(7023);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(11374);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
-var esm = __webpack_require__(39371);
+var esm = __webpack_require__(93725);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
-var dist_esm = __webpack_require__(92136);
+var dist_esm = __webpack_require__(62709);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(75186);
-// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
-var ui_src = __webpack_require__(79047);
+var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../ui/src/index.js + 784 modules
+var ui_src = __webpack_require__(38604);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
-var state = __webpack_require__(83910);
+var state = __webpack_require__(13000);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -141,7 +141,7 @@ function CornerstoneImageScrollbar({
       element.removeEventListener(dist_esm.Enums.Events.VOLUME_NEW_IMAGE, updateVolumeIndex);
     };
   }, [viewportData, element]);
-  return /*#__PURE__*/react.createElement(ui_src/* ImageScrollbar */.uq, {
+  return /*#__PURE__*/react.createElement(ui_src/* ImageScrollbar */.Ln, {
     onChange: evt => onImageScrollbarChange(evt, viewportId),
     max: imageSliceData.numberOfSlices ? imageSliceData.numberOfSlices - 1 : 0,
     height: scrollbarHeight,
@@ -158,483 +158,13 @@ CornerstoneImageScrollbar.propTypes = {
   servicesManager: (prop_types_default()).object.isRequired
 };
 /* harmony default export */ const ViewportImageScrollbar = (CornerstoneImageScrollbar);
-// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
-var gl_matrix_esm = __webpack_require__(44753);
-// EXTERNAL MODULE: ../../../node_modules/moment/moment.js
-var moment = __webpack_require__(8291);
-var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/utils.ts
-
-
-
-/**
- * Checks if value is valid.
- *
- * @param {number} value
- * @returns {boolean} is valid.
- */
-function isValidNumber(value) {
-  return typeof value === 'number' && !isNaN(value);
-}
-
-/**
- * Formats number precision.
- *
- * @param {number} number
- * @param {number} precision
- * @returns {number} formatted number.
- */
-function formatNumberPrecision(number, precision = 0) {
-  if (number !== null) {
-    return parseFloat(number).toFixed(precision);
-  }
-}
-
-/**
- * Formats DICOM date.
- *
- * @param {string} date
- * @param {string} strFormat
- * @returns {string} formatted date.
- */
-function formatDICOMDate(date, strFormat = 'MMM D, YYYY') {
-  return moment_default()(date, 'YYYYMMDD').format(strFormat);
-}
-
-/**
- *    DICOM Time is stored as HHmmss.SSS, where:
- *      HH 24 hour time:
- *        m mm        0..59   Minutes
- *        s ss        0..59   Seconds
- *        S SS SSS    0..999  Fractional seconds
- *
- *        Goal: '24:12:12'
- *
- * @param {*} time
- * @param {string} strFormat
- * @returns {string} formatted name.
- */
-function formatDICOMTime(time, strFormat = 'HH:mm:ss') {
-  return moment_default()(time, 'HH:mm:ss').format(strFormat);
-}
-
-/**
- * Formats a patient name for display purposes
- *
- * @param {string} name
- * @returns {string} formatted name.
- */
-function formatPN(name) {
-  if (!name) {
-    return '';
-  }
-  const cleaned = name.split('^').filter(s => !!s).join(', ').trim();
-  return cleaned === ',' || cleaned === '' ? '' : cleaned;
-}
-
-/**
- * Gets compression type
- *
- * @param {number} imageId
- * @returns {string} compression type.
- */
-function getCompression(imageId) {
-  const generalImageModule = metaData.get('generalImageModule', imageId) || {};
-  const {
-    lossyImageCompression,
-    lossyImageCompressionRatio,
-    lossyImageCompressionMethod
-  } = generalImageModule;
-  if (lossyImageCompression === '01' && lossyImageCompressionRatio !== '') {
-    const compressionMethod = lossyImageCompressionMethod || 'Lossy: ';
-    const compressionRatio = formatNumberPrecision(lossyImageCompressionRatio, 2);
-    return compressionMethod + compressionRatio + ' : 1';
-  }
-  return 'Lossless / Uncompressed';
-}
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/CustomizableViewportOverlay.css
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/CustomizableViewportOverlay.tsx
-
-
-
-
-
-
-
-const EPSILON = 1e-4;
-const OverlayItemComponents = {
-  'ohif.overlayItem.windowLevel': VOIOverlayItem,
-  'ohif.overlayItem.zoomLevel': ZoomOverlayItem,
-  'ohif.overlayItem.instanceNumber': InstanceNumberOverlayItem
-};
-
-/**
- * Customizable Viewport Overlay
- */
-function CustomizableViewportOverlay({
-  element,
-  viewportData,
-  imageSliceData,
-  viewportId,
-  servicesManager
-}) {
-  const {
-    cornerstoneViewportService,
-    customizationService,
-    toolGroupService
-  } = servicesManager.services;
-  const [voi, setVOI] = (0,react.useState)({
-    windowCenter: null,
-    windowWidth: null
-  });
-  const [scale, setScale] = (0,react.useState)(1);
-  const {
-    imageIndex
-  } = imageSliceData;
-  const topLeftCustomization = customizationService.getModeCustomization('cornerstoneOverlayTopLeft');
-  const topRightCustomization = customizationService.getModeCustomization('cornerstoneOverlayTopRight');
-  const bottomLeftCustomization = customizationService.getModeCustomization('cornerstoneOverlayBottomLeft');
-  const bottomRightCustomization = customizationService.getModeCustomization('cornerstoneOverlayBottomRight');
-  const instances = (0,react.useMemo)(() => {
-    if (viewportData != null) {
-      return _getViewportInstances(viewportData);
-    } else {
-      return null;
-    }
-  }, [viewportData, imageIndex]);
-  const instanceNumber = (0,react.useMemo)(() => viewportData ? getInstanceNumber(viewportData, viewportId, imageIndex, cornerstoneViewportService) : null, [viewportData, viewportId, imageIndex, cornerstoneViewportService]);
-
-  /**
-   * Updating the VOI when the viewport changes its voi
-   */
-  (0,react.useEffect)(() => {
-    const updateVOI = eventDetail => {
-      const {
-        range
-      } = eventDetail.detail;
-      if (!range) {
-        return;
-      }
-      const {
-        lower,
-        upper
-      } = range;
-      const {
-        windowWidth,
-        windowCenter
-      } = dist_esm.utilities.windowLevel.toWindowLevel(lower, upper);
-      setVOI({
-        windowCenter,
-        windowWidth
-      });
-    };
-    element.addEventListener(dist_esm.Enums.Events.VOI_MODIFIED, updateVOI);
-    return () => {
-      element.removeEventListener(dist_esm.Enums.Events.VOI_MODIFIED, updateVOI);
-    };
-  }, [viewportId, viewportData, voi, element]);
-
-  /**
-   * Updating the scale when the viewport changes its zoom
-   */
-  (0,react.useEffect)(() => {
-    const updateScale = eventDetail => {
-      const {
-        previousCamera,
-        camera
-      } = eventDetail.detail;
-      if (previousCamera.parallelScale !== camera.parallelScale || previousCamera.scale !== camera.scale) {
-        const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-        if (!viewport) {
-          return;
-        }
-        const scale = viewport.getZoom();
-        setScale(scale);
-      }
-    };
-    element.addEventListener(dist_esm.Enums.Events.CAMERA_MODIFIED, updateScale);
-    return () => {
-      element.removeEventListener(dist_esm.Enums.Events.CAMERA_MODIFIED, updateScale);
-    };
-  }, [viewportId, viewportData, cornerstoneViewportService, element]);
-  const _renderOverlayItem = (0,react.useCallback)(item => {
-    const overlayItemProps = {
-      element,
-      viewportData,
-      imageSliceData,
-      viewportId,
-      servicesManager,
-      customization: item,
-      formatters: {
-        formatPN: formatPN,
-        formatDate: formatDICOMDate,
-        formatTime: formatDICOMTime,
-        formatNumberPrecision: formatNumberPrecision
-      },
-      instance: instances ? instances[item?.instanceIndex] : null,
-      voi,
-      scale,
-      instanceNumber
-    };
-    if (!item) {
-      return null;
-    }
-    const {
-      customizationType
-    } = item;
-    const OverlayItemComponent = OverlayItemComponents[customizationType];
-    if (OverlayItemComponent) {
-      return /*#__PURE__*/react.createElement(OverlayItemComponent, overlayItemProps);
-    } else {
-      const renderItem = customizationService.transform(item);
-      if (typeof renderItem.content === 'function') {
-        return renderItem.content(overlayItemProps);
-      }
-    }
-  }, [element, viewportData, imageSliceData, viewportId, servicesManager, customizationService, instances, voi, scale, instanceNumber]);
-  const getContent = (0,react.useCallback)((customization, defaultItems, keyPrefix) => {
-    const items = customization?.items ?? defaultItems;
-    return /*#__PURE__*/react.createElement(react.Fragment, null, items.map((item, index) => /*#__PURE__*/react.createElement("div", {
-      key: `${keyPrefix}_${index}`
-    }, item?.condition ? item.condition({
-      instance: instances ? instances[item?.instanceIndex] : null,
-      formatters: {
-        formatDate: formatDICOMDate
-      }
-    }) ? _renderOverlayItem(item) : null : _renderOverlayItem(item))));
-  }, [_renderOverlayItem]);
-  const studyDateItem = {
-    id: 'StudyDate',
-    customizationType: 'ohif.overlayItem',
-    label: '',
-    title: 'Study date',
-    condition: ({
-      instance
-    }) => instance && instance.StudyDate,
-    contentF: ({
-      instance,
-      formatters: {
-        formatDate
-      }
-    }) => formatDate(instance.StudyDate)
-  };
-  const seriesDescriptionItem = {
-    id: 'SeriesDescription',
-    customizationType: 'ohif.overlayItem',
-    label: '',
-    title: 'Series description',
-    attribute: 'SeriesDescription',
-    condition: ({
-      instance
-    }) => {
-      return instance && instance.SeriesDescription;
-    }
-  };
-  const topLeftItems = instances ? instances.map((instance, index) => {
-    return [{
-      ...studyDateItem,
-      instanceIndex: index
-    }, {
-      ...seriesDescriptionItem,
-      instanceIndex: index
-    }];
-  }).flat() : [];
-  return /*#__PURE__*/react.createElement(ui_src/* ViewportOverlay */.pU, {
-    topLeft:
-    /**
-     * Inline default overlay items for a more standard expansion
-     */
-    getContent(topLeftCustomization, [...topLeftItems], 'topLeftOverlayItem'),
-    topRight: getContent(topRightCustomization, [], 'topRightOverlayItem'),
-    bottomLeft: getContent(bottomLeftCustomization, [{
-      id: 'WindowLevel',
-      customizationType: 'ohif.overlayItem.windowLevel'
-    }, {
-      id: 'ZoomLevel',
-      customizationType: 'ohif.overlayItem.zoomLevel',
-      condition: () => {
-        const activeToolName = toolGroupService.getActiveToolForViewport(viewportId);
-        return activeToolName === 'Zoom';
-      }
-    }], 'bottomLeftOverlayItem'),
-    bottomRight: getContent(bottomRightCustomization, [{
-      id: 'InstanceNumber',
-      customizationType: 'ohif.overlayItem.instanceNumber'
-    }], 'bottomRightOverlayItem')
-  });
-}
-function _getViewportInstances(viewportData) {
-  const imageIds = [];
-  if (viewportData.viewportType === dist_esm.Enums.ViewportType.STACK) {
-    imageIds.push(viewportData.data[0].imageIds[0]);
-  } else if (viewportData.viewportType === dist_esm.Enums.ViewportType.ORTHOGRAPHIC) {
-    const volumes = viewportData.data;
-    volumes.forEach(volume => {
-      if (!volume?.imageIds || volume.imageIds.length === 0) {
-        return;
-      }
-      imageIds.push(volume.imageIds[0]);
-    });
-  }
-  const instances = [];
-  imageIds.forEach(imageId => {
-    const instance = dist_esm.metaData.get('instance', imageId) || {};
-    instances.push(instance);
-  });
-  return instances;
-}
-const getInstanceNumber = (viewportData, viewportId, imageIndex, cornerstoneViewportService) => {
-  let instanceNumber;
-  switch (viewportData.viewportType) {
-    case dist_esm.Enums.ViewportType.STACK:
-      instanceNumber = _getInstanceNumberFromStack(viewportData, imageIndex);
-      break;
-    case dist_esm.Enums.ViewportType.ORTHOGRAPHIC:
-      instanceNumber = _getInstanceNumberFromVolume(viewportData, viewportId, cornerstoneViewportService, imageIndex);
-      break;
-  }
-  return instanceNumber ?? null;
-};
-function _getInstanceNumberFromStack(viewportData, imageIndex) {
-  const imageIds = viewportData.data[0].imageIds;
-  const imageId = imageIds[imageIndex];
-  if (!imageId) {
-    return;
-  }
-  const generalImageModule = dist_esm.metaData.get('generalImageModule', imageId) || {};
-  const {
-    instanceNumber
-  } = generalImageModule;
-  const stackSize = imageIds.length;
-  if (stackSize <= 1) {
-    return;
-  }
-  return parseInt(instanceNumber);
-}
-
-// Since volume viewports can be in any view direction, they can render
-// a reconstructed image which don't have imageIds; therefore, no instance and instanceNumber
-// Here we check if viewport is in the acquisition direction and if so, we get the instanceNumber
-function _getInstanceNumberFromVolume(viewportData, viewportId, cornerstoneViewportService, imageIndex) {
-  const volumes = viewportData.data;
-  if (!volumes) {
-    return;
-  }
-
-  // Todo: support fusion of acquisition plane which has instanceNumber
-  const {
-    volume
-  } = volumes[0];
-  const {
-    direction,
-    imageIds
-  } = volume;
-  const cornerstoneViewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
-  if (!cornerstoneViewport) {
-    return;
-  }
-  const camera = cornerstoneViewport.getCamera();
-  const {
-    viewPlaneNormal
-  } = camera;
-  // checking if camera is looking at the acquisition plane (defined by the direction on the volume)
-
-  const scanAxisNormal = direction.slice(6, 9);
-
-  // check if viewPlaneNormal is parallel to scanAxisNormal
-  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) {
-      return {};
-    }
-    const {
-      instanceNumber
-    } = dist_esm.metaData.get('generalImageModule', imageId) || {};
-    return parseInt(instanceNumber);
-  }
-}
-
-/**
- * Window Level / Center Overlay item
- */
-function VOIOverlayItem({
-  voi,
-  customization
-}) {
-  const {
-    windowWidth,
-    windowCenter
-  } = voi;
-  if (typeof windowCenter !== 'number' || typeof windowWidth !== 'number') {
-    return null;
-  }
-  return /*#__PURE__*/react.createElement("div", {
-    className: "overlay-item flex flex-row",
-    style: {
-      color: customization && customization.color || undefined
-    }
-  }, /*#__PURE__*/react.createElement("span", {
-    className: "mr-1 shrink-0"
-  }, "W:"), /*#__PURE__*/react.createElement("span", {
-    className: "ml-1 mr-2 shrink-0"
-  }, windowWidth.toFixed(0)), /*#__PURE__*/react.createElement("span", {
-    className: "mr-1 shrink-0"
-  }, "L:"), /*#__PURE__*/react.createElement("span", {
-    className: "ml-1 shrink-0"
-  }, windowCenter.toFixed(0)));
-}
-
-/**
- * Zoom Level Overlay item
- */
-function ZoomOverlayItem({
-  scale,
-  customization
-}) {
-  return /*#__PURE__*/react.createElement("div", {
-    className: "overlay-item flex flex-row",
-    style: {
-      color: customization && customization.color || undefined
-    }
-  }, /*#__PURE__*/react.createElement("span", {
-    className: "mr-1 shrink-0"
-  }, "Zoom:"), /*#__PURE__*/react.createElement("span", null, scale.toFixed(2), "x"));
-}
-
-/**
- * Instance Number Overlay Item
- */
-function InstanceNumberOverlayItem({
-  instanceNumber,
-  imageSliceData,
-  customization
-}) {
-  const {
-    imageIndex,
-    numberOfSlices
-  } = imageSliceData;
-  return /*#__PURE__*/react.createElement("div", {
-    className: "overlay-item flex flex-row",
-    style: {
-      color: customization && customization.color || undefined
-    }
-  }, /*#__PURE__*/react.createElement("span", null, instanceNumber !== undefined && instanceNumber !== null ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("span", {
-    className: "mr-1 shrink-0"
-  }, "I:"), /*#__PURE__*/react.createElement("span", null, `${instanceNumber} (${imageIndex + 1}/${numberOfSlices})`)) : `${imageIndex + 1}/${numberOfSlices}`));
-}
-CustomizableViewportOverlay.propTypes = {
-  viewportData: (prop_types_default()).object,
-  imageIndex: (prop_types_default()).number,
-  viewportId: (prop_types_default()).string
-};
-/* harmony default export */ const Overlays_CustomizableViewportOverlay = (CustomizableViewportOverlay);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/CustomizableViewportOverlay.tsx + 2 modules
+var CustomizableViewportOverlay = __webpack_require__(34);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(61466);
+var classnames = __webpack_require__(33901);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
+// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
+var gl_matrix_esm = __webpack_require__(72076);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/ViewportOrientationMarkers.css
 // extracted by mini-css-extract-plugin
 
@@ -714,8 +244,8 @@ function ViewportOrientationMarkers({
         viewUp,
         viewPlaneNormal
       } = viewport.getCamera();
-      const viewRight = gl_matrix_esm/* vec3.create */.eR.create();
-      gl_matrix_esm/* vec3.cross */.eR.cross(viewRight, viewUp, viewPlaneNormal);
+      const viewRight = gl_matrix_esm/* vec3.create */.R3.create();
+      gl_matrix_esm/* vec3.cross */.R3.cross(viewRight, viewUp, viewPlaneNormal);
       columnCosines = [-viewUp[0], -viewUp[1], -viewUp[2]];
       rowCosines = viewRight;
     }
@@ -922,7 +452,7 @@ function CornerstoneOverlays(props) {
     setImageSliceData: setImageSliceData,
     scrollbarHeight: scrollbarHeight,
     servicesManager: servicesManager
-  }), /*#__PURE__*/react.createElement(Overlays_CustomizableViewportOverlay, {
+  }), /*#__PURE__*/react.createElement(CustomizableViewportOverlay/* default */.ZP, {
     imageSliceData: imageSliceData,
     viewportData: viewportData,
     viewportId: viewportId,
@@ -941,11 +471,11 @@ function CornerstoneOverlays(props) {
 }
 /* harmony default export */ const Overlays_CornerstoneOverlays = (CornerstoneOverlays);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
-var getSOPInstanceAttributes = __webpack_require__(20928);
+var getSOPInstanceAttributes = __webpack_require__(90927);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
-var streaming_image_volume_loader_dist_esm = __webpack_require__(23722);
+var streaming_image_volume_loader_dist_esm = __webpack_require__(15793);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state_0 = __webpack_require__(81883);
+var state_0 = __webpack_require__(52490);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/CinePlayer/CinePlayer.tsx
 
 
@@ -965,10 +495,10 @@ function WrappedCinePlayer({
   const [{
     isCineEnabled,
     cines
-  }, cineService] = (0,ui_src/* useCine */.tq)();
+  }, cineService] = (0,ui_src/* useCine */.vQ)();
   const [newStackFrameRate, setNewStackFrameRate] = (0,react.useState)(24);
   const [dynamicInfo, setDynamicInfo] = (0,react.useState)(null);
-  const [appConfig] = (0,state_0/* useAppConfig */.r)();
+  const [appConfig] = (0,state_0/* useAppConfig */.M)();
   const isMountedRef = (0,react.useRef)(null);
   const cineHandler = () => {
     if (!cines?.[viewportId] || !enabledVPElement) {
@@ -1100,7 +630,7 @@ function RenderCinePlayer({
   customizationService
 }) {
   const {
-    component: CinePlayerComponent = ui_src/* CinePlayer */.F0
+    component: CinePlayerComponent = ui_src/* CinePlayer */.H6
   } = customizationService.get('cinePlayer') ?? {};
   const [dynamicInfo, setDynamicInfo] = (0,react.useState)(dynamicInfoProp);
   (0,react.useEffect)(() => {
@@ -1128,9 +658,9 @@ function RenderCinePlayer({
         label: splittingTag
       });
     };
-    dist_esm.eventTarget.addEventListener(streaming_image_volume_loader_dist_esm/* Enums.Events */.fX.s.DYNAMIC_VOLUME_TIME_POINT_INDEX_CHANGED, handleTimePointIndexChange);
+    dist_esm.eventTarget.addEventListener(streaming_image_volume_loader_dist_esm/* Enums.Events */.Yb.z.DYNAMIC_VOLUME_TIME_POINT_INDEX_CHANGED, handleTimePointIndexChange);
     return () => {
-      dist_esm.eventTarget.removeEventListener(streaming_image_volume_loader_dist_esm/* Enums.Events */.fX.s.DYNAMIC_VOLUME_TIME_POINT_INDEX_CHANGED, handleTimePointIndexChange);
+      dist_esm.eventTarget.removeEventListener(streaming_image_volume_loader_dist_esm/* Enums.Events */.Yb.z.DYNAMIC_VOLUME_TIME_POINT_INDEX_CHANGED, handleTimePointIndexChange);
     };
   }, [dynamicInfo]);
   (0,react.useEffect)(() => {
@@ -1191,7 +721,7 @@ function RenderCinePlayer({
 
 /* harmony default export */ const components_CinePlayer = (CinePlayer);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/contextProviders/ViewportActionCornersProvider.tsx
-var ViewportActionCornersProvider = __webpack_require__(40684);
+var ViewportActionCornersProvider = __webpack_require__(71645);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/OHIFViewportActionCorners.tsx
 
 
@@ -1199,17 +729,17 @@ var ViewportActionCornersProvider = __webpack_require__(40684);
 function OHIFViewportActionCorners({
   viewportId
 }) {
-  const [viewportActionCornersState] = (0,ViewportActionCornersProvider/* useViewportActionCornersContext */.R4)();
+  const [viewportActionCornersState] = (0,ViewportActionCornersProvider/* useViewportActionCornersContext */.HC)();
   if (!viewportActionCornersState[viewportId]) {
     return null;
   }
-  return /*#__PURE__*/react.createElement(ui_src/* ViewportActionCorners */.R2, {
+  return /*#__PURE__*/react.createElement(ui_src/* ViewportActionCorners */.wq, {
     cornerComponents: viewportActionCornersState[viewportId]
   });
 }
 /* harmony default export */ const components_OHIFViewportActionCorners = (OHIFViewportActionCorners);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(80619);
+var es = __webpack_require__(69190);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/Colormap.tsx
 
 
@@ -1290,7 +820,7 @@ function Colormap({
   }, [displaySets]);
   return /*#__PURE__*/react.createElement(react.Fragment, null, buttons.length > 1 && /*#__PURE__*/react.createElement("div", {
     className: "all-in-one-menu-item flex w-full justify-center"
-  }, /*#__PURE__*/react.createElement(ui_src/* ButtonGroup */.e2, {
+  }, /*#__PURE__*/react.createElement(ui_src/* ButtonGroup */.hE, {
     onActiveIndexChange: index => {
       setActiveDisplaySet(displaySets[index]);
       setPrePreviewColormap(null);
@@ -1306,13 +836,13 @@ function Colormap({
     style: style
   }, children)))), /*#__PURE__*/react.createElement("div", {
     className: "all-in-one-menu-item flex w-full justify-center"
-  }, /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.L$, {
+  }, /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.U3, {
     label: "Preview in viewport",
     checked: showPreview,
     onChange: checked => {
       setShowPreview(checked);
     }
-  })), /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.DividerItem */.se.VG, null), /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.se.cV, null, colormaps.map((colormap, index) => /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.se.q7, {
+  })), /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.DividerItem */.yZ.P7, null), /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.yZ.qZ, null, colormaps.map((colormap, index) => /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.yZ.ck, {
     key: index,
     label: colormap.description,
     onClick: () => {
@@ -1434,7 +964,7 @@ function Colorbar({
     className: "all-in-one-menu-item flex w-full justify-center"
   }, /*#__PURE__*/react.createElement("div", {
     className: "mr-2 w-[28px]"
-  }), /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.L$, {
+  }), /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.U3, {
     label: "Display Color bar",
     checked: showColorbar,
     onChange: () => {
@@ -1453,7 +983,7 @@ function WindowLevel({
 }) {
   const {
     t
-  } = (0,es/* useTranslation */.Bd)('WindowLevelActionMenu');
+  } = (0,es/* useTranslation */.$G)('WindowLevelActionMenu');
   const onSetWindowLevel = (0,react.useCallback)(props => {
     commandsManager.run({
       commandName: 'setViewportWindowLevel',
@@ -1464,13 +994,13 @@ function WindowLevel({
       context: 'CORNERSTONE'
     });
   }, [commandsManager, viewportId]);
-  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.se.cV, null, presets.map((modalityPresets, modalityIndex) => /*#__PURE__*/react.createElement(react.Fragment, {
+  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.yZ.qZ, null, presets.map((modalityPresets, modalityIndex) => /*#__PURE__*/react.createElement(react.Fragment, {
     key: modalityIndex
   }, Object.entries(modalityPresets).map(([modality, presetsArray]) => /*#__PURE__*/react.createElement(react.Fragment, {
     key: modality
-  }, /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.HeaderItem */.se.N5, null, t('Modality Presets', {
+  }, /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.HeaderItem */.yZ.Km, null, t('Modality Presets', {
     modality
-  })), presetsArray.map((preset, index) => /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.se.q7, {
+  })), presetsArray.map((preset, index) => /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.yZ.ck, {
     key: `${modality}-${index}`,
     label: preset.description,
     secondaryLabel: `${preset.window} / ${preset.level}`,
@@ -1512,7 +1042,7 @@ function VolumeRenderingPresetsContent({
     className: "flex h-[46px] w-full items-center justify-start"
   }, /*#__PURE__*/react.createElement("div", {
     className: "h-[26px] w-[200px]"
-  }, /*#__PURE__*/react.createElement(ui_src/* InputFilterText */.Cv, {
+  }, /*#__PURE__*/react.createElement(ui_src/* InputFilterText */.Xe, {
     value: searchValue,
     onDebounceChange: handleSearchChange,
     placeholder: 'Search all'
@@ -1530,7 +1060,7 @@ function VolumeRenderingPresetsContent({
         viewportId
       });
     }
-  }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+  }, /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
     name: preset.name,
     className: selectedPreset?.name === preset.name ? 'border-primary-light h-[75px] w-[95px] max-w-none rounded border-2' : 'hover:border-primary-light h-[75px] w-[95px] max-w-none rounded border-2 border-black'
   }), /*#__PURE__*/react.createElement("label", {
@@ -1539,10 +1069,10 @@ function VolumeRenderingPresetsContent({
     className: "flex h-[60px] w-full items-center justify-end"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex"
-  }, /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
+  }, /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
     name: "Cancel",
-    size: ui_src/* ButtonEnums.size */.Ny.Ej.medium,
-    type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
+    size: ui_src/* ButtonEnums.size */.LZ.dp.medium,
+    type: ui_src/* ButtonEnums.type */.LZ.dt.secondary,
     onClick: onClose
   }, ' ', "Cancel", ' '))));
 }
@@ -1574,12 +1104,12 @@ function VolumeRenderingPresets({
       contentDimensions: 'h-[493px] w-[460px]  pl-[12px] pr-[12px]'
     });
   };
-  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.se.q7, {
+  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.Item */.yZ.ck, {
     label: "Rendering Presets",
-    icon: /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+    icon: /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
       name: "VolumeRendering"
     }),
-    rightIcon: /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
+    rightIcon: /*#__PURE__*/react.createElement(ui_src/* Icon */.JO, {
       name: "action-new-dialog"
     }),
     onClick: onClickPresets
@@ -1874,7 +1404,7 @@ function VolumeShade({
     setShade(shade);
     setKey(key + 1);
   }, [viewportId, cornerstoneViewportService]);
-  return /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.L$, {
+  return /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.U3, {
     key: key,
     label: "Shade",
     checked: shade,
@@ -1897,7 +1427,7 @@ function VolumeRenderingOptions({
   volumeRenderingQualityRange,
   servicesManager
 }) {
-  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.se.cV, null, /*#__PURE__*/react.createElement(VolumeRenderingQuality, {
+  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.yZ.qZ, null, /*#__PURE__*/react.createElement(VolumeRenderingQuality, {
     viewportId: viewportId,
     commandsManager: commandsManager,
     servicesManager: servicesManager,
@@ -1968,8 +1498,8 @@ function WindowLevelActionMenu({
   const nonImageModalities = ['SR', 'SEG', 'SM', 'RTSTRUCT', 'RTPLAN', 'RTDOSE'];
   const {
     t
-  } = (0,es/* useTranslation */.Bd)('WindowLevelActionMenu');
-  const [viewportGrid] = (0,ui_src/* useViewportGrid */.ih)();
+  } = (0,es/* useTranslation */.$G)('WindowLevelActionMenu');
+  const [viewportGrid] = (0,ui_src/* useViewportGrid */.O_)();
   const {
     activeViewportId
   } = viewportGrid;
@@ -2011,7 +1541,7 @@ function WindowLevelActionMenu({
       setIs3DVolume(false);
     }
   }, [displaySets, viewportId, presets, volumeRenderingQualityRange, volumeRenderingPresets, colorbarProperties, activeViewportId, viewportGrid]);
-  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.IconMenu */.se.dd, {
+  return /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.IconMenu */.yZ.dc, {
     icon: "viewport-window-level",
     verticalDirection: verticalDirection,
     horizontalDirection: horizontalDirection,
@@ -2026,13 +1556,13 @@ function WindowLevelActionMenu({
       setVpHeight(element.clientHeight);
     },
     menuKey: menuKey
-  }, /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.se.cV, null, !is3DVolume && /*#__PURE__*/react.createElement(Colorbar, {
+  }, /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.ItemPanel */.yZ.qZ, null, !is3DVolume && /*#__PURE__*/react.createElement(Colorbar, {
     viewportId: viewportId,
     displaySets: displaySets.filter(ds => !nonImageModalities.includes(ds.Modality)),
     commandsManager: commandsManager,
     servicesManager: servicesManager,
     colorbarProperties: colorbarProperties
-  }), colormaps && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.se.g8, {
+  }), colormaps && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.yZ.Wd, {
     key: "colorLUTPresets",
     itemLabel: "Color LUT",
     itemIcon: "icon-color-lut"
@@ -2042,7 +1572,7 @@ function WindowLevelActionMenu({
     displaySets: displaySets.filter(ds => !nonImageModalities.includes(ds.Modality)),
     commandsManager: commandsManager,
     servicesManager: servicesManager
-  })), presets && presets.length > 0 && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.se.g8, {
+  })), presets && presets.length > 0 && !is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.yZ.Wd, {
     key: "windowLevelPresets",
     itemLabel: t('Modality Window Presets'),
     itemIcon: "viewport-window-level"
@@ -2055,7 +1585,7 @@ function WindowLevelActionMenu({
     viewportId: viewportId,
     commandsManager: commandsManager,
     volumeRenderingPresets: volumeRenderingPresets
-  }), volumeRenderingQualityRange && is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.se.g8, {
+  }), volumeRenderingQualityRange && is3DVolume && /*#__PURE__*/react.createElement(ui_src/* AllInOneMenu.SubMenu */.yZ.Wd, {
     itemLabel: "Rendering Options"
   }, /*#__PURE__*/react.createElement(VolumeRenderingOptions, {
     viewportId: viewportId,
@@ -2216,7 +1746,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
   const [scrollbarHeight, setScrollbarHeight] = (0,react.useState)('100px');
   const [enabledVPElement, setEnabledVPElement] = (0,react.useState)(null);
   const elementRef = (0,react.useRef)();
-  const [appConfig] = (0,state_0/* useAppConfig */.r)();
+  const [appConfig] = (0,state_0/* useAppConfig */.M)();
   const {
     measurementService,
     displaySetService,
@@ -2229,7 +1759,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     stateSyncService,
     viewportActionCornersService
   } = servicesManager.services;
-  const [viewportDialogState] = (0,ui_src/* useViewportDialog */.OR)();
+  const [viewportDialogState] = (0,ui_src/* useViewportDialog */.en)();
   // useCallback for scroll bar height calculation
   const setImageScrollBarHeight = (0,react.useCallback)(() => {
     const scrollbarHeight = `${elementRef.current.clientHeight - 40}px`;
@@ -2260,7 +1790,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       element
     } = evt.detail;
     const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
-    (0,state/* setEnabledElement */.ye)(viewportId, element);
+    (0,state/* setEnabledElement */.Yc)(viewportId, element);
     setEnabledVPElement(element);
     const renderingEngineId = viewportInfo.getRenderingEngineId();
     const toolGroupId = viewportInfo.getToolGroupId();
@@ -2414,8 +1944,8 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       displaySets,
       servicesManager,
       commandsManager,
-      verticalDirection: ui_src/* AllInOneMenu.VerticalDirection */.se.mq.TopToBottom,
-      horizontalDirection: ui_src/* AllInOneMenu.HorizontalDirection */.se.Iu.RightToLeft
+      verticalDirection: ui_src/* AllInOneMenu.VerticalDirection */.yZ.HO.TopToBottom,
+      horizontalDirection: ui_src/* AllInOneMenu.HorizontalDirection */.yZ.po.RightToLeft
     });
     viewportActionCornersService.setComponent({
       viewportId,
@@ -2427,7 +1957,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
   }, [displaySets, viewportId, viewportActionCornersService, servicesManager, commandsManager]);
   const {
     ref: resizeRef
-  } = (0,index_esm/* useResizeDetector */.u)({
+  } = (0,index_esm/* useResizeDetector */.N)({
     onResize
   });
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
@@ -2456,7 +1986,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     servicesManager: servicesManager
   })), /*#__PURE__*/react.createElement("div", {
     className: "absolute top-[24px] w-full"
-  }, viewportDialogState.viewportId === viewportId && /*#__PURE__*/react.createElement(ui_src/* Notification */.Eg, {
+  }, viewportDialogState.viewportId === viewportId && /*#__PURE__*/react.createElement(ui_src/* Notification */.P_, {
     id: "viewport-notification",
     message: viewportDialogState.message,
     type: viewportDialogState.type,
@@ -2549,7 +2079,7 @@ function _jumpToMeasurement(measurement, targetElementRef, viewportId, measureme
         const {
           SOPInstanceUID: aSOPInstanceUID,
           frameNumber: aFrameNumber
-        } = (0,getSOPInstanceAttributes/* default */.A)(imageId);
+        } = (0,getSOPInstanceAttributes/* default */.Z)(imageId);
         return aSOPInstanceUID === SOPInstanceUID && (!frameNumber || frameNumber === aFrameNumber);
       });
     } else {