@ohif/app 3.8.0 → 3.8.2

package/dist/{416.bundle.9b0d7559344fd02c9e08.js → 501.bundle.de519580f8ba42802378.js}

@@ -1,4 +1,4 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[416],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[501],{
 
 /***/ 6203:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -13,7 +13,7 @@
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44753);
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13320);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88903);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98362);
 /* harmony import */ var _enums_ViewportType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21432);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(51884);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(71702);
@@ -260,13 +260,15 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
     static get useCustomRenderingPipeline() {
         return false;
     }
-    applyViewOrientation(orientation) {
+    applyViewOrientation(orientation, resetCamera = true) {
         const { viewPlaneNormal, viewUp } = this._getOrientationVectors(orientation);
         const camera = this.getVtkActiveCamera();
         camera.setDirectionOfProjection(-viewPlaneNormal[0], -viewPlaneNormal[1], -viewPlaneNormal[2]);
         camera.setViewUpFrom(viewUp);
         this.initialViewUp = viewUp;
-        this.resetCamera();
+        if (resetCamera) {
+            this.resetCamera();
+        }
     }
     initializeVolumeNewImageEventDispatcher() {
         const volumeNewImageHandlerBound = volumeNewImageHandler.bind(this);
@@ -495,28 +497,96 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
     }
     getViewReference(viewRefSpecifier = {}) {
         const target = super.getViewReference(viewRefSpecifier);
+        const volumeId = this.getVolumeId(viewRefSpecifier);
         if (viewRefSpecifier?.forFrameOfReference !== false) {
-            target.volumeId = this.getVolumeId(viewRefSpecifier);
+            target.volumeId = volumeId;
         }
-        return {
-            ...target,
-            sliceIndex: this.getCurrentImageIdIndex(),
-        };
+        if (typeof viewRefSpecifier?.sliceIndex !== 'number') {
+            return target;
+        }
+        const { viewPlaneNormal } = target;
+        const delta = viewRefSpecifier.sliceIndex - this.getSliceIndex();
+        const { sliceRangeInfo } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.getVolumeViewportScrollInfo)(this, volumeId, true);
+        const { sliceRange, spacingInNormalDirection, camera } = sliceRangeInfo;
+        const { focalPoint, position } = camera;
+        const { newFocalPoint } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.snapFocalPointToSlice)(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, delta);
+        target.cameraFocalPoint = newFocalPoint;
+        return target;
     }
     isReferenceViewable(viewRef, options) {
+        if (!viewRef.FrameOfReferenceUID) {
+            return false;
+        }
         if (!super.isReferenceViewable(viewRef, options)) {
             return false;
         }
         if (options?.withNavigation) {
             return true;
         }
-        const currentSliceIndex = this.getCurrentImageIdIndex();
+        const currentSliceIndex = this.getSliceIndex();
         const { sliceIndex } = viewRef;
         if (Array.isArray(sliceIndex)) {
             return (sliceIndex[0] <= currentSliceIndex && currentSliceIndex <= sliceIndex[1]);
         }
         return sliceIndex === undefined || sliceIndex === currentSliceIndex;
     }
+    scroll(delta = 1) {
+        const volumeId = this.getVolumeId();
+        const { sliceRangeInfo } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.getVolumeViewportScrollInfo)(this, volumeId, true);
+        if (!sliceRangeInfo) {
+            return;
+        }
+        const { sliceRange, spacingInNormalDirection, camera } = sliceRangeInfo;
+        const { focalPoint, viewPlaneNormal, position } = camera;
+        const { newFocalPoint, newPosition } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.snapFocalPointToSlice)(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, delta);
+        this.setCamera({
+            focalPoint: newFocalPoint,
+            position: newPosition,
+        });
+    }
+    setViewReference(viewRef) {
+        if (!viewRef) {
+            return;
+        }
+        const volumeId = this.getVolumeId();
+        const { viewPlaneNormal: refViewPlaneNormal, FrameOfReferenceUID: refFrameOfReference, cameraFocalPoint, viewUp, } = viewRef;
+        let { sliceIndex } = viewRef;
+        const { focalPoint, viewPlaneNormal, position } = this.getCamera();
+        const isNegativeNormal = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.isEqualNegative)(viewPlaneNormal, refViewPlaneNormal);
+        const isSameNormal = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.isEqual)(viewPlaneNormal, refViewPlaneNormal);
+        if (typeof sliceIndex === 'number' &&
+            viewRef.volumeId === volumeId &&
+            (isNegativeNormal || isSameNormal)) {
+            const { currentStepIndex, sliceRangeInfo, numScrollSteps } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.getVolumeViewportScrollInfo)(this, volumeId, true);
+            const { sliceRange, spacingInNormalDirection } = sliceRangeInfo;
+            if (isNegativeNormal) {
+                sliceIndex = numScrollSteps - sliceIndex - 1;
+            }
+            const delta = sliceIndex - currentStepIndex;
+            const { newFocalPoint, newPosition } = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.snapFocalPointToSlice)(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, delta);
+            this.setCamera({ focalPoint: newFocalPoint, position: newPosition });
+        }
+        else if (refFrameOfReference === this.getFrameOfReferenceUID()) {
+            if (refViewPlaneNormal && !isNegativeNormal && !isSameNormal) {
+                this.setOrientation({ viewPlaneNormal: refViewPlaneNormal, viewUp });
+                return this.setViewReference(viewRef);
+            }
+            if (cameraFocalPoint) {
+                const focalDelta = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.subtract */ .eR.subtract([0, 0, 0], cameraFocalPoint, focalPoint);
+                const useNormal = refViewPlaneNormal ?? viewPlaneNormal;
+                const normalDot = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(focalDelta, useNormal);
+                if (!(0,_utilities__WEBPACK_IMPORTED_MODULE_11__.isEqual)(normalDot, 0)) {
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.scale */ .eR.scale(focalDelta, useNormal, normalDot);
+                }
+                const newFocal = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], focalPoint, focalDelta);
+                const newPosition = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.add */ .eR.add([0, 0, 0], position, focalDelta);
+                this.setCamera({ focalPoint: newFocal, position: newPosition });
+            }
+        }
+        else {
+            throw new Error(`Incompatible view refs: ${refFrameOfReference}!==${this.getFrameOfReferenceUID()}`);
+        }
+    }
     setProperties({ voiRange, VOILUTFunction, invert, colormap, preset, interpolationType, slabThickness, rotation, } = {}, volumeId, suppressEvents = false) {
         if (this.globalDefaultProperties == null) {
             this.setDefaultProperties({
@@ -675,7 +745,7 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
             this.render();
         }
     }
-    setOrientation(orientation, immediate = true) {
+    setOrientation(_orientation, _immediate = true) {
         console.warn('Method "setOrientation" needs implementation');
     }
     initializeColorTransferFunction(volumeInputArray) {
@@ -811,14 +881,15 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
         return volume.getScalarData()[voxelIndex];
     }
     getVolumeId(specifier) {
+        const actorEntries = this.getActors();
+        if (!actorEntries) {
+            return;
+        }
         if (!specifier?.volumeId) {
-            const actorEntries = this.getActors();
-            if (!actorEntries) {
-                return;
-            }
             return actorEntries.find((actorEntry) => actorEntry.actor.getClassName() === 'vtkVolume')?.uid;
         }
-        return specifier.volumeId;
+        return actorEntries.find((actorEntry) => actorEntry.actor.getClassName() === 'vtkVolume' &&
+            actorEntry.uid === specifier.volumeId)?.uid;
     }
     getReferenceId(specifier = {}) {
         let { volumeId, sliceIndex: sliceIndex } = specifier;
@@ -829,7 +900,8 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
             }
             volumeId = actorEntries.find((actorEntry) => actorEntry.actor.getClassName() === 'vtkVolume')?.uid;
         }
-        sliceIndex ??= this.getCurrentImageIdIndex();
+        const currentIndex = this.getSliceIndex();
+        sliceIndex ??= currentIndex;
         const { viewPlaneNormal, focalPoint } = this.getCamera();
         const querySeparator = volumeId.indexOf('?') > -1 ? '&' : '?';
         return `volumeId:${volumeId}${querySeparator}sliceIndex=${sliceIndex}&viewPlaneNormal=${viewPlaneNormal.join(',')}&focalPoint=${focalPoint.join(',')}`;
@@ -1765,8 +1837,8 @@ var Viewport = __webpack_require__(11512);
 var colors = __webpack_require__(59693);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/cpuFallback/drawImageSync.js + 22 modules
 var drawImageSync = __webpack_require__(49892);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/loaders/imageLoader.js
 var imageLoader = __webpack_require__(79220);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/requestPool/imageLoadPoolManager.js
@@ -1968,20 +2040,8 @@ class StackViewport extends Viewport/* default */.A {
                 resize(this._cpuFallbackEnabledElement);
             }
         };
-        this.getFrameOfReferenceUID = () => {
-            const imageId = this.getCurrentImageId();
-            if (!imageId) {
-                return;
-            }
-            const imagePlaneModule = metaData.get('imagePlaneModule', imageId);
-            if (!imagePlaneModule) {
-                return;
-            }
-            return imagePlaneModule.frameOfReferenceUID;
-        };
-        this.getCornerstoneImage = () => {
-            return this.csImage;
-        };
+        this.getFrameOfReferenceUID = (sliceIndex) => this.getImagePlaneReferenceData(sliceIndex)?.FrameOfReferenceUID;
+        this.getCornerstoneImage = () => this.csImage;
         this.createActorMapper = (imageData) => {
             const mapper = vtkImageMapper$1.newInstance();
             mapper.setInputData(imageData);
@@ -2957,6 +3017,25 @@ class StackViewport extends Viewport/* default */.A {
             imagePixelModule,
         };
     }
+    getImagePlaneReferenceData(sliceIndex = this.getCurrentImageIdIndex()) {
+        const imageId = this.imageIds[sliceIndex];
+        if (!imageId) {
+            return;
+        }
+        const imagePlaneModule = metaData.get(enums.MetadataModules.IMAGE_PLANE, imageId);
+        const { imagePositionPatient, frameOfReferenceUID: FrameOfReferenceUID } = imagePlaneModule;
+        let { rowCosines, columnCosines } = imagePlaneModule;
+        rowCosines ||= [1, 0, 0];
+        columnCosines ||= [0, 1, 0];
+        const viewPlaneNormal = (esm/* vec3.cross */.eR.cross([0, 0, 0], columnCosines, rowCosines));
+        return {
+            FrameOfReferenceUID,
+            viewPlaneNormal,
+            cameraFocalPoint: imagePositionPatient,
+            referencedImageId: imageId,
+            sliceIndex,
+        };
+    }
     _getCameraOrientation(imageDataDirection) {
         const viewPlaneNormal = imageDataDirection.slice(6, 9).map((x) => -x);
         const viewUp = imageDataDirection.slice(3, 6).map((x) => -x);
@@ -3272,7 +3351,7 @@ class StackViewport extends Viewport/* default */.A {
         this.cpuRenderingInvalidated = true;
         this._cpuFallbackEnabledElement.transform = (0,calculateTransform/* default */.A)(this._cpuFallbackEnabledElement);
     }
-    async addImages(stackInputs) {
+    addImages(stackInputs) {
         const actors = this.getActors();
         stackInputs.forEach((stackInput) => {
             const image = cache/* default */.Ay.getImage(stackInput.imageId);
@@ -3567,24 +3646,39 @@ class StackViewport extends Viewport/* default */.A {
         return referencedImageId?.endsWith(imageURI);
     }
     getViewReference(viewRefSpecifier = {}) {
-        const { sliceIndex: sliceIndex = this.currentImageIdIndex } = viewRefSpecifier;
-        return {
-            ...super.getViewReference(viewRefSpecifier),
-            referencedImageId: `${this.imageIds[sliceIndex]}`,
-            sliceIndex: sliceIndex,
-        };
-    }
-    setView(viewRef, viewPres) {
-        const camera = this.getCamera();
-        super.setView(viewRef, viewPres);
-        if (viewRef) {
-            const { viewPlaneNormal, sliceIndex } = viewRef;
-            if (viewPlaneNormal &&
-                !(0,utilities.isEqual)(viewPlaneNormal, camera.viewPlaneNormal)) {
+        const { sliceIndex = this.getCurrentImageIdIndex() } = viewRefSpecifier;
+        const reference = super.getViewReference(viewRefSpecifier);
+        const referencedImageId = this.imageIds[sliceIndex];
+        if (!referencedImageId) {
+            return;
+        }
+        reference.referencedImageId = referencedImageId;
+        if (this.getCurrentImageIdIndex() !== sliceIndex) {
+            const referenceData = this.getImagePlaneReferenceData(sliceIndex);
+            if (!referenceData) {
                 return;
             }
-            if (sliceIndex || sliceIndex === 0) {
-                this.setImageIdIndex(sliceIndex);
+            Object.assign(reference, referenceData);
+        }
+        return reference;
+    }
+    setViewReference(viewRef) {
+        if (!viewRef) {
+            return;
+        }
+        const { referencedImageId, sliceIndex, volumeId } = viewRef;
+        if (typeof sliceIndex === 'number' &&
+            referencedImageId &&
+            referencedImageId === this.imageIds[sliceIndex]) {
+            this.setImageIdIndex(sliceIndex);
+        }
+        else {
+            const foundIndex = this.imageIds.indexOf(referencedImageId);
+            if (foundIndex !== -1) {
+                this.setImageIdIndex(foundIndex);
+            }
+            else {
+                throw new Error('Unsupported - referenced image id not found');
             }
         }
     }
@@ -3702,8 +3796,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
 var esm = __webpack_require__(44753);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/metaData.js
 var metaData = __webpack_require__(55692);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/cpuFallback/rendering/transform.js
@@ -4001,22 +4095,21 @@ class VideoViewport extends Viewport/* default */.A {
         this.worldToCanvas = (worldPos) => {
             const pan = this.videoCamera.panWorld;
             const worldToCanvasRatio = this.getWorldToCanvasRatio();
-            const subCanvasPos = [
+            const canvasPos = [
                 (worldPos[0] + pan[0]) * worldToCanvasRatio,
                 (worldPos[1] + pan[1]) * worldToCanvasRatio,
             ];
-            const canvasPos = [subCanvasPos[0], subCanvasPos[1]];
             return canvasPos;
         };
         this.getRotation = () => 0;
         this.canvasToIndex = (canvasPos) => {
             const transform = this.getTransform();
             transform.invert();
-            return transform.transformPoint(canvasPos);
+            return transform.transformPoint(canvasPos.map((it) => it * devicePixelRatio));
         };
         this.indexToCanvas = (indexPos) => {
             const transform = this.getTransform();
-            return transform.transformPoint(indexPos);
+            return (transform.transformPoint(indexPos).map((it) => it / devicePixelRatio));
         };
         this.customRenderViewportToCanvas = () => {
             this.renderFrame();
@@ -4024,8 +4117,10 @@ class VideoViewport extends Viewport/* default */.A {
         this.renderFrame = () => {
             const transform = this.getTransform();
             const transformationMatrix = transform.getMatrix();
-            this.canvasContext.transform(transformationMatrix[0], transformationMatrix[1], transformationMatrix[2], transformationMatrix[3], transformationMatrix[4], transformationMatrix[5]);
-            this.canvasContext.drawImage(this.videoElement, 0, 0, this.videoWidth, this.videoHeight);
+            const ctx = this.canvasContext;
+            ctx.resetTransform();
+            ctx.transform(transformationMatrix[0], transformationMatrix[1], transformationMatrix[2], transformationMatrix[3], transformationMatrix[4], transformationMatrix[5]);
+            ctx.drawImage(this.videoElement, 0, 0, this.videoWidth, this.videoHeight);
             for (const actor of this.getActors()) {
                 actor.actor.render(this, this.canvasContext);
             }
@@ -4421,7 +4516,7 @@ class VideoViewport extends Viewport/* default */.A {
     }
     setCamera(camera) {
         const { parallelScale, focalPoint } = camera;
-        if (camera.parallelScale !== undefined) {
+        if (parallelScale) {
             this.videoCamera.parallelScale =
                 this.element.clientHeight / 2 / parallelScale;
         }
@@ -4479,7 +4574,7 @@ class VideoViewport extends Viewport/* default */.A {
         if (options.withNavigation) {
             return true;
         }
-        const currentIndex = this.getCurrentImageIdIndex();
+        const currentIndex = this.getSliceIndex();
         if (Array.isArray(sliceIndex)) {
             return currentIndex >= sliceIndex[0] && currentIndex <= sliceIndex[1];
         }
@@ -4516,6 +4611,9 @@ class VideoViewport extends Viewport/* default */.A {
     getCurrentImageIdIndex() {
         return Math.round(this.videoElement.currentTime * this.fps);
     }
+    getSliceIndex() {
+        return this.getCurrentImageIdIndex();
+    }
     getCamera() {
         const { parallelScale } = this.videoCamera;
         const canvasCenter = [
@@ -4533,19 +4631,18 @@ class VideoViewport extends Viewport/* default */.A {
         };
     }
     getPan() {
-        const worldPan = this.videoCamera.panWorld;
-        return [worldPan[0], worldPan[1]];
+        const panWorld = this.videoCamera.panWorld;
+        return [panWorld[0], panWorld[1]];
     }
     refreshRenderValues() {
-        let worldToCanvasRatio = this.canvas.width / this.videoWidth;
+        let worldToCanvasRatio = this.canvas.offsetWidth / this.videoWidth;
         if (this.videoHeight * worldToCanvasRatio > this.canvas.height) {
-            const secondWorldToCanvasRatio = this.canvas.height / (this.videoHeight * worldToCanvasRatio);
-            worldToCanvasRatio *= secondWorldToCanvasRatio;
+            worldToCanvasRatio = this.canvas.offsetHeight / this.videoHeight;
         }
         const drawWidth = Math.floor(this.videoWidth * worldToCanvasRatio);
         const drawHeight = Math.floor(this.videoHeight * worldToCanvasRatio);
-        const xOffsetCanvas = this.canvas.width / 2 - drawWidth / 2;
-        const yOffsetCanvas = this.canvas.height / 2 - drawHeight / 2;
+        const xOffsetCanvas = (this.canvas.offsetWidth - drawWidth) / 2;
+        const yOffsetCanvas = (this.canvas.offsetHeight - drawHeight) / 2;
         const xOffsetWorld = xOffsetCanvas / worldToCanvasRatio;
         const yOffsetWorld = yOffsetCanvas / worldToCanvasRatio;
         this.videoCamera.panWorld = [xOffsetWorld, yOffsetWorld];
@@ -4559,14 +4656,19 @@ class VideoViewport extends Viewport/* default */.A {
     }
     getTransform() {
         const panWorld = this.videoCamera.panWorld;
+        const devicePixelRatio = window.devicePixelRatio || 1;
         const worldToCanvasRatio = this.getWorldToCanvasRatio();
         const canvasToWorldRatio = this.getCanvasToWorldRatio();
-        const halfCanvas = [this.canvas.width / 2, this.canvas.height / 2];
+        const halfCanvas = [
+            this.canvas.offsetWidth / 2,
+            this.canvas.offsetHeight / 2,
+        ];
         const halfCanvasWorldCoordinates = [
             halfCanvas[0] * canvasToWorldRatio,
             halfCanvas[1] * canvasToWorldRatio,
         ];
         const transform = new rendering_transform/* Transform */.d();
+        transform.scale(devicePixelRatio, devicePixelRatio);
         transform.translate(halfCanvas[0], halfCanvas[1]);
         transform.scale(worldToCanvasRatio, worldToCanvasRatio);
         transform.translate(panWorld[0], panWorld[1]);
@@ -4619,7 +4721,7 @@ class VideoViewport extends Viewport/* default */.A {
 /* harmony import */ var _utilities_hasNaNValues__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(73139);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(88903);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(71702);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(98362);
 
 
 
@@ -4915,7 +5017,7 @@ class Viewport {
             this.setDisplayAreaScale(displayArea);
         }
         else {
-            this.setInterpolationType(this.getProperties().interpolationType || _enums__WEBPACK_IMPORTED_MODULE_13__.InterpolationType.LINEAR);
+            this.setInterpolationType(this.getProperties()?.interpolationType || _enums__WEBPACK_IMPORTED_MODULE_13__.InterpolationType.LINEAR);
             this.setDisplayAreaFit(displayArea);
         }
         if (storeAsInitialCamera) {
@@ -5121,6 +5223,9 @@ class Viewport {
     getCurrentImageIdIndex() {
         throw new Error('Not implemented');
     }
+    getSliceIndex() {
+        throw new Error('Not implemented');
+    }
     getReferenceId(_specifier) {
         return null;
     }
@@ -5144,6 +5249,9 @@ class Viewport {
         }, storeAsInitialCamera);
     }
     getZoom(compareCamera = this.initialCamera) {
+        if (!compareCamera) {
+            return 1;
+        }
         const activeCamera = this.getVtkActiveCamera();
         const { parallelScale: initialParallelScale } = compareCamera;
         return initialParallelScale / activeCamera.getParallelScale();
@@ -5397,12 +5505,13 @@ class Viewport {
         return { widthWorld: maxX - minX, heightWorld: maxY - minY };
     }
     getViewReference(viewRefSpecifier = {}) {
-        const { focalPoint: cameraFocalPoint, viewPlaneNormal } = this.getCamera();
+        const { focalPoint: cameraFocalPoint, viewPlaneNormal, viewUp, } = this.getCamera();
         const target = {
             FrameOfReferenceUID: this.getFrameOfReferenceUID(),
             cameraFocalPoint,
             viewPlaneNormal,
-            sliceIndex: viewRefSpecifier.sliceIndex ?? this.getCurrentImageIdIndex(),
+            viewUp,
+            sliceIndex: viewRefSpecifier.sliceIndex ?? this.getSliceIndex(),
         };
         return target;
     }
@@ -5416,7 +5525,7 @@ class Viewport {
         if (viewPlaneNormal &&
             !(0,_utilities__WEBPACK_IMPORTED_MODULE_9__.isEqual)(viewPlaneNormal, camera.viewPlaneNormal) &&
             !(0,_utilities__WEBPACK_IMPORTED_MODULE_9__.isEqual)(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.negate */ .eR.negate(camera.viewPlaneNormal, camera.viewPlaneNormal), viewPlaneNormal)) {
-            return options?.asVolume === true;
+            return options?.withOrientation === true;
         }
         return true;
     }
@@ -5444,19 +5553,22 @@ class Viewport {
         }
         return target;
     }
-    setView(viewRef, viewPres) {
-        if (viewPres) {
-            const { displayArea, zoom = this.getZoom(), pan, rotation } = viewPres;
-            if (displayArea !== this.getDisplayArea()) {
-                this.setDisplayArea(displayArea);
-            }
-            this.setZoom(zoom);
-            if (pan) {
-                this.setPan(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec2.scale */ .Zc.scale([0, 0], pan, zoom));
-            }
-            if (rotation >= 0) {
-                this.setRotation(rotation);
-            }
+    setViewReference(viewRef) {
+    }
+    setViewPresentation(viewPres) {
+        if (!viewPres) {
+            return;
+        }
+        const { displayArea, zoom = this.getZoom(), pan, rotation } = viewPres;
+        if (displayArea !== this.getDisplayArea()) {
+            this.setDisplayArea(displayArea);
+        }
+        this.setZoom(zoom);
+        if (pan) {
+            this.setPan(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec2.scale */ .Zc.scale([0, 0], pan, zoom));
+        }
+        if (rotation >= 0) {
+            this.setRotation(rotation);
         }
     }
     _shouldUseNativeDataType() {
@@ -5545,15 +5657,15 @@ class Viewport {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _kitware_vtk_js_Common_DataModel_Plane__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(84441);
-/* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44753);
-/* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13320);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88903);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50002);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35678);
-/* harmony import */ var _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6203);
-/* harmony import */ var _helpers_setDefaultVolumeVOI__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83853);
-/* harmony import */ var _utilities_transferFunctionUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22350);
-/* harmony import */ var _utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(97508);
+/* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13320);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(88903);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(98362);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35678);
+/* harmony import */ var _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6203);
+/* harmony import */ var _helpers_setDefaultVolumeVOI__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83853);
+/* harmony import */ var _utilities_transferFunctionUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(22350);
+/* harmony import */ var _utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97508);
+/* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(44753);
 
 
 
@@ -5564,18 +5676,14 @@ class Viewport {
 
 
 
-class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A {
+class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A {
     constructor(props) {
         super(props);
         this._useAcquisitionPlaneForViewPlane = false;
         this.getNumberOfSlices = () => {
-            const { numberOfSlices } = (0,_utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this);
+            const { numberOfSlices } = (0,_utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(this);
             return numberOfSlices;
         };
-        this.getSliceIndex = () => {
-            const { imageIndex } = (0,_utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this);
-            return imageIndex;
-        };
         this.getCurrentImageIdIndex = (volumeId) => {
             const { viewPlaneNormal, focalPoint } = this.getCamera();
             const imageData = this.getImageData(volumeId);
@@ -5583,24 +5691,28 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
                 return;
             }
             const { origin, direction, spacing } = imageData;
-            const spacingInNormal = (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.getSpacingInNormalDirection)({ direction, spacing }, viewPlaneNormal);
-            const sub = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.create */ .eR.create();
-            gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.sub */ .eR.sub(sub, focalPoint, origin);
-            const distance = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.dot */ .eR.dot(sub, viewPlaneNormal);
+            const spacingInNormal = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getSpacingInNormalDirection)({ direction, spacing }, viewPlaneNormal);
+            const sub = gl_matrix__WEBPACK_IMPORTED_MODULE_9__/* .vec3.create */ .eR.create();
+            gl_matrix__WEBPACK_IMPORTED_MODULE_9__/* .vec3.sub */ .eR.sub(sub, focalPoint, origin);
+            const distance = gl_matrix__WEBPACK_IMPORTED_MODULE_9__/* .vec3.dot */ .eR.dot(sub, viewPlaneNormal);
             return Math.round(Math.abs(distance) / spacingInNormal);
         };
+        this.getSliceIndex = () => {
+            const { imageIndex } = (0,_utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(this);
+            return imageIndex;
+        };
         this.getCurrentImageId = () => {
             const actorEntry = this.getDefaultActor();
-            if (!actorEntry || !(0,_utilities__WEBPACK_IMPORTED_MODULE_5__.actorIsA)(actorEntry, 'vtkVolume')) {
+            if (!actorEntry || !(0,_utilities__WEBPACK_IMPORTED_MODULE_4__.actorIsA)(actorEntry, 'vtkVolume')) {
                 return;
             }
             const { uid } = actorEntry;
-            const volume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(uid);
+            const volume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(uid);
             if (!volume) {
                 return;
             }
             const { viewPlaneNormal, focalPoint } = this.getCamera();
-            return (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.getClosestImageId)(volume, focalPoint, viewPlaneNormal);
+            return (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getClosestImageId)(volume, focalPoint, viewPlaneNormal);
         };
         this.getSlicePlaneCoordinates = () => {
             const actorEntry = this.getDefaultActor();
@@ -5609,30 +5721,30 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
                 return [];
             }
             const volumeId = actorEntry.uid;
-            const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(volumeId);
+            const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(volumeId);
             const camera = this.getCamera();
             const { focalPoint, position, viewPlaneNormal } = camera;
-            const spacingInNormalDirection = (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.getSpacingInNormalDirection)(imageVolume, viewPlaneNormal);
-            const sliceRange = (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.getSliceRange)(actorEntry.actor, viewPlaneNormal, focalPoint);
+            const spacingInNormalDirection = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getSpacingInNormalDirection)(imageVolume, viewPlaneNormal);
+            const sliceRange = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getSliceRange)(actorEntry.actor, viewPlaneNormal, focalPoint);
             const numSlicesBackward = Math.round((sliceRange.current - sliceRange.min) / spacingInNormalDirection);
             const numSlicesForward = Math.round((sliceRange.max - sliceRange.current) / spacingInNormalDirection);
             const currentSliceIndex = this.getSliceIndex();
             const focalPoints = [];
             for (let i = -numSlicesBackward; i <= numSlicesForward; i++) {
-                const { newFocalPoint: point } = (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.snapFocalPointToSlice)(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, i);
+                const { newFocalPoint: point } = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.snapFocalPointToSlice)(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, i);
                 focalPoints.push({ sliceIndex: currentSliceIndex + i, point });
             }
             return focalPoints;
         };
         const { orientation } = this.options;
-        if (orientation && orientation !== _enums__WEBPACK_IMPORTED_MODULE_4__.OrientationAxis.ACQUISITION) {
+        if (orientation && orientation !== _enums__WEBPACK_IMPORTED_MODULE_3__.OrientationAxis.ACQUISITION) {
             this.applyViewOrientation(orientation);
             return;
         }
         this._useAcquisitionPlaneForViewPlane = true;
     }
     async setVolumes(volumeInputArray, immediate = false, suppressEvents = false) {
-        const firstImageVolume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(volumeInputArray[0].volumeId);
+        const firstImageVolume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(volumeInputArray[0].volumeId);
         if (!firstImageVolume) {
             throw new Error(`imageVolume with id: ${firstImageVolume.volumeId} does not exist`);
         }
@@ -5643,7 +5755,7 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
         return super.setVolumes(volumeInputArray, immediate, suppressEvents);
     }
     async addVolumes(volumeInputArray, immediate = false, suppressEvents = false) {
-        const firstImageVolume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(volumeInputArray[0].volumeId);
+        const firstImageVolume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(volumeInputArray[0].volumeId);
         if (!firstImageVolume) {
             throw new Error(`imageVolume with id: ${firstImageVolume.volumeId} does not exist`);
         }
@@ -5656,8 +5768,8 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
     setOrientation(orientation, immediate = true) {
         let viewPlaneNormal, viewUp;
         if (typeof orientation === 'string') {
-            if (_constants__WEBPACK_IMPORTED_MODULE_3__.MPR_CAMERA_VALUES[orientation]) {
-                ({ viewPlaneNormal, viewUp } = _constants__WEBPACK_IMPORTED_MODULE_3__.MPR_CAMERA_VALUES[orientation]);
+            if (_constants__WEBPACK_IMPORTED_MODULE_2__.MPR_CAMERA_VALUES[orientation]) {
+                ({ viewPlaneNormal, viewUp } = _constants__WEBPACK_IMPORTED_MODULE_2__.MPR_CAMERA_VALUES[orientation]);
             }
             else if (orientation === 'acquisition') {
                 ({ viewPlaneNormal, viewUp } = this._getAcquisitionPlaneOrientation());
@@ -5686,7 +5798,7 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
             return;
         }
         const volumeId = actorEntry.uid;
-        const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(volumeId);
+        const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(volumeId);
         if (!imageVolume) {
             throw new Error(`imageVolume with id: ${volumeId} does not exist in cache`);
         }
@@ -5731,12 +5843,15 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
             this.render();
         }
     }
-    resetCamera(resetPan = true, resetZoom = true, resetToCenter = true, resetRotation = false) {
+    resetCamera(resetPan = true, resetZoom = true, resetToCenter = true, resetRotation = false, supressEvents = false) {
+        const { orientation } = this.viewportProperties;
+        if (orientation) {
+            this.applyViewOrientation(orientation, false);
+        }
         super.resetCamera(resetPan, resetZoom, resetToCenter);
         this.resetVolumeViewportClippingRange();
         const activeCamera = this.getVtkActiveCamera();
         const viewPlaneNormal = activeCamera.getViewPlaneNormal();
-        const viewUp = activeCamera.getViewUp();
         const focalPoint = activeCamera.getFocalPoint();
         const actorEntries = this.getActors();
         actorEntries.forEach((actorEntry) => {
@@ -5749,7 +5864,7 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
                 const clipPlane1 = _kitware_vtk_js_Common_DataModel_Plane__WEBPACK_IMPORTED_MODULE_0__/* ["default"].newInstance */ .Ay.newInstance();
                 const clipPlane2 = _kitware_vtk_js_Common_DataModel_Plane__WEBPACK_IMPORTED_MODULE_0__/* ["default"].newInstance */ .Ay.newInstance();
                 const newVtkPlanes = [clipPlane1, clipPlane2];
-                let slabThickness = _constants__WEBPACK_IMPORTED_MODULE_3__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
+                let slabThickness = _constants__WEBPACK_IMPORTED_MODULE_2__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
                 if (actorEntry.slabThickness) {
                     slabThickness = actorEntry.slabThickness;
                 }
@@ -5759,13 +5874,22 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
             }
         });
         if (resetRotation &&
-            _constants__WEBPACK_IMPORTED_MODULE_3__.MPR_CAMERA_VALUES[this.viewportProperties.orientation] !== undefined) {
-            const viewToReset = _constants__WEBPACK_IMPORTED_MODULE_3__.MPR_CAMERA_VALUES[this.viewportProperties.orientation];
+            _constants__WEBPACK_IMPORTED_MODULE_2__.MPR_CAMERA_VALUES[this.viewportProperties.orientation] !== undefined) {
+            const viewToReset = _constants__WEBPACK_IMPORTED_MODULE_2__.MPR_CAMERA_VALUES[this.viewportProperties.orientation];
             this.setCameraNoEvent({
                 viewUp: viewToReset.viewUp,
                 viewPlaneNormal: viewToReset.viewPlaneNormal,
             });
         }
+        if (!supressEvents) {
+            const eventDetail = {
+                viewportId: this.id,
+                camera: this.getCamera(),
+                renderingEngineId: this.renderingEngineId,
+                element: this.element,
+            };
+            (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.triggerEvent)(this.element, _enums__WEBPACK_IMPORTED_MODULE_3__.Events.CAMERA_RESET, eventDetail);
+        }
         return true;
     }
     setSlabThickness(slabThickness, filterActorUIDs = []) {
@@ -5779,7 +5903,7 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
             });
         }
         actorEntries.forEach((actorEntry) => {
-            if ((0,_utilities__WEBPACK_IMPORTED_MODULE_5__.actorIsA)(actorEntry, 'vtkVolume')) {
+            if ((0,_utilities__WEBPACK_IMPORTED_MODULE_4__.actorIsA)(actorEntry, 'vtkVolume')) {
                 actorEntry.slabThickness = slabThickness;
             }
         });
@@ -5788,6 +5912,27 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
         this.triggerCameraModifiedEventIfNecessary(currentCamera, currentCamera);
         this.viewportProperties.slabThickness = slabThickness;
     }
+    resetSlabThickness() {
+        const actorEntries = this.getActors();
+        actorEntries.forEach((actorEntry) => {
+            if ((0,_utilities__WEBPACK_IMPORTED_MODULE_4__.actorIsA)(actorEntry, 'vtkVolume')) {
+                actorEntry.slabThickness = _constants__WEBPACK_IMPORTED_MODULE_2__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
+            }
+        });
+        const currentCamera = this.getCamera();
+        this.updateClippingPlanesForActors(currentCamera);
+        this.triggerCameraModifiedEventIfNecessary(currentCamera, currentCamera);
+        this.viewportProperties.slabThickness = undefined;
+    }
+    getViewReference(viewRefSpecifier = {}) {
+        const viewRef = super.getViewReference(viewRefSpecifier);
+        if (!viewRef?.volumeId) {
+            return;
+        }
+        const volume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(viewRef.volumeId);
+        viewRef.referencedImageId = (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.getClosestImageId)(volume, viewRef.cameraFocalPoint, viewRef.viewPlaneNormal);
+        return viewRef;
+    }
     resetProperties(volumeId) {
         this._resetProperties(volumeId);
     }
@@ -5799,20 +5944,20 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
             throw new Error(`No actor found for the given volumeId: ${volumeId}`);
         }
         if (volumeActor.slabThickness) {
-            volumeActor.slabThickness = _constants__WEBPACK_IMPORTED_MODULE_3__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
+            volumeActor.slabThickness = _constants__WEBPACK_IMPORTED_MODULE_2__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
             this.viewportProperties.slabThickness = undefined;
             this.updateClippingPlanesForActors(this.getCamera());
         }
-        const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay.getVolume(volumeActor.uid);
+        const imageVolume = _cache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay.getVolume(volumeActor.uid);
         if (!imageVolume) {
             throw new Error(`imageVolume with id: ${volumeActor.uid} does not exist in cache`);
         }
-        (0,_helpers_setDefaultVolumeVOI__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)(volumeActor.actor, imageVolume, false);
-        if ((0,_utilities__WEBPACK_IMPORTED_MODULE_5__.isImageActor)(volumeActor)) {
+        (0,_helpers_setDefaultVolumeVOI__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)(volumeActor.actor, imageVolume, false);
+        if ((0,_utilities__WEBPACK_IMPORTED_MODULE_4__.isImageActor)(volumeActor)) {
             const transferFunction = volumeActor.actor
                 .getProperty()
                 .getRGBTransferFunction(0);
-            (0,_utilities_transferFunctionUtils__WEBPACK_IMPORTED_MODULE_8__.setTransferFunctionNodes)(transferFunction, this.initialTransferFunctionNodes);
+            (0,_utilities_transferFunctionUtils__WEBPACK_IMPORTED_MODULE_7__.setTransferFunctionNodes)(transferFunction, this.initialTransferFunctionNodes);
         }
         const eventDetails = {
             ...super.getVOIModifiedEventDetail(volumeId),
@@ -5822,12 +5967,12 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
         const resetToCenter = true;
         const resetCameraRotation = true;
         this.resetCamera(resetPan, resetZoom, resetToCenter, resetCameraRotation);
-        (0,_utilities__WEBPACK_IMPORTED_MODULE_5__.triggerEvent)(this.element, _enums__WEBPACK_IMPORTED_MODULE_4__.Events.VOI_MODIFIED, eventDetails);
+        (0,_utilities__WEBPACK_IMPORTED_MODULE_4__.triggerEvent)(this.element, _enums__WEBPACK_IMPORTED_MODULE_3__.Events.VOI_MODIFIED, eventDetails);
     }
     getSlicesClippingPlanes() {
         const focalPoints = this.getSlicePlaneCoordinates();
         const { viewPlaneNormal } = this.getCamera();
-        const slabThickness = _constants__WEBPACK_IMPORTED_MODULE_3__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
+        const slabThickness = _constants__WEBPACK_IMPORTED_MODULE_2__.RENDERING_DEFAULTS.MINIMUM_SLAB_THICKNESS;
         return focalPoints.map(({ point, sliceIndex }) => {
             const vtkPlanes = [_kitware_vtk_js_Common_DataModel_Plane__WEBPACK_IMPORTED_MODULE_0__/* ["default"].newInstance */ .Ay.newInstance(), _kitware_vtk_js_Common_DataModel_Plane__WEBPACK_IMPORTED_MODULE_0__/* ["default"].newInstance */ .Ay.newInstance()];
             this.setOrientationOfClippingPlanes(vtkPlanes, slabThickness, viewPlaneNormal, point);
@@ -5853,7 +5998,7 @@ class VolumeViewport extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/*
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(98362);
 /* harmony import */ var _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6203);
 
 
@@ -5890,6 +6035,9 @@ class VolumeViewport3D extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_1__/
     resetProperties(volumeId) {
         return null;
     }
+    resetSlabThickness() {
+        return null;
+    }
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VolumeViewport3D);
 
@@ -8184,8 +8332,8 @@ function createVolumeMapper(imageData, vtkOpenGLTexture) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 70 modules
 var utilities = __webpack_require__(35678);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/setDefaultVolumeVOI.js
 var setDefaultVolumeVOI = __webpack_require__(83853);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/createVolumeActor.js
@@ -8215,9 +8363,7 @@ async function createVolumeActor(props, element, viewportId, suppressEvents = fa
     if (numberOfComponents === 3) {
         volumeActor.getProperty().setIndependentComponents(false);
     }
-    if (imageVolume.imageIds?.length) {
-        await (0,setDefaultVolumeVOI/* default */.A)(volumeActor, imageVolume, useNativeDataType);
-    }
+    await (0,setDefaultVolumeVOI/* default */.A)(volumeActor, imageVolume, useNativeDataType);
     if (callback) {
         callback({ volumeActor, volumeId });
     }
@@ -8297,7 +8443,7 @@ var addImageSlicesToViewports = __webpack_require__(25271);
 /* harmony import */ var _loaders_imageLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79220);
 /* harmony import */ var _metaData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55692);
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(35678);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(98362);
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13320);
 
 
@@ -8308,21 +8454,19 @@ const PRIORITY = 0;
 const REQUEST_TYPE = _enums__WEBPACK_IMPORTED_MODULE_3__.RequestType.Prefetch;
 async function setDefaultVolumeVOI(volumeActor, imageVolume, useNativeDataType) {
     let voi = getVOIFromMetadata(imageVolume);
-    if (!voi) {
+    if (!voi && imageVolume?.imageIds?.length) {
         voi = await getVOIFromMinMax(imageVolume, useNativeDataType);
+        voi = handlePreScaledVolume(imageVolume, voi);
     }
-    if (!voi || voi.lower === undefined || voi.upper === undefined) {
-        throw new Error('Could not get VOI from metadata, nor from the min max of the image middle slice');
-    }
-    voi = handlePreScaledVolume(imageVolume, voi);
-    const { lower, upper } = voi;
-    if (lower === 0 && upper === 0) {
+    if ((voi?.lower === 0 && voi?.upper === 0) ||
+        voi?.lower === undefined ||
+        voi?.upper === undefined) {
         return;
     }
     volumeActor
         .getProperty()
         .getRGBTransferFunction(0)
-        .setMappingRange(lower, upper);
+        .setMappingRange(voi.lower, voi.upper);
 }
 function handlePreScaledVolume(imageVolume, voi) {
     const imageIds = imageVolume.imageIds;
@@ -8338,18 +8482,26 @@ function handlePreScaledVolume(imageVolume, voi) {
     return voi;
 }
 function getVOIFromMetadata(imageVolume) {
-    const { imageIds } = imageVolume;
-    const imageIdIndex = Math.floor(imageIds.length / 2);
-    const imageId = imageIds[imageIdIndex];
-    const voiLutModule = _metaData__WEBPACK_IMPORTED_MODULE_1__.get('voiLutModule', imageId);
-    if (voiLutModule && voiLutModule.windowWidth && voiLutModule.windowCenter) {
-        const { windowWidth, windowCenter } = voiLutModule;
-        const voi = {
-            windowWidth: Array.isArray(windowWidth) ? windowWidth[0] : windowWidth,
-            windowCenter: Array.isArray(windowCenter)
-                ? windowCenter[0]
-                : windowCenter,
-        };
+    const { imageIds, metadata } = imageVolume;
+    let voi;
+    if (imageIds.length) {
+        const imageIdIndex = Math.floor(imageIds.length / 2);
+        const imageId = imageIds[imageIdIndex];
+        const voiLutModule = _metaData__WEBPACK_IMPORTED_MODULE_1__.get('voiLutModule', imageId);
+        if (voiLutModule && voiLutModule.windowWidth && voiLutModule.windowCenter) {
+            const { windowWidth, windowCenter } = voiLutModule;
+            voi = {
+                windowWidth: Array.isArray(windowWidth) ? windowWidth[0] : windowWidth,
+                windowCenter: Array.isArray(windowCenter)
+                    ? windowCenter[0]
+                    : windowCenter,
+            };
+        }
+    }
+    else {
+        voi = metadata?.voiLut?.[0];
+    }
+    if (voi) {
         const { lower, upper } = _utilities__WEBPACK_IMPORTED_MODULE_2__.windowLevel.toLowHighRange(Number(voi.windowWidth), Number(voi.windowCenter));
         return {
             lower,
@@ -8412,13 +8564,13 @@ async function getVOIFromMinMax(imageVolume, useNativeDataType) {
 }
 function _getImageScalarDataFromImageVolume(imageVolume, byteOffset, bytePerPixel, voxelsPerImage) {
     const { scalarData } = imageVolume;
-    const { volumeBuffer } = scalarData;
+    const { buffer } = scalarData;
     if (scalarData.BYTES_PER_ELEMENT !== bytePerPixel) {
         byteOffset *= scalarData.BYTES_PER_ELEMENT / bytePerPixel;
     }
     const TypedArray = scalarData.constructor;
     const imageScalarData = new TypedArray(voxelsPerImage);
-    const volumeBufferView = new TypedArray(volumeBuffer, byteOffset, voxelsPerImage);
+    const volumeBufferView = new TypedArray(buffer, byteOffset, voxelsPerImage);
     imageScalarData.set(volumeBufferView);
     return imageScalarData;
 }
@@ -8445,7 +8597,7 @@ function _isCurrentImagePTPrescaled(modality, imageVolume) {
 /* harmony export */   g: () => (/* binding */ resetVolumeNewImageState)
 /* harmony export */ });
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35678);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98362);
 /* harmony import */ var _getRenderingEngine__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49184);
 /* harmony import */ var _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6203);
 
@@ -8552,8 +8704,8 @@ function viewportTypeUsesCustomRenderingPipeline(viewportType) {
 var getOrCreateCanvas = __webpack_require__(45543);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/init.js + 1 modules
 var init = __webpack_require__(71702);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/RenderingEngine.js
 
 
@@ -8844,7 +8996,12 @@ class RenderingEngine {
             const prevCamera = vp.getCamera();
             const rotation = vp.getRotation();
             const { flipHorizontal } = prevCamera;
-            vp.resetCamera();
+            const resetPan = true;
+            const resetZoom = true;
+            const resetToCenter = true;
+            const resetRotation = false;
+            const supressEvents = true;
+            vp.resetCamera(resetPan, resetZoom, resetToCenter, resetRotation, supressEvents);
             const displayArea = vp.getDisplayArea();
             if (keepCamera) {
                 if (displayArea) {
@@ -15313,7 +15470,7 @@ class Cache {
         this._imageCacheSize = 0;
         this._volumeCacheSize = 0;
         this._maxCacheSize = 3 * ONE_GB;
-        this._maxInstanceSize = 2 * ONE_GB - 8;
+        this._maxInstanceSize = 4 * ONE_GB - 8;
         this.setMaxCacheSize = (newMaxCacheSize) => {
             if (!newMaxCacheSize || typeof newMaxCacheSize !== 'number') {
                 const errorMessage = `New max cacheSize ${this._maxCacheSize} should be defined and should be a number.`;
@@ -18129,6 +18286,20 @@ const presets = [
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (presets);
 
 
+/***/ }),
+
+/***/ 99842:
+/***/ (() => {
+
+"use strict";
+var ContourType;
+(function (ContourType) {
+    ContourType["CLOSED_PLANAR"] = "CLOSED_PLANAR";
+    ContourType["OPEN_PLANAR"] = "OPEN_PLANAR";
+})(ContourType || (ContourType = {}));
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (ContourType)));
+
+
 /***/ }),
 
 /***/ 11731:
@@ -18488,8 +18659,8 @@ __webpack_require__.d(geometryLoader_namespaceObject, {
   createAndCacheGeometry: () => (createAndCacheGeometry)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js + 2 modules
 var constants = __webpack_require__(88903);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/index.js + 3 modules
@@ -23475,7 +23646,7 @@ function createContourSet(geometryId, contourSetData) {
         data: contourSetData.data,
         color: contourSetData.color,
         frameOfReferenceUID: contourSetData.frameOfReferenceUID,
-        segmentIndex: 1,
+        segmentIndex: contourSetData.segmentIndex ?? 1,
     });
     const geometry = {
         id: geometryId,
@@ -23610,8 +23781,8 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: ../../../node_modules/detect-gpu/dist/detect-gpu.esm.js
 function e(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{d(n.next(e))}catch(e){a(e)}}function c(e){try{d(n.throw(e))}catch(e){a(e)}}function d(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,c)}d((n=n.apply(e,t||[])).next())}))}const t=(/* unused pure expression or super */ null && (["geforce 320m","geforce 8600","geforce 8600m gt","geforce 8800 gs","geforce 8800 gt","geforce 9400","geforce 9400m g","geforce 9400m","geforce 9600m gt","geforce 9600m","geforce fx go5200","geforce gt 120","geforce gt 130","geforce gt 330m","geforce gtx 285","google swiftshader","intel g41","intel g45","intel gma 4500mhd","intel gma x3100","intel hd 3000","intel q45","legacy","mali-2","mali-3","mali-4","quadro fx 1500","quadro fx 4","quadro fx 5","radeon hd 2400","radeon hd 2600","radeon hd 4670","radeon hd 4850","radeon hd 4870","radeon hd 5670","radeon hd 5750","radeon hd 6290","radeon hd 6300","radeon hd 6310","radeon hd 6320","radeon hd 6490m","radeon hd 6630m","radeon hd 6750m","radeon hd 6770m","radeon hd 6970m","sgx 543","sgx543"]));function r(e){return e=e.toLowerCase().replace(/^angle ?\((.+)\)*$/,"$1").replace(/\s(\d{1,2}gb|direct3d.+$)|\(r\)| \([^)]+\)$/g,"").replace(/(?:vulkan|opengl) \d+\.\d+(?:\.\d+)?(?: \((.*)\))?/,"$1")}const n="undefined"==typeof window,o=(()=>{if(n)return;const{userAgent:e,platform:t,maxTouchPoints:r}=window.navigator,o=/(iphone|ipod|ipad)/i.test(e),a="iPad"===t||"MacIntel"===t&&r>0&&!window.MSStream;return{isIpad:a,isMobile:/android/i.test(e)||o||a,isSafari12:/Version\/12.+Safari/.test(e)}})();function a(e,t,r){if(!r)return[t];const n=function(e){const t="\n    precision highp float;\n    attribute vec3 aPosition;\n    varying float vvv;\n    void main() {\n      vvv = 0.31622776601683794;\n      gl_Position = vec4(aPosition, 1.0);\n    }\n  ",r="\n    precision highp float;\n    varying float vvv;\n    void main() {\n      vec4 enc = vec4(1.0, 255.0, 65025.0, 16581375.0) * vvv;\n      enc = fract(enc);\n      enc -= enc.yzww * vec4(1.0 / 255.0, 1.0 / 255.0, 1.0 / 255.0, 0.0);\n      gl_FragColor = enc;\n    }\n  ",n=e.createShader(35633),o=e.createShader(35632),a=e.createProgram();if(!(o&&n&&a))return;e.shaderSource(n,t),e.shaderSource(o,r),e.compileShader(n),e.compileShader(o),e.attachShader(a,n),e.attachShader(a,o),e.linkProgram(a),e.detachShader(a,n),e.detachShader(a,o),e.deleteShader(n),e.deleteShader(o),e.useProgram(a);const i=e.createBuffer();e.bindBuffer(34962,i),e.bufferData(34962,new Float32Array([-1,-1,0,3,-1,0,-1,3,0]),35044);const c=e.getAttribLocation(a,"aPosition");e.vertexAttribPointer(c,3,5126,!1,0,0),e.enableVertexAttribArray(c),e.clearColor(1,1,1,1),e.clear(16384),e.viewport(0,0,1,1),e.drawArrays(4,0,3);const d=new Uint8Array(4);return e.readPixels(0,0,1,1,6408,5121,d),e.deleteProgram(a),e.deleteBuffer(i),d.join("")}(e),a="801621810",i="8016218135",c="80162181161",d=(null==o?void 0:o.isIpad)?[["a7",c,12],["a8",i,15],["a8x",i,15],["a9",i,15],["a9x",i,15],["a10",i,15],["a10x",i,15],["a12",a,15],["a12x",a,15],["a12z",a,15],["a14",a,15],["m1",a,15]]:[["a7",c,12],["a8",i,12],["a9",i,15],["a10",i,15],["a11",a,15],["a12",a,15],["a13",a,15],["a14",a,15]];let l;"80162181255"===n?l=d.filter((([,,e])=>e>=14)):(l=d.filter((([,e])=>e===n)),l.length||(l=d));return l.map((([e])=>`apple ${e} gpu`))}const i=(/* unused pure expression or super */ null && ([])),c=(/* unused pure expression or super */ null && ([]));function d(e,t){if(e===t)return 0;const r=e;e.length>t.length&&(e=t,t=r);let n=e.length,o=t.length;for(;n>0&&e.charCodeAt(~-n)===t.charCodeAt(~-o);)n--,o--;let a,d=0;for(;d<n&&e.charCodeAt(d)===t.charCodeAt(d);)d++;if(n-=d,o-=d,0===n)return o;let l,s,f=0,u=0,h=0;for(;u<n;)c[u]=e.charCodeAt(d+u),i[u]=++u;for(;h<o;)for(a=t.charCodeAt(d+h),l=h++,f=h,u=0;u<n;u++)s=a===c[u]?l:l+1,l=i[u],f=i[u]=l>f?s>f?f+1:s:s>l?l+1:s;return f}function l(e){return null!=e}class s extends Error{constructor(e){super(e),Object.setPrototypeOf(this,new.target.prototype)}}const f=({mobileTiers:i=[0,15,30,60],desktopTiers:c=[0,15,30,60],override:f={},glContext:u,failIfMajorPerformanceCaveat:h=!1,benchmarksURL:g="https://unpkg.com/detect-gpu@4.0.50/dist/benchmarks"}={})=>e(void 0,void 0,void 0,(function*(){const p={};if(n)return{tier:0,type:"SSR"};const{isIpad:m=!!(null==o?void 0:o.isIpad),isMobile:v=!!(null==o?void 0:o.isMobile),screenSize:w=window.screen,loadBenchmarks:x=(t=>e(void 0,void 0,void 0,(function*(){const e=yield fetch(`${g}/${t}`).then((e=>e.json()));if(parseInt(e.shift().split(".")[0],10)<4)throw new s("Detect GPU benchmark data is out of date. Please update to version 4x");return e})))}=f;let{renderer:A}=f;const P=(e,t,r,n,o)=>({device:o,fps:n,gpu:r,isMobile:v,tier:e,type:t});let b,S="";if(A)A=r(A),b=[A];else{const e=u||function(e,t=!1){const r={alpha:!1,antialias:!1,depth:!1,failIfMajorPerformanceCaveat:t,powerPreference:"high-performance",stencil:!1};e&&delete r.powerPreference;const n=window.document.createElement("canvas"),o=n.getContext("webgl",r)||n.getContext("experimental-webgl",r);return null!=o?o:void 0}(null==o?void 0:o.isSafari12,h);if(!e)return P(0,"WEBGL_UNSUPPORTED");const t=e.getExtension("WEBGL_debug_renderer_info");if(t&&(A=e.getParameter(t.UNMASKED_RENDERER_WEBGL)),!A)return P(1,"FALLBACK");S=A,A=r(A),b=function(e,t,r){return"apple gpu"===t?a(e,t,r):[t]}(e,A,v)}const y=(yield Promise.all(b.map((function(t){var r;return e(this,void 0,void 0,(function*(){const e=(e=>{const t=v?["adreno","apple","mali-t","mali","nvidia","powervr"]:["intel","apple","amd","radeon","nvidia","geforce"];for(const r of t)if(e.includes(r))return r})(t);if(!e)return;const n=`${v?"m":"d"}-${e}${m?"-ipad":""}.json`,o=p[n]=null!==(r=p[n])&&void 0!==r?r:x(n);let a;try{a=yield o}catch(e){if(e instanceof s)throw e;return}const i=function(e){var t;const r=(e=e.replace(/\([^)]+\)/,"")).match(/\d+/)||e.match(/(\W|^)([A-Za-z]{1,3})(\W|$)/g);return null!==(t=null==r?void 0:r.join("").replace(/\W|amd/g,""))&&void 0!==t?t:""}(t);let c=a.filter((([,e])=>e===i));c.length||(c=a.filter((([e])=>e.includes(t))));const l=c.length;if(0===l)return;let f,[u,,,h]=l>1?c.map((e=>[e,d(t,e[0])])).sort((([,e],[,t])=>e-t))[0][0]:c[0],g=Number.MAX_VALUE;const{devicePixelRatio:A}=window,P=w.width*A*w.height*A;for(const e of h){const[t,r]=e,n=t*r,o=Math.abs(P-n);o<g&&(g=o,f=e)}if(!f)return;const[,,b,S]=f;return[g,b,u,S]}))})))).filter(l).sort((([e=Number.MAX_VALUE,t],[r=Number.MAX_VALUE,n])=>e===r?t-n:e-r));if(!y.length){const e=t.find((e=>A.includes(e)));return e?P(0,"BLOCKLISTED",e):P(1,"FALLBACK",`${A} (${S})`)}const[,C,E,L]=y[0];if(-1===C)return P(0,"BLOCKLISTED",E,C,L);const M=v?i:c;let $=0;for(let e=0;e<M.length;e++)C>=M[e]&&($=e);return P($,"BENCHMARK",E,C,L)}));
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/getRenderingEngine.js
 var getRenderingEngine = __webpack_require__(49184);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 70 modules
@@ -23854,8 +24025,8 @@ const sequentialRetrieveStages = [
 ];
 /* harmony default export */ const sequentialRetrieve = (sequentialRetrieveStages);
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/loaders/configuration/interleavedRetrieve.js
 
 const nearbyFrames = [
@@ -24242,7 +24413,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   setupCacheOptimizationEventListener: () => (/* binding */ setupCacheOptimizationEventListener)
 /* harmony export */ });
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13320);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50002);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98362);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51884);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71702);
 
@@ -24364,7 +24535,7 @@ function findMatchingColormap(rgbPoints, actor) {
             return false;
         }
         for (let i = 0; i < presetRGBPoints.length; i += 4) {
-            if (!(0,_isEqual__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(presetRGBPoints.slice(i + 1, i + 4), rgbPoints.slice(i + 1, i + 4))) {
+            if (!(0,_isEqual__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Ay)(presetRGBPoints.slice(i + 1, i + 4), rgbPoints.slice(i + 1, i + 4))) {
                 return false;
             }
         }
@@ -24393,6 +24564,7 @@ function findMatchingColormap(rgbPoints, actor) {
     }
     return {
         name: matchedColormap.Name,
+        opacity,
     };
 }
 
@@ -24727,6 +24899,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   PointsManager: () => (/* reexport */ PointsManager),
   ProgressiveIterator: () => (/* reexport */ ProgressiveIterator),
+  RLEVoxelMap: () => (/* reexport */ RLEVoxelMap),
   VoxelManager: () => (/* reexport */ VoxelManager),
   actorIsA: () => (/* reexport */ actorCheck/* actorIsA */.N),
   applyPreset: () => (/* reexport */ applyPreset),
@@ -24782,7 +24955,9 @@ __webpack_require__.d(__webpack_exports__, {
   imageToWorldCoords: () => (/* reexport */ imageToWorldCoords),
   indexWithinDimensions: () => (/* reexport */ indexWithinDimensions),
   invertRgbTransferFunction: () => (/* reexport */ invertRgbTransferFunction),
-  isEqual: () => (/* reexport */ isEqual/* default */.A),
+  isEqual: () => (/* reexport */ isEqual/* isEqual */.n4),
+  isEqualAbs: () => (/* reexport */ isEqual/* isEqualAbs */.Ph),
+  isEqualNegative: () => (/* reexport */ isEqual/* isEqualNegative */.WC),
   isImageActor: () => (/* reexport */ actorCheck/* isImageActor */.e),
   isOpposite: () => (/* reexport */ isOpposite),
   isPTPrescaledWithSUV: () => (/* reexport */ utilities_isPTPrescaledWithSUV),
@@ -25213,6 +25388,9 @@ function createUint8SharedArray(length) {
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/createFloat32SharedArray.js
 
+const SMALL_MEMORY_LIMIT = 2 * 1024 * 1024 * 1024 - 2;
+const BIG_MEMORY_LIMIT = SMALL_MEMORY_LIMIT * 2;
+const PAGE_SIZE = 65536;
 function createFloat32SharedArray(length) {
     if (!(0,init/* getShouldUseSharedArrayBuffer */.TB)()) {
         throw new Error('Your page is NOT cross-origin isolated, see https://developer.mozilla.org/en-US/docs/Web/API/crossOriginIsolated');
@@ -25220,8 +25398,20 @@ function createFloat32SharedArray(length) {
     if (window.SharedArrayBuffer === undefined) {
         throw new Error('SharedArrayBuffer is NOT supported in your browser see https://developer.chrome.com/blog/enabling-shared-array-buffer/');
     }
-    const sharedArrayBuffer = new SharedArrayBuffer(length * 4);
-    return new Float32Array(sharedArrayBuffer);
+    const byteLength = length * 4;
+    if (byteLength < SMALL_MEMORY_LIMIT) {
+        const sharedArrayBuffer = new SharedArrayBuffer(byteLength);
+        return new Float32Array(sharedArrayBuffer);
+    }
+    else if (byteLength < BIG_MEMORY_LIMIT) {
+        const pages = Math.ceil(byteLength / PAGE_SIZE);
+        const memory = new WebAssembly.Memory({
+            initial: pages,
+            maximum: pages,
+            shared: true,
+        });
+        return new Float32Array(memory.buffer, 0, length);
+    }
 }
 /* harmony default export */ const utilities_createFloat32SharedArray = (createFloat32SharedArray);
 
@@ -25389,8 +25579,8 @@ function transformIndexToWorld(imageData, voxelPos) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/loaders/imageLoader.js
 var imageLoader = __webpack_require__(79220);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 5 modules
-var enums = __webpack_require__(50002);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 4 modules
+var enums = __webpack_require__(98362);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/requestPool/imageLoadPoolManager.js
 var imageLoadPoolManager = __webpack_require__(775);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/getOrCreateCanvas.js
@@ -25409,23 +25599,28 @@ const isPTPrescaledWithSUV = (image) => {
 
 
 
-function renderToCanvasGPU(canvas, image, modality = undefined, renderingEngineId = '_thumbnails', viewportOptions = { displayArea: { imageArea: [1, 1] } }) {
+function renderToCanvasGPU(canvas, imageOrVolume, modality = undefined, renderingEngineId = '_thumbnails', viewportOptions = {
+    displayArea: { imageArea: [1, 1] },
+}) {
     if (!canvas || !(canvas instanceof HTMLCanvasElement)) {
         throw new Error('canvas element is required');
     }
-    const imageIdToPrint = image.imageId;
+    const isVolume = !imageOrVolume.imageId;
+    const image = !isVolume && imageOrVolume;
+    const volume = isVolume && imageOrVolume;
+    const imageIdToPrint = image?.imageId || volume?.volumeId;
     const viewportId = `renderGPUViewport-${imageIdToPrint}`;
-    const imageId = image.imageId;
     const element = document.createElement('div');
     const devicePixelRatio = window.devicePixelRatio || 1;
+    if (!viewportOptions.displayArea) {
+        viewportOptions.displayArea = { imageArea: [1, 1] };
+    }
     const originalWidth = canvas.width;
     const originalHeight = canvas.height;
-    element.style.width = `${originalWidth + getOrCreateCanvas/* EPSILON */.p8}px`;
-    element.style.height = `${originalHeight + getOrCreateCanvas/* EPSILON */.p8}px`;
+    element.style.width = `${originalWidth / devicePixelRatio + getOrCreateCanvas/* EPSILON */.p8}px`;
+    element.style.height = `${originalHeight / devicePixelRatio + getOrCreateCanvas/* EPSILON */.p8}px`;
     element.style.visibility = 'hidden';
     element.style.position = 'absolute';
-    canvas.width = originalWidth * devicePixelRatio;
-    canvas.height = originalHeight * devicePixelRatio;
     document.body.appendChild(element);
     const uniqueId = viewportId.split(':').join('-');
     element.setAttribute('viewport-id-for-remove', uniqueId);
@@ -25434,26 +25629,44 @@ function renderToCanvasGPU(canvas, image, modality = undefined, renderingEngineI
         new RenderingEngine/* default */.Ay(renderingEngineId);
     let viewport = renderingEngine.getViewport(viewportId);
     if (!viewport) {
-        const stackViewportInput = {
+        const viewportInput = {
             viewportId,
-            type: enums.ViewportType.STACK,
+            type: isVolume ? enums.ViewportType.ORTHOGRAPHIC : enums.ViewportType.STACK,
             element,
             defaultOptions: {
                 ...viewportOptions,
                 suppressEvents: true,
             },
         };
-        renderingEngine.enableElement(stackViewportInput);
+        renderingEngine.enableElement(viewportInput);
         viewport = renderingEngine.getViewport(viewportId);
     }
     return new Promise((resolve) => {
         let elementRendered = false;
+        let { viewReference } = viewportOptions;
         const onImageRendered = (eventDetail) => {
             if (elementRendered) {
                 return;
             }
+            if (viewReference) {
+                const useViewRef = viewReference;
+                viewReference = null;
+                viewport.setViewReference(useViewRef);
+                viewport.render();
+                return;
+            }
             const context = canvas.getContext('2d');
             context.drawImage(temporaryCanvas, 0, 0, temporaryCanvas.width, temporaryCanvas.height, 0, 0, canvas.width, canvas.height);
+            const origin = viewport.canvasToWorld([0, 0]);
+            const topRight = viewport.canvasToWorld([
+                temporaryCanvas.width / devicePixelRatio,
+                0,
+            ]);
+            const bottomLeft = viewport.canvasToWorld([
+                0,
+                temporaryCanvas.height / devicePixelRatio,
+            ]);
+            const thicknessMm = 1;
             elementRendered = true;
             element.removeEventListener(enums.Events.IMAGE_RENDERED, onImageRendered);
             setTimeout(() => {
@@ -25463,10 +25676,20 @@ function renderToCanvasGPU(canvas, image, modality = undefined, renderingEngineI
                     element.remove();
                 });
             }, 0);
-            resolve(imageId);
+            resolve({
+                origin,
+                bottomLeft,
+                topRight,
+                thicknessMm,
+            });
         };
         element.addEventListener(enums.Events.IMAGE_RENDERED, onImageRendered);
-        viewport.renderImageObject(image);
+        if (isVolume) {
+            viewport.setVolumes([volume], false, true);
+        }
+        else {
+            viewport.renderImageObject(imageOrVolume);
+        }
         viewport.resetCamera();
         if (modality === 'PT' && !utilities_isPTPrescaledWithSUV(image)) {
             viewport.setProperties({
@@ -25490,7 +25713,12 @@ var drawImageSync = __webpack_require__(49892);
 
 
 
-function renderToCanvasCPU(canvas, image, modality, _renderingEngineId, _viewportOptions) {
+function renderToCanvasCPU(canvas, imageOrVolume, modality, _renderingEngineId, _viewportOptions) {
+    const volume = imageOrVolume;
+    if (volume.volumeId) {
+        throw new Error('Unsupported volume rendering for CPU');
+    }
+    const image = imageOrVolume;
     const viewport = (0,getDefaultViewport/* default */.A)(canvas, image, modality);
     const enabledElement = {
         canvas,
@@ -25502,7 +25730,7 @@ function renderToCanvasCPU(canvas, image, modality, _renderingEngineId, _viewpor
     const invalidated = true;
     return new Promise((resolve, reject) => {
         (0,drawImageSync/* default */.A)(enabledElement, invalidated);
-        resolve(image.imageId);
+        resolve(null);
     });
 }
 
@@ -25514,28 +25742,36 @@ function renderToCanvasCPU(canvas, image, modality, _renderingEngineId, _viewpor
 
 
 
+
 function loadImageToCanvas(options) {
-    const { canvas, imageId, requestType = enums.RequestType.Thumbnail, priority = -5, renderingEngineId = '_thumbnails', useCPURendering = false, thumbnail = false, imageAspect = false, physicalPixels = false, viewportOptions, } = options;
-    const devicePixelRatio = window.devicePixelRatio || 1;
+    const { canvas, imageId, viewReference, requestType = enums.RequestType.Thumbnail, priority = -5, renderingEngineId = '_thumbnails', useCPURendering = false, thumbnail = false, imageAspect = false, viewportOptions: baseViewportOptions, } = options;
+    const volumeId = viewReference?.volumeId;
+    const isVolume = volumeId && !imageId;
+    const viewportOptions = viewReference && baseViewportOptions
+        ? { ...baseViewportOptions, viewReference }
+        : baseViewportOptions;
     const renderFn = useCPURendering ? renderToCanvasCPU : renderToCanvasGPU;
     return new Promise((resolve, reject) => {
-        function successCallback(image, imageId) {
+        function successCallback(imageOrVolume, imageId) {
             const { modality } = metaData.get('generalSeriesModule', imageId) || {};
-            image.isPreScaled = image.isPreScaled || image.preScale?.scaled;
+            const image = !isVolume && imageOrVolume;
+            const volume = isVolume && imageOrVolume;
+            if (image) {
+                image.isPreScaled = image.isPreScaled || image.preScale?.scaled;
+            }
             if (thumbnail) {
                 canvas.height = 256;
                 canvas.width = 256;
             }
-            if (physicalPixels) {
-                canvas.width = canvas.offsetWidth * devicePixelRatio;
-                canvas.height = canvas.offsetHeight * devicePixelRatio;
+            if (imageAspect && image) {
+                canvas.width = image && (canvas.height * image.width) / image.height;
             }
-            if (imageAspect) {
-                canvas.width = (canvas.height * image.width) / image.height;
+            canvas.style.width = `${canvas.width / devicePixelRatio}px`;
+            canvas.style.height = `${canvas.height / devicePixelRatio}px`;
+            if (volume && useCPURendering) {
+                reject(new Error('CPU rendering of volume not supported'));
             }
-            renderFn(canvas, image, modality, renderingEngineId, viewportOptions).then(() => {
-                resolve(imageId);
-            });
+            renderFn(canvas, imageOrVolume, modality, renderingEngineId, viewportOptions).then(resolve);
         }
         function errorCallback(error, imageId) {
             console.error(error, imageId);
@@ -25548,20 +25784,28 @@ function loadImageToCanvas(options) {
                 errorCallback.call(this, error, imageId);
             });
         }
-        const { useNorm16Texture, preferSizeOverAccuracy } = (0,init/* getConfiguration */.D0)().rendering;
-        const useNativeDataType = useNorm16Texture || preferSizeOverAccuracy;
+        const { useNorm16Texture } = (0,init/* getConfiguration */.D0)().rendering;
         const options = {
             targetBuffer: {
-                type: useNativeDataType ? undefined : 'Float32Array',
+                type: useNorm16Texture ? undefined : 'Float32Array',
             },
             preScale: {
                 enabled: true,
             },
-            useNativeDataType,
             useRGBA: !!useCPURendering,
             requestType,
         };
-        imageLoadPoolManager/* default */.A.addRequest(sendRequest.bind(null, imageId, null, options), requestType, { imageId }, priority);
+        if (volumeId) {
+            const volume = cache/* default */.Ay.getVolume(volumeId);
+            if (!volume) {
+                reject(new Error(`Volume id ${volumeId} not found in cache`));
+            }
+            const useImageId = volume.imageIds[0];
+            successCallback(volume, useImageId);
+        }
+        else {
+            imageLoadPoolManager/* default */.A.addRequest(sendRequest.bind(null, imageId, null, options), requestType, { imageId }, priority);
+        }
     });
 }
 
@@ -26329,8 +26573,8 @@ function getScalingParameters(imageId) {
     const generalSeriesModule = (0,metaData.get)('generalSeriesModule', imageId) || {};
     const { modality } = generalSeriesModule;
     const scalingParameters = {
-        rescaleSlope: modalityLutModule.rescaleSlope,
-        rescaleIntercept: modalityLutModule.rescaleIntercept,
+        rescaleSlope: modalityLutModule.rescaleSlope || 1,
+        rescaleIntercept: modalityLutModule.rescaleIntercept ?? 0,
         modality,
     };
     const suvFactor = (0,metaData.get)('scalingModule', imageId) || {};
@@ -26443,11 +26687,15 @@ function sortImageIdsAndGetSpacing(imageIds, scanAxisNormal) {
             Math.abs(distanceBetweenFirstAndMiddleImages) /
                 Math.floor(imageIds.length / 2);
     }
-    const { imagePositionPatient: origin, sliceThickness } = dist_esm.metaData.get('imagePlaneModule', sortedImageIds[0]);
+    const { imagePositionPatient: origin, sliceThickness, spacingBetweenSlices, } = dist_esm.metaData.get('imagePlaneModule', sortedImageIds[0]);
     const { strictZSpacingForVolumeViewport } = (0,dist_esm.getConfiguration)().rendering;
     if (zSpacing === 0 && !strictZSpacingForVolumeViewport) {
-        if (sliceThickness) {
-            console.log('Could not calculate zSpacing. Using sliceThickness');
+        if (sliceThickness && spacingBetweenSlices) {
+            console.log('Could not calculate zSpacing. Using spacingBetweenSlices');
+            zSpacing = spacingBetweenSlices;
+        }
+        else if (sliceThickness) {
+            console.log('Could not calculate zSpacing and no spacingBetweenSlices. Using sliceThickness');
             zSpacing = sliceThickness;
         }
         else {
@@ -26560,8 +26808,8 @@ function isValidVolume(imageIds) {
             modality === baseMetadata.modality &&
             columns === baseMetadata.columns &&
             rows === baseMetadata.rows &&
-            (0,isEqual/* default */.A)(imageOrientationPatient, baseMetadata.imageOrientationPatient) &&
-            (0,isEqual/* default */.A)(pixelSpacing, baseMetadata.pixelSpacing));
+            (0,isEqual/* default */.Ay)(imageOrientationPatient, baseMetadata.imageOrientationPatient) &&
+            (0,isEqual/* default */.Ay)(pixelSpacing, baseMetadata.pixelSpacing));
     });
     return validVolume;
 }
@@ -27005,9 +27253,11 @@ async function convertStackToVolumeViewport({ viewport, options, }) {
         },
     ], [viewportId]);
     const volumeViewportNewVolumeHandler = () => {
-        volumeViewport.setCamera({
-            ...prevCamera,
-        });
+        if (!options.orientation) {
+            volumeViewport.setCamera({
+                ...prevCamera,
+            });
+        }
         volumeViewport.render();
         element.removeEventListener(enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, volumeViewportNewVolumeHandler);
     };
@@ -27394,7 +27644,7 @@ class VoxelManager {
             return [scalarData[index++], scalarData[index++], scalarData[index++]];
         }, (index, v) => {
             index *= 3;
-            const isChanged = !(0,isEqual/* default */.A)(scalarData[index], v);
+            const isChanged = !(0,isEqual/* default */.Ay)(scalarData[index], v);
             scalarData[index++] = v[0];
             scalarData[index++] = v[1];
             scalarData[index++] = v[2];
@@ -27748,6 +27998,7 @@ function hexToRgb(hex) {
 
 
 
+
 
 
 /***/ }),
@@ -27757,7 +28008,10 @@ function hexToRgb(hex) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (/* binding */ isEqual)
+/* harmony export */   Ay: () => (/* binding */ isEqual),
+/* harmony export */   Ph: () => (/* binding */ isEqualAbs),
+/* harmony export */   WC: () => (/* binding */ isEqualNegative),
+/* harmony export */   n4: () => (/* binding */ isEqual)
 /* harmony export */ });
 function areNumbersEqualWithTolerance(num1, num2, tolerance) {
     return Math.abs(num1 - num2) <= tolerance;
@@ -27791,6 +28045,11 @@ function isEqual(v1, v2, tolerance = 1e-5) {
     }
     return false;
 }
+const negative = (v) => typeof v === 'number' ? -v : v?.map ? v.map(negative) : !v;
+const abs = (v) => typeof v === 'number' ? Math.abs(v) : v?.map ? v.map(abs) : v;
+const isEqualNegative = (v1, v2, tolerance = undefined) => isEqual(v1, negative(v2), tolerance);
+const isEqualAbs = (v1, v2, tolerance = undefined) => isEqual(abs(v1), abs(v2), tolerance);
+
 
 
 /***/ }),
@@ -28811,7 +29070,7 @@ const CursorNames = [...svgCursorNames, ...standardCursorNames];
 
 /***/ }),
 
-/***/ 2746:
+/***/ 49574:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -28829,6 +29088,7 @@ __webpack_require__.d(__webpack_exports__, {
   drawPath: () => (/* reexport */ drawPath),
   drawPolyline: () => (/* reexport */ drawPolyline),
   drawRect: () => (/* reexport */ drawRect),
+  drawRectByCoordinates: () => (/* reexport */ drawRectByCoordinates),
   drawRedactionRect: () => (/* reexport */ drawRedactionRect),
   drawTextBox: () => (/* reexport */ drawingSvg_drawTextBox)
 });
@@ -29348,11 +29608,11 @@ function drawLinkedTextBox(svgDrawingHelper, annotationUID, textBoxUID, textLine
 }
 /* harmony default export */ const drawingSvg_drawLinkedTextBox = (drawLinkedTextBox);
 
-;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawRect.js
+;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawRectByCoordinates.js
 
 
 
-function drawRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, options = {}, dataId = '') {
+function drawRectByCoordinates(svgDrawingHelper, annotationUID, rectangleUID, canvasCoordinates, options = {}, dataId = '') {
     const { color, width: _width, lineWidth, lineDash, } = Object.assign({
         color: 'rgb(0, 255, 0)',
         width: '2',
@@ -29363,16 +29623,28 @@ function drawRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, opt
     const svgns = 'http://www.w3.org/2000/svg';
     const svgNodeHash = drawingSvg_getHash(annotationUID, 'rect', rectangleUID);
     const existingRect = svgDrawingHelper.getSvgNode(svgNodeHash);
-    const tlhc = [Math.min(start[0], end[0]), Math.min(start[1], end[1])];
-    const width = Math.abs(start[0] - end[0]);
-    const height = Math.abs(start[1] - end[1]);
+    const [topLeft, topRight, bottomLeft, bottomRight] = canvasCoordinates;
+    const width = Math.hypot(topLeft[0] - topRight[0], topLeft[1] - topRight[1]);
+    const height = Math.hypot(topLeft[0] - bottomLeft[0], topLeft[1] - bottomLeft[1]);
+    const center = [
+        (bottomRight[0] + topLeft[0]) / 2,
+        (bottomRight[1] + topLeft[1]) / 2,
+    ];
+    const leftEdgeCenter = [
+        (bottomLeft[0] + topLeft[0]) / 2,
+        (bottomLeft[1] + topLeft[1]) / 2,
+    ];
+    const angle = (Math.atan2(center[1] - leftEdgeCenter[1], center[0] - leftEdgeCenter[0]) *
+        180) /
+        Math.PI;
     const attributes = {
-        x: `${tlhc[0]}`,
-        y: `${tlhc[1]}`,
+        x: `${center[0] - width / 2}`,
+        y: `${center[1] - height / 2}`,
         width: `${width}`,
         height: `${height}`,
         stroke: color,
         fill: 'transparent',
+        transform: `rotate(${angle} ${center[0]} ${center[1]})`,
         'stroke-width': strokeWidth,
         'stroke-dasharray': lineDash,
     };
@@ -29390,6 +29662,16 @@ function drawRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, opt
     }
 }
 
+;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawRect.js
+
+function drawRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, options = {}, dataId = '') {
+    const topLeft = [start[0], start[1]];
+    const topRight = [end[0], start[1]];
+    const bottomLeft = [start[0], end[1]];
+    const bottomRight = [end[0], end[1]];
+    drawRectByCoordinates(svgDrawingHelper, annotationUID, rectangleUID, [topLeft, topRight, bottomLeft, bottomRight], options, dataId);
+}
+
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawArrow.js
 
 function drawArrow(svgDrawingHelper, annotationUID, arrowUID, start, end, options = {}) {
@@ -29495,6 +29777,7 @@ function drawRedactionRect(svgDrawingHelper, annotationUID, rectangleUID, start,
 
 
 
+
 /***/ }),
 
 /***/ 42111:
@@ -29730,12 +30013,12 @@ var WorkerTypes_ChangeTypes;
 
 /***/ }),
 
-/***/ 44926:
+/***/ 94101:
 /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
-// UNUSED EXPORTS: annotationInterpolationEventDispatcher, cameraModifiedEventDispatcher, imageRenderedEventDispatcher, imageSpacingCalibratedEventDispatcher, keyboardToolEventDispatcher, mouseToolEventDispatcher, touchToolEventDispatcher
+// UNUSED EXPORTS: annotationInterpolationEventDispatcher, cameraModifiedEventDispatcher, cameraResetEventDispatcher, imageRenderedEventDispatcher, imageSpacingCalibratedEventDispatcher, keyboardToolEventDispatcher, mouseToolEventDispatcher, touchToolEventDispatcher
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(92136);
@@ -29917,6 +30200,34 @@ const annotationInterpolationEventDispatcher_disable = function () {
     disable: annotationInterpolationEventDispatcher_disable,
 });
 
+;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/cameraResetEventDispatcher.js
+
+
+
+const { Active: cameraResetEventDispatcher_Active, Passive: cameraResetEventDispatcher_Passive, Enabled: cameraResetEventDispatcher_Enabled } = enums.ToolModes;
+const onCameraReset = function (evt) {
+    const enabledTools = (0,getToolsWithModesForMouseEvent/* default */.A)(evt, [
+        cameraResetEventDispatcher_Active,
+        cameraResetEventDispatcher_Passive,
+        cameraResetEventDispatcher_Enabled,
+    ]);
+    enabledTools.forEach((tool) => {
+        if (tool.onResetCamera) {
+            tool.onResetCamera(evt);
+        }
+    });
+};
+const cameraResetEventDispatcher_enable = function (element) {
+    element.addEventListener(esm.Enums.Events.CAMERA_RESET, onCameraReset);
+};
+const cameraResetEventDispatcher_disable = function (element) {
+    element.removeEventListener(esm.Enums.Events.CAMERA_RESET, onCameraReset);
+};
+/* harmony default export */ const cameraResetEventDispatcher = ({
+    enable: cameraResetEventDispatcher_enable,
+    disable: cameraResetEventDispatcher_disable,
+});
+
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/index.js
 
 
@@ -29928,6 +30239,7 @@ const annotationInterpolationEventDispatcher_disable = function () {
 
 
 
+
 /***/ }),
 
 /***/ 90202:
@@ -29943,7 +30255,7 @@ const annotationInterpolationEventDispatcher_disable = function () {
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74119);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(90252);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(38296);
-/* harmony import */ var _utilities_contours__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75534);
+/* harmony import */ var _utilities_contours__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75908);
 /* harmony import */ var _utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7259);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61738);
 /* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(81848);
@@ -30046,12 +30358,14 @@ function findIntersectingContour(viewport, sourcePolyline, contourSegmentationAn
 function createPolylineHole(viewport, targetAnnotation, holeAnnotation) {
     const { windingDirection: targetWindingDirection } = targetAnnotation.data.contour;
     const { windingDirection: holeWindingDirection } = holeAnnotation.data.contour;
-    if (targetWindingDirection === holeWindingDirection) {
-        holeAnnotation.data.contour.polyline.reverse();
-        holeAnnotation.data.contour.windingDirection = targetWindingDirection * -1;
-    }
     (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_4__.addChildAnnotation)(targetAnnotation, holeAnnotation);
     _utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_6__.removeContourSegmentationAnnotation(holeAnnotation);
+    const { contour: holeContour } = holeAnnotation.data;
+    const holePolyline = convertContourPolylineToCanvasSpace(holeContour.polyline, viewport);
+    _utilities_contours__WEBPACK_IMPORTED_MODULE_5__.updateContourPolyline(holeAnnotation, {
+        points: holePolyline,
+        closed: holeContour.closed,
+    }, viewport);
     const { element } = viewport;
     const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
     const { renderingEngine } = enabledElement;
@@ -30539,7 +30853,7 @@ function _imageChangeEventListener(evt) {
                         imageActor.getMapper().setInputData(imageData);
                     },
                 },
-            ], true, false);
+            ]);
             (0,segmentation_triggerSegmentationRender/* default */.Ay)(toolGroup.id);
             return;
         }
@@ -30665,7 +30979,7 @@ function annotationRemovedListener(evt) {
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61738);
 /* harmony import */ var _store_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55588);
 /* harmony import */ var _eventListeners__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60878);
-/* harmony import */ var _eventDispatchers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(44926);
+/* harmony import */ var _eventDispatchers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(94101);
 /* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(52610);
 
 
@@ -30831,6 +31145,8 @@ class AnnotationGroup {
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92136);
 /* harmony import */ var _annotationLocking__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48428);
 /* harmony import */ var _annotationVisibility__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21009);
+/* harmony import */ var _utilities_defineProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(99595);
+
 
 
 
@@ -30927,6 +31243,8 @@ class FrameOfReferenceSpecificAnnotationManager {
             toolSpecificAnnotations.push(annotation);
             (0,_annotationLocking__WEBPACK_IMPORTED_MODULE_2__.checkAndDefineIsLockedProperty)(annotation);
             (0,_annotationVisibility__WEBPACK_IMPORTED_MODULE_3__.checkAndDefineIsVisibleProperty)(annotation);
+            (0,_utilities_defineProperties__WEBPACK_IMPORTED_MODULE_4__/* .checkAndDefineTextBoxProperty */ .Q)(annotation);
+            (0,_utilities_defineProperties__WEBPACK_IMPORTED_MODULE_4__/* .checkAndDefineCachedStatsProperty */ .d)(annotation);
         };
         this.removeAnnotation = (annotationUID) => {
             const { annotations } = this;
@@ -34659,8 +34977,8 @@ function removeTool(ToolClass) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventListeners/index.js + 17 modules
 var eventListeners = __webpack_require__(60878);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/index.js + 7 modules
-var eventDispatchers = __webpack_require__(44926);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/index.js + 8 modules
+var eventDispatchers = __webpack_require__(94101);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/triggerAnnotationRender.js
 var triggerAnnotationRender = __webpack_require__(6805);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/store/addEnabledElement.js
@@ -34682,6 +35000,7 @@ function addEnabledElement(evt) {
     imageRenderedEventDispatcher.enable(element);
     cameraModifiedEventDispatcher.enable(element);
     imageSpacingCalibratedEventDispatcher.enable(element);
+    cameraResetEventDispatcher.enable(element);
     mouseToolEventDispatcher.enable(element);
     keyboardToolEventDispatcher.enable(element);
     touchToolEventDispatcher.enable(element);
@@ -34772,6 +35091,7 @@ function removeEnabledElement(elementDisabledEvt) {
     imageRenderedEventDispatcher.disable(element);
     cameraModifiedEventDispatcher.disable(element);
     imageSpacingCalibratedEventDispatcher.disable(element);
+    cameraResetEventDispatcher.disable(element);
     mouseToolEventDispatcher.disable(element);
     keyboardToolEventDispatcher.disable(element);
     touchToolEventDispatcher.disable(element);
@@ -34978,7 +35298,7 @@ function presentationViewSyncCallback_presentationViewSyncCallback(_synchronizer
     const tViewport = renderingEngine.getViewport(targetViewport.viewportId);
     const sViewport = renderingEngine.getViewport(sourceViewport.viewportId);
     const presentationView = sViewport.getViewPresentation(options);
-    tViewport.setView(null, presentationView);
+    tViewport.setViewPresentation(presentationView);
     tViewport.render();
 }
 
@@ -35221,7 +35541,7 @@ const createStackImageSynchronizer = (/* unused pure expression or super */ null
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48428);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21009);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(90252);
@@ -35710,10 +36030,10 @@ class AnnotationEraserTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .BaseToo
                 continue;
             }
             const annotations = (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_2__.getAnnotations)(toolName, element);
-            if (!annotations) {
+            if (!annotations.length) {
                 continue;
             }
-            const interactableAnnotations = toolInstance.filterInteractableAnnotationsForElement(element, annotations);
+            const interactableAnnotations = toolInstance.filterInteractableAnnotationsForElement(element, annotations) || [];
             for (const annotation of interactableAnnotations) {
                 if (toolInstance.isPointNearTool(element, annotation, currentPoints.canvas, 10, interactionType)) {
                     annotationsToRemove.push(annotation.annotationUID);
@@ -35745,7 +36065,7 @@ AnnotationEraserTool.toolName = 'Eraser';
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92136);
 /* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(52610);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38296);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(90252);
@@ -35795,7 +36115,12 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         supportedInteractionTypes: ['Mouse'],
         configuration: {
             shadow: true,
-            viewportIndicators: true,
+            viewportIndicators: false,
+            viewportIndicatorsConfig: {
+                radius: 5,
+                x: null,
+                y: null,
+            },
             autoPan: {
                 enabled: false,
                 panSize: 10,
@@ -35859,12 +36184,20 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             viewportsInfo.forEach(({ viewportId, renderingEngineId }) => {
                 const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElementByIds)(viewportId, renderingEngineId);
                 const { viewport } = enabledElement;
+                const resetPan = true;
+                const resetZoom = true;
+                const resetToCenter = true;
+                const resetRotation = true;
+                const supressEvents = true;
+                viewport.resetCamera(resetPan, resetZoom, resetToCenter, resetRotation, supressEvents);
+                viewport.resetSlabThickness();
                 const { element } = viewport;
                 let annotations = this._getAnnotations(enabledElement);
                 annotations = this.filterInteractableAnnotationsForElement(element, annotations);
                 if (annotations.length) {
                     (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_6__.removeAnnotation)(annotations[0].annotationUID);
                 }
+                viewport.render();
             });
             this.computeToolCenter(viewportsInfo);
         };
@@ -36002,6 +36335,9 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const viewportIdsToRender = (0,_utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_10__.getViewportIdsWithToolToRender)(element, this.getToolName(), requireSameOrientation);
             (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(renderingEngine, viewportIdsToRender);
         };
+        this.onResetCamera = (evt) => {
+            this.resetCrosshairs();
+        };
         this.mouseMoveCallback = (evt, filteredToolAnnotations) => {
             const { element, currentPoints } = evt.detail;
             const canvasCoords = currentPoints.canvas;
@@ -36383,12 +36719,16 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             renderStatus = true;
             data.handles.rotationPoints = newRtpoints;
             data.handles.slabThicknessPoints = newStpoints;
+            debugger;
             if (this.configuration.viewportIndicators) {
+                const { viewportIndicatorsConfig } = this.configuration;
+                const xOffset = viewportIndicatorsConfig?.xOffset || 0.95;
+                const yOffset = viewportIndicatorsConfig?.yOffset || 0.05;
                 const referenceColorCoordinates = [
-                    clientWidth * 0.95,
-                    clientHeight * 0.05,
+                    clientWidth * xOffset,
+                    clientHeight * yOffset,
                 ];
-                const circleRadius = canvasDiagonalLength * 0.01;
+                const circleRadius = viewportIndicatorsConfig?.circleRadius || canvasDiagonalLength * 0.01;
                 const circleUID = '0';
                 (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_7__.drawCircle)(svgDrawingHelper, annotationUID, circleUID, referenceColorCoordinates, circleRadius, { color, fill: color });
             }
@@ -37455,7 +37795,7 @@ MagnifyTool.toolName = 'Magnify';
 "use strict";
 /* harmony import */ var _kitware_vtk_js_Interaction_Widgets_OrientationMarkerWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7914);
 /* harmony import */ var _kitware_vtk_js_Rendering_Core_AnnotatedCubeActor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50638);
-/* harmony import */ var _kitware_vtk_js_Rendering_Core_AxesActor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65373);
+/* harmony import */ var _kitware_vtk_js_Rendering_Core_AxesActor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43387);
 /* harmony import */ var _kitware_vtk_js_Rendering_Core_Actor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48987);
 /* harmony import */ var _kitware_vtk_js_Rendering_Core_Mapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22745);
 /* harmony import */ var _kitware_vtk_js_IO_XML_XMLPolyDataReader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88099);
@@ -37587,7 +37927,11 @@ class OrientationMarkerTool extends _base__WEBPACK_IMPORTED_MODULE_7__/* .BaseTo
                 element.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_8__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, this.initViewports.bind(this));
                 const resizeObserver = new ResizeObserver(() => {
                     setTimeout(() => {
-                        const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_8__.getEnabledElementByIds)(viewportId, renderingEngineId);
+                        const element = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_8__.getEnabledElementByIds)(viewportId, renderingEngineId);
+                        if (!element) {
+                            return;
+                        }
+                        const { viewport } = element;
                         this.resize(viewportId);
                         viewport.render();
                     }, 100);
@@ -37750,7 +38094,7 @@ OrientationMarkerTool.toolName = 'OrientationMarker';
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38296);
 /* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52610);
-/* 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_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23072);
 /* harmony import */ var _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28062);
 
@@ -38039,7 +38383,7 @@ PlanarRotateTool.toolName = 'PlanarRotate';
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21009);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49574);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23072);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44753);
@@ -38367,7 +38711,7 @@ ReferenceCursors.toolName = 'ReferenceCursors';
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44753);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38296);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49574);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23072);
 /* harmony import */ var _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28062);
@@ -38606,7 +38950,7 @@ ReferenceLines.toolName = 'ReferenceLines';
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44753);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38296);
-/* 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 _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(52610);
 
 
@@ -38908,8 +39252,8 @@ class ScaleOverlayTool extends _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MOD
             viewportId: enabledElement.viewport.id,
         };
         const canvasSize = {
-            width: canvas.width,
-            height: canvas.height,
+            width: canvas.width / window.devicePixelRatio || 1,
+            height: canvas.height / window.devicePixelRatio || 1,
         };
         const topLeft = annotation.data.handles.points[0];
         const topRight = annotation.data.handles.points[1];
@@ -39004,6 +39348,316 @@ ScaleOverlayTool.toolName = 'ScaleOverlay';
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (ScaleOverlayTool)));
 
 
+/***/ }),
+
+/***/ 16151:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* unused harmony export contourIndex */
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(96214);
+/* harmony import */ var _stateManagement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95778);
+/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(73047);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84901);
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61738);
+/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23072);
+/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40233);
+/* harmony import */ var _stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(28664);
+/* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54177);
+/* harmony import */ var _SculptorTool_CircleSculptCursor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(16639);
+/* harmony import */ var _distancePointToContour__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7783);
+
+
+
+
+
+
+
+
+
+
+
+
+class SculptorTool extends _base__WEBPACK_IMPORTED_MODULE_1__/* .BaseTool */ .oS {
+    constructor(toolProps = {}, defaultToolProps = {
+        supportedInteractionTypes: ['Mouse', 'Touch'],
+        configuration: {
+            minSpacing: 1,
+            referencedToolNames: [
+                'PlanarFreehandROI',
+                'PlanarFreehandContourSegmentationTool',
+            ],
+            toolShape: 'circle',
+            referencedToolName: 'PlanarFreehandROI',
+        },
+    }) {
+        super(toolProps, defaultToolProps);
+        this.registeredShapes = new Map();
+        this.isActive = false;
+        this.commonData = {
+            activeAnnotationUID: null,
+            viewportIdsToRender: [],
+            isEditingOpenContour: false,
+            canvasLocation: undefined,
+        };
+        this.preMouseDownCallback = (evt) => {
+            const eventData = evt.detail;
+            const element = eventData.element;
+            this.configureToolSize(evt);
+            this.selectFreehandTool(eventData);
+            if (this.commonData.activeAnnotationUID === null) {
+                return;
+            }
+            this.isActive = true;
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__.hideElementCursor)(element);
+            this.activateModify(element);
+            return true;
+        };
+        this.mouseMoveCallback = (evt) => {
+            if (this.mode === _enums__WEBPACK_IMPORTED_MODULE_4__.ToolModes.Active) {
+                this.configureToolSize(evt);
+                this.updateCursor(evt);
+            }
+            else {
+                this.commonData.canvasLocation = undefined;
+            }
+        };
+        this.endCallback = (evt) => {
+            const eventData = evt.detail;
+            const { element } = eventData;
+            const config = this.configuration;
+            const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+            this.isActive = false;
+            this.deactivateModify(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__.resetElementCursor)(element);
+            const { renderingEngineId, viewportId } = enabledElement;
+            const toolGroup = _store__WEBPACK_IMPORTED_MODULE_5__/* .ToolGroupManager.getToolGroupForViewport */ .dU.getToolGroupForViewport(viewportId, renderingEngineId);
+            const toolInstance = toolGroup.getToolInstance(config.referencedToolName);
+            const annotations = this.filterSculptableAnnotationsForElement(element);
+            const activeAnnotation = annotations.find((annotation) => annotation.annotationUID === this.commonData.activeAnnotationUID);
+            if (toolInstance.configuration.calculateStats) {
+                activeAnnotation.invalidated = true;
+            }
+            (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_9__/* .triggerAnnotationModified */ .XF)(activeAnnotation, element);
+        };
+        this.dragCallback = (evt) => {
+            const eventData = evt.detail;
+            const element = eventData.element;
+            this.updateCursor(evt);
+            const annotations = this.filterSculptableAnnotationsForElement(element);
+            const activeAnnotation = annotations.find((annotation) => annotation.annotationUID === this.commonData.activeAnnotationUID);
+            if (!annotations?.length || !this.isActive) {
+                return;
+            }
+            const points = activeAnnotation.data.contour.polyline;
+            this.sculpt(eventData, points);
+        };
+        this.registerShapes(_SculptorTool_CircleSculptCursor__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A.shapeName, _SculptorTool_CircleSculptCursor__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A);
+        this.setToolShape(this.configuration.toolShape);
+    }
+    registerShapes(shapeName, shapeClass) {
+        const shape = new shapeClass();
+        this.registeredShapes.set(shapeName, shape);
+    }
+    sculpt(eventData, points) {
+        const config = this.configuration;
+        const element = eventData.element;
+        const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+        const { viewport } = enabledElement;
+        const cursorShape = this.registeredShapes.get(this.selectedShape);
+        this.sculptData = {
+            mousePoint: eventData.currentPoints.world,
+            mouseCanvasPoint: eventData.currentPoints.canvas,
+            points,
+            maxSpacing: cursorShape.getMaxSpacing(config.minSpacing),
+            element: element,
+        };
+        const pushedHandles = cursorShape.pushHandles(viewport, this.sculptData);
+        if (pushedHandles.first !== undefined) {
+            this.insertNewHandles(pushedHandles);
+        }
+    }
+    interpolatePointsWithinMaxSpacing(i, points, indicesToInsertAfter, maxSpacing) {
+        const { element } = this.sculptData;
+        const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+        const { viewport } = enabledElement;
+        const nextHandleIndex = contourIndex(i + 1, points.length);
+        const currentCanvasPoint = viewport.worldToCanvas(points[i]);
+        const nextCanvasPoint = viewport.worldToCanvas(points[nextHandleIndex]);
+        const distanceToNextHandle = _utilities_math__WEBPACK_IMPORTED_MODULE_3__.point.distanceToPoint(currentCanvasPoint, nextCanvasPoint);
+        if (distanceToNextHandle > maxSpacing) {
+            indicesToInsertAfter.push(i);
+        }
+    }
+    updateCursor(evt) {
+        const eventData = evt.detail;
+        const element = eventData.element;
+        const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+        const { renderingEngine, viewport } = enabledElement;
+        this.commonData.viewportIdsToRender = [viewport.id];
+        const annotations = this.filterSculptableAnnotationsForElement(element);
+        if (!annotations?.length) {
+            return;
+        }
+        const activeAnnotation = annotations.find((annotation) => annotation.annotationUID === this.commonData.activeAnnotationUID);
+        this.commonData.canvasLocation = eventData.currentPoints.canvas;
+        if (this.isActive) {
+            activeAnnotation.highlighted = true;
+        }
+        else {
+            const cursorShape = this.registeredShapes.get(this.selectedShape);
+            const canvasCoords = eventData.currentPoints.canvas;
+            cursorShape.updateToolSize(canvasCoords, viewport, activeAnnotation);
+        }
+        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_6__/* .triggerAnnotationRenderForViewportIds */ .t)(renderingEngine, this.commonData.viewportIdsToRender);
+    }
+    filterSculptableAnnotationsForElement(element) {
+        const config = this.configuration;
+        const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+        const { renderingEngineId, viewportId } = enabledElement;
+        const sculptableAnnotations = [];
+        const toolGroup = _store__WEBPACK_IMPORTED_MODULE_5__/* .ToolGroupManager.getToolGroupForViewport */ .dU.getToolGroupForViewport(viewportId, renderingEngineId);
+        const toolInstance = toolGroup.getToolInstance(config.referencedToolName);
+        config.referencedToolNames.forEach((referencedToolName) => {
+            const annotations = (0,_stateManagement__WEBPACK_IMPORTED_MODULE_2__/* .getAnnotations */ .Rh)(referencedToolName, element);
+            if (annotations) {
+                sculptableAnnotations.push(...annotations);
+            }
+        });
+        return toolInstance.filterInteractableAnnotationsForElement(element, sculptableAnnotations);
+    }
+    configureToolSize(evt) {
+        const cursorShape = this.registeredShapes.get(this.selectedShape);
+        cursorShape.configureToolSize(evt);
+    }
+    insertNewHandles(pushedHandles) {
+        const indicesToInsertAfter = this.findNewHandleIndices(pushedHandles);
+        let newIndexModifier = 0;
+        for (let i = 0; i < indicesToInsertAfter?.length; i++) {
+            const insertIndex = indicesToInsertAfter[i] + 1 + newIndexModifier;
+            this.insertHandleRadially(insertIndex);
+            newIndexModifier++;
+        }
+    }
+    findNewHandleIndices(pushedHandles) {
+        const { points, maxSpacing } = this.sculptData;
+        const indicesToInsertAfter = [];
+        for (let i = pushedHandles.first; i <= pushedHandles.last; i++) {
+            this.interpolatePointsWithinMaxSpacing(i, points, indicesToInsertAfter, maxSpacing);
+        }
+        return indicesToInsertAfter;
+    }
+    insertHandleRadially(insertIndex) {
+        const { points } = this.sculptData;
+        if (insertIndex > points.length - 1 &&
+            this.commonData.isEditingOpenContour) {
+            return;
+        }
+        const cursorShape = this.registeredShapes.get(this.selectedShape);
+        const previousIndex = insertIndex - 1;
+        const nextIndex = contourIndex(insertIndex, points.length);
+        const insertPosition = cursorShape.getInsertPosition(previousIndex, nextIndex, this.sculptData);
+        const handleData = insertPosition;
+        points.splice(insertIndex, 0, handleData);
+    }
+    selectFreehandTool(eventData) {
+        const closestAnnotationUID = this.getClosestFreehandToolOnElement(eventData);
+        if (closestAnnotationUID === undefined) {
+            return;
+        }
+        this.commonData.activeAnnotationUID = closestAnnotationUID;
+    }
+    getClosestFreehandToolOnElement(eventData) {
+        const { element } = eventData;
+        const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
+        const { viewport } = enabledElement;
+        const config = this.configuration;
+        const annotations = this.filterSculptableAnnotationsForElement(element);
+        if (!annotations?.length) {
+            return;
+        }
+        const canvasPoints = eventData.currentPoints.canvas;
+        const closest = {
+            distance: Infinity,
+            toolIndex: undefined,
+            annotationUID: undefined,
+        };
+        for (let i = 0; i < annotations?.length; i++) {
+            if (annotations[i].isLocked || !annotations[i].isVisible) {
+                continue;
+            }
+            const distanceFromTool = (0,_distancePointToContour__WEBPACK_IMPORTED_MODULE_11__/* .distancePointToContour */ .X)(viewport, annotations[i], canvasPoints);
+            if (distanceFromTool === -1) {
+                continue;
+            }
+            if (distanceFromTool < closest.distance) {
+                closest.distance = distanceFromTool;
+                closest.toolIndex = i;
+                closest.annotationUID = annotations[i].annotationUID;
+            }
+        }
+        this.commonData.isEditingOpenContour =
+            !annotations[closest.toolIndex].data.contour.closed;
+        config.referencedToolName =
+            annotations[closest.toolIndex].metadata.toolName;
+        return closest.annotationUID;
+    }
+    activateModify(element) {
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_UP, this.endCallback);
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_CLICK, this.endCallback);
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_DRAG, this.dragCallback);
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_TAP, this.endCallback);
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_END, this.endCallback);
+        element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_DRAG, this.dragCallback);
+    }
+    deactivateModify(element) {
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_UP, this.endCallback);
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_CLICK, this.endCallback);
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.MOUSE_DRAG, this.dragCallback);
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_TAP, this.endCallback);
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_END, this.endCallback);
+        element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_4__.Events.TOUCH_DRAG, this.dragCallback);
+    }
+    setToolShape(toolShape) {
+        this.selectedShape =
+            this.registeredShapes.get(toolShape) ?? _SculptorTool_CircleSculptCursor__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A.shapeName;
+    }
+    renderAnnotation(enabledElement, svgDrawingHelper) {
+        const { viewport } = enabledElement;
+        const { element } = viewport;
+        const viewportIdsToRender = this.commonData.viewportIdsToRender;
+        if (!this.commonData.canvasLocation ||
+            this.mode !== _enums__WEBPACK_IMPORTED_MODULE_4__.ToolModes.Active ||
+            !viewportIdsToRender.includes(viewport.id)) {
+            return;
+        }
+        const annotations = this.filterSculptableAnnotationsForElement(element);
+        if (!annotations?.length) {
+            return;
+        }
+        const styleSpecifier = {
+            toolGroupId: this.toolGroupId,
+            toolName: this.getToolName(),
+            viewportId: enabledElement.viewport.id,
+        };
+        let color = (0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_8__/* .getStyleProperty */ .h)('color', styleSpecifier, _enums__WEBPACK_IMPORTED_MODULE_4__.AnnotationStyleStates.Default, this.mode);
+        if (this.isActive) {
+            color = (0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_8__/* .getStyleProperty */ .h)('color', styleSpecifier, _enums__WEBPACK_IMPORTED_MODULE_4__.AnnotationStyleStates.Highlighted, this.mode);
+        }
+        const cursorShape = this.registeredShapes.get(this.selectedShape);
+        cursorShape.renderShape(svgDrawingHelper, this.commonData.canvasLocation, {
+            color,
+        });
+    }
+}
+const contourIndex = (i, length) => {
+    return (i + length) % length;
+};
+SculptorTool.toolName = 'SculptorTool';
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (SculptorTool)));
+
+
 /***/ }),
 
 /***/ 70494:
@@ -39012,7 +39666,7 @@ ScaleOverlayTool.toolName = 'ScaleOverlay';
 "use strict";
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(38296);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49574);
 /* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52610);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23072);
 /* harmony import */ var _base_AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28062);
@@ -39557,6 +40211,248 @@ VolumeRotateMouseWheelTool.toolName = 'VolumeRotateMouseWheel';
 /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (VolumeRotateMouseWheelTool)));
 
 
+/***/ }),
+
+/***/ 60747:
+/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96214);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92136);
+/* harmony import */ var _stateManagement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95778);
+/* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54177);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49574);
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61738);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(84901);
+/* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90252);
+/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(40233);
+/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23072);
+/* harmony import */ var _utilities_voi__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(14149);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(74119);
+
+
+
+
+
+
+
+
+
+
+
+
+class WindowLevelRegionTool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationTool */ .EC {
+    constructor(toolProps = {}, defaultToolProps = {
+        supportedInteractionTypes: ['Mouse', 'Touch'],
+        configuration: {
+            minWindowWidth: 10,
+        },
+    }) {
+        super(toolProps, defaultToolProps);
+        this.addNewAnnotation = (evt) => {
+            const eventDetail = evt.detail;
+            const { currentPoints, element } = eventDetail;
+            const worldPos = currentPoints.world;
+            const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
+            const { viewport, renderingEngine } = enabledElement;
+            this.isDrawing = true;
+            const camera = viewport.getCamera();
+            const { viewPlaneNormal, viewUp } = camera;
+            const referencedImageId = this.getReferencedImageId(viewport, worldPos, viewPlaneNormal, viewUp);
+            const FrameOfReferenceUID = viewport.getFrameOfReferenceUID();
+            const annotation = {
+                invalidated: true,
+                highlighted: true,
+                metadata: {
+                    toolName: this.getToolName(),
+                    viewPlaneNormal: [...viewPlaneNormal],
+                    viewUp: [...viewUp],
+                    FrameOfReferenceUID,
+                    referencedImageId,
+                },
+                data: {
+                    handles: {
+                        points: [
+                            [...worldPos],
+                            [...worldPos],
+                            [...worldPos],
+                            [...worldPos],
+                        ],
+                    },
+                    cachedStats: {},
+                },
+            };
+            (0,_stateManagement__WEBPACK_IMPORTED_MODULE_2__/* .addAnnotation */ .lC)(annotation, element);
+            const viewportIdsToRender = (0,_utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_7__.getViewportIdsWithToolToRender)(element, this.getToolName());
+            this.editData = {
+                annotation,
+                viewportIdsToRender,
+            };
+            this._activateDraw(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__.hideElementCursor)(element);
+            evt.preventDefault();
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(renderingEngine, viewportIdsToRender);
+            return annotation;
+        };
+        this._endCallback = (evt) => {
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { annotation, viewportIdsToRender } = this.editData;
+            this._deactivateDraw(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_8__.resetElementCursor)(element);
+            const { renderingEngine } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
+            this.editData = null;
+            this.isDrawing = false;
+            (0,_stateManagement__WEBPACK_IMPORTED_MODULE_2__/* .removeAnnotation */ .O8)(annotation.annotationUID);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(renderingEngine, viewportIdsToRender);
+            (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_3__/* .triggerAnnotationCompleted */ .dZ)(annotation);
+            this.applyWindowLevelRegion(annotation, element);
+        };
+        this._dragCallback = (evt) => {
+            this.isDrawing = true;
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { annotation, viewportIdsToRender } = this.editData;
+            const { data } = annotation;
+            const { currentPoints } = eventDetail;
+            const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
+            const { worldToCanvas, canvasToWorld } = enabledElement.viewport;
+            const worldPos = currentPoints.world;
+            const { points } = data.handles;
+            const DEFAULT_HANDLE_INDEX = 3;
+            points[DEFAULT_HANDLE_INDEX] = [...worldPos];
+            const bottomLeftCanvas = worldToCanvas(points[0]);
+            const topRightCanvas = worldToCanvas(points[3]);
+            const bottomRightCanvas = [
+                topRightCanvas[0],
+                bottomLeftCanvas[1],
+            ];
+            const topLeftCanvas = [
+                bottomLeftCanvas[0],
+                topRightCanvas[1],
+            ];
+            const bottomRightWorld = canvasToWorld(bottomRightCanvas);
+            const topLeftWorld = canvasToWorld(topLeftCanvas);
+            points[1] = bottomRightWorld;
+            points[2] = topLeftWorld;
+            annotation.invalidated = true;
+            const { renderingEngine } = enabledElement;
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(renderingEngine, viewportIdsToRender);
+        };
+        this._activateDraw = (element) => {
+            _store__WEBPACK_IMPORTED_MODULE_5__/* .state */ .wk.isInteractingWithTool = true;
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_UP, this._endCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_DRAG, this._dragCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_MOVE, this._dragCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_CLICK, this._endCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_END, this._endCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_DRAG, this._dragCallback);
+            element.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_TAP, this._endCallback);
+        };
+        this._deactivateDraw = (element) => {
+            _store__WEBPACK_IMPORTED_MODULE_5__/* .state */ .wk.isInteractingWithTool = false;
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_UP, this._endCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_DRAG, this._dragCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_MOVE, this._dragCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.MOUSE_CLICK, this._endCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_END, this._endCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_DRAG, this._dragCallback);
+            element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_6__.Events.TOUCH_TAP, this._endCallback);
+        };
+        this.renderAnnotation = (enabledElement, svgDrawingHelper) => {
+            let renderStatus = false;
+            const { viewport } = enabledElement;
+            const { element } = viewport;
+            let annotations = (0,_stateManagement__WEBPACK_IMPORTED_MODULE_2__/* .getAnnotations */ .Rh)(this.getToolName(), element);
+            if (!annotations?.length) {
+                return renderStatus;
+            }
+            annotations = this.filterInteractableAnnotationsForElement(element, annotations);
+            if (!annotations?.length) {
+                return renderStatus;
+            }
+            const styleSpecifier = {
+                toolGroupId: this.toolGroupId,
+                toolName: this.getToolName(),
+                viewportId: enabledElement.viewport.id,
+            };
+            for (let i = 0; i < annotations.length; i++) {
+                const annotation = annotations[i];
+                const { annotationUID, data } = annotation;
+                const { points } = data.handles;
+                const canvasCoordinates = points.map((p) => viewport.worldToCanvas(p));
+                styleSpecifier.annotationUID = annotationUID;
+                const { color, lineWidth, lineDash } = this.getAnnotationStyle({
+                    annotation,
+                    styleSpecifier,
+                });
+                if (!viewport.getRenderingEngine()) {
+                    console.warn('Rendering Engine has been destroyed');
+                    return renderStatus;
+                }
+                const dataId = `${annotationUID}-rect`;
+                const rectangleUID = '0';
+                (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_4__.drawRect)(svgDrawingHelper, annotationUID, rectangleUID, canvasCoordinates[0], canvasCoordinates[3], {
+                    color,
+                    lineDash,
+                    lineWidth,
+                }, dataId);
+                renderStatus = true;
+            }
+            return renderStatus;
+        };
+        this.applyWindowLevelRegion = (annotation, element) => {
+            const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
+            const { viewport } = enabledElement;
+            const imageData = _utilities_voi__WEBPACK_IMPORTED_MODULE_10__.windowLevel.extractWindowLevelRegionToolData(viewport);
+            const { data } = annotation;
+            const { points } = data.handles;
+            const canvasCoordinates = points.map((p) => viewport.worldToCanvas(p));
+            const startCanvas = canvasCoordinates[0];
+            const endCanvas = canvasCoordinates[3];
+            let left = Math.min(startCanvas[0], endCanvas[0]);
+            let top = Math.min(startCanvas[1], endCanvas[1]);
+            let width = Math.abs(startCanvas[0] - endCanvas[0]);
+            let height = Math.abs(startCanvas[1] - endCanvas[1]);
+            left = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.clip)(left, 0, imageData.width);
+            top = (0,_utilities__WEBPACK_IMPORTED_MODULE_11__.clip)(top, 0, imageData.height);
+            width = Math.floor(Math.min(width, Math.abs(imageData.width - left)));
+            height = Math.floor(Math.min(height, Math.abs(imageData.height - top)));
+            const pixelLuminanceData = _utilities_voi__WEBPACK_IMPORTED_MODULE_10__.windowLevel.getLuminanceFromRegion(imageData, Math.round(left), Math.round(top), width, height);
+            const minMaxMean = _utilities_voi__WEBPACK_IMPORTED_MODULE_10__.windowLevel.calculateMinMaxMean(pixelLuminanceData, imageData.minPixelValue, imageData.maxPixelValue);
+            if (this.configuration.minWindowWidth === undefined) {
+                this.configuration.minWindowWidth = 10;
+            }
+            const windowWidth = Math.max(Math.abs(minMaxMean.max - minMaxMean.min), this.configuration.minWindowWidth);
+            const windowCenter = minMaxMean.mean;
+            const voiRange = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.windowLevel.toLowHighRange(windowWidth, windowCenter);
+            viewport.setProperties({ voiRange });
+            viewport.render();
+        };
+        this.cancel = () => {
+            return null;
+        };
+        this.isPointNearTool = () => {
+            return null;
+        };
+        this.toolSelectedCallback = () => {
+            return null;
+        };
+        this.handleSelectedCallback = () => {
+            return null;
+        };
+        this._activateModify = () => {
+            return null;
+        };
+        this._deactivateModify = () => {
+            return null;
+        };
+    }
+}
+WindowLevelRegionTool.toolName = 'WindowLevelRegion';
+/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (WindowLevelRegionTool)));
+
+
 /***/ }),
 
 /***/ 455:
@@ -39968,7 +40864,7 @@ ZoomTool.toolName = 'Zoom';
 /* harmony import */ var _utilities_math_line__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21954);
 /* harmony import */ var _utilities_math_angle_angleBetweenLines__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52475);
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(74119);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(23072);
@@ -40024,6 +40920,7 @@ class AngleTool extends _base__WEBPACK_IMPORTED_MODULE_2__/* .AnnotationTool */
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     handles: {
@@ -40437,7 +41334,7 @@ AngleTool.toolName = 'Angle';
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48428);
 /* harmony import */ var _utilities_math_line__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21954);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23072);
@@ -40489,6 +41386,7 @@ class ArrowAnnotateTool extends _base__WEBPACK_IMPORTED_MODULE_2__/* .Annotation
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     text: '',
@@ -40886,7 +41784,7 @@ ArrowAnnotateTool.toolName = 'ArrowAnnotate';
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(48428);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21009);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(90252);
@@ -40956,6 +41854,7 @@ class CircleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationTool
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     label: '',
@@ -41505,7 +42404,7 @@ CircleROITool.toolName = 'CircleROI';
 /* harmony import */ var _utilities_math_line__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21954);
 /* harmony import */ var _utilities_math_angle_angleBetweenLines__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(52475);
 /* harmony import */ var _utilities_math_midPoint__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(76727);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(10910);
@@ -41564,6 +42463,7 @@ class CobbAngleTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationTool
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     handles: {
@@ -42203,7 +43103,7 @@ CobbAngleTool.toolName = 'CobbAngle';
 
 "use strict";
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49574);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(90252);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(40233);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23072);
@@ -42361,7 +43261,7 @@ DragProbeTool.toolName = 'DragProbe';
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(48428);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21009);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(90252);
@@ -42430,6 +43330,7 @@ class EllipticalROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .Annotation
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     label: '',
@@ -43065,7 +43966,7 @@ EllipticalROITool.toolName = 'EllipticalROI';
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96214);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23072);
@@ -43264,7 +44165,7 @@ KeyImageTool.toolName = 'KeyImage';
 /* 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 _utilities_math_line__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21954);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(10910);
@@ -43710,7 +44611,7 @@ LengthTool.toolName = 'Length';
 /* harmony import */ var _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1320);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54177);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 
 
 
@@ -43763,7 +44664,7 @@ class LivewireContourSegmentationTool extends _LivewireContourTool__WEBPACK_IMPO
             }
             this.updateAnnotation(acceptedPath);
             this.scissors = null;
-            this.scissorsRight = null;
+            this.scissorsNext = null;
             this.editData = null;
             annotation.data.handles.interpolationSources = null;
             if (repeatInterpolation) {
@@ -43814,7 +44715,7 @@ LivewireContourSegmentationTool.toolName = 'LivewireContourSegmentationTool';
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44753);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92136);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38296);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(84901);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40233);
@@ -44109,7 +45010,7 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
             element.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_5__.Events.TOUCH_TAP, this._mouseDownCallback);
         };
     }
-    setupBaseEditData(worldPos, element, annotation, rightPos, contourHoleProcessingEnabled) {
+    setupBaseEditData(worldPos, element, annotation, nextPos, contourHoleProcessingEnabled) {
         const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
         const { viewport } = enabledElement;
         this.isDrawing = true;
@@ -44152,12 +45053,12 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
         const { voiRange } = viewport.getProperties();
         const startPos = worldToSlice(worldPos);
         this.scissors = _utilities_livewire_LivewireScissors__WEBPACK_IMPORTED_MODULE_12__/* .LivewireScissors */ .f.createInstanceFromRawPixelData(scalarData, width, height, voiRange);
-        if (rightPos) {
-            this.scissorsRight = _utilities_livewire_LivewireScissors__WEBPACK_IMPORTED_MODULE_12__/* .LivewireScissors */ .f.createInstanceFromRawPixelData(scalarData, width, height, voiRange);
-            this.scissorsRight.startSearch(worldToSlice(rightPos));
+        if (nextPos) {
+            this.scissorsNext = _utilities_livewire_LivewireScissors__WEBPACK_IMPORTED_MODULE_12__/* .LivewireScissors */ .f.createInstanceFromRawPixelData(scalarData, width, height, voiRange);
+            this.scissorsNext.startSearch(worldToSlice(nextPos));
         }
         this.scissors.startSearch(startPos);
-        const newAnnotation = !rightPos;
+        const newAnnotation = !nextPos;
         const confirmedPath = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
         const currentPath = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
         const currentPathNext = newAnnotation ? undefined : new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
@@ -44173,7 +45074,7 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
             lastCanvasPoint,
             confirmedPath,
             currentPath,
-            confirmedPathRight: currentPathNext,
+            confirmedPathNext: currentPathNext,
             closed: false,
             handleIndex: this.editData?.handleIndex ?? annotation.handles?.activeHandleIndex,
             worldToSlice,
@@ -44199,7 +45100,7 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
     clearEditData() {
         this.editData = null;
         this.scissors = null;
-        this.scissorsRight = null;
+        this.scissorsNext = null;
         this.isDrawing = false;
     }
     editHandle(worldPos, element, annotation, handleIndex) {
@@ -44208,11 +45109,11 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
         const { length: numHandles } = handlePoints;
         const previousHandle = handlePoints[(handleIndex - 1 + numHandles) % numHandles];
         const nextHandle = handlePoints[(handleIndex + 1) % numHandles];
-        if (!this.editData?.confirmedPathRight) {
+        if (!this.editData?.confirmedPathNext) {
             this.setupBaseEditData(previousHandle, element, annotation, nextHandle);
             const { polyline } = data.contour;
             const confirmedPath = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
-            const confirmedPathRight = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
+            const confirmedPathNext = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
             const { worldToSlice } = this.editData;
             const previousIndex = (0,_utilities_contours_findHandlePolylineIndex__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(annotation, handleIndex - 1);
             const nextIndex = (0,_utilities_contours_findHandlePolylineIndex__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(annotation, handleIndex + 1);
@@ -44220,17 +45121,14 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
                 throw new Error(`Can't find handle index ${nextIndex === -1 && nextHandle} ${previousIndex === -1 && previousHandle}`);
             }
             if (handleIndex === 0) {
-                confirmedPathRight.addPoints(polyline.slice(nextIndex + 1, previousIndex).map(worldToSlice));
-            }
-            else if (nextIndex < previousIndex) {
-                throw new Error(`Expected right index after left index, but were: ${previousIndex} ${nextIndex}`);
+                confirmedPathNext.addPoints(polyline.slice(nextIndex + 1, previousIndex).map(worldToSlice));
             }
             else {
                 confirmedPath.addPoints(polyline.slice(0, previousIndex + 1).map(worldToSlice));
-                confirmedPathRight.addPoints(polyline.slice(nextIndex, polyline.length).map(worldToSlice));
+                confirmedPathNext.addPoints(polyline.slice(nextIndex, polyline.length).map(worldToSlice));
             }
             this.editData.confirmedPath = confirmedPath;
-            this.editData.confirmedPathRight = confirmedPathRight;
+            this.editData.confirmedPathNext = confirmedPathNext;
         }
         const { editData, scissors } = this;
         const { worldToSlice, sliceToWorld } = editData;
@@ -44250,14 +45148,14 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
         }
         handlePoints[handleIndex] = sliceToWorld(slicePos);
         const pathPointsLeft = scissors.findPathToPoint(slicePos);
-        const pathPointsRight = this.scissorsRight.findPathToPoint(slicePos);
+        const pathPointsRight = this.scissorsNext.findPathToPoint(slicePos);
         const currentPath = new _utilities_livewire_LiveWirePath__WEBPACK_IMPORTED_MODULE_13__/* .LivewirePath */ .j();
         currentPath.prependPath(editData.confirmedPath);
         if (handleIndex !== 0) {
             currentPath.addPoints(pathPointsLeft);
         }
         currentPath.addPoints(pathPointsRight.reverse());
-        currentPath.appendPath(editData.confirmedPathRight);
+        currentPath.appendPath(editData.confirmedPathNext);
         if (handleIndex === 0) {
             currentPath.addPoints(pathPointsLeft);
         }
@@ -44316,17 +45214,19 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
         if (!this.editData || !livewirePath) {
             return;
         }
-        const { annotation, sliceToWorld } = this.editData;
+        const { annotation, sliceToWorld, worldToSlice, closed, newAnnotation } = this.editData;
         let { pointArray: imagePoints } = livewirePath;
         if (imagePoints.length > 1) {
             imagePoints = [...imagePoints, imagePoints[0]];
         }
+        const targetWindingDirection = newAnnotation && closed ? _types_ContourAnnotation__WEBPACK_IMPORTED_MODULE_10__/* .ContourWindingDirection */ .W.Clockwise : undefined;
         this.updateContourPolyline(annotation, {
             points: imagePoints,
-            closed: annotation.data.contour.closed,
-            targetWindingDirection: _types_ContourAnnotation__WEBPACK_IMPORTED_MODULE_10__/* .ContourWindingDirection */ .W.Clockwise,
+            closed,
+            targetWindingDirection,
         }, {
             canvasToWorld: sliceToWorld,
+            worldToCanvas: worldToSlice,
         });
     }
 }
@@ -44393,7 +45293,7 @@ PlanarFreehandContourSegmentationTool.toolName =
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54177);
 /* harmony import */ var _utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24592);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(90252);
@@ -44773,7 +45673,7 @@ ProbeTool.toolName = 'Probe';
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(48428);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21009);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(90252);
@@ -44839,6 +45739,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                     viewUp: [...viewUp],
                     FrameOfReferenceUID,
                     referencedImageId,
+                    ...viewport.getViewReference({ points: [worldPos] }),
                 },
                 data: {
                     label: '',
@@ -45186,7 +46087,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 }
                 const dataId = `${annotationUID}-rect`;
                 const rectangleUID = '0';
-                (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_9__.drawRect)(svgDrawingHelper, annotationUID, rectangleUID, canvasCoordinates[0], canvasCoordinates[3], {
+                (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_9__.drawRectByCoordinates)(svgDrawingHelper, annotationUID, rectangleUID, canvasCoordinates, {
                     color,
                     lineDash,
                     lineWidth,
@@ -45370,7 +46271,7 @@ SplineContourSegmentationTool.toolName = 'SplineContourSegmentationTool';
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44753);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38296);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(84901);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40233);
@@ -46124,7 +47025,7 @@ SplineROITool.toolName = 'SplineROI';
 /* harmony import */ var _utilities_throttle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21090);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54177);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61738);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(90252);
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(74119);
@@ -46609,7 +47510,7 @@ UltrasoundDirectionalTool.toolName = 'UltrasoundDirectionalTool';
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96214);
 /* harmony import */ var _utilities_throttle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21090);
 /* harmony import */ var _stateManagement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95778);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(61738);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(84901);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(90252);
@@ -47305,7 +48206,7 @@ BaseTool.toolName = 'BaseTool';
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   T: () => (/* reexport safe */ _contourDisplay__WEBPACK_IMPORTED_MODULE_0__.A)
 /* harmony export */ });
-/* harmony import */ var _contourDisplay__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69714);
+/* harmony import */ var _contourDisplay__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57784);
 
 
 
@@ -47634,7 +48535,7 @@ async function _addLabelmapToViewport(viewport, labelmapData, segmentationRepres
 /* harmony import */ var _strategies_fillCircle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4069);
 /* harmony import */ var _strategies_eraseCircle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(11852);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49574);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40233);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23072);
 /* harmony import */ var _stateManagement_segmentation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(63421);
@@ -48106,7 +49007,7 @@ BrushTool.toolName = 'Brush';
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84901);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38296);
 /* harmony import */ var _stateManagement_annotation_annotationLocking__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48428);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90252);
 /* harmony import */ var _utilities_throttle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21090);
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21009);
@@ -48470,7 +49371,7 @@ CircleROIStartEndThresholdTool.toolName = 'CircleROIStartEndThreshold';
 /* harmony import */ var _strategies_fillCircle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4069);
 /* harmony import */ var _strategies_eraseCircle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11852);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40233);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23072);
 /* harmony import */ var _stateManagement_segmentation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(63421);
@@ -48967,7 +49868,7 @@ PaintFillTool.toolName = 'PaintFill';
 /* harmony import */ var _strategies_eraseRectangle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(66211);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90252);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49574);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40233);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23072);
 /* harmony import */ var _stateManagement_segmentation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(63421);
@@ -49337,7 +50238,7 @@ SegmentSelectTool.toolName = 'SegmentSelectTool';
 /* harmony import */ var _strategies_fillSphere__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(61604);
 /* harmony import */ var _strategies_eraseSphere__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4373);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49574);
 /* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(40233);
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23072);
 /* harmony import */ var _stateManagement_segmentation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(63421);
@@ -49938,7 +50839,7 @@ function triggerSegmentationRender(toolGroupId) {
 /* unused harmony exports annotationRenderingEngine, triggerAnnotationRender */
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92136);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84901);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2746);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49574);
 /* harmony import */ var _getToolsWithModesForElement__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42360);
 
 
@@ -50065,9 +50966,9 @@ function triggerAnnotationRender(element) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   t: () => (/* binding */ triggerAnnotationRenderForViewportIds)
 /* harmony export */ });
-/* unused harmony export triggerAnnotationRenderForViewportIds */
 /* harmony import */ var _triggerAnnotationRender__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6805);
 
 function triggerAnnotationRenderForViewportIds(renderingEngine, viewportIdsToRender) {