@ohif/app 3.11.0-beta.99 → 3.12.0-beta.0

package/dist/{2676.bundle.7e194265450db9aa1e98.js → 1402.bundle.e5306db9171c6c9793a7.js}

@@ -1,4 +1,4 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[2676],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[1402],{
 
 /***/ 660:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -18987,9 +18987,11 @@ var vtkWebGPUShaderCache$1 = {
 /* harmony import */ var _utilities_planar__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(52268);
 /* harmony import */ var _utilities_isEqual__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(74638);
 /* harmony import */ var _utilities_hasNaNValues__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(38883);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(19325);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(76491);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(71851);
 /* harmony import */ var _utilities_deepClone__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(99949);
+/* harmony import */ var _utilities_updatePlaneRestriction__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(41365);
+
 
 
 
@@ -19898,16 +19900,52 @@ class Viewport {
     }
     getViewReference(viewRefSpecifier) {
         const { focalPoint: cameraFocalPoint, viewPlaneNormal, viewUp, } = this.getCamera();
+        const FrameOfReferenceUID = this.getFrameOfReferenceUID();
         const target = {
-            FrameOfReferenceUID: this.getFrameOfReferenceUID(),
+            FrameOfReferenceUID,
             cameraFocalPoint,
             viewPlaneNormal,
             viewUp,
             sliceIndex: viewRefSpecifier?.sliceIndex ?? this.getSliceIndex(),
+            planeRestriction: {
+                FrameOfReferenceUID,
+                point: viewRefSpecifier?.points?.[0] || cameraFocalPoint,
+                inPlaneVector1: viewUp,
+                inPlaneVector2: (gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.cross */ .eR.cross(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.create */ .eR.create(), viewUp, viewPlaneNormal)),
+            },
         };
+        if (viewRefSpecifier?.points) {
+            (0,_utilities_updatePlaneRestriction__WEBPACK_IMPORTED_MODULE_16__/* .updatePlaneRestriction */ .O)(viewRefSpecifier.points, target.planeRestriction);
+        }
         return target;
     }
+    isPlaneViewable(planeRestriction, options) {
+        if (planeRestriction.FrameOfReferenceUID !== this.getFrameOfReferenceUID()) {
+            return false;
+        }
+        const { focalPoint, viewPlaneNormal } = this.getCamera();
+        const { point, inPlaneVector1, inPlaneVector2 } = planeRestriction;
+        if (options?.withOrientation) {
+            return true;
+        }
+        if (inPlaneVector1 &&
+            !(0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Ay)(0, gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(viewPlaneNormal, inPlaneVector1))) {
+            return false;
+        }
+        if (inPlaneVector2 &&
+            !(0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Ay)(0, gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(viewPlaneNormal, inPlaneVector2))) {
+            return false;
+        }
+        if (options?.withNavigation) {
+            return true;
+        }
+        const pointVector = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.sub */ .eR.sub(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.create */ .eR.create(), point, focalPoint);
+        return (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Ay)(0, gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(pointVector, viewPlaneNormal));
+    }
     isReferenceViewable(viewRef, options) {
+        if (viewRef.planeRestriction) {
+            return this.isPlaneViewable(viewRef.planeRestriction, options);
+        }
         if (viewRef.FrameOfReferenceUID &&
             viewRef.FrameOfReferenceUID !== this.getFrameOfReferenceUID()) {
             return false;
@@ -25848,405 +25886,6 @@ function isClosed(polyline) {
 }
 
 
-/***/ }),
-
-/***/ 19325:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  EPSILON: () => (/* reexport */ epsilon),
-  MPR_CAMERA_VALUES: () => (/* reexport */ constants_mprCameraValues),
-  RENDERING_DEFAULTS: () => (/* reexport */ rendering),
-  VIEWPORT_PRESETS: () => (/* reexport */ viewportPresets)
-});
-
-// UNUSED EXPORTS: BACKGROUND_COLORS, CPU_COLORMAPS
-
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/cpuColormaps.js
-var cpuColormaps = __webpack_require__(21093);
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/rendering.js
-const RENDERING_DEFAULTS = {
-    MINIMUM_SLAB_THICKNESS: 5e-2,
-    MAXIMUM_RAY_DISTANCE: 1e6,
-};
-Object.freeze(RENDERING_DEFAULTS);
-/* harmony default export */ const rendering = (RENDERING_DEFAULTS);
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/epsilon.js
-const EPSILON = 1e-3;
-/* harmony default export */ const epsilon = (EPSILON);
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/deepFreeze.js
-function deepFreeze(object) {
-    const propNames = Object.getOwnPropertyNames(object);
-    for (const name of propNames) {
-        const value = object[name];
-        if (value && typeof value === 'object') {
-            deepFreeze(value);
-        }
-    }
-    return Object.freeze(object);
-}
-/* harmony default export */ const utilities_deepFreeze = (deepFreeze);
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/mprCameraValues.js
-
-const MPR_CAMERA_VALUES = {
-    axial: {
-        viewPlaneNormal: [0, 0, -1],
-        viewUp: [0, -1, 0],
-        viewRight: [1, 0, 0],
-    },
-    sagittal: {
-        viewPlaneNormal: [1, 0, 0],
-        viewUp: [0, 0, 1],
-        viewRight: [0, 1, 0],
-    },
-    coronal: {
-        viewPlaneNormal: [0, -1, 0],
-        viewUp: [0, 0, 1],
-        viewRight: [1, 0, 0],
-    },
-};
-const mprCameraValues = utilities_deepFreeze(MPR_CAMERA_VALUES);
-/* harmony default export */ const constants_mprCameraValues = (mprCameraValues);
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/viewportPresets.js
-const presets = [
-    {
-        name: 'CT-AAA',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '12 -3024 0 143.556 0 166.222 0.686275 214.389 0.696078 419.736 0.833333 3071 0.803922',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '24 -3024 0 0 0 143.556 0.615686 0.356863 0.184314 166.222 0.882353 0.603922 0.290196 214.389 1 1 1 419.736 1 0.937033 0.954531 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-AAA2',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '16 -3024 0 129.542 0 145.244 0.166667 157.02 0.5 169.918 0.627451 395.575 0.8125 1578.73 0.8125 3071 0.8125',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '32 -3024 0 0 0 129.542 0.54902 0.25098 0.14902 145.244 0.6 0.627451 0.843137 157.02 0.890196 0.47451 0.6 169.918 0.992157 0.870588 0.392157 395.575 1 0.886275 0.658824 1578.73 1 0.829256 0.957922 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Bone',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '8 -3024 0 -16.4458 0 641.385 0.715686 3071 0.705882',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '16 -3024 0 0 0 -16.4458 0.729412 0.254902 0.301961 641.385 0.905882 0.815686 0.552941 3071 1 1 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Bones',
-        gradientOpacity: '4 0 1 985.12 1',
-        specularPower: '1',
-        scalarOpacity: '8 -1000 0 152.19 0 278.93 0.190476 952 0.2',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '20 -1000 0.3 0.3 1 -488 0.3 1 0.3 463.28 1 0 0 659.15 1 0.912535 0.0374849 953 1 0.3 0.3',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Cardiac',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '12 -3024 0 -77.6875 0 94.9518 0.285714 179.052 0.553571 260.439 0.848214 3071 0.875',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '24 -3024 0 0 0 -77.6875 0.54902 0.25098 0.14902 94.9518 0.882353 0.603922 0.290196 179.052 1 0.937033 0.954531 260.439 0.615686 0 0 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Cardiac2',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '12 -3024 0 42.8964 0 163.488 0.428571 277.642 0.776786 1587 0.754902 3071 0.754902',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '24 -3024 0 0 0 42.8964 0.54902 0.25098 0.14902 163.488 0.917647 0.639216 0.0588235 277.642 1 0.878431 0.623529 1587 1 1 1 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Cardiac3',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '14 -3024 0 -86.9767 0 45.3791 0.169643 139.919 0.589286 347.907 0.607143 1224.16 0.607143 3071 0.616071',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '28 -3024 0 0 0 -86.9767 0 0.25098 1 45.3791 1 0 0 139.919 1 0.894893 0.894893 347.907 1 1 0.25098 1224.16 1 1 1 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Chest-Contrast-Enhanced',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '10 -3024 0 67.0106 0 251.105 0.446429 439.291 0.625 3071 0.616071',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '20 -3024 0 0 0 67.0106 0.54902 0.25098 0.14902 251.105 0.882353 0.603922 0.290196 439.291 1 0.937033 0.954531 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Chest-Vessels',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '10 -3024 0 -1278.35 0 22.8277 0.428571 439.291 0.625 3071 0.616071',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '20 -3024 0 0 0 -1278.35 0.54902 0.25098 0.14902 22.8277 0.882353 0.603922 0.290196 439.291 1 0.937033 0.954531 3071 0.827451 0.658824 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Coronary-Arteries',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '12 -2048 0 136.47 0 159.215 0.258929 318.43 0.571429 478.693 0.776786 3661 1',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '24 -2048 0 0 0 136.47 0 0 0 159.215 0.159804 0.159804 0.159804 318.43 0.764706 0.764706 0.764706 478.693 1 1 1 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Coronary-Arteries-2',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '14 -2048 0 142.677 0 145.016 0.116071 192.174 0.5625 217.24 0.776786 384.347 0.830357 3661 0.830357',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '28 -2048 0 0 0 142.677 0 0 0 145.016 0.615686 0 0.0156863 192.174 0.909804 0.454902 0 217.24 0.972549 0.807843 0.611765 384.347 0.909804 0.909804 1 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Coronary-Arteries-3',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '14 -2048 0 128.643 0 129.982 0.0982143 173.636 0.669643 255.884 0.857143 584.878 0.866071 3661 1',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '28 -2048 0 0 0 128.643 0 0 0 129.982 0.615686 0 0.0156863 173.636 0.909804 0.454902 0 255.884 0.886275 0.886275 0.886275 584.878 0.968627 0.968627 0.968627 3661 1 1 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Cropped-Volume-Bone',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '10 -2048 0 -451 0 -450 1 1050 1 3661 1',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '20 -2048 0 0 0 -451 0 0 0 -450 0.0556356 0.0556356 0.0556356 1050 1 1 1 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Fat',
-        gradientOpacity: '6 0 1 985.12 1 988 1',
-        specularPower: '1',
-        scalarOpacity: '14 -1000 0 -100 0 -99 0.15 -60 0.15 -59 0 101.2 0 952 0',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '36 -1000 0.3 0.3 1 -497.5 0.3 1 0.3 -99 0 0 1 -76.946 0 1 0 -65.481 0.835431 0.888889 0.0165387 83.89 1 0 0 463.28 1 0 0 659.15 1 0.912535 0.0374849 2952 1 0.300267 0.299886',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Liver-Vasculature',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '14 -2048 0 149.113 0 157.884 0.482143 339.96 0.660714 388.526 0.830357 1197.95 0.839286 3661 0.848214',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '28 -2048 0 0 0 149.113 0 0 0 157.884 0.501961 0.25098 0 339.96 0.695386 0.59603 0.36886 388.526 0.854902 0.85098 0.827451 1197.95 1 1 1 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Lung',
-        gradientOpacity: '6 0 1 985.12 1 988 1',
-        specularPower: '1',
-        scalarOpacity: '12 -1000 0 -600 0 -599 0.15 -400 0.15 -399 0 2952 0',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '24 -1000 0.3 0.3 1 -600 0 0 1 -530 0.134704 0.781726 0.0724558 -460 0.929244 1 0.109473 -400 0.888889 0.254949 0.0240258 2952 1 0.3 0.3',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-MIP',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '8 -3024 0 -637.62 0 700 1 3071 1',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '16 -3024 0 0 0 -637.62 1 1 1 700 1 1 1 3071 1 1 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Muscle',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '10 -3024 0 -155.407 0 217.641 0.676471 419.736 0.833333 3071 0.803922',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '20 -3024 0 0 0 -155.407 0.54902 0.25098 0.14902 217.641 0.882353 0.603922 0.290196 419.736 1 0.937033 0.954531 3071 0.827451 0.658824 1',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Pulmonary-Arteries',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '14 -2048 0 -568.625 0 -364.081 0.0714286 -244.813 0.401786 18.2775 0.607143 447.798 0.830357 3592.73 0.839286',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '28 -2048 0 0 0 -568.625 0 0 0 -364.081 0.396078 0.301961 0.180392 -244.813 0.611765 0.352941 0.0705882 18.2775 0.843137 0.0156863 0.156863 447.798 0.752941 0.752941 0.752941 3592.73 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Soft-Tissue',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '10 -2048 0 -167.01 0 -160 1 240 1 3661 1',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '20 -2048 0 0 0 -167.01 0 0 0 -160 0.0556356 0.0556356 0.0556356 240 1 1 1 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'CT-Air',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '10',
-        scalarOpacity: '8 -3024 0.705882 -900.0 0.715686 -500.0 0 3071 0',
-        specular: '0.2',
-        shade: '1',
-        ambient: '0.1',
-        colorTransfer: '16 -3024 1 1 1 -900.0 0.2 1.0 1.0 -500.0 0.3 0.3 1.0 3071 0 0 0 ',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-    {
-        name: 'MR-Angio',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '12 -2048 0 151.354 0 158.279 0.4375 190.112 0.580357 200.873 0.732143 3661 0.741071',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '24 -2048 0 0 0 151.354 0 0 0 158.279 0.74902 0.376471 0 190.112 1 0.866667 0.733333 200.873 0.937255 0.937255 0.937255 3661 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'MR-Default',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '12 0 0 20 0 40 0.15 120 0.3 220 0.375 1024 0.5',
-        specular: '0',
-        shade: '1',
-        ambient: '0.2',
-        colorTransfer: '24 0 0 0 0 20 0.168627 0 0 40 0.403922 0.145098 0.0784314 120 0.780392 0.607843 0.380392 220 0.847059 0.835294 0.788235 1024 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'MR-MIP',
-        gradientOpacity: '4 0 1 255 1',
-        specularPower: '1',
-        scalarOpacity: '8 0 0 98.3725 0 416.637 1 2800 1',
-        specular: '0',
-        shade: '0',
-        ambient: '0.2',
-        colorTransfer: '16 0 1 1 1 98.3725 1 1 1 416.637 1 1 1 2800 1 1 1',
-        diffuse: '1',
-        interpolation: '1',
-    },
-    {
-        name: 'MR-T2-Brain',
-        gradientOpacity: '4 0 1 160.25 1',
-        specularPower: '40',
-        scalarOpacity: '10 0 0 36.05 0 218.302 0.171429 412.406 1 641 1',
-        specular: '0.5',
-        shade: '1',
-        ambient: '0.3',
-        colorTransfer: '16 0 0 0 0 98.7223 0.956863 0.839216 0.192157 412.406 0 0.592157 0.807843 641 1 1 1',
-        diffuse: '0.6',
-        interpolation: '1',
-    },
-    {
-        name: 'DTI-FA-Brain',
-        gradientOpacity: '4 0 1 0.9950 1',
-        specularPower: '40',
-        scalarOpacity: '16 0 0 0 0 0.3501 0.0158 0.49379 0.7619 0.6419 1 0.9920 1 0.9950 0 0.9950 0',
-        specular: '0.5',
-        shade: '1',
-        ambient: '0.3',
-        colorTransfer: '28 0 1 0 0 0 1 0 0 0.24974 0.4941 1 0 0.49949 0 0.9882 1 0.7492 0.51764 0 1 0.9950 1 0 0 0.9950 1 0 0',
-        diffuse: '0.9',
-        interpolation: '1',
-    },
-];
-/* harmony default export */ const viewportPresets = (presets);
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/backgroundColors.js
-const backgroundColors = {
-    slicer3D: [160 / 255, 164 / 255, 217 / 255],
-};
-/* harmony default export */ const constants_backgroundColors = ((/* unused pure expression or super */ null && (backgroundColors)));
-
-;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js
-
-
-
-
-
-
-
-
-
 /***/ }),
 
 /***/ 19704:
@@ -30212,7 +29851,7 @@ var vtkPolyDataFS = "//VTK::System::Dec\n\n/*===================================
 /* harmony export */ });
 /* unused harmony export getOrientationFromScanAxisNormal */
 /* harmony import */ var _metaData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74876);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19325);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76491);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71851);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3823);
 
@@ -34179,6 +33818,9 @@ const defaultConfig = {
         renderingEngineMode: enums.RenderingEngineModeEnum.ContextPool,
         webGlContextCount: 7,
     },
+    debug: {
+        statsOverlay: false,
+    },
     peerImport: (moduleId) => null,
 };
 let config = {
@@ -38476,380 +38118,6 @@ function getOrCreateSegmentationVolume(segmentationId) {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getOrCreateSegmentationVolume);
 
 
-/***/ }),
-
-/***/ 30885:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   i: () => (/* binding */ VIEWPORT_MIN_SIZE)
-/* harmony export */ });
-/* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32643);
-/* harmony import */ var _renderingEngineCache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5862);
-/* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10364);
-/* harmony import */ var _utilities_uuidv4__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80221);
-/* harmony import */ var _utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69372);
-/* harmony import */ var _enums_ViewportType__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41864);
-/* harmony import */ var _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(46347);
-/* harmony import */ var _StackViewport__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(79720);
-/* harmony import */ var _helpers_viewportTypeUsesCustomRenderingPipeline__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(81047);
-/* harmony import */ var _helpers_getOrCreateCanvas__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30135);
-/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(26896);
-/* harmony import */ var _helpers_viewportTypeToViewportClass__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(61177);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(71851);
-
-
-
-
-
-
-
-
-
-
-
-
-
-const VIEWPORT_MIN_SIZE = 2;
-class BaseRenderingEngine {
-    constructor(id) {
-        this._needsRender = new Set();
-        this._animationFrameSet = false;
-        this._animationFrameHandle = null;
-        this.renderFrameOfReference = (FrameOfReferenceUID) => {
-            const viewports = this._getViewportsAsArray();
-            const viewportIdsWithSameFrameOfReferenceUID = viewports.map((vp) => {
-                if (vp.getFrameOfReferenceUID() === FrameOfReferenceUID) {
-                    return vp.id;
-                }
-            });
-            this.renderViewports(viewportIdsWithSameFrameOfReferenceUID);
-        };
-        this.id = id ? id : (0,_utilities_uuidv4__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)();
-        this.useCPURendering = (0,_init__WEBPACK_IMPORTED_MODULE_10__/* .getShouldUseCPURendering */ .LH)();
-        _renderingEngineCache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.set(this);
-        if (!(0,_init__WEBPACK_IMPORTED_MODULE_10__/* .isCornerstoneInitialized */ .Dh)()) {
-            throw new Error('@cornerstonejs/core is not initialized, run init() first');
-        }
-        this._viewports = new Map();
-        this.hasBeenDestroyed = false;
-    }
-    enableElement(viewportInputEntry) {
-        const viewportInput = this._normalizeViewportInputEntry(viewportInputEntry);
-        this._throwIfDestroyed();
-        const { element, viewportId } = viewportInput;
-        if (!element) {
-            throw new Error('No element provided');
-        }
-        const viewport = this.getViewport(viewportId);
-        if (viewport) {
-            this.disableElement(viewportId);
-        }
-        const { type } = viewportInput;
-        const viewportUsesCustomRenderingPipeline = (0,_helpers_viewportTypeUsesCustomRenderingPipeline__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(type);
-        if (!this.useCPURendering && !viewportUsesCustomRenderingPipeline) {
-            this.enableVTKjsDrivenViewport(viewportInput);
-        }
-        else {
-            this.addCustomViewport(viewportInput);
-        }
-        const canvas = (0,_helpers_getOrCreateCanvas__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Ay)(element);
-        const { background } = viewportInput.defaultOptions;
-        this.fillCanvasWithBackgroundColor(canvas, background);
-    }
-    disableElement(viewportId) {
-        this._throwIfDestroyed();
-        const viewport = this.getViewport(viewportId);
-        if (!viewport) {
-            console.warn(`viewport ${viewportId} does not exist`);
-            return;
-        }
-        this._resetViewport(viewport);
-        if (!(0,_helpers_viewportTypeUsesCustomRenderingPipeline__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(viewport.type) &&
-            !this.useCPURendering) {
-            if (this.offscreenMultiRenderWindow) {
-                this.offscreenMultiRenderWindow.removeRenderer(viewportId);
-            }
-        }
-        this._removeViewport(viewportId);
-        viewport.isDisabled = true;
-        this._needsRender.delete(viewportId);
-        const viewports = this.getViewports();
-        if (!viewports.length) {
-            this._clearAnimationFrame();
-        }
-    }
-    setViewports(publicViewportInputEntries) {
-        const viewportInputEntries = this._normalizeViewportInputEntries(publicViewportInputEntries);
-        this._throwIfDestroyed();
-        this._reset();
-        const vtkDrivenViewportInputEntries = [];
-        const customRenderingViewportInputEntries = [];
-        viewportInputEntries.forEach((vpie) => {
-            if (!this.useCPURendering &&
-                !(0,_helpers_viewportTypeUsesCustomRenderingPipeline__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(vpie.type)) {
-                vtkDrivenViewportInputEntries.push(vpie);
-            }
-            else {
-                customRenderingViewportInputEntries.push(vpie);
-            }
-        });
-        this.setVtkjsDrivenViewports(vtkDrivenViewportInputEntries);
-        this.setCustomViewports(customRenderingViewportInputEntries);
-        viewportInputEntries.forEach((vp) => {
-            const canvas = (0,_helpers_getOrCreateCanvas__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Ay)(vp.element);
-            const { background } = vp.defaultOptions;
-            this.fillCanvasWithBackgroundColor(canvas, background);
-        });
-    }
-    resize(immediate = true, keepCamera = true) {
-        this._throwIfDestroyed();
-        const viewports = this._getViewportsAsArray();
-        const vtkDrivenViewports = [];
-        const customRenderingViewports = [];
-        viewports.forEach((vpie) => {
-            if (!(0,_helpers_viewportTypeUsesCustomRenderingPipeline__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(vpie.type)) {
-                vtkDrivenViewports.push(vpie);
-            }
-            else {
-                customRenderingViewports.push(vpie);
-            }
-        });
-        if (vtkDrivenViewports.length) {
-            this._resizeVTKViewports(vtkDrivenViewports, keepCamera, immediate);
-        }
-        if (customRenderingViewports.length) {
-            this._resizeUsingCustomResizeHandler(customRenderingViewports, keepCamera, immediate);
-        }
-    }
-    getViewport(viewportId) {
-        return this._viewports?.get(viewportId);
-    }
-    getViewports() {
-        this._throwIfDestroyed();
-        return this._getViewportsAsArray();
-    }
-    getStackViewport(viewportId) {
-        this._throwIfDestroyed();
-        const viewport = this.getViewport(viewportId);
-        if (!viewport) {
-            throw new Error(`Viewport with Id ${viewportId} does not exist`);
-        }
-        if (!(viewport instanceof _StackViewport__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)) {
-            throw new Error(`Viewport with Id ${viewportId} is not a StackViewport.`);
-        }
-        return viewport;
-    }
-    getStackViewports() {
-        this._throwIfDestroyed();
-        const viewports = this.getViewports();
-        return viewports.filter((vp) => vp instanceof _StackViewport__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A);
-    }
-    getVolumeViewports() {
-        this._throwIfDestroyed();
-        const viewports = this.getViewports();
-        const isVolumeViewport = (viewport) => {
-            return viewport instanceof _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A;
-        };
-        return viewports.filter(isVolumeViewport);
-    }
-    render() {
-        const viewports = this.getViewports();
-        const viewportIds = viewports.map((vp) => vp.id);
-        this._setViewportsToBeRenderedNextFrame(viewportIds);
-    }
-    renderViewports(viewportIds) {
-        this._setViewportsToBeRenderedNextFrame(viewportIds);
-    }
-    renderViewport(viewportId) {
-        this._setViewportsToBeRenderedNextFrame([viewportId]);
-    }
-    destroy() {
-        if (this.hasBeenDestroyed) {
-            return;
-        }
-        if (!this.useCPURendering) {
-            const viewports = this._getViewportsAsArray();
-            viewports.forEach((vp) => {
-                if (this.offscreenMultiRenderWindow) {
-                    this.offscreenMultiRenderWindow.removeRenderer(vp.id);
-                }
-            });
-            if (this.offscreenMultiRenderWindow) {
-                this.offscreenMultiRenderWindow.delete();
-            }
-            delete this.offscreenMultiRenderWindow;
-        }
-        this._reset();
-        _renderingEngineCache__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.delete(this.id);
-        this.hasBeenDestroyed = true;
-    }
-    fillCanvasWithBackgroundColor(canvas, backgroundColor) {
-        const ctx = canvas.getContext('2d');
-        let fillStyle;
-        if (backgroundColor) {
-            const rgb = backgroundColor.map((f) => Math.floor(255 * f));
-            fillStyle = `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
-        }
-        else {
-            fillStyle = 'black';
-        }
-        ctx.fillStyle = fillStyle;
-        ctx.fillRect(0, 0, canvas.width, canvas.height);
-    }
-    _normalizeViewportInputEntry(viewportInputEntry) {
-        const { type, defaultOptions } = viewportInputEntry;
-        let options = defaultOptions;
-        if (!options || Object.keys(options).length === 0) {
-            options = {
-                background: [0, 0, 0],
-                orientation: null,
-                displayArea: null,
-            };
-            if (type === _enums_ViewportType__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A.ORTHOGRAPHIC) {
-                options = {
-                    ...options,
-                    orientation: _enums__WEBPACK_IMPORTED_MODULE_12__.OrientationAxis.AXIAL,
-                };
-            }
-        }
-        return {
-            ...viewportInputEntry,
-            defaultOptions: options,
-        };
-    }
-    _normalizeViewportInputEntries(viewportInputEntries) {
-        const normalizedViewportInputs = [];
-        viewportInputEntries.forEach((viewportInput) => {
-            normalizedViewportInputs.push(this._normalizeViewportInputEntry(viewportInput));
-        });
-        return normalizedViewportInputs;
-    }
-    _resizeUsingCustomResizeHandler(customRenderingViewports, keepCamera = true, immediate = true) {
-        customRenderingViewports.forEach((vp) => {
-            if (typeof vp.resize === 'function') {
-                vp.resize();
-            }
-        });
-        customRenderingViewports.forEach((vp) => {
-            const prevCamera = vp.getCamera();
-            vp.resetCamera();
-            if (keepCamera) {
-                vp.setCamera(prevCamera);
-            }
-        });
-        if (immediate) {
-            this.render();
-        }
-    }
-    _removeViewport(viewportId) {
-        const viewport = this.getViewport(viewportId);
-        if (!viewport) {
-            console.warn(`viewport ${viewportId} does not exist`);
-            return;
-        }
-        this._viewports.delete(viewportId);
-    }
-    addCustomViewport(viewportInputEntry) {
-        const { element, viewportId, type, defaultOptions } = viewportInputEntry;
-        element.tabIndex = -1;
-        const canvas = (0,_helpers_getOrCreateCanvas__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Ay)(element);
-        const { clientWidth, clientHeight } = canvas;
-        if (canvas.width !== clientWidth || canvas.height !== clientHeight) {
-            canvas.width = clientWidth;
-            canvas.height = clientHeight;
-        }
-        const viewportInput = {
-            id: viewportId,
-            renderingEngineId: this.id,
-            element,
-            type,
-            canvas,
-            sx: 0,
-            sy: 0,
-            sWidth: clientWidth,
-            sHeight: clientHeight,
-            defaultOptions: defaultOptions || {},
-        };
-        const ViewportType = _helpers_viewportTypeToViewportClass__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .A[type];
-        const viewport = new ViewportType(viewportInput);
-        this._viewports.set(viewportId, viewport);
-        const eventDetail = {
-            element,
-            viewportId,
-            renderingEngineId: this.id,
-        };
-        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_eventTarget__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, _enums_Events__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.ELEMENT_ENABLED, eventDetail);
-    }
-    getRenderer(viewportId) {
-        return this.offscreenMultiRenderWindow.getRenderer(viewportId);
-    }
-    getOffscreenMultiRenderWindow(viewportId) {
-        if (this.useCPURendering) {
-            throw new Error('Offscreen multi render window is not available when using CPU rendering.');
-        }
-        return this.offscreenMultiRenderWindow;
-    }
-    setCustomViewports(viewportInputEntries) {
-        viewportInputEntries.forEach((vpie) => {
-            this.addCustomViewport(vpie);
-        });
-    }
-    _getViewportsAsArray() {
-        return Array.from(this._viewports.values());
-    }
-    _setViewportsToBeRenderedNextFrame(viewportIds) {
-        viewportIds.forEach((viewportId) => {
-            this._needsRender.add(viewportId);
-        });
-        this._render();
-    }
-    _render() {
-        if (this._needsRender.size > 0 && !this._animationFrameSet) {
-            this._animationFrameHandle = window.requestAnimationFrame(this._renderFlaggedViewports);
-            this._animationFrameSet = true;
-        }
-    }
-    _resetViewport(viewport) {
-        const renderingEngineId = this.id;
-        const { element, canvas, id: viewportId } = viewport;
-        const eventDetail = {
-            element,
-            viewportId,
-            renderingEngineId,
-        };
-        viewport.removeWidgets();
-        (0,_utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_eventTarget__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, _enums_Events__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.ELEMENT_DISABLED, eventDetail);
-        element.removeAttribute('data-viewport-uid');
-        element.removeAttribute('data-rendering-engine-uid');
-        const context = canvas.getContext('2d');
-        context.clearRect(0, 0, canvas.width, canvas.height);
-    }
-    _clearAnimationFrame() {
-        window.cancelAnimationFrame(this._animationFrameHandle);
-        this._needsRender.clear();
-        this._animationFrameSet = false;
-        this._animationFrameHandle = null;
-    }
-    _reset() {
-        const viewports = this._getViewportsAsArray();
-        viewports.forEach((viewport) => {
-            this._resetViewport(viewport);
-        });
-        this._clearAnimationFrame();
-        this._viewports = new Map();
-    }
-    _throwIfDestroyed() {
-        if (this.hasBeenDestroyed) {
-            throw new Error('this.destroy() has been manually called to free up memory, can not longer use this instance. Instead make a new one.');
-        }
-    }
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseRenderingEngine);
-
-
 /***/ }),
 
 /***/ 32456:
@@ -39696,7 +38964,7 @@ class VideoViewport extends Viewport/* default */.A {
         }
     }
     getCurrentImageId(index = this.getCurrentImageIdIndex()) {
-        const current = this.imageId.replace('/frames/1', `/frames/${index + 1}`);
+        const current = this.imageId?.replace('/frames/1', `/frames/${index + 1}`);
         return current;
     }
     getViewReferenceId(specifier = {}) {
@@ -43679,6 +42947,21 @@ function getRenderingEngines() {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getRenderingEngine);
 
 
+/***/ }),
+
+/***/ 39537:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ imageIdToURI)
+/* harmony export */ });
+function imageIdToURI(imageId) {
+    const colonIndex = imageId.indexOf(':');
+    return imageId.substring(colonIndex + 1);
+}
+
+
 /***/ }),
 
 /***/ 40336:
@@ -43995,7 +43278,7 @@ function addImageSlicesToViewports(renderingEngine, stackInputs, viewportIds) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19325);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76491);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71851);
 /* harmony import */ var _cache_cache__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49038);
 /* harmony import */ var _helpers_setDefaultVolumeVOI__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89821);
@@ -44113,6 +43396,131 @@ class VolumeViewport3D extends _BaseVolumeViewport__WEBPACK_IMPORTED_MODULE_7__/
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VolumeViewport3D);
 
 
+/***/ }),
+
+/***/ 40905:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   S: () => (/* binding */ getStrategyData)
+/* harmony export */ });
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
+/* harmony import */ var _stateManagement_segmentation_segmentationState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(98870);
+/* harmony import */ var _stateManagement_segmentation_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91963);
+/* harmony import */ var _utilities_segmentation_getReferenceVolumeForSegmentationVolume__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12853);
+
+
+
+
+function getStrategyDataForVolumeViewport({ operationData }) {
+    const { volumeId } = operationData;
+    if (!volumeId) {
+        const event = new CustomEvent(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.Enums.Events.ERROR_EVENT, {
+            detail: {
+                type: 'Segmentation',
+                message: 'No volume id found for the segmentation',
+            },
+            cancelable: true,
+        });
+        _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.eventTarget.dispatchEvent(event);
+        return null;
+    }
+    const segmentationVolume = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.cache.getVolume(volumeId);
+    const imageVolume = (0,_utilities_segmentation_getReferenceVolumeForSegmentationVolume__WEBPACK_IMPORTED_MODULE_3__/* .getReferenceVolumeForSegmentationVolume */ .b)(volumeId);
+    if (!segmentationVolume || !imageVolume) {
+        return null;
+    }
+    const { imageData: segmentationImageData } = segmentationVolume;
+    const { voxelManager: segmentationVoxelManager } = segmentationVolume;
+    const { voxelManager: imageVoxelManager, imageData } = imageVolume;
+    return {
+        segmentationImageData,
+        segmentationVoxelManager,
+        segmentationScalarData: null,
+        imageScalarData: null,
+        imageVoxelManager,
+        imageData,
+    };
+}
+function getStrategyDataForStackViewport({ operationData, viewport, strategy, }) {
+    const { segmentationId } = operationData;
+    let segmentationImageData;
+    let segmentationVoxelManager;
+    let segmentationScalarData;
+    let imageScalarData;
+    let imageVoxelManager;
+    let imageData;
+    if (strategy.ensureSegmentationVolumeFor3DManipulation) {
+        strategy.ensureSegmentationVolumeFor3DManipulation({
+            operationData,
+            viewport,
+        });
+        segmentationVoxelManager = operationData.segmentationVoxelManager;
+        segmentationImageData = operationData.segmentationImageData;
+        segmentationScalarData = null;
+    }
+    else {
+        const labelmapImageId = (0,_stateManagement_segmentation_segmentationState__WEBPACK_IMPORTED_MODULE_1__.getCurrentLabelmapImageIdForViewport)(viewport.id, segmentationId);
+        if (!labelmapImageId) {
+            return null;
+        }
+        const actorEntry = (0,_stateManagement_segmentation_helpers__WEBPACK_IMPORTED_MODULE_2__/* .getLabelmapActorEntry */ .wV)(viewport.id, segmentationId);
+        if (!actorEntry) {
+            return null;
+        }
+        const currentSegImage = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.cache.getImage(labelmapImageId);
+        segmentationImageData = actorEntry.actor.getMapper().getInputData();
+        segmentationVoxelManager = currentSegImage.voxelManager;
+        const currentSegmentationImageId = operationData.imageId;
+        const segmentationImage = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.cache.getImage(currentSegmentationImageId);
+        if (!segmentationImage) {
+            return null;
+        }
+        segmentationScalarData = segmentationImage.getPixelData?.();
+    }
+    if (strategy.ensureImageVolumeFor3DManipulation) {
+        strategy.ensureImageVolumeFor3DManipulation({
+            operationData,
+            viewport,
+        });
+        imageVoxelManager = operationData.imageVoxelManager;
+        imageScalarData = operationData.imageScalarData;
+        imageData = operationData.imageData;
+    }
+    else {
+        const currentImageId = viewport.getCurrentImageId();
+        if (!currentImageId) {
+            return null;
+        }
+        const image = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.cache.getImage(currentImageId);
+        imageData = image ? null : viewport.getImageData();
+        imageScalarData = image?.getPixelData() || imageData.getScalarData();
+        imageVoxelManager = image?.voxelManager;
+    }
+    return {
+        segmentationImageData,
+        segmentationScalarData,
+        imageScalarData,
+        segmentationVoxelManager,
+        imageVoxelManager,
+        imageData,
+    };
+}
+function getStrategyData({ operationData, viewport, strategy, }) {
+    if (!operationData) {
+        return null;
+    }
+    if (('volumeId' in operationData && operationData.volumeId != null) ||
+        ('referencedVolumeId' in operationData &&
+            operationData.referencedVolumeId != null)) {
+        return getStrategyDataForVolumeViewport({ operationData });
+    }
+    return getStrategyDataForStackViewport({ operationData, viewport, strategy });
+}
+
+
+
 /***/ }),
 
 /***/ 41864:
@@ -51119,7 +50527,7 @@ class Transform {
 /* harmony import */ var _kitware_vtk_js_Common_DataModel_PiecewiseFunction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99341);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3823);
 /* harmony import */ var _cache_cache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49038);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19325);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76491);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(71851);
 /* harmony import */ var _enums_ViewportType__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41864);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(10364);
@@ -51145,6 +50553,8 @@ class Transform {
 /* harmony import */ var _metaData__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(74876);
 /* harmony import */ var _helpers_getCameraVectors__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(23465);
 /* harmony import */ var _helpers_isContextPoolRenderingEngine__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(27685);
+/* harmony import */ var _constants_mprCameraValues__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(91004);
+
 
 
 
@@ -51404,11 +50814,11 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
             const volumeActors = this.getActors().filter((actorEntry) => (0,_utilities_actorCheck__WEBPACK_IMPORTED_MODULE_21__/* .actorIsA */ .N)(actorEntry, 'vtkVolume'));
             return volumeActors.some(({ uid, referencedId }) => {
                 const volume = _cache_cache__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Ay.getVolume(referencedId || uid);
-                if (!volume?.imageIds) {
+                if (!volume?.getImageIdIndex) {
                     return false;
                 }
-                const volumeImageURIs = volume.imageIds.map(_utilities_imageIdToURI__WEBPACK_IMPORTED_MODULE_26__/* ["default"] */ .A);
-                return volumeImageURIs.includes(imageURI);
+                return (volume.getImageIdIndex(imageURI) !== undefined ||
+                    volume.getImageURIIndex(imageURI) !== undefined);
             });
         };
         this.getImageIds = (volumeId) => {
@@ -51727,7 +51137,8 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
             return false;
         }
         if (options?.withNavigation) {
-            return true;
+            const { referencedImageId } = viewRef;
+            return !referencedImageId || this.hasImageURI(referencedImageId);
         }
         const currentSliceIndex = this.getSliceIndex();
         const { sliceIndex } = viewRef;
@@ -51751,13 +51162,51 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         });
         this.render();
     }
+    setBestOrentation(inPlaneVector1, inPlaneVector2) {
+        if (!inPlaneVector1 && !inPlaneVector2) {
+            return;
+        }
+        const { viewPlaneNormal } = this.getCamera();
+        if (isCompatible(viewPlaneNormal, inPlaneVector2) &&
+            isCompatible(viewPlaneNormal, inPlaneVector1)) {
+            return;
+        }
+        const acquisition = this._getAcquisitionPlaneOrientation();
+        if (isCompatible(acquisition.viewPlaneNormal, inPlaneVector2) &&
+            isCompatible(acquisition.viewPlaneNormal, inPlaneVector1)) {
+            this.setOrientation(acquisition);
+            return;
+        }
+        for (const orientation of (Object.values(_constants_mprCameraValues__WEBPACK_IMPORTED_MODULE_31__/* ["default"] */ .A))) {
+            if (isCompatible(orientation.viewPlaneNormal, inPlaneVector2) &&
+                isCompatible(orientation.viewPlaneNormal, inPlaneVector1)) {
+                this.setOrientation(orientation);
+                return;
+            }
+        }
+        const planeNormal = (gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.cross */ .eR.cross(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.create */ .eR.create(), inPlaneVector2 || acquisition.viewPlaneNormal, inPlaneVector1));
+        gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.normalize */ .eR.normalize(planeNormal, planeNormal);
+        this.setOrientation({ viewPlaneNormal: planeNormal });
+    }
+    setViewPlane(planeRestriction) {
+        const { point, inPlaneVector1, inPlaneVector2, FrameOfReferenceUID } = planeRestriction;
+        this.setBestOrentation(inPlaneVector1, inPlaneVector2);
+        this.setViewReference({
+            FrameOfReferenceUID,
+            cameraFocalPoint: point,
+            viewPlaneNormal: this.getCamera().viewPlaneNormal,
+        });
+    }
     setViewReference(viewRef) {
         if (!viewRef) {
             return;
         }
         const volumeId = this.getVolumeId();
-        const { viewPlaneNormal: refViewPlaneNormal, FrameOfReferenceUID: refFrameOfReference, cameraFocalPoint, referencedImageId, viewUp, } = viewRef;
+        const { FrameOfReferenceUID: refFrameOfReference, cameraFocalPoint, referencedImageId, planeRestriction, viewPlaneNormal: refViewPlaneNormal, viewUp, } = viewRef;
         let { sliceIndex } = viewRef;
+        if (planeRestriction && !refViewPlaneNormal) {
+            return this.setViewPlane(planeRestriction);
+        }
         const { focalPoint, viewPlaneNormal, position } = this.getCamera();
         const isNegativeNormal = (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* .isEqualNegative */ .WC)(viewPlaneNormal, refViewPlaneNormal);
         const isSameNormal = (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(viewPlaneNormal, refViewPlaneNormal);
@@ -52116,13 +51565,35 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         }
         return renderingEngine.offscreenMultiRenderWindow?.getRenderer(this.id);
     }
+    _getViewUp(viewPlaneNormal) {
+        const { viewUp } = this.getCamera();
+        const dot = gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(viewUp, viewPlaneNormal);
+        if ((0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(dot, 0)) {
+            return viewUp;
+        }
+        if ((0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* .isEqualAbs */ .Ph)(viewPlaneNormal[0], 1)) {
+            return [0, 0, 1];
+        }
+        if ((0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* .isEqualAbs */ .Ph)(viewPlaneNormal[1], 1)) {
+            return [0, 0, 1];
+        }
+        if ((0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* .isEqualAbs */ .Ph)(viewPlaneNormal[2], 1)) {
+            return [0, -1, 0];
+        }
+        const vupOrthogonal = (gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.scaleAndAdd */ .eR.scaleAndAdd(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.create */ .eR.create(), viewUp, viewPlaneNormal, -dot));
+        gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.normalize */ .eR.normalize(vupOrthogonal, vupOrthogonal);
+        return vupOrthogonal;
+    }
     _getOrientationVectors(orientation) {
         if (typeof orientation === 'object') {
-            if (orientation.viewPlaneNormal && orientation.viewUp) {
-                return orientation;
+            if (orientation.viewPlaneNormal) {
+                return {
+                    ...orientation,
+                    viewUp: orientation.viewUp || this._getViewUp(orientation.viewPlaneNormal),
+                };
             }
             else {
-                throw new Error('Invalid orientation object. It must contain viewPlaneNormal and viewUp');
+                throw new Error('Invalid orientation object. It must contain viewPlaneNormal');
             }
         }
         else if (typeof orientation === 'string') {
@@ -52225,6 +51696,9 @@ class BaseVolumeViewport extends _Viewport__WEBPACK_IMPORTED_MODULE_18__/* ["def
         }
     }
 }
+function isCompatible(viewPlaneNormal, vector) {
+    return !vector || (0,_utilities_isEqual__WEBPACK_IMPORTED_MODULE_24__/* ["default"] */ .Ay)(gl_matrix__WEBPACK_IMPORTED_MODULE_3__/* .vec3.dot */ .eR.dot(viewPlaneNormal, vector), 0);
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseVolumeViewport);
 
 
@@ -56770,7 +56244,7 @@ var vtkVolumeMapper$1 = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _BaseRenderingEngine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30885);
+/* harmony import */ var _BaseRenderingEngine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86871);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32643);
 /* harmony import */ var _eventTarget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10364);
 /* harmony import */ var _utilities_triggerEvent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(69372);
@@ -67843,6 +67317,372 @@ function drawRectByCoordinates(svgDrawingHelper, annotationUID, rectangleUID, ca
 }
 
 
+/***/ }),
+
+/***/ 76491:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  EPSILON: () => (/* reexport */ epsilon),
+  MPR_CAMERA_VALUES: () => (/* reexport */ mprCameraValues/* default */.A),
+  RENDERING_DEFAULTS: () => (/* reexport */ rendering),
+  VIEWPORT_PRESETS: () => (/* reexport */ viewportPresets)
+});
+
+// UNUSED EXPORTS: BACKGROUND_COLORS, CPU_COLORMAPS
+
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/cpuColormaps.js
+var cpuColormaps = __webpack_require__(21093);
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/rendering.js
+const RENDERING_DEFAULTS = {
+    MINIMUM_SLAB_THICKNESS: 5e-2,
+    MAXIMUM_RAY_DISTANCE: 1e6,
+};
+Object.freeze(RENDERING_DEFAULTS);
+/* harmony default export */ const rendering = (RENDERING_DEFAULTS);
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/epsilon.js
+const EPSILON = 1e-3;
+/* harmony default export */ const epsilon = (EPSILON);
+
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/mprCameraValues.js + 1 modules
+var mprCameraValues = __webpack_require__(91004);
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/viewportPresets.js
+const presets = [
+    {
+        name: 'CT-AAA',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '12 -3024 0 143.556 0 166.222 0.686275 214.389 0.696078 419.736 0.833333 3071 0.803922',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '24 -3024 0 0 0 143.556 0.615686 0.356863 0.184314 166.222 0.882353 0.603922 0.290196 214.389 1 1 1 419.736 1 0.937033 0.954531 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-AAA2',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '16 -3024 0 129.542 0 145.244 0.166667 157.02 0.5 169.918 0.627451 395.575 0.8125 1578.73 0.8125 3071 0.8125',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '32 -3024 0 0 0 129.542 0.54902 0.25098 0.14902 145.244 0.6 0.627451 0.843137 157.02 0.890196 0.47451 0.6 169.918 0.992157 0.870588 0.392157 395.575 1 0.886275 0.658824 1578.73 1 0.829256 0.957922 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Bone',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '8 -3024 0 -16.4458 0 641.385 0.715686 3071 0.705882',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '16 -3024 0 0 0 -16.4458 0.729412 0.254902 0.301961 641.385 0.905882 0.815686 0.552941 3071 1 1 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Bones',
+        gradientOpacity: '4 0 1 985.12 1',
+        specularPower: '1',
+        scalarOpacity: '8 -1000 0 152.19 0 278.93 0.190476 952 0.2',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '20 -1000 0.3 0.3 1 -488 0.3 1 0.3 463.28 1 0 0 659.15 1 0.912535 0.0374849 953 1 0.3 0.3',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Cardiac',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '12 -3024 0 -77.6875 0 94.9518 0.285714 179.052 0.553571 260.439 0.848214 3071 0.875',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '24 -3024 0 0 0 -77.6875 0.54902 0.25098 0.14902 94.9518 0.882353 0.603922 0.290196 179.052 1 0.937033 0.954531 260.439 0.615686 0 0 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Cardiac2',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '12 -3024 0 42.8964 0 163.488 0.428571 277.642 0.776786 1587 0.754902 3071 0.754902',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '24 -3024 0 0 0 42.8964 0.54902 0.25098 0.14902 163.488 0.917647 0.639216 0.0588235 277.642 1 0.878431 0.623529 1587 1 1 1 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Cardiac3',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '14 -3024 0 -86.9767 0 45.3791 0.169643 139.919 0.589286 347.907 0.607143 1224.16 0.607143 3071 0.616071',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '28 -3024 0 0 0 -86.9767 0 0.25098 1 45.3791 1 0 0 139.919 1 0.894893 0.894893 347.907 1 1 0.25098 1224.16 1 1 1 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Chest-Contrast-Enhanced',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '10 -3024 0 67.0106 0 251.105 0.446429 439.291 0.625 3071 0.616071',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '20 -3024 0 0 0 67.0106 0.54902 0.25098 0.14902 251.105 0.882353 0.603922 0.290196 439.291 1 0.937033 0.954531 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Chest-Vessels',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '10 -3024 0 -1278.35 0 22.8277 0.428571 439.291 0.625 3071 0.616071',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '20 -3024 0 0 0 -1278.35 0.54902 0.25098 0.14902 22.8277 0.882353 0.603922 0.290196 439.291 1 0.937033 0.954531 3071 0.827451 0.658824 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Coronary-Arteries',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '12 -2048 0 136.47 0 159.215 0.258929 318.43 0.571429 478.693 0.776786 3661 1',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '24 -2048 0 0 0 136.47 0 0 0 159.215 0.159804 0.159804 0.159804 318.43 0.764706 0.764706 0.764706 478.693 1 1 1 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Coronary-Arteries-2',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '14 -2048 0 142.677 0 145.016 0.116071 192.174 0.5625 217.24 0.776786 384.347 0.830357 3661 0.830357',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '28 -2048 0 0 0 142.677 0 0 0 145.016 0.615686 0 0.0156863 192.174 0.909804 0.454902 0 217.24 0.972549 0.807843 0.611765 384.347 0.909804 0.909804 1 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Coronary-Arteries-3',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '14 -2048 0 128.643 0 129.982 0.0982143 173.636 0.669643 255.884 0.857143 584.878 0.866071 3661 1',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '28 -2048 0 0 0 128.643 0 0 0 129.982 0.615686 0 0.0156863 173.636 0.909804 0.454902 0 255.884 0.886275 0.886275 0.886275 584.878 0.968627 0.968627 0.968627 3661 1 1 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Cropped-Volume-Bone',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '10 -2048 0 -451 0 -450 1 1050 1 3661 1',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '20 -2048 0 0 0 -451 0 0 0 -450 0.0556356 0.0556356 0.0556356 1050 1 1 1 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Fat',
+        gradientOpacity: '6 0 1 985.12 1 988 1',
+        specularPower: '1',
+        scalarOpacity: '14 -1000 0 -100 0 -99 0.15 -60 0.15 -59 0 101.2 0 952 0',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '36 -1000 0.3 0.3 1 -497.5 0.3 1 0.3 -99 0 0 1 -76.946 0 1 0 -65.481 0.835431 0.888889 0.0165387 83.89 1 0 0 463.28 1 0 0 659.15 1 0.912535 0.0374849 2952 1 0.300267 0.299886',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Liver-Vasculature',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '14 -2048 0 149.113 0 157.884 0.482143 339.96 0.660714 388.526 0.830357 1197.95 0.839286 3661 0.848214',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '28 -2048 0 0 0 149.113 0 0 0 157.884 0.501961 0.25098 0 339.96 0.695386 0.59603 0.36886 388.526 0.854902 0.85098 0.827451 1197.95 1 1 1 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Lung',
+        gradientOpacity: '6 0 1 985.12 1 988 1',
+        specularPower: '1',
+        scalarOpacity: '12 -1000 0 -600 0 -599 0.15 -400 0.15 -399 0 2952 0',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '24 -1000 0.3 0.3 1 -600 0 0 1 -530 0.134704 0.781726 0.0724558 -460 0.929244 1 0.109473 -400 0.888889 0.254949 0.0240258 2952 1 0.3 0.3',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-MIP',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '8 -3024 0 -637.62 0 700 1 3071 1',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '16 -3024 0 0 0 -637.62 1 1 1 700 1 1 1 3071 1 1 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Muscle',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '10 -3024 0 -155.407 0 217.641 0.676471 419.736 0.833333 3071 0.803922',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '20 -3024 0 0 0 -155.407 0.54902 0.25098 0.14902 217.641 0.882353 0.603922 0.290196 419.736 1 0.937033 0.954531 3071 0.827451 0.658824 1',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Pulmonary-Arteries',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '14 -2048 0 -568.625 0 -364.081 0.0714286 -244.813 0.401786 18.2775 0.607143 447.798 0.830357 3592.73 0.839286',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '28 -2048 0 0 0 -568.625 0 0 0 -364.081 0.396078 0.301961 0.180392 -244.813 0.611765 0.352941 0.0705882 18.2775 0.843137 0.0156863 0.156863 447.798 0.752941 0.752941 0.752941 3592.73 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Soft-Tissue',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '10 -2048 0 -167.01 0 -160 1 240 1 3661 1',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '20 -2048 0 0 0 -167.01 0 0 0 -160 0.0556356 0.0556356 0.0556356 240 1 1 1 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'CT-Air',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '10',
+        scalarOpacity: '8 -3024 0.705882 -900.0 0.715686 -500.0 0 3071 0',
+        specular: '0.2',
+        shade: '1',
+        ambient: '0.1',
+        colorTransfer: '16 -3024 1 1 1 -900.0 0.2 1.0 1.0 -500.0 0.3 0.3 1.0 3071 0 0 0 ',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+    {
+        name: 'MR-Angio',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '12 -2048 0 151.354 0 158.279 0.4375 190.112 0.580357 200.873 0.732143 3661 0.741071',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '24 -2048 0 0 0 151.354 0 0 0 158.279 0.74902 0.376471 0 190.112 1 0.866667 0.733333 200.873 0.937255 0.937255 0.937255 3661 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'MR-Default',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '12 0 0 20 0 40 0.15 120 0.3 220 0.375 1024 0.5',
+        specular: '0',
+        shade: '1',
+        ambient: '0.2',
+        colorTransfer: '24 0 0 0 0 20 0.168627 0 0 40 0.403922 0.145098 0.0784314 120 0.780392 0.607843 0.380392 220 0.847059 0.835294 0.788235 1024 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'MR-MIP',
+        gradientOpacity: '4 0 1 255 1',
+        specularPower: '1',
+        scalarOpacity: '8 0 0 98.3725 0 416.637 1 2800 1',
+        specular: '0',
+        shade: '0',
+        ambient: '0.2',
+        colorTransfer: '16 0 1 1 1 98.3725 1 1 1 416.637 1 1 1 2800 1 1 1',
+        diffuse: '1',
+        interpolation: '1',
+    },
+    {
+        name: 'MR-T2-Brain',
+        gradientOpacity: '4 0 1 160.25 1',
+        specularPower: '40',
+        scalarOpacity: '10 0 0 36.05 0 218.302 0.171429 412.406 1 641 1',
+        specular: '0.5',
+        shade: '1',
+        ambient: '0.3',
+        colorTransfer: '16 0 0 0 0 98.7223 0.956863 0.839216 0.192157 412.406 0 0.592157 0.807843 641 1 1 1',
+        diffuse: '0.6',
+        interpolation: '1',
+    },
+    {
+        name: 'DTI-FA-Brain',
+        gradientOpacity: '4 0 1 0.9950 1',
+        specularPower: '40',
+        scalarOpacity: '16 0 0 0 0 0.3501 0.0158 0.49379 0.7619 0.6419 1 0.9920 1 0.9950 0 0.9950 0',
+        specular: '0.5',
+        shade: '1',
+        ambient: '0.3',
+        colorTransfer: '28 0 1 0 0 0 1 0 0 0.24974 0.4941 1 0 0.49949 0 0.9882 1 0.7492 0.51764 0 1 0.9950 1 0 0 0.9950 1 0 0',
+        diffuse: '0.9',
+        interpolation: '1',
+    },
+];
+/* harmony default export */ const viewportPresets = (presets);
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/backgroundColors.js
+const backgroundColors = {
+    slicer3D: [160 / 255, 164 / 255, 217 / 255],
+};
+/* harmony default export */ const constants_backgroundColors = ((/* unused pure expression or super */ null && (backgroundColors)));
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js
+
+
+
+
+
+
+
+
+
 /***/ }),
 
 /***/ 76617:
@@ -68574,7 +68414,7 @@ function isContourSegmentationAnnotation(annotation) {
 
 "use strict";
 /* unused harmony export version */
-const version = '3.30.3';
+const version = '3.32.5';
 
 
 /***/ }),
@@ -73861,10 +73701,13 @@ class StackViewport extends Viewport/* default */.A {
                 this.imageKeyToIndexMap.get(multiSliceReference.referencedImageId);
             return testIndex <= rangeEndSliceIndex && testIndex >= foundSliceIndex;
         }
-        if (!super.isReferenceViewable(viewRef, options)) {
+        if (!super.isReferenceViewable(viewRef, {
+            ...options,
+            withOrientation: options?.asVolume,
+        })) {
             return false;
         }
-        if (viewRef.volumeId) {
+        if (viewRef.volumeId || viewRef.FrameOfReferenceUID) {
             return options.asVolume;
         }
         const { cameraFocalPoint } = viewRef;
@@ -74866,8 +74709,8 @@ var rendering_transform = __webpack_require__(45354);
 var Viewport = __webpack_require__(10056);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/index.js + 3 modules
 var helpers = __webpack_require__(40661);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js + 6 modules
-var constants = __webpack_require__(19325);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js + 4 modules
+var constants = __webpack_require__(76491);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/triggerEvent.js
 var triggerEvent = __webpack_require__(69372);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/init.js + 2 modules
@@ -79051,70 +78894,692 @@ function getEnabledElements() {
 
 /***/ }),
 
-/***/ 87063:
+/***/ 86871:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   C: () => (/* binding */ getBoundingBoxAroundShapeWorld),
-/* harmony export */   g: () => (/* binding */ getBoundingBoxAroundShapeIJK)
-/* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 
-const { EPSILON } = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.CONSTANTS;
-function calculateBoundingBox(points, dimensions, isWorld = false) {
-    let xMin = Infinity;
-    let xMax = isWorld ? -Infinity : 0;
-    let yMin = Infinity;
-    let yMax = isWorld ? -Infinity : 0;
-    let zMin = Infinity;
-    let zMax = isWorld ? -Infinity : 0;
-    const is3D = points[0]?.length === 3;
-    for (let i = 0; i < points.length; i++) {
-        const p = points[i];
-        xMin = Math.min(p[0], xMin);
-        xMax = Math.max(p[0], xMax);
-        yMin = Math.min(p[1], yMin);
-        yMax = Math.max(p[1], yMax);
-        if (is3D) {
-            zMin = Math.min(p[2] ?? zMin, zMin);
-            zMax = Math.max(p[2] ?? zMax, zMax);
-        }
-    }
-    if (dimensions) {
-        xMin = Math.max(isWorld ? dimensions[0] + EPSILON : 0, xMin);
-        xMax = Math.min(isWorld ? dimensions[0] - EPSILON : dimensions[0] - 1, xMax);
-        yMin = Math.max(isWorld ? dimensions[1] + EPSILON : 0, yMin);
-        yMax = Math.min(isWorld ? dimensions[1] - EPSILON : dimensions[1] - 1, yMax);
-        if (is3D && dimensions.length === 3) {
-            zMin = Math.max(isWorld ? dimensions[2] + EPSILON : 0, zMin);
-            zMax = Math.min(isWorld ? dimensions[2] - EPSILON : dimensions[2] - 1, zMax);
-        }
-    }
-    else if (!isWorld) {
-        xMin = Math.max(0, xMin);
-        xMax = Math.min(Infinity, xMax);
-        yMin = Math.max(0, yMin);
-        yMax = Math.min(Infinity, yMax);
-        if (is3D) {
-            zMin = Math.max(0, zMin);
-            zMax = Math.min(Infinity, zMax);
-        }
-    }
-    return is3D
-        ? [
-            [xMin, xMax],
-            [yMin, yMax],
-            [zMin, zMax],
-        ]
-        : [[xMin, xMax], [yMin, yMax], null];
-}
-function getBoundingBoxAroundShapeIJK(points, dimensions) {
-    return calculateBoundingBox(points, dimensions, false);
-}
-function getBoundingBoxAroundShapeWorld(points, clipBounds) {
-    return calculateBoundingBox(points, clipBounds, true);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  i: () => (/* binding */ VIEWPORT_MIN_SIZE),
+  A: () => (/* binding */ RenderingEngine_BaseRenderingEngine)
+});
+
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/Events.js
+var Events = __webpack_require__(32643);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/renderingEngineCache.js
+var renderingEngineCache = __webpack_require__(5862);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/eventTarget.js
+var eventTarget = __webpack_require__(10364);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/uuidv4.js
+var uuidv4 = __webpack_require__(80221);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/triggerEvent.js
+var triggerEvent = __webpack_require__(69372);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/ViewportType.js
+var ViewportType = __webpack_require__(41864);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/BaseVolumeViewport.js
+var BaseVolumeViewport = __webpack_require__(46347);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/StackViewport.js + 14 modules
+var StackViewport = __webpack_require__(79720);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/viewportTypeUsesCustomRenderingPipeline.js
+var viewportTypeUsesCustomRenderingPipeline = __webpack_require__(81047);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/getOrCreateCanvas.js
+var getOrCreateCanvas = __webpack_require__(30135);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/init.js + 2 modules
+var init = __webpack_require__(26896);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/viewportTypeToViewportClass.js
+var viewportTypeToViewportClass = __webpack_require__(61177);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 1 modules
+var enums = __webpack_require__(71851);
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/stats/constants.js
+const PANEL_CONFIG = {
+    WIDTH: 160,
+    HEIGHT: 96,
+    TEXT_PADDING: 3,
+    TEXT_Y_OFFSET: 2,
+    GRAPH_Y_OFFSET: 15,
+    GRAPH_WIDTH: 150,
+    GRAPH_HEIGHT: 70,
+    FONT_SIZE: 9,
+    FONT_FAMILY: 'Helvetica,Arial,sans-serif',
+    GRAPH_ALPHA: 0.9,
+};
+const STATS_CONFIG = {
+    UPDATE_INTERVAL: 1000,
+    MAX_MS_VALUE: 200,
+    MAX_FPS_VALUE: 300,
+    OVERLAY_STYLES: {
+        position: 'fixed',
+        top: '0px',
+        right: '0px',
+        left: 'auto',
+        zIndex: '9999',
+        cursor: 'pointer',
+        opacity: '0.9',
+    },
+};
+const CONVERSION = {
+    BYTES_TO_MB: 1048576,
+    MS_PER_SECOND: 1000,
+};
+const PANEL_CONFIGS = [
+    { name: 'FPS', foregroundColor: '#0ff', backgroundColor: '#002' },
+    { name: 'MS', foregroundColor: '#0f0', backgroundColor: '#020' },
+    { name: 'MB', foregroundColor: '#f08', backgroundColor: '#201' },
+];
+
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/stats/StatsPanel.js
+
+class StatsPanel {
+    constructor(name, foregroundColor, backgroundColor) {
+        this.minValue = Infinity;
+        this.maxValue = 0;
+        this.name = name;
+        this.foregroundColor = foregroundColor;
+        this.backgroundColor = backgroundColor;
+        this.devicePixelRatio = Math.round(window.devicePixelRatio || 1);
+        this.dimensions = this.calculateDimensions();
+        this.dom = this.createCanvas();
+        this.context = this.initializeContext();
+        this.drawInitialPanel();
+    }
+    update(value, maxValue) {
+        this.updateMinMax(value);
+        this.clearTextArea();
+        this.drawText(value);
+        this.scrollGraph();
+        this.drawNewValue(value, maxValue);
+    }
+    calculateDimensions() {
+        const pr = this.devicePixelRatio;
+        return {
+            width: PANEL_CONFIG.WIDTH * pr,
+            height: PANEL_CONFIG.HEIGHT * pr,
+            textX: PANEL_CONFIG.TEXT_PADDING * pr,
+            textY: PANEL_CONFIG.TEXT_Y_OFFSET * pr,
+            graphX: PANEL_CONFIG.TEXT_PADDING * pr,
+            graphY: PANEL_CONFIG.GRAPH_Y_OFFSET * pr,
+            graphWidth: PANEL_CONFIG.GRAPH_WIDTH * pr,
+            graphHeight: PANEL_CONFIG.GRAPH_HEIGHT * pr,
+        };
+    }
+    createCanvas() {
+        const canvas = document.createElement('canvas');
+        canvas.width = this.dimensions.width;
+        canvas.height = this.dimensions.height;
+        canvas.style.cssText = `width:${PANEL_CONFIG.WIDTH}px;height:${PANEL_CONFIG.HEIGHT}px`;
+        return canvas;
+    }
+    initializeContext() {
+        const ctx = this.dom.getContext('2d');
+        if (!ctx) {
+            throw new Error('Failed to get 2D context');
+        }
+        ctx.font = `bold ${PANEL_CONFIG.FONT_SIZE * this.devicePixelRatio}px ${PANEL_CONFIG.FONT_FAMILY}`;
+        ctx.textBaseline = 'top';
+        return ctx;
+    }
+    drawInitialPanel() {
+        const { width, height, textX, textY, graphX, graphY, graphWidth, graphHeight, } = this.dimensions;
+        this.context.fillStyle = this.backgroundColor;
+        this.context.fillRect(0, 0, width, height);
+        this.context.fillStyle = this.foregroundColor;
+        this.context.fillText(this.name, textX, textY);
+        this.context.fillRect(graphX, graphY, graphWidth, graphHeight);
+        this.context.fillStyle = this.backgroundColor;
+        this.context.globalAlpha = PANEL_CONFIG.GRAPH_ALPHA;
+        this.context.fillRect(graphX, graphY, graphWidth, graphHeight);
+        this.context.globalAlpha = 1;
+    }
+    updateMinMax(value) {
+        this.minValue = Math.min(this.minValue, value);
+        this.maxValue = Math.max(this.maxValue, value);
+    }
+    clearTextArea() {
+        const { width, graphY } = this.dimensions;
+        this.context.fillStyle = this.backgroundColor;
+        this.context.fillRect(0, 0, width, graphY);
+    }
+    drawText(value) {
+        const { textX, textY } = this.dimensions;
+        const text = this.formatText(value);
+        this.context.fillStyle = this.foregroundColor;
+        this.context.fillText(text, textX, textY);
+    }
+    formatText(value) {
+        const roundedValue = Math.round(value);
+        const roundedMin = Math.round(this.minValue);
+        const roundedMax = Math.round(this.maxValue);
+        return `${roundedValue} ${this.name} (${roundedMin}-${roundedMax})`;
+    }
+    scrollGraph() {
+        const { graphX, graphY, graphWidth, graphHeight } = this.dimensions;
+        const pr = this.devicePixelRatio;
+        this.context.drawImage(this.dom, graphX + pr, graphY, graphWidth - pr, graphHeight, graphX, graphY, graphWidth - pr, graphHeight);
+    }
+    drawNewValue(value, maxValue) {
+        const { graphX, graphY, graphWidth, graphHeight } = this.dimensions;
+        const pr = this.devicePixelRatio;
+        const x = graphX + graphWidth - pr;
+        this.context.fillStyle = this.foregroundColor;
+        this.context.fillRect(x, graphY, pr, graphHeight);
+        const normalizedHeight = Math.round((1 - value / maxValue) * graphHeight);
+        this.context.fillStyle = this.backgroundColor;
+        this.context.globalAlpha = PANEL_CONFIG.GRAPH_ALPHA;
+        this.context.fillRect(x, graphY, pr, normalizedHeight);
+        this.context.globalAlpha = 1;
+    }
+}
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/stats/enums.js
+var PanelType;
+(function (PanelType) {
+    PanelType[PanelType["FPS"] = 0] = "FPS";
+    PanelType[PanelType["MS"] = 1] = "MS";
+    PanelType[PanelType["MEMORY"] = 2] = "MEMORY";
+})(PanelType || (PanelType = {}));
+
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/stats/StatsOverlay.js
+
+
+
+class StatsOverlay {
+    static { this.instance = null; }
+    constructor() {
+        this.dom = null;
+        this.currentMode = 0;
+        this.startTime = 0;
+        this.lastUpdateTime = 0;
+        this.frameCount = 0;
+        this.panels = new Map();
+        this.animationFrameId = null;
+        this.isSetup = false;
+    }
+    static getInstance() {
+        if (!StatsOverlay.instance) {
+            StatsOverlay.instance = new StatsOverlay();
+        }
+        return StatsOverlay.instance;
+    }
+    setup() {
+        if (this.isSetup) {
+            return;
+        }
+        try {
+            this.dom = this.createOverlayElement();
+            this.startTime = performance.now();
+            this.lastUpdateTime = this.startTime;
+            this.initializePanels();
+            this.showPanel(PanelType.FPS);
+            this.applyOverlayStyles();
+            document.body.appendChild(this.dom);
+            this.startLoop();
+            this.isSetup = true;
+        }
+        catch (error) {
+            console.warn('Failed to setup stats overlay:', error);
+        }
+    }
+    cleanup() {
+        this.stopLoop();
+        if (this.dom && this.dom.parentNode) {
+            this.dom.parentNode.removeChild(this.dom);
+        }
+        this.dom = null;
+        this.panels.clear();
+        this.isSetup = false;
+    }
+    showPanel(panelType) {
+        const children = Array.from(this.dom.children);
+        children.forEach((child, index) => {
+            child.style.display = index === panelType ? 'block' : 'none';
+        });
+        this.currentMode = panelType;
+    }
+    update() {
+        this.startTime = this.updateStats();
+    }
+    createOverlayElement() {
+        const element = document.createElement('div');
+        element.addEventListener('click', this.handleClick.bind(this), false);
+        return element;
+    }
+    applyOverlayStyles() {
+        Object.assign(this.dom.style, STATS_CONFIG.OVERLAY_STYLES);
+    }
+    handleClick(event) {
+        event.preventDefault();
+        const panelCount = this.dom.children.length;
+        this.showPanel((this.currentMode + 1) % panelCount);
+    }
+    initializePanels() {
+        const fpsPanel = new StatsPanel(PANEL_CONFIGS[PanelType.FPS].name, PANEL_CONFIGS[PanelType.FPS].foregroundColor, PANEL_CONFIGS[PanelType.FPS].backgroundColor);
+        this.addPanel(PanelType.FPS, fpsPanel);
+        const msPanel = new StatsPanel(PANEL_CONFIGS[PanelType.MS].name, PANEL_CONFIGS[PanelType.MS].foregroundColor, PANEL_CONFIGS[PanelType.MS].backgroundColor);
+        this.addPanel(PanelType.MS, msPanel);
+        if (this.isMemoryAvailable()) {
+            const memPanel = new StatsPanel(PANEL_CONFIGS[PanelType.MEMORY].name, PANEL_CONFIGS[PanelType.MEMORY].foregroundColor, PANEL_CONFIGS[PanelType.MEMORY].backgroundColor);
+            this.addPanel(PanelType.MEMORY, memPanel);
+        }
+    }
+    isMemoryAvailable() {
+        const perf = performance;
+        return perf.memory !== undefined;
+    }
+    addPanel(type, panel) {
+        this.dom.appendChild(panel.dom);
+        this.panels.set(type, panel);
+    }
+    startLoop() {
+        const loop = () => {
+            this.update();
+            this.animationFrameId = requestAnimationFrame(loop);
+        };
+        this.animationFrameId = requestAnimationFrame(loop);
+    }
+    stopLoop() {
+        if (this.animationFrameId !== null) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+    }
+    updateStats() {
+        this.frameCount++;
+        const currentTime = performance.now();
+        const deltaTime = currentTime - this.startTime;
+        const msPanel = this.panels.get(PanelType.MS);
+        if (msPanel) {
+            msPanel.update(deltaTime, STATS_CONFIG.MAX_MS_VALUE);
+        }
+        if (currentTime >= this.lastUpdateTime + STATS_CONFIG.UPDATE_INTERVAL) {
+            const fps = (this.frameCount * CONVERSION.MS_PER_SECOND) /
+                (currentTime - this.lastUpdateTime);
+            const fpsPanel = this.panels.get(PanelType.FPS);
+            if (fpsPanel) {
+                fpsPanel.update(fps, STATS_CONFIG.MAX_FPS_VALUE);
+            }
+            this.lastUpdateTime = currentTime;
+            this.frameCount = 0;
+            this.updateMemoryPanel();
+        }
+        return currentTime;
+    }
+    updateMemoryPanel() {
+        const memPanel = this.panels.get(PanelType.MEMORY);
+        if (!memPanel) {
+            return;
+        }
+        const perf = performance;
+        if (perf.memory) {
+            const memoryMB = perf.memory.usedJSHeapSize / CONVERSION.BYTES_TO_MB;
+            const maxMemoryMB = perf.memory.jsHeapSizeLimit / CONVERSION.BYTES_TO_MB;
+            memPanel.update(memoryMB, maxMemoryMB);
+        }
+    }
+}
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/helpers/stats/index.js
+
+const stats_StatsOverlay = StatsOverlay.getInstance();
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/BaseRenderingEngine.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const VIEWPORT_MIN_SIZE = 2;
+class BaseRenderingEngine {
+    constructor(id) {
+        this._needsRender = new Set();
+        this._animationFrameSet = false;
+        this._animationFrameHandle = null;
+        this.renderFrameOfReference = (FrameOfReferenceUID) => {
+            const viewports = this._getViewportsAsArray();
+            const viewportIdsWithSameFrameOfReferenceUID = viewports.map((vp) => {
+                if (vp.getFrameOfReferenceUID() === FrameOfReferenceUID) {
+                    return vp.id;
+                }
+            });
+            this.renderViewports(viewportIdsWithSameFrameOfReferenceUID);
+        };
+        this.id = id ? id : (0,uuidv4/* default */.A)();
+        this.useCPURendering = (0,init/* getShouldUseCPURendering */.LH)();
+        renderingEngineCache/* default */.A.set(this);
+        if (!(0,init/* isCornerstoneInitialized */.Dh)()) {
+            throw new Error('@cornerstonejs/core is not initialized, run init() first');
+        }
+        this._viewports = new Map();
+        this.hasBeenDestroyed = false;
+        const config = (0,init/* getConfiguration */.D0)();
+        if (config?.debug?.statsOverlay) {
+            stats_StatsOverlay.setup();
+        }
+    }
+    enableElement(viewportInputEntry) {
+        const viewportInput = this._normalizeViewportInputEntry(viewportInputEntry);
+        this._throwIfDestroyed();
+        const { element, viewportId } = viewportInput;
+        if (!element) {
+            throw new Error('No element provided');
+        }
+        const viewport = this.getViewport(viewportId);
+        if (viewport) {
+            this.disableElement(viewportId);
+        }
+        const { type } = viewportInput;
+        const viewportUsesCustomRenderingPipeline = (0,viewportTypeUsesCustomRenderingPipeline/* default */.A)(type);
+        if (!this.useCPURendering && !viewportUsesCustomRenderingPipeline) {
+            this.enableVTKjsDrivenViewport(viewportInput);
+        }
+        else {
+            this.addCustomViewport(viewportInput);
+        }
+        const canvas = (0,getOrCreateCanvas/* default */.Ay)(element);
+        const { background } = viewportInput.defaultOptions;
+        this.fillCanvasWithBackgroundColor(canvas, background);
+    }
+    disableElement(viewportId) {
+        this._throwIfDestroyed();
+        const viewport = this.getViewport(viewportId);
+        if (!viewport) {
+            console.warn(`viewport ${viewportId} does not exist`);
+            return;
+        }
+        this._resetViewport(viewport);
+        if (!(0,viewportTypeUsesCustomRenderingPipeline/* default */.A)(viewport.type) &&
+            !this.useCPURendering) {
+            if (this.offscreenMultiRenderWindow) {
+                this.offscreenMultiRenderWindow.removeRenderer(viewportId);
+            }
+        }
+        this._removeViewport(viewportId);
+        viewport.isDisabled = true;
+        this._needsRender.delete(viewportId);
+        const viewports = this.getViewports();
+        if (!viewports.length) {
+            this._clearAnimationFrame();
+        }
+    }
+    setViewports(publicViewportInputEntries) {
+        const viewportInputEntries = this._normalizeViewportInputEntries(publicViewportInputEntries);
+        this._throwIfDestroyed();
+        this._reset();
+        const vtkDrivenViewportInputEntries = [];
+        const customRenderingViewportInputEntries = [];
+        viewportInputEntries.forEach((vpie) => {
+            if (!this.useCPURendering &&
+                !(0,viewportTypeUsesCustomRenderingPipeline/* default */.A)(vpie.type)) {
+                vtkDrivenViewportInputEntries.push(vpie);
+            }
+            else {
+                customRenderingViewportInputEntries.push(vpie);
+            }
+        });
+        this.setVtkjsDrivenViewports(vtkDrivenViewportInputEntries);
+        this.setCustomViewports(customRenderingViewportInputEntries);
+        viewportInputEntries.forEach((vp) => {
+            const canvas = (0,getOrCreateCanvas/* default */.Ay)(vp.element);
+            const { background } = vp.defaultOptions;
+            this.fillCanvasWithBackgroundColor(canvas, background);
+        });
+    }
+    resize(immediate = true, keepCamera = true) {
+        this._throwIfDestroyed();
+        const viewports = this._getViewportsAsArray();
+        const vtkDrivenViewports = [];
+        const customRenderingViewports = [];
+        viewports.forEach((vpie) => {
+            if (!(0,viewportTypeUsesCustomRenderingPipeline/* default */.A)(vpie.type)) {
+                vtkDrivenViewports.push(vpie);
+            }
+            else {
+                customRenderingViewports.push(vpie);
+            }
+        });
+        if (vtkDrivenViewports.length) {
+            this._resizeVTKViewports(vtkDrivenViewports, keepCamera, immediate);
+        }
+        if (customRenderingViewports.length) {
+            this._resizeUsingCustomResizeHandler(customRenderingViewports, keepCamera, immediate);
+        }
+    }
+    getViewport(viewportId) {
+        return this._viewports?.get(viewportId);
+    }
+    getViewports() {
+        this._throwIfDestroyed();
+        return this._getViewportsAsArray();
+    }
+    getStackViewport(viewportId) {
+        this._throwIfDestroyed();
+        const viewport = this.getViewport(viewportId);
+        if (!viewport) {
+            throw new Error(`Viewport with Id ${viewportId} does not exist`);
+        }
+        if (!(viewport instanceof StackViewport/* default */.A)) {
+            throw new Error(`Viewport with Id ${viewportId} is not a StackViewport.`);
+        }
+        return viewport;
+    }
+    getStackViewports() {
+        this._throwIfDestroyed();
+        const viewports = this.getViewports();
+        return viewports.filter((vp) => vp instanceof StackViewport/* default */.A);
+    }
+    getVolumeViewports() {
+        this._throwIfDestroyed();
+        const viewports = this.getViewports();
+        const isVolumeViewport = (viewport) => {
+            return viewport instanceof BaseVolumeViewport/* default */.A;
+        };
+        return viewports.filter(isVolumeViewport);
+    }
+    render() {
+        const viewports = this.getViewports();
+        const viewportIds = viewports.map((vp) => vp.id);
+        this._setViewportsToBeRenderedNextFrame(viewportIds);
+    }
+    renderViewports(viewportIds) {
+        this._setViewportsToBeRenderedNextFrame(viewportIds);
+    }
+    renderViewport(viewportId) {
+        this._setViewportsToBeRenderedNextFrame([viewportId]);
+    }
+    destroy() {
+        if (this.hasBeenDestroyed) {
+            return;
+        }
+        stats_StatsOverlay.cleanup();
+        if (!this.useCPURendering) {
+            const viewports = this._getViewportsAsArray();
+            viewports.forEach((vp) => {
+                if (this.offscreenMultiRenderWindow) {
+                    this.offscreenMultiRenderWindow.removeRenderer(vp.id);
+                }
+            });
+            if (this.offscreenMultiRenderWindow) {
+                this.offscreenMultiRenderWindow.delete();
+            }
+            delete this.offscreenMultiRenderWindow;
+        }
+        this._reset();
+        renderingEngineCache/* default */.A.delete(this.id);
+        this.hasBeenDestroyed = true;
+    }
+    fillCanvasWithBackgroundColor(canvas, backgroundColor) {
+        const ctx = canvas.getContext('2d');
+        let fillStyle;
+        if (backgroundColor) {
+            const rgb = backgroundColor.map((f) => Math.floor(255 * f));
+            fillStyle = `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
+        }
+        else {
+            fillStyle = 'black';
+        }
+        ctx.fillStyle = fillStyle;
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+    }
+    _normalizeViewportInputEntry(viewportInputEntry) {
+        const { type, defaultOptions } = viewportInputEntry;
+        let options = defaultOptions;
+        if (!options || Object.keys(options).length === 0) {
+            options = {
+                background: [0, 0, 0],
+                orientation: null,
+                displayArea: null,
+            };
+            if (type === ViewportType/* default */.A.ORTHOGRAPHIC) {
+                options = {
+                    ...options,
+                    orientation: enums.OrientationAxis.AXIAL,
+                };
+            }
+        }
+        return {
+            ...viewportInputEntry,
+            defaultOptions: options,
+        };
+    }
+    _normalizeViewportInputEntries(viewportInputEntries) {
+        const normalizedViewportInputs = [];
+        viewportInputEntries.forEach((viewportInput) => {
+            normalizedViewportInputs.push(this._normalizeViewportInputEntry(viewportInput));
+        });
+        return normalizedViewportInputs;
+    }
+    _resizeUsingCustomResizeHandler(customRenderingViewports, keepCamera = true, immediate = true) {
+        customRenderingViewports.forEach((vp) => {
+            if (typeof vp.resize === 'function') {
+                vp.resize();
+            }
+        });
+        customRenderingViewports.forEach((vp) => {
+            const prevCamera = vp.getCamera();
+            vp.resetCamera();
+            if (keepCamera) {
+                vp.setCamera(prevCamera);
+            }
+        });
+        if (immediate) {
+            this.render();
+        }
+    }
+    _removeViewport(viewportId) {
+        const viewport = this.getViewport(viewportId);
+        if (!viewport) {
+            console.warn(`viewport ${viewportId} does not exist`);
+            return;
+        }
+        this._viewports.delete(viewportId);
+    }
+    addCustomViewport(viewportInputEntry) {
+        const { element, viewportId, type, defaultOptions } = viewportInputEntry;
+        element.tabIndex = -1;
+        const canvas = (0,getOrCreateCanvas/* default */.Ay)(element);
+        const { clientWidth, clientHeight } = canvas;
+        if (canvas.width !== clientWidth || canvas.height !== clientHeight) {
+            canvas.width = clientWidth;
+            canvas.height = clientHeight;
+        }
+        const viewportInput = {
+            id: viewportId,
+            renderingEngineId: this.id,
+            element,
+            type,
+            canvas,
+            sx: 0,
+            sy: 0,
+            sWidth: clientWidth,
+            sHeight: clientHeight,
+            defaultOptions: defaultOptions || {},
+        };
+        const ViewportType = viewportTypeToViewportClass/* default */.A[type];
+        const viewport = new ViewportType(viewportInput);
+        this._viewports.set(viewportId, viewport);
+        const eventDetail = {
+            element,
+            viewportId,
+            renderingEngineId: this.id,
+        };
+        (0,triggerEvent/* default */.A)(eventTarget/* default */.A, Events/* default */.A.ELEMENT_ENABLED, eventDetail);
+    }
+    getRenderer(viewportId) {
+        return this.offscreenMultiRenderWindow.getRenderer(viewportId);
+    }
+    getOffscreenMultiRenderWindow(viewportId) {
+        if (this.useCPURendering) {
+            throw new Error('Offscreen multi render window is not available when using CPU rendering.');
+        }
+        return this.offscreenMultiRenderWindow;
+    }
+    setCustomViewports(viewportInputEntries) {
+        viewportInputEntries.forEach((vpie) => {
+            this.addCustomViewport(vpie);
+        });
+    }
+    _getViewportsAsArray() {
+        return Array.from(this._viewports.values());
+    }
+    _setViewportsToBeRenderedNextFrame(viewportIds) {
+        viewportIds.forEach((viewportId) => {
+            this._needsRender.add(viewportId);
+        });
+        this._render();
+    }
+    _render() {
+        if (this._needsRender.size > 0 && !this._animationFrameSet) {
+            this._animationFrameHandle = window.requestAnimationFrame(this._renderFlaggedViewports);
+            this._animationFrameSet = true;
+        }
+    }
+    _resetViewport(viewport) {
+        const renderingEngineId = this.id;
+        const { element, canvas, id: viewportId } = viewport;
+        const eventDetail = {
+            element,
+            viewportId,
+            renderingEngineId,
+        };
+        viewport.removeWidgets();
+        (0,triggerEvent/* default */.A)(eventTarget/* default */.A, Events/* default */.A.ELEMENT_DISABLED, eventDetail);
+        element.removeAttribute('data-viewport-uid');
+        element.removeAttribute('data-rendering-engine-uid');
+        const context = canvas.getContext('2d');
+        context.clearRect(0, 0, canvas.width, canvas.height);
+    }
+    _clearAnimationFrame() {
+        window.cancelAnimationFrame(this._animationFrameHandle);
+        this._needsRender.clear();
+        this._animationFrameSet = false;
+        this._animationFrameHandle = null;
+    }
+    _reset() {
+        const viewports = this._getViewportsAsArray();
+        viewports.forEach((viewport) => {
+            this._resetViewport(viewport);
+        });
+        this._clearAnimationFrame();
+        this._viewports = new Map();
+    }
+    _throwIfDestroyed() {
+        if (this.hasBeenDestroyed) {
+            throw new Error('this.destroy() has been manually called to free up memory, can not longer use this instance. Instead make a new one.');
+        }
+    }
 }
+/* harmony default export */ const RenderingEngine_BaseRenderingEngine = (BaseRenderingEngine);
 
 
 /***/ }),
@@ -88394,8 +88859,8 @@ __webpack_require__.d(__webpack_exports__, {
 var init = __webpack_require__(26896);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/TiledRenderingEngine.js
 var RenderingEngine_TiledRenderingEngine = __webpack_require__(54072);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/BaseRenderingEngine.js
-var BaseRenderingEngine = __webpack_require__(30885);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/BaseRenderingEngine.js + 5 modules
+var BaseRenderingEngine = __webpack_require__(86871);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/vtkClasses/index.js + 26 modules
 var vtkClasses = __webpack_require__(42295);
 ;// ../../../node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/WebGLContextPool.js
@@ -88674,6 +89139,9 @@ class ContextPoolRenderingEngine_ContextPoolRenderingEngine extends BaseRenderin
         });
         renderWindow.render();
         allRenderers.forEach(({ renderer: r }) => r.setDraw(false));
+        widgetRenderers.forEach((_, renderer) => {
+            renderer.setDraw(false);
+        });
         const openGLRenderWindow = offscreenMultiRenderWindow.getOpenGLRenderWindow();
         const context = openGLRenderWindow.get3DContext();
         const offScreenCanvas = context.canvas;
@@ -88686,6 +89154,10 @@ class ContextPoolRenderingEngine_ContextPoolRenderingEngine extends BaseRenderin
     _resizeOffScreenCanvasForViewport(viewportCanvas, offScreenCanvasContainer, offscreenMultiRenderWindow) {
         const offScreenCanvasWidth = viewportCanvas.width;
         const offScreenCanvasHeight = viewportCanvas.height;
+        if (offScreenCanvasContainer.height === offScreenCanvasHeight &&
+            offScreenCanvasContainer.width === offScreenCanvasWidth) {
+            return;
+        }
         offScreenCanvasContainer.width = offScreenCanvasWidth;
         offScreenCanvasContainer.height = offScreenCanvasHeight;
         offscreenMultiRenderWindow.resize();
@@ -89054,6 +89526,54 @@ var resourceSharingHelper = {
 
 
 
+/***/ }),
+
+/***/ 91004:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ constants_mprCameraValues)
+});
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/deepFreeze.js
+function deepFreeze(object) {
+    const propNames = Object.getOwnPropertyNames(object);
+    for (const name of propNames) {
+        const value = object[name];
+        if (value && typeof value === 'object') {
+            deepFreeze(value);
+        }
+    }
+    return Object.freeze(object);
+}
+/* harmony default export */ const utilities_deepFreeze = (deepFreeze);
+
+;// ../../../node_modules/@cornerstonejs/core/dist/esm/constants/mprCameraValues.js
+
+const MPR_CAMERA_VALUES = {
+    axial: {
+        viewPlaneNormal: [0, 0, -1],
+        viewUp: [0, -1, 0],
+        viewRight: [1, 0, 0],
+    },
+    sagittal: {
+        viewPlaneNormal: [1, 0, 0],
+        viewUp: [0, 0, 1],
+        viewRight: [0, 1, 0],
+    },
+    coronal: {
+        viewPlaneNormal: [0, -1, 0],
+        viewUp: [0, 0, 1],
+        viewRight: [1, 0, 0],
+    },
+};
+const mprCameraValues = utilities_deepFreeze(MPR_CAMERA_VALUES);
+/* harmony default export */ const constants_mprCameraValues = (mprCameraValues);
+
+
 /***/ }),
 
 /***/ 91073:
@@ -90824,6 +91344,8 @@ var Events;
     Events["TOOLGROUP_VIEWPORT_REMOVED"] = "CORNERSTONE_TOOLS_TOOLGROUP_VIEWPORT_REMOVED";
     Events["TOOL_MODE_CHANGED"] = "CORNERSTONE_TOOLS_TOOL_MODE_CHANGED";
     Events["CROSSHAIR_TOOL_CENTER_CHANGED"] = "CORNERSTONE_TOOLS_CROSSHAIR_TOOL_CENTER_CHANGED";
+    Events["VOLUMECROPPINGCONTROL_TOOL_CHANGED"] = "CORNERSTONE_TOOLS_VOLUMECROPPINGCONTROL_TOOL_CHANGED";
+    Events["VOLUMECROPPING_TOOL_CHANGED"] = "CORNERSTONE_TOOLS_VOLUMECROPPING_TOOL_CHANGED";
     Events["ANNOTATION_ADDED"] = "CORNERSTONE_TOOLS_ANNOTATION_ADDED";
     Events["ANNOTATION_COMPLETED"] = "CORNERSTONE_TOOLS_ANNOTATION_COMPLETED";
     Events["ANNOTATION_MODIFIED"] = "CORNERSTONE_TOOLS_ANNOTATION_MODIFIED";
@@ -90958,8 +91480,8 @@ var esm = __webpack_require__(3823);
 var Plane = __webpack_require__(75127);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/cache/cache.js
 var cache = __webpack_require__(49038);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js + 6 modules
-var constants = __webpack_require__(19325);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/constants/index.js + 4 modules
+var constants = __webpack_require__(76491);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/index.js + 1 modules
 var enums = __webpack_require__(71851);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/actorCheck.js