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

package/dist/{117.bundle.a80b1511ef4b302fb7cc.js → 117.bundle.ba41cf7978afb629dcff.js}

@@ -7,7 +7,7 @@
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-async function addImageSlicesToViewports(renderingEngine, stackInputs, viewportIds, immediateRender = false, suppressEvents = false) {
+async function addImageSlicesToViewports(renderingEngine, stackInputs, viewportIds) {
     for (const viewportId of viewportIds) {
         const viewport = renderingEngine.getViewport(viewportId);
         if (!viewport) {
@@ -20,7 +20,7 @@ async function addImageSlicesToViewports(renderingEngine, stackInputs, viewportI
     }
     const addStackPromises = viewportIds.map(async (viewportId) => {
         const viewport = renderingEngine.getViewport(viewportId);
-        return viewport.addImages(stackInputs, immediateRender, suppressEvents);
+        return viewport.addImages(stackInputs);
     });
     await Promise.all(addStackPromises);
 }
@@ -558,7 +558,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13320);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11731);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51884);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20228);
 /* harmony import */ var _requestPool_imageLoadPoolManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(775);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(92136);
 
@@ -656,12 +656,24 @@ function createAndCacheDerivedImage(referencedImageId, options = {}, preventCach
     const { TypedArrayConstructor } = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getBufferConfiguration)(options.targetBufferType, length);
     const imageScalarData = new TypedArrayConstructor(skipCreateBuffer ? 1 : length);
     const derivedImageId = imageId;
-    ['imagePixelModule', 'imagePlaneModule', 'generalSeriesModule'].forEach((type) => {
+    ['imagePlaneModule', 'generalSeriesModule'].forEach((type) => {
         _utilities__WEBPACK_IMPORTED_MODULE_4__.genericMetadataProvider.add(derivedImageId, {
             type,
             metadata: ___WEBPACK_IMPORTED_MODULE_6__.metaData.get(type, referencedImageId),
         });
     });
+    const imagePixelModule = ___WEBPACK_IMPORTED_MODULE_6__.metaData.get('imagePixelModule', referencedImageId);
+    _utilities__WEBPACK_IMPORTED_MODULE_4__.genericMetadataProvider.add(derivedImageId, {
+        type: 'imagePixelModule',
+        metadata: {
+            ...imagePixelModule,
+            bitsAllocated: 8,
+            bitsStored: 8,
+            highBit: 7,
+            samplesPerPixel: 1,
+            pixelRepresentation: 0,
+        },
+    });
     const localImage = createAndCacheLocalImage({ scalarData: imageScalarData, onCacheAdd, skipCreateBuffer }, imageId, true);
     const imageLoadObject = {
         promise: Promise.resolve(localImage),
@@ -828,7 +840,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13292);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(48463);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20228);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(71702);
 /* harmony import */ var _utilities_cacheUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(51631);
 
@@ -1125,8 +1137,22 @@ function generateVolumeScalarData(targetBuffer, scalarLength) {
     }
     let volumeScalarData;
     if (targetBuffer?.sharedArrayBuffer) {
-        const buffer = new SharedArrayBuffer(numBytes);
-        volumeScalarData = new TypedArrayConstructor(buffer);
+        switch (targetBuffer.type) {
+            case 'Float32Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createFloat32SharedArray)(scalarLength);
+                break;
+            case 'Uint8Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint8SharedArray)(scalarLength);
+                break;
+            case 'Uint16Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint16SharedArray)(scalarLength);
+                break;
+            case 'Int16Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint16SharedArray)(scalarLength);
+                break;
+            default:
+                throw new Error('generateVolumeScalarData: SharedArrayBuffer is not supported for the specified target buffer type');
+        }
     }
     else {
         volumeScalarData = new TypedArrayConstructor(scalarLength);
@@ -1216,7 +1242,7 @@ imageLoadPoolManager.setMaxSimultaneousRequests(_enums_RequestType__WEBPACK_IMPO
 /* harmony export */   R: () => (/* binding */ RequestPoolManager)
 /* harmony export */ });
 /* harmony import */ var _enums_RequestType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15453);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20228);
 
 
 class RequestPoolManager {
@@ -1683,7 +1709,7 @@ var ToolModes;
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61738);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55965);
 /* harmony import */ var _synchronizers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42375);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49574);
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74119);
 /* harmony import */ var _cursors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(32916);
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40969);
@@ -2369,7 +2395,7 @@ function getToolGroupsWithToolName(toolName) {
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(48428);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21009);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(90252);
@@ -3043,6 +3069,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_4__/* .Annotation
                 viewUp: [...viewUp],
                 FrameOfReferenceUID,
                 referencedImageId,
+                ...viewport.getViewReference({ points: [worldPos] }),
             },
             data: {
                 handles: {
@@ -3133,7 +3160,7 @@ BidirectionalTool.toolName = 'Bidirectional';
 /* harmony import */ var _planarFreehandROITool_openContourEndEditLoop__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(72702);
 /* harmony import */ var _planarFreehandROITool_renderMethods__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(11585);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(49574);
 /* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(10910);
 /* harmony import */ var _utilities_math_polyline__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(56634);
 /* harmony import */ var _utilities_pointInShapeCallback__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(75403);
@@ -3202,6 +3229,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
                 enabled: false,
                 epsilon: 0.1,
             },
+            displayOnePointAsCrosshairs: false,
             calculateStats: true,
             getTextLines: defaultGetTextLines,
             statsCalculator: _utilities_math_basic__WEBPACK_IMPORTED_MODULE_22__.BasicStatsCalculator,
@@ -3538,7 +3566,13 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
         const isEditingOpen = this.isEditingOpen;
         const isEditingClosed = this.isEditingClosed;
         if (!(isDrawing || isEditingOpen || isEditingClosed)) {
-            this.renderContour(enabledElement, svgDrawingHelper, annotation);
+            if (this.configuration.displayOnePointAsCrosshairs &&
+                annotation.data.contour.polyline.length === 1) {
+                this.renderPointContourWithMarker(enabledElement, svgDrawingHelper, annotation);
+            }
+            else {
+                this.renderContour(enabledElement, svgDrawingHelper, annotation);
+            }
         }
         else {
             const activeAnnotationUID = this.commonData.annotation.annotationUID;
@@ -3557,7 +3591,13 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
                 }
             }
             else {
-                this.renderContour(enabledElement, svgDrawingHelper, annotation);
+                if (this.configuration.displayOnePointAsCrosshairs &&
+                    annotation.data.contour.polyline.length === 1) {
+                    this.renderPointContourWithMarker(enabledElement, svgDrawingHelper, annotation);
+                }
+                else {
+                    this.renderContour(enabledElement, svgDrawingHelper, annotation);
+                }
             }
             renderStatus = true;
         }
@@ -3764,7 +3804,7 @@ __webpack_require__.d(__webpack_exports__, {
   t0: () => (/* reexport */ SegmentationDisplayTool/* default */.A)
 });
 
-// UNUSED EXPORTS: AngleTool, AnnotationDisplayTool, ArrowAnnotateTool, BaseTool, BidirectionalTool, BrushTool, CircleROIStartEndThresholdTool, CircleROITool, CircleScissorsTool, CobbAngleTool, CrosshairsTool, DragProbeTool, EllipticalROITool, EraserTool, KeyImageTool, LengthTool, LivewireContourSegmentationTool, LivewireContourTool, MIPJumpToClickTool, MagnifyTool, OrientationMarkerTool, OverlayGridTool, PaintFillTool, PanTool, PlanarRotateTool, ProbeTool, RectangleROITool, RectangleScissorsTool, ReferenceCursors, ReferenceLines, ReferenceLinesTool, ScaleOverlayTool, SculptorTool, SegmentSelectTool, SegmentationIntersectionTool, SphereScissorsTool, SplineContourSegmentationTool, SplineROITool, StackScrollMouseWheelTool, StackScrollTool, TrackballRotateTool, UltrasoundDirectionalTool, VolumeRotateMouseWheelTool, WindowLevelTool, ZoomTool
+// UNUSED EXPORTS: AngleTool, AnnotationDisplayTool, ArrowAnnotateTool, BaseTool, BidirectionalTool, BrushTool, CircleROIStartEndThresholdTool, CircleROITool, CircleScissorsTool, CobbAngleTool, CrosshairsTool, DragProbeTool, EllipticalROITool, EraserTool, KeyImageTool, LengthTool, LivewireContourSegmentationTool, LivewireContourTool, MIPJumpToClickTool, MagnifyTool, OrientationMarkerTool, OverlayGridTool, PaintFillTool, PanTool, PlanarRotateTool, ProbeTool, RectangleROITool, RectangleScissorsTool, ReferenceCursors, ReferenceLines, ReferenceLinesTool, ScaleOverlayTool, SculptorTool, SegmentSelectTool, SegmentationIntersectionTool, SphereScissorsTool, SplineContourSegmentationTool, SplineROITool, StackScrollMouseWheelTool, StackScrollTool, TrackballRotateTool, UltrasoundDirectionalTool, VolumeRotateMouseWheelTool, WindowLevelRegionTool, WindowLevelTool, ZoomTool
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/tools/base/index.js
 var base = __webpack_require__(96214);
@@ -3774,6 +3814,8 @@ var PanTool = __webpack_require__(25294);
 var TrackballRotateTool = __webpack_require__(15924);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/tools/WindowLevelTool.js
 var WindowLevelTool = __webpack_require__(455);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/tools/WindowLevelRegionTool.js
+var WindowLevelRegionTool = __webpack_require__(60747);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/tools/StackScrollTool.js
 var StackScrollTool = __webpack_require__(20132);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/tools/PlanarRotateTool.js
@@ -3856,8 +3898,8 @@ var esm = __webpack_require__(92136);
 var stateManagement = __webpack_require__(95778);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/annotation/annotationLocking.js
 var annotationLocking = __webpack_require__(48428);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/index.js + 17 modules
-var drawingSvg = __webpack_require__(2746);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/index.js + 18 modules
+var drawingSvg = __webpack_require__(49574);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/viewportFilters/index.js + 4 modules
 var viewportFilters = __webpack_require__(90252);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/cursors/elementCursor.js
@@ -4393,6 +4435,7 @@ var SegmentSelectTool = __webpack_require__(34041);
 
 
 
+
 
 
 /***/ }),
@@ -4481,6 +4524,7 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   annotationFrameRange: () => (/* reexport */ annotationFrameRange/* default */.A),
+  annotationHydration: () => (/* reexport */ annotationHydration/* annotationHydration */.i),
   boundingBox: () => (/* reexport */ boundingBox),
   calibrateImageSpacing: () => (/* reexport */ calibrateImageSpacing/* default */.A),
   cine: () => (/* reexport */ cine),
@@ -4495,6 +4539,7 @@ __webpack_require__.d(__webpack_exports__, {
   getCalibratedAspect: () => (/* reexport */ getCalibratedUnits/* getCalibratedAspect */.CQ),
   getCalibratedLengthUnitsAndScale: () => (/* reexport */ getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op),
   getCalibratedProbeUnitsAndValue: () => (/* reexport */ getCalibratedUnits/* getCalibratedProbeUnitsAndValue */.Xw),
+  getClosestImageIdForStackViewport: () => (/* reexport */ annotationHydration/* getClosestImageIdForStackViewport */.x),
   getSphereBoundsInfo: () => (/* reexport */ getSphereBoundsInfo/* getSphereBoundsInfo */.R),
   getViewportForAnnotation: () => (/* reexport */ getViewportForAnnotation/* default */.A),
   isObject: () => (/* reexport */ isObject/* default */.A),
@@ -4570,6 +4615,8 @@ var annotationFrameRange = __webpack_require__(41209);
 var pointInSurroundingSphereCallback = __webpack_require__(5093);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/getViewportForAnnotation.js
 var getViewportForAnnotation = __webpack_require__(39490);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/annotationHydration.js
+var annotationHydration = __webpack_require__(25781);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/contours/index.js
 var contours = __webpack_require__(75534);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/segmentation/index.js
@@ -4609,8 +4656,8 @@ var touch = __webpack_require__(54868);
 var dynamicVolume = __webpack_require__(16390);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/polyData/utils.js
 var utils = __webpack_require__(46514);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/voi/index.js
-var voi = __webpack_require__(10413);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/voi/index.js + 4 modules
+var voi = __webpack_require__(14149);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/contourSegmentation/index.js
 var contourSegmentation = __webpack_require__(7259);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/index.js
@@ -4649,6 +4696,7 @@ var contourSegmentation = __webpack_require__(7259);
 
 
 
+
 
 
 const roundNumber = esm.utilities.roundNumber;

package/dist/{889.bundle.5611d644c8cb24f864ff.js → 121.bundle.461cdd26c51e085deaec.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[889],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[121],{
 
-/***/ 62889:
+/***/ 67121:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -20,10 +20,10 @@ const id = package_namespaceObject.UU;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(8633);
+var core_src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(80619);
 // EXTERNAL MODULE: ../../../node_modules/mathjs/lib/esm/index.js + 996 modules
@@ -1349,6 +1349,15 @@ class MicroscopyService extends core_src/* PubSubService */.Rc {
   setROIStyle(uid, styleOptions) {
     this.managedViewers.forEach(mv => mv.setROIStyle(uid, styleOptions));
   }
+
+  /**
+   * Get all managed viewers
+   *
+   * @returns {Array} managedViewers
+   */
+  getAllManagedViewers() {
+    return Array.from(this.managedViewers);
+  }
 }
 _MicroscopyService = MicroscopyService;
 MicroscopyService.REGISTRATION = servicesManager => {
@@ -2565,6 +2574,11 @@ function getDicomMicroscopySRSopClassHandler({
     getDisplaySetsFromSeries
   };
 }
+// EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
+var index_esm = __webpack_require__(78668);
+// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
+var lodash_debounce = __webpack_require__(14771);
+var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/index.tsx
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -2575,8 +2589,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
+
 const Component = /*#__PURE__*/react.lazy(() => {
-  return Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(544)]).then(__webpack_require__.bind(__webpack_require__, 17919));
+  return Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(827), __webpack_require__.e(172)]).then(__webpack_require__.bind(__webpack_require__, 66921));
 });
 const MicroscopyViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -2628,14 +2644,25 @@ const extension = {
       const {
         activeViewportId
       } = viewportGrid;
-
-      // a unique identifier based on the contents of displaySets.
-      // since we changed our rendering pipeline and if there is no
-      // element size change nor viewportId change we won't re-render
-      // we need a way to force re-rendering when displaySets change.
       const displaySetsKey = (0,react.useMemo)(() => {
         return props.displaySets.map(ds => ds.displaySetInstanceUID).join('-');
       }, [props.displaySets]);
+      const onResize = lodash_debounce_default()(() => {
+        const {
+          microscopyService
+        } = servicesManager.services;
+        const managedViewer = microscopyService.getAllManagedViewers();
+        if (managedViewer && managedViewer.length > 0) {
+          managedViewer[0].viewer.resize();
+        }
+      }, 100);
+      const {
+        ref: resizeRef
+      } = (0,index_esm/* useResizeDetector */.u)({
+        onResize,
+        handleHeight: true,
+        handleWidth: true
+      });
       return /*#__PURE__*/react.createElement(MicroscopyViewport, _extends({
         key: displaySetsKey,
         servicesManager: servicesManager,
@@ -2645,7 +2672,8 @@ const extension = {
         setViewportActive: viewportId => {
           viewportGridService.setActiveViewportId(viewportId);
         },
-        viewportData: viewportOptions
+        viewportData: viewportOptions,
+        resizeRef: resizeRef
       }, props));
     };
     return [{

package/dist/{998.bundle.b8ffa2bc390d5d4edf16.js → 129.bundle.ccccc4e42658b699feca.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[998,481],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[129,404],{
 
-/***/ 32009:
+/***/ 70282:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -23,7 +23,7 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(92136);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -314,11 +314,11 @@ function getHangingProtocolModule() {
 /* harmony default export */ const src_getHangingProtocolModule = (getHangingProtocolModule);
 
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var ui_src = __webpack_require__(5085);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 85 modules
-var default_src = __webpack_require__(47390);
+var state = __webpack_require__(81883);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var ui_src = __webpack_require__(79047);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 90 modules
+var default_src = __webpack_require__(48827);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
@@ -880,7 +880,7 @@ var ImageData = __webpack_require__(51250);
  * @param params.viewportId - ID of the viewport to be updated.
  * @param params.loadFn - Function to load the segmentation data.
  * @param params.servicesManager - The services manager.
- * @param params.referencedDisplaySetInstanceUID - Optional UID for the referenced display set instance.
+ * @param params.displaySet -  the display set.
  *
  * @returns Returns true upon successful update of viewports for segmentation rendering.
  */
@@ -888,7 +888,7 @@ async function updateViewportsForSegmentationRendering({
   viewportId,
   loadFn,
   servicesManager,
-  referencedDisplaySetInstanceUID
+  displaySet
 }) {
   const {
     cornerstoneViewportService,
@@ -900,11 +900,11 @@ async function updateViewportsForSegmentationRendering({
     viewportGridService
   });
   const targetViewportId = viewport.viewportOptions.viewportId;
-  referencedDisplaySetInstanceUID = referencedDisplaySetInstanceUID || viewport?.displaySetInstanceUIDs[0];
+  const referencedDisplaySetInstanceUID = displaySet?.referencedDisplaySetInstanceUID || viewport?.displaySetInstanceUIDs[0];
   const updatedViewports = getUpdatedViewportsForSegmentation({
-    servicesManager,
     viewportId,
-    referencedDisplaySetInstanceUID
+    servicesManager,
+    displaySet
   });
 
   // create Segmentation callback which needs to be waited until
@@ -920,7 +920,7 @@ async function updateViewportsForSegmentationRendering({
   updatedViewports.forEach(async viewport => {
     viewport.viewportOptions = {
       ...viewport.viewportOptions,
-      viewportType: 'volume',
+      viewportType: displaySet?.Modality === 'RTSTRUCT' ? 'stack' : 'volume',
       needsRerendering: true
     };
     const viewportId = viewport.viewportId;
@@ -929,7 +929,7 @@ async function updateViewportsForSegmentationRendering({
 
     // only run the createSegmentationForVolume for the targetViewportId
     // since the rest will get handled by cornerstoneViewportService
-    if (volumeExists && viewportId === targetViewportId) {
+    if ((volumeExists || displaySet.Modality === 'RTSTRUCT') && viewportId === targetViewportId) {
       await createSegmentationForVolume();
       return;
     }
@@ -978,14 +978,14 @@ const getTargetViewport = ({
  * @param {Object} params - Parameters for the function.
  * @param params.viewportId - the ID of the viewport to be updated.
  * @param params.servicesManager - The services manager
- * @param params.referencedDisplaySetInstanceUID - Optional UID for the referenced display set instance.
+ * @param params.displaySet -  the display set.
  *
  * @returns {Array} Returns an array of viewports that require updates for segmentation rendering.
  */
 function getUpdatedViewportsForSegmentation({
   viewportId,
   servicesManager,
-  referencedDisplaySetInstanceUID
+  displaySet
 }) {
   const {
     hangingProtocolService,
@@ -1003,7 +1003,7 @@ function getUpdatedViewportsForSegmentation({
   });
   const targetViewportId = viewport.viewportOptions.viewportId;
   const displaySetInstanceUIDs = viewports.get(targetViewportId).displaySetInstanceUIDs;
-  const referenceDisplaySetInstanceUID = referencedDisplaySetInstanceUID || displaySetInstanceUIDs[0];
+  const referenceDisplaySetInstanceUID = displaySet?.referencedDisplaySetInstanceUID || displaySetInstanceUIDs[0];
   const referencedDisplaySet = displaySetService.getDisplaySetByUID(referenceDisplaySetInstanceUID);
   const segmentationFrameOfReferenceUID = referencedDisplaySet.instances[0].FrameOfReferenceUID;
   const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(targetViewportId, referenceDisplaySetInstanceUID, isHangingProtocolLayout);
@@ -1017,7 +1017,7 @@ function getUpdatedViewportsForSegmentation({
         viewportId,
         displaySetInstanceUIDs: viewport.displaySetInstanceUIDs,
         viewportOptions: {
-          viewportType: 'volume',
+          viewportType: displaySet?.Modality === 'RTSTRUCT' ? 'stack' : 'volume',
           needsRerendering: true
         }
       });
@@ -1119,6 +1119,7 @@ const commandsModule = ({
       updateViewportsForSegmentationRendering({
         viewportId,
         servicesManager,
+        displaySet,
         loadFn: async () => {
           const currentSegmentations = segmentationService.getSegmentations();
           const segmentationId = await segmentationService.createSegmentationForDisplaySet(displaySetInstanceUID, {
@@ -1225,7 +1226,7 @@ const commandsModule = ({
       updateViewportsForSegmentationRendering({
         viewportId,
         servicesManager,
-        referencedDisplaySetInstanceUID: displaySet.referencedDisplaySetInstanceUID,
+        displaySet,
         loadFn: async () => {
           const segDisplaySet = displaySet;
           const suppressEvents = false;
@@ -1538,7 +1539,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 295).then(__webpack_require__.bind(__webpack_require__, 58295));
+  return __webpack_require__.e(/* import() */ 675).then(__webpack_require__.bind(__webpack_require__, 93675));
 });
 const OHIFCornerstoneSEGViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {