@ohif/app 3.9.0-beta.11 → 3.9.0-beta.12

package/dist/{app.bundle.f2e1810071777956e5da.js → app.bundle.4aad780d7de60fbea88c.js}

@@ -1005,8 +1005,8 @@ function WorkList({
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.9.0-beta.11";
-  const commitHash = "fe1a706446cc33670bf5fab8451e8281b487fcd6";
+  const versionNumber = "3.9.0-beta.12";
+  const commitHash = "29944c8512c35718af03c03ef82bc43675ee1872";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -1925,27 +1925,27 @@ modes.push("@ohif/mode-preclinical-4d");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 47390));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 47390));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(550)]).then(__webpack_require__.bind(__webpack_require__, 550));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(550)]).then(__webpack_require__.bind(__webpack_require__, 550));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(390), __webpack_require__.e(721), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(390), __webpack_require__.e(721), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(721)]).then(__webpack_require__.bind(__webpack_require__, 14721));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(721)]).then(__webpack_require__.bind(__webpack_require__, 14721));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(390), __webpack_require__.e(998)]).then(__webpack_require__.bind(__webpack_require__, 32009));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(390), __webpack_require__.e(998)]).then(__webpack_require__.bind(__webpack_require__, 32009));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(722), __webpack_require__.e(487)]).then(__webpack_require__.bind(__webpack_require__, 26487));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(722), __webpack_require__.e(487)]).then(__webpack_require__.bind(__webpack_require__, 26487));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
@@ -1961,7 +1961,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(981)]).then(__webpack_require__.bind(__webpack_require__, 93981));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(981)]).then(__webpack_require__.bind(__webpack_require__, 93981));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
@@ -6615,7 +6615,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.10"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.11"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -72615,7 +72615,7 @@ webpackContext.id = 64692;
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(51884);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(71702);
 /* harmony import */ var _loaders_volumeLoader__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(82041);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(20228);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(90601);
 /* harmony import */ var _helpers_volumeNewImageEventDispatcher__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(46820);
 /* harmony import */ var _Viewport__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(11512);
@@ -72857,13 +72857,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);
@@ -73092,15 +73094,26 @@ 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);
-        }
-        return {
-            ...target,
-            sliceIndex: this.getCurrentImageIdIndex(),
-        };
+            target.volumeId = volumeId;
+        }
+        if (typeof viewRefSpecifier?.sliceIndex !== 'number') {
+            return target;
+        }
+        const { viewPlaneNormal } = target;
+        const delta = viewRefSpecifier.sliceIndex - this.getCurrentImageIdIndex();
+        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;
         }
@@ -73114,6 +73127,63 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_14__/* ["def
         }
         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({
@@ -73272,7 +73342,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) {
@@ -73408,14 +73478,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;
@@ -73426,7 +73497,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.getCurrentImageIdIndex();
+        sliceIndex ??= currentIndex;
         const { viewPlaneNormal, focalPoint } = this.getCamera();
         const querySeparator = volumeId.indexOf('?') > -1 ? '&' : '?';
         return `volumeId:${volumeId}${querySeparator}sliceIndex=${sliceIndex}&viewPlaneNormal=${viewPlaneNormal.join(',')}&focalPoint=${focalPoint.join(',')}`;
@@ -74354,8 +74426,8 @@ var metaData = __webpack_require__(55692);
 // EXTERNAL MODULE: ../../../node_modules/lodash.clonedeep/index.js
 var lodash_clonedeep = __webpack_require__(48463);
 var lodash_clonedeep_default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep);
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/Viewport.js
 var Viewport = __webpack_require__(11512);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/cpuFallback/colors/index.js + 2 modules
@@ -74565,20 +74637,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);
@@ -74741,9 +74801,6 @@ class StackViewport extends Viewport/* default */.A {
         this.getCurrentImageIdIndex = () => {
             return this.currentImageIdIndex;
         };
-        this.getSliceIndex = () => {
-            return this.currentImageIdIndex;
-        };
         this.getTargetImageIdIndex = () => {
             return this.targetImageIdIndex;
         };
@@ -75554,6 +75611,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);
@@ -75869,7 +75945,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);
@@ -76164,24 +76240,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');
             }
         }
     }
@@ -76305,8 +76396,8 @@ var enums = __webpack_require__(98362);
 var metaData = __webpack_require__(55692);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/cpuFallback/rendering/transform.js
 var rendering_transform = __webpack_require__(18714);
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/Viewport.js
 var Viewport = __webpack_require__(11512);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/index.js + 5 modules
@@ -77217,7 +77308,7 @@ class VideoViewport extends Viewport/* default */.A {
 /* harmony import */ var _enums_ViewportStatus__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(17702);
 /* harmony import */ var _enums_ViewportType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21432);
 /* harmony import */ var _renderingEngineCache__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(94070);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20228);
 /* harmony import */ var _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);
@@ -77517,7 +77608,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) {
@@ -77746,6 +77837,9 @@ class Viewport {
         }, storeAsInitialCamera);
     }
     getZoom(compareCamera = this.initialCamera) {
+        if (!compareCamera) {
+            return 1;
+        }
         const activeCamera = this.getVtkActiveCamera();
         const { parallelScale: initialParallelScale } = compareCamera;
         return initialParallelScale / activeCamera.getParallelScale();
@@ -77999,11 +78093,12 @@ 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,
+            viewUp,
             sliceIndex: viewRefSpecifier.sliceIndex ?? this.getCurrentImageIdIndex(),
         };
         return target;
@@ -78018,7 +78113,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;
     }
@@ -78046,19 +78141,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() {
@@ -78147,15 +78245,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__(98362);
-/* 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__(20228);
+/* 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 _utilities_getVolumeViewportScrollInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62255);
 
 
 
@@ -78166,43 +78264,34 @@ 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);
+            const { imageIndex } = (0,_utilities_getImageSliceDataForVolumeViewport__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(this);
             return imageIndex;
         };
-        this.getCurrentImageIdIndex = (volumeId) => {
-            const { viewPlaneNormal, focalPoint } = this.getCamera();
-            const imageData = this.getImageData(volumeId);
-            if (!imageData) {
-                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);
-            return Math.round(Math.abs(distance) / spacingInNormal);
+        this.getCurrentImageIdIndex = (volumeId, useSlabThickness = true) => {
+            const { currentStepIndex } = (0,_utilities_getVolumeViewportScrollInfo__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this, volumeId || this.getVolumeId(), useSlabThickness);
+            return currentStepIndex;
         };
         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();
@@ -78211,30 +78300,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`);
         }
@@ -78245,7 +78334,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`);
         }
@@ -78258,8 +78347,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());
@@ -78288,7 +78377,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`);
         }
@@ -78333,12 +78422,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) => {
@@ -78351,7 +78443,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;
                 }
@@ -78361,13 +78453,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 = []) {
@@ -78381,7 +78482,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;
             }
         });
@@ -78390,6 +78491,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);
     }
@@ -78401,20 +78523,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),
@@ -78424,12 +78546,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);
@@ -78492,6 +78614,9 @@ class VolumeViewport3D extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_1__/
     resetProperties(volumeId) {
         return null;
     }
+    resetSlabThickness() {
+        return null;
+    }
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VolumeViewport3D);
 
@@ -79789,8 +79914,8 @@ function storedPixelDataToCanvasImageDataPseudocolorLUTPET(image, lutFunction, c
 }
 /* harmony default export */ const rendering_storedPixelDataToCanvasImageDataPseudocolorLUTPET = (storedPixelDataToCanvasImageDataPseudocolorLUTPET);
 
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/cpuFallback/rendering/renderPseudoColorImage.js
 
 
@@ -80846,8 +80971,8 @@ function createVolumeMapper(imageData, vtkOpenGLTexture) {
     return volumeMapper;
 }
 
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // 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
@@ -80960,7 +81085,7 @@ var addImageSlicesToViewports = __webpack_require__(25271);
 /* harmony export */ });
 /* 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 _utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20228);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(98362);
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13320);
 
@@ -81108,7 +81233,7 @@ function _isCurrentImagePTPrescaled(modality, imageVolume) {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   g: () => (/* binding */ resetVolumeNewImageState)
 /* harmony export */ });
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20228);
 /* 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);
@@ -81178,8 +81303,8 @@ var Events = __webpack_require__(11731);
 var renderingEngineCache = __webpack_require__(94070);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/eventTarget.js
 var eventTarget = __webpack_require__(51884);
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/vtkClasses/index.js + 27 modules
 var vtkClasses = __webpack_require__(69585);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/ViewportType.js
@@ -81511,7 +81636,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) {
@@ -88169,7 +88299,7 @@ Settings.getDefaultSettings().set('useCursors', true);
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* unused harmony export Cache */
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20228);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51884);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11731);
 /* harmony import */ var _classes_ImageVolume__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77076);
@@ -88185,7 +88315,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.`;
@@ -88651,8 +88781,8 @@ function isTypedArray(obj) {
         obj instanceof Float64Array);
 }
 
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/vtkClasses/index.js + 27 modules
 var vtkClasses = __webpack_require__(69585);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/cache/cache.js
@@ -96737,8 +96867,8 @@ async function createAndCacheGeometry(geometryId, options) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/loaders/ProgressiveRetrieveImages.js + 4 modules
 var ProgressiveRetrieveImages = __webpack_require__(71090);
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/triggerEvent.js
 var triggerEvent = __webpack_require__(13292);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/index.js + 5 modules
@@ -96806,8 +96936,8 @@ function e(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{
 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
-var utilities = __webpack_require__(35678);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/webWorkerManager/webWorkerManager.js
 var webWorkerManager = __webpack_require__(61874);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/init.js
@@ -97129,8 +97259,8 @@ const interleavedRetrieveConfiguration = [
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/loaders/imageLoader.js
 var imageLoader = __webpack_require__(79220);
-// 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/utilities/index.js + 68 modules
+var utilities = __webpack_require__(20228);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/requestPool/imageLoadPoolManager.js
 var imageLoadPoolManager = __webpack_require__(775);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/cache/index.js
@@ -97431,7 +97561,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13320);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11731);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51884);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20228);
 /* harmony import */ var _requestPool_imageLoadPoolManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(775);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(92136);
 
@@ -97701,7 +97831,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13292);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(48463);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20228);
 /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(71702);
 /* harmony import */ var _utilities_cacheUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(51631);
 
@@ -97998,8 +98128,22 @@ function generateVolumeScalarData(targetBuffer, scalarLength) {
     }
     let volumeScalarData;
     if (targetBuffer?.sharedArrayBuffer) {
-        const buffer = new SharedArrayBuffer(numBytes);
-        volumeScalarData = new TypedArrayConstructor(buffer);
+        switch (targetBuffer.type) {
+            case 'Float32Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createFloat32SharedArray)(scalarLength);
+                break;
+            case 'Uint8Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint8SharedArray)(scalarLength);
+                break;
+            case 'Uint16Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint16SharedArray)(scalarLength);
+                break;
+            case 'Int16Array':
+                volumeScalarData = (0,_utilities__WEBPACK_IMPORTED_MODULE_9__.createUint16SharedArray)(scalarLength);
+                break;
+            default:
+                throw new Error('generateVolumeScalarData: SharedArrayBuffer is not supported for the specified target buffer type');
+        }
     }
     else {
         volumeScalarData = new TypedArrayConstructor(scalarLength);
@@ -98089,7 +98233,7 @@ imageLoadPoolManager.setMaxSimultaneousRequests(_enums_RequestType__WEBPACK_IMPO
 /* harmony export */   R: () => (/* binding */ RequestPoolManager)
 /* harmony export */ });
 /* harmony import */ var _enums_RequestType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15453);
-/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35678);
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20228);
 
 
 class RequestPoolManager {
@@ -98400,7 +98544,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;
             }
         }
@@ -98429,6 +98573,7 @@ function findMatchingColormap(rgbPoints, actor) {
     }
     return {
         name: matchedColormap.Name,
+        opacity,
     };
 }
 
@@ -98733,6 +98878,73 @@ const getVolumeId = (targetId) => {
 };
 
 
+/***/ }),
+
+/***/ 76399:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _getSliceRange__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51849);
+/* harmony import */ var _getTargetVolumeAndSpacingInNormalDir__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94172);
+
+
+function getVolumeSliceRangeInfo(viewport, volumeId, useSlabThickness = false) {
+    const camera = viewport.getCamera();
+    const { focalPoint, viewPlaneNormal } = camera;
+    const { spacingInNormalDirection, actorUID } = (0,_getTargetVolumeAndSpacingInNormalDir__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(viewport, camera, volumeId, useSlabThickness);
+    if (!actorUID) {
+        throw new Error(`Could not find image volume with id ${volumeId} in the viewport`);
+    }
+    const actorEntry = viewport.getActor(actorUID);
+    if (!actorEntry) {
+        console.warn('No actor found for with actorUID of', actorUID);
+        return null;
+    }
+    const volumeActor = actorEntry.actor;
+    const sliceRange = (0,_getSliceRange__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(volumeActor, viewPlaneNormal, focalPoint);
+    return {
+        sliceRange,
+        spacingInNormalDirection,
+        camera,
+    };
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getVolumeSliceRangeInfo);
+
+
+/***/ }),
+
+/***/ 62255:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _getVolumeSliceRangeInfo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76399);
+
+function getVolumeViewportScrollInfo(viewport, volumeId, useSlabThickness = false) {
+    const { sliceRange, spacingInNormalDirection, camera } = (0,_getVolumeSliceRangeInfo__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(viewport, volumeId, useSlabThickness);
+    const { min, max, current } = sliceRange;
+    const numScrollSteps = Math.round((max - min) / spacingInNormalDirection);
+    const fraction = (current - min) / (max - min);
+    const floatingStepNumber = fraction * numScrollSteps;
+    const currentStepIndex = Math.round(floatingStepNumber);
+    return {
+        numScrollSteps,
+        currentStepIndex,
+        sliceRangeInfo: {
+            sliceRange,
+            spacingInNormalDirection,
+            camera,
+        },
+    };
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getVolumeViewportScrollInfo);
+
+
 /***/ }),
 
 /***/ 73139:
@@ -98752,7 +98964,7 @@ function hasNaNValues(input) {
 
 /***/ }),
 
-/***/ 35678:
+/***/ 20228:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -98763,6 +98975,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),
@@ -98808,8 +99021,8 @@ __webpack_require__.d(__webpack_exports__, {
   getVoiFromSigmoidRGBTransferFunction: () => (/* reexport */ getVoiFromSigmoidRGBTransferFunction),
   getVolumeActorCorners: () => (/* reexport */ getVolumeActorCorners/* default */.A),
   getVolumeId: () => (/* reexport */ getVolumeId/* getVolumeId */.A),
-  getVolumeSliceRangeInfo: () => (/* reexport */ utilities_getVolumeSliceRangeInfo),
-  getVolumeViewportScrollInfo: () => (/* reexport */ utilities_getVolumeViewportScrollInfo),
+  getVolumeSliceRangeInfo: () => (/* reexport */ getVolumeSliceRangeInfo/* default */.A),
+  getVolumeViewportScrollInfo: () => (/* reexport */ getVolumeViewportScrollInfo/* default */.A),
   getVolumeViewportsContainingSameVolumes: () => (/* reexport */ utilities_getVolumeViewportsContainingSameVolumes),
   hasFloatScalingParameters: () => (/* reexport */ hasFloatScalingParameters),
   hasNaNValues: () => (/* reexport */ hasNaNValues/* default */.A),
@@ -98818,7 +99031,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),
@@ -99249,6 +99464,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');
@@ -99256,8 +99474,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);
 
@@ -99648,54 +99878,12 @@ function imageToWorldCoords(imageId, imageCoords) {
     return Array.from(imageCoordsInWorld);
 }
 
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/getVolumeSliceRangeInfo.js
+var getVolumeSliceRangeInfo = __webpack_require__(76399);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/getVolumeViewportScrollInfo.js
+var getVolumeViewportScrollInfo = __webpack_require__(62255);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/getSliceRange.js
 var getSliceRange = __webpack_require__(51849);
-;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/getVolumeSliceRangeInfo.js
-
-
-function getVolumeSliceRangeInfo(viewport, volumeId, useSlabThickness = false) {
-    const camera = viewport.getCamera();
-    const { focalPoint, viewPlaneNormal } = camera;
-    const { spacingInNormalDirection, actorUID } = (0,getTargetVolumeAndSpacingInNormalDir/* default */.A)(viewport, camera, volumeId, useSlabThickness);
-    if (!actorUID) {
-        throw new Error(`Could not find image volume with id ${volumeId} in the viewport`);
-    }
-    const actorEntry = viewport.getActor(actorUID);
-    if (!actorEntry) {
-        console.warn('No actor found for with actorUID of', actorUID);
-        return null;
-    }
-    const volumeActor = actorEntry.actor;
-    const sliceRange = (0,getSliceRange/* default */.A)(volumeActor, viewPlaneNormal, focalPoint);
-    return {
-        sliceRange,
-        spacingInNormalDirection,
-        camera,
-    };
-}
-/* harmony default export */ const utilities_getVolumeSliceRangeInfo = (getVolumeSliceRangeInfo);
-
-;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/getVolumeViewportScrollInfo.js
-
-function getVolumeViewportScrollInfo(viewport, volumeId, useSlabThickness = false) {
-    const { sliceRange, spacingInNormalDirection, camera } = utilities_getVolumeSliceRangeInfo(viewport, volumeId, useSlabThickness);
-    const { min, max, current } = sliceRange;
-    const numScrollSteps = Math.round((max - min) / spacingInNormalDirection);
-    const fraction = (current - min) / (max - min);
-    const floatingStepNumber = fraction * numScrollSteps;
-    const currentStepIndex = Math.round(floatingStepNumber);
-    return {
-        numScrollSteps,
-        currentStepIndex,
-        sliceRangeInfo: {
-            sliceRange,
-            spacingInNormalDirection,
-            camera,
-        },
-    };
-}
-/* harmony default export */ const utilities_getVolumeViewportScrollInfo = (getVolumeViewportScrollInfo);
-
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/snapFocalPointToSlice.js
 
 function snapFocalPointToSlice(focalPoint, position, sliceRange, viewPlaneNormal, spacingInNormalDirection, deltaFrames) {
@@ -100596,8 +100784,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;
 }
@@ -101430,7 +101618,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];
@@ -101784,6 +101972,7 @@ function hexToRgb(hex) {
 
 
 
+
 
 
 /***/ }),
@@ -101793,7 +101982,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;
@@ -101827,6 +102019,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);
+
 
 
 /***/ }),
@@ -257993,7 +258190,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"54":"829e14ec12c2b41a4323","94":"2486a958cb879d59aa7d","109":"b4fee2a22b622839baf5","121":"b582314ec0024fdf2d15","236":"4ca7987e1d57f60ec13a","243":"f701d3acde1d3750fda2","295":"9926ff25c6dbf53845b1","297":"194d8985ab974839b5b6","325":"242d9efe2ed15a5a334e","342":"340982440de15f540a89","390":"4fb18436fcd8c75bfab9","445":"38c6d2af64e41cd7c614","448":"97cfffdf73a6f7410119","473":"6cd4be953853f35b29c3","481":"a2b01ffe06a262fa9375","483":"a353efc5a5dd563c903c","487":"3146b9a2006ff92246f9","525":"d3a56dc9f62df5e11019","530":"17b9a34fefff133e5379","544":"e8227e98860e39636a00","550":"76c529a79ade359c0af7","572":"1799686b019040500219","574":"72bd5061ccd504235419","584":"25f8b85eab9ec06da48d","644":"1e77691d2eeb96a423b0","682":"f786c869b632dadc55d3","699":"d8fd228d9425a584b6d1","721":"1070ac1c9bc6aa07e964","722":"2547630541b670f10d6e","726":"c8de818cf1a3ff0cf7d2","776":"505d83008d54340ddcee","783":"f0eabf38cc6f986f2b96","806":"50e039eb624382ee1fce","835":"4c0eaa2c1a427ee41817","862":"55dde21bab4c841b6259","889":"60a917f43d3d3aebd378","905":"da4b814f42846a91663c","907":"f3edaafebee9db2e2736","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"5711180f24fad3da4096","981":"b5bcd103ff48bc8817e6","989":"130439d9d862e47a9200","998":"d9191b5ca5bde4305742"}[chunkId] + ".js";
+/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"54":"829e14ec12c2b41a4323","94":"830180a268276294cb20","109":"b4fee2a22b622839baf5","121":"b582314ec0024fdf2d15","236":"e128a6f4c3e4600c55b0","243":"d1aebc1b37fbc79b4efa","295":"9926ff25c6dbf53845b1","297":"194d8985ab974839b5b6","325":"b9562b2d87395c98c6fd","342":"8da40c53fe26b492a0a1","367":"da5db5b510b537e43888","370":"d009a20516eae7c98921","390":"41fd0a538167790d9d47","445":"38c6d2af64e41cd7c614","448":"8cc61deda2bc80acba01","481":"a2b01ffe06a262fa9375","483":"67e9abdcf23262c94606","487":"95038d078cb68e2ef2fb","525":"d3a56dc9f62df5e11019","530":"17b9a34fefff133e5379","544":"4d1fb477b572f50f4220","550":"a716f910818556a3fe25","572":"e577ad8d051493b01ed8","574":"a09bcafd228eaa261546","584":"63bd26cc0f6f37ade9c9","644":"1e77691d2eeb96a423b0","682":"a1fa16d4d12332743a01","699":"ce1da733d32e72f233dc","721":"24b04bc522eb42eed661","722":"1242e0348afc63ca4f5e","726":"c8de818cf1a3ff0cf7d2","776":"4b13326929e972f1b556","783":"82c773591d704fd43704","835":"4c0eaa2c1a427ee41817","862":"1380dc65a7782ec98457","889":"452d430a2de1befbb4b6","905":"7cdf93c8dcb4a64cf85a","907":"770adbc99f6c80f17ab2","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"ebc13fc1dd54a0a4c577","981":"acde3b12915e455d660c","989":"852be152ceda813c34b8","998":"cd8fbf4a16475a9eaa13"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/