@ohif/app 3.13.0-beta.74 → 3.13.0-beta.76

package/dist/{6386.bundle.5d82d1f41d1c37a0358d.js → 6386.bundle.dc7e3b159d6b4733647f.js}

@@ -7015,6 +7015,7 @@ class SegmentationStateManager {
     constructor(uid) {
         this._stackLabelmapImageIdReferenceMap = new Map();
         this._labelmapImageIdReferenceMap = new Map();
+        this._labelmapKeysBySegmentationId = new Map();
         uid ||= _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.uuidv4();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
         this.uid = uid;
@@ -7036,6 +7037,7 @@ class SegmentationStateManager {
     resetState() {
         this._stackLabelmapImageIdReferenceMap.clear();
         this._labelmapImageIdReferenceMap.clear();
+        this._labelmapKeysBySegmentationId.clear();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
     }
     getSegmentation(segmentationId) {
@@ -7070,6 +7072,14 @@ class SegmentationStateManager {
         (0,_events_triggerSegmentationAdded__WEBPACK_IMPORTED_MODULE_6__/* .triggerSegmentationAdded */ .R)(segmentation.segmentationId);
     }
     removeSegmentation(segmentationId) {
+        this._stackLabelmapImageIdReferenceMap.delete(segmentationId);
+        const keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (keys) {
+            for (const key of keys) {
+                this._labelmapImageIdReferenceMap.delete(key);
+            }
+            this._labelmapKeysBySegmentationId.delete(segmentationId);
+        }
         this.updateState((state) => {
             const filteredSegmentations = state.segmentations.filter((segmentation) => segmentation.segmentationId !== segmentationId);
             state.segmentations.splice(0, state.segmentations.length, ...filteredSegmentations);
@@ -7364,11 +7374,18 @@ class SegmentationStateManager {
         const key = this._generateMapKey({ segmentationId, referenceImageId });
         if (!this._labelmapImageIdReferenceMap.has(key)) {
             this._labelmapImageIdReferenceMap.set(key, [labelmapImageId]);
-            return;
         }
-        const currentValues = this._labelmapImageIdReferenceMap.get(key);
-        const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
-        this._labelmapImageIdReferenceMap.set(key, newValues);
+        else {
+            const currentValues = this._labelmapImageIdReferenceMap.get(key);
+            const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
+            this._labelmapImageIdReferenceMap.set(key, newValues);
+        }
+        let keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (!keys) {
+            keys = new Set();
+            this._labelmapKeysBySegmentationId.set(segmentationId, keys);
+        }
+        keys.add(key);
     }
     _setActiveSegmentation(state, viewportId, segmentationId) {
         const viewport = state.viewportSegRepresentations[viewportId];

package/dist/{7537.bundle.889ba5f2707418c6fd88.js → 7537.bundle.88314e5a6269f96a0bae.js}

@@ -1171,7 +1171,8 @@ class BaseVolumeViewport extends Viewport/* default */.A {
     initializeVolumeNewImageEventDispatcher() {
         const volumeNewImageHandlerBound = volumeNewImageHandler.bind(this);
         const volumeNewImageCleanUpBound = volumeNewImageCleanUp.bind(this);
-        function volumeNewImageHandler(cameraEvent) {
+        function volumeNewImageHandler(event) {
+            const cameraEvent = event;
             const { viewportId } = cameraEvent.detail;
             if (viewportId !== this.id || this.isDisabled) {
                 return;
@@ -1664,24 +1665,21 @@ class BaseVolumeViewport extends Viewport/* default */.A {
             return;
         }
         const { volumeActor } = applicableVolumeActorInfo;
-        let preset = presetNameOrObj;
-        if (typeof preset === 'string') {
-            preset = constants.VIEWPORT_PRESETS.find((preset) => {
-                return preset.name === presetNameOrObj;
-            });
-        }
-        if (!preset) {
+        const viewportPreset = typeof presetNameOrObj === 'string'
+            ? constants.VIEWPORT_PRESETS.find((preset) => preset.name === presetNameOrObj)
+            : presetNameOrObj;
+        if (!viewportPreset) {
             return;
         }
-        (0,applyPreset/* default */.A)(volumeActor, preset);
-        this.viewportProperties.preset = preset;
+        (0,applyPreset/* default */.A)(volumeActor, viewportPreset);
+        this.viewportProperties.preset = viewportPreset.name;
         this.render();
         if (!suppressEvents) {
             (0,triggerEvent/* default */.A)(this.element, enums.Events.PRESET_MODIFIED, {
                 viewportId: this.id,
                 volumeId: applicableVolumeActorInfo.volumeId,
                 actor: volumeActor,
-                presetName: preset.name,
+                presetName: viewportPreset.name,
             });
         }
     }
@@ -36341,7 +36339,7 @@ function uuidv4() {
 
 "use strict";
 /* unused harmony export version */
-const version = '4.22.3';
+const version = '4.22.8';
 
 
 /***/ },
@@ -39266,10 +39264,10 @@ function getViewportIdsWithSegmentation(segmentationId) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   DU: () => (/* binding */ getSurfaceRepresentationUID),
 /* harmony export */   ED: () => (/* binding */ getLabelmapActorEntries),
-/* harmony export */   Qe: () => (/* binding */ getLabelmapActorUID),
 /* harmony export */   Th: () => (/* binding */ getSurfaceActorEntry),
 /* harmony export */   wV: () => (/* binding */ getLabelmapActorEntry)
 /* harmony export */ });
+/* unused harmony export getLabelmapActorUID */
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29857);
 

package/dist/{9039.bundle.f72736f47fedeff521e2.js → 9039.bundle.f5db80328c99cd11293b.js}

@@ -7309,7 +7309,7 @@ var COLOR_LUT = __webpack_require__(93952);
 
 
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/version.js
-const version = '4.22.3';
+const version = '4.22.8';
 
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/synchronizers/callbacks/cameraSyncCallback.js
 /* unused harmony import specifier */ var cameraSyncCallback_getRenderingEngine;
@@ -22894,12 +22894,9 @@ class SplineROITool extends ContourSegmentationBaseTool/* default */.A {
                 const deltaInX = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaXPoint);
                 const deltaInY = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaYPoint);
                 const { imageData } = image;
-                const { scale, areaUnit } = (0,getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op)(image, () => {
+                const { areaUnit } = (0,getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op)(image, () => {
                     const { maxX: canvasMaxX, maxY: canvasMaxY, minX: canvasMinX, minY: canvasMinY, } = math.polyline.getAABB(canvasCoordinates);
-                    const topLeftBBWorld = viewport.canvasToWorld([
-                        canvasMinX,
-                        canvasMinY,
-                    ]);
+                    const topLeftBBWorld = viewport.canvasToWorld([canvasMinX, canvasMinY]);
                     const topLeftBBIndex = esm.utilities.transformWorldToIndex(imageData, topLeftBBWorld);
                     const bottomRightBBWorld = viewport.canvasToWorld([
                         canvasMaxX,
@@ -22908,8 +22905,7 @@ class SplineROITool extends ContourSegmentationBaseTool/* default */.A {
                     const bottomRightBBIndex = esm.utilities.transformWorldToIndex(imageData, bottomRightBBWorld);
                     return [topLeftBBIndex, bottomRightBBIndex];
                 });
-                let area = math.polyline.getArea(canvasCoordinates) / scale / scale;
-                area *= deltaInX * deltaInY;
+                const area = math.polyline.getArea(canvasCoordinates) * deltaInX * deltaInY;
                 cachedStats[targetId] = {
                     Modality: metadata.Modality,
                     area,
@@ -23655,12 +23651,9 @@ class LivewireContourTool extends ContourSegmentationBaseTool/* default */.A {
                 const deltaInX = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaXPoint);
                 const deltaInY = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaYPoint);
                 const { imageData } = image;
-                const { scale, areaUnit } = (0,getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op)(image, () => {
+                const { areaUnit } = (0,getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op)(image, () => {
                     const { maxX: canvasMaxX, maxY: canvasMaxY, minX: canvasMinX, minY: canvasMinY, } = math.polyline.getAABB(canvasCoordinates);
-                    const topLeftBBWorld = viewport.canvasToWorld([
-                        canvasMinX,
-                        canvasMinY,
-                    ]);
+                    const topLeftBBWorld = viewport.canvasToWorld([canvasMinX, canvasMinY]);
                     const topLeftBBIndex = esm.utilities.transformWorldToIndex(imageData, topLeftBBWorld);
                     const bottomRightBBWorld = viewport.canvasToWorld([
                         canvasMaxX,
@@ -23669,8 +23662,7 @@ class LivewireContourTool extends ContourSegmentationBaseTool/* default */.A {
                     const bottomRightBBIndex = esm.utilities.transformWorldToIndex(imageData, bottomRightBBWorld);
                     return [topLeftBBIndex, bottomRightBBIndex];
                 });
-                let area = math.polyline.getArea(canvasCoordinates) / scale / scale;
-                area *= deltaInX * deltaInY;
+                const area = math.polyline.getArea(canvasCoordinates) * deltaInX * deltaInY;
                 cachedStats[targetId] = {
                     Modality: metadata.Modality,
                     area,
@@ -33259,6 +33251,7 @@ class SegmentationStateManager {
     constructor(uid) {
         this._stackLabelmapImageIdReferenceMap = new Map();
         this._labelmapImageIdReferenceMap = new Map();
+        this._labelmapKeysBySegmentationId = new Map();
         uid ||= _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.uuidv4();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
         this.uid = uid;
@@ -33280,6 +33273,7 @@ class SegmentationStateManager {
     resetState() {
         this._stackLabelmapImageIdReferenceMap.clear();
         this._labelmapImageIdReferenceMap.clear();
+        this._labelmapKeysBySegmentationId.clear();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
     }
     getSegmentation(segmentationId) {
@@ -33314,6 +33308,14 @@ class SegmentationStateManager {
         (0,_events_triggerSegmentationAdded__WEBPACK_IMPORTED_MODULE_6__/* .triggerSegmentationAdded */ .R)(segmentation.segmentationId);
     }
     removeSegmentation(segmentationId) {
+        this._stackLabelmapImageIdReferenceMap.delete(segmentationId);
+        const keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (keys) {
+            for (const key of keys) {
+                this._labelmapImageIdReferenceMap.delete(key);
+            }
+            this._labelmapKeysBySegmentationId.delete(segmentationId);
+        }
         this.updateState((state) => {
             const filteredSegmentations = state.segmentations.filter((segmentation) => segmentation.segmentationId !== segmentationId);
             state.segmentations.splice(0, state.segmentations.length, ...filteredSegmentations);
@@ -33608,11 +33610,18 @@ class SegmentationStateManager {
         const key = this._generateMapKey({ segmentationId, referenceImageId });
         if (!this._labelmapImageIdReferenceMap.has(key)) {
             this._labelmapImageIdReferenceMap.set(key, [labelmapImageId]);
-            return;
         }
-        const currentValues = this._labelmapImageIdReferenceMap.get(key);
-        const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
-        this._labelmapImageIdReferenceMap.set(key, newValues);
+        else {
+            const currentValues = this._labelmapImageIdReferenceMap.get(key);
+            const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
+            this._labelmapImageIdReferenceMap.set(key, newValues);
+        }
+        let keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (!keys) {
+            keys = new Set();
+            this._labelmapKeysBySegmentationId.set(segmentationId, keys);
+        }
+        keys.add(key);
     }
     _setActiveSegmentation(state, viewportId, segmentationId) {
         const viewport = state.viewportSegRepresentations[viewportId];
@@ -36957,7 +36966,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
         }
     }
     updateClosedCachedStats({ viewport, points, imageData, metadata, cachedStats, targetId, modalityUnit, canvasCoordinates, calibratedScale, deltaInX, deltaInY, }) {
-        const { scale, areaUnit, unit } = calibratedScale;
+        const { areaUnit, unit } = calibratedScale;
         const { voxelManager } = viewport.getImageData();
         const indexPoints = points.map((point) => imageData.worldToIndex(point));
         let iMin = Number.MAX_SAFE_INTEGER;
@@ -36975,8 +36984,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             kMin = Math.min(kMin, worldPosIndex[2]);
             kMax = Math.max(kMax, worldPosIndex[2]);
         }
-        let area = _utilities_math__WEBPACK_IMPORTED_MODULE_3__.polyline.getArea(canvasCoordinates) / scale / scale;
-        area *= deltaInX * deltaInY;
+        const area = _utilities_math__WEBPACK_IMPORTED_MODULE_3__.polyline.getArea(canvasCoordinates) * deltaInX * deltaInY;
         const perimeter = PlanarFreehandROITool.calculateLengthInIndex(calibratedScale, indexPoints, closed);
         const iDelta = 0.01 * (iMax - iMin);
         const jDelta = 0.01 * (jMax - jMin);
@@ -37598,8 +37606,14 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                     ];
                     const handles = [pos1Index, pos2Index];
                     const calibrate = (0,_utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_3__/* .getCalibratedLengthUnitsAndScale */ .Op)(image, handles);
-                    const width = RectangleROITool.calculateLengthInIndex(calibrate, indexHandles.slice(0, 2));
-                    const height = RectangleROITool.calculateLengthInIndex(calibrate, indexHandles.slice(2, 4));
+                    const width = RectangleROITool.calculateLengthInIndex(calibrate, [
+                        indexHandles[0],
+                        indexHandles[1],
+                    ]);
+                    const height = RectangleROITool.calculateLengthInIndex(calibrate, [
+                        indexHandles[0],
+                        indexHandles[2],
+                    ]);
                     const area = Math.abs(width * height);
                     const { areaUnit } = calibrate;
                     const pixelUnitsOptions = {

package/dist/{9205.bundle.ed7bce8436a7a431955e.js → 9205.bundle.f2121894550d46d17398.js}

@@ -4906,6 +4906,7 @@ class SegmentationStateManager {
     constructor(uid) {
         this._stackLabelmapImageIdReferenceMap = new Map();
         this._labelmapImageIdReferenceMap = new Map();
+        this._labelmapKeysBySegmentationId = new Map();
         uid ||= _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.uuidv4();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
         this.uid = uid;
@@ -4927,6 +4928,7 @@ class SegmentationStateManager {
     resetState() {
         this._stackLabelmapImageIdReferenceMap.clear();
         this._labelmapImageIdReferenceMap.clear();
+        this._labelmapKeysBySegmentationId.clear();
         this.state = Object.freeze(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.deepClone(initialDefaultState));
     }
     getSegmentation(segmentationId) {
@@ -4961,6 +4963,14 @@ class SegmentationStateManager {
         (0,_events_triggerSegmentationAdded__WEBPACK_IMPORTED_MODULE_6__/* .triggerSegmentationAdded */ .R)(segmentation.segmentationId);
     }
     removeSegmentation(segmentationId) {
+        this._stackLabelmapImageIdReferenceMap.delete(segmentationId);
+        const keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (keys) {
+            for (const key of keys) {
+                this._labelmapImageIdReferenceMap.delete(key);
+            }
+            this._labelmapKeysBySegmentationId.delete(segmentationId);
+        }
         this.updateState((state) => {
             const filteredSegmentations = state.segmentations.filter((segmentation) => segmentation.segmentationId !== segmentationId);
             state.segmentations.splice(0, state.segmentations.length, ...filteredSegmentations);
@@ -5255,11 +5265,18 @@ class SegmentationStateManager {
         const key = this._generateMapKey({ segmentationId, referenceImageId });
         if (!this._labelmapImageIdReferenceMap.has(key)) {
             this._labelmapImageIdReferenceMap.set(key, [labelmapImageId]);
-            return;
         }
-        const currentValues = this._labelmapImageIdReferenceMap.get(key);
-        const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
-        this._labelmapImageIdReferenceMap.set(key, newValues);
+        else {
+            const currentValues = this._labelmapImageIdReferenceMap.get(key);
+            const newValues = Array.from(new Set([...currentValues, labelmapImageId]));
+            this._labelmapImageIdReferenceMap.set(key, newValues);
+        }
+        let keys = this._labelmapKeysBySegmentationId.get(segmentationId);
+        if (!keys) {
+            keys = new Set();
+            this._labelmapKeysBySegmentationId.set(segmentationId, keys);
+        }
+        keys.add(key);
     }
     _setActiveSegmentation(state, viewportId, segmentationId) {
         const viewport = state.viewportSegRepresentations[viewportId];
@@ -6000,10 +6017,10 @@ async function computeVolumeLabelmapFromStack(args) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   DU: () => (/* binding */ getSurfaceRepresentationUID),
 /* harmony export */   ED: () => (/* binding */ getLabelmapActorEntries),
-/* harmony export */   Qe: () => (/* binding */ getLabelmapActorUID),
 /* harmony export */   Th: () => (/* binding */ getSurfaceActorEntry),
 /* harmony export */   wV: () => (/* binding */ getLabelmapActorEntry)
 /* harmony export */ });
+/* unused harmony export getLabelmapActorUID */
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29857);
 
@@ -24975,12 +24992,9 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
                 const deltaInX = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.distance */ .eR.distance(originalWorldPoint, deltaXPoint);
                 const deltaInY = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec3.distance */ .eR.distance(originalWorldPoint, deltaYPoint);
                 const { imageData } = image;
-                const { scale, areaUnit } = (0,_utilities__WEBPACK_IMPORTED_MODULE_16__.getCalibratedLengthUnitsAndScale)(image, () => {
+                const { areaUnit } = (0,_utilities__WEBPACK_IMPORTED_MODULE_16__.getCalibratedLengthUnitsAndScale)(image, () => {
                     const { maxX: canvasMaxX, maxY: canvasMaxY, minX: canvasMinX, minY: canvasMinY, } = _utilities_math__WEBPACK_IMPORTED_MODULE_7__.polyline.getAABB(canvasCoordinates);
-                    const topLeftBBWorld = viewport.canvasToWorld([
-                        canvasMinX,
-                        canvasMinY,
-                    ]);
+                    const topLeftBBWorld = viewport.canvasToWorld([canvasMinX, canvasMinY]);
                     const topLeftBBIndex = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.transformWorldToIndex(imageData, topLeftBBWorld);
                     const bottomRightBBWorld = viewport.canvasToWorld([
                         canvasMaxX,
@@ -24989,8 +25003,7 @@ class LivewireContourTool extends _base_ContourSegmentationBaseTool__WEBPACK_IMP
                     const bottomRightBBIndex = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.utilities.transformWorldToIndex(imageData, bottomRightBBWorld);
                     return [topLeftBBIndex, bottomRightBBIndex];
                 });
-                let area = _utilities_math__WEBPACK_IMPORTED_MODULE_7__.polyline.getArea(canvasCoordinates) / scale / scale;
-                area *= deltaInX * deltaInY;
+                const area = _utilities_math__WEBPACK_IMPORTED_MODULE_7__.polyline.getArea(canvasCoordinates) * deltaInX * deltaInY;
                 cachedStats[targetId] = {
                     Modality: metadata.Modality,
                     area,
@@ -26536,12 +26549,9 @@ class SplineROITool extends _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_
                 const deltaInX = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.distance */ .eR.distance(originalWorldPoint, deltaXPoint);
                 const deltaInY = gl_matrix__WEBPACK_IMPORTED_MODULE_1__/* .vec3.distance */ .eR.distance(originalWorldPoint, deltaYPoint);
                 const { imageData } = image;
-                const { scale, areaUnit } = (0,_utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_9__/* .getCalibratedLengthUnitsAndScale */ .Op)(image, () => {
+                const { areaUnit } = (0,_utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_9__/* .getCalibratedLengthUnitsAndScale */ .Op)(image, () => {
                     const { maxX: canvasMaxX, maxY: canvasMaxY, minX: canvasMinX, minY: canvasMinY, } = _utilities_math__WEBPACK_IMPORTED_MODULE_6__.polyline.getAABB(canvasCoordinates);
-                    const topLeftBBWorld = viewport.canvasToWorld([
-                        canvasMinX,
-                        canvasMinY,
-                    ]);
+                    const topLeftBBWorld = viewport.canvasToWorld([canvasMinX, canvasMinY]);
                     const topLeftBBIndex = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.transformWorldToIndex(imageData, topLeftBBWorld);
                     const bottomRightBBWorld = viewport.canvasToWorld([
                         canvasMaxX,
@@ -26550,8 +26560,7 @@ class SplineROITool extends _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_
                     const bottomRightBBIndex = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.transformWorldToIndex(imageData, bottomRightBBWorld);
                     return [topLeftBBIndex, bottomRightBBIndex];
                 });
-                let area = _utilities_math__WEBPACK_IMPORTED_MODULE_6__.polyline.getArea(canvasCoordinates) / scale / scale;
-                area *= deltaInX * deltaInY;
+                const area = _utilities_math__WEBPACK_IMPORTED_MODULE_6__.polyline.getArea(canvasCoordinates) * deltaInX * deltaInY;
                 cachedStats[targetId] = {
                     Modality: metadata.Modality,
                     area,
@@ -47548,7 +47557,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.22.3';
+const version = '4.22.8';
 
 
 /***/ },

package/dist/{app.bundle.577e4476293935af2cc0.js → app.bundle.25a9cc67641d1a331986.js}

@@ -4857,7 +4857,8 @@ class BaseVolumeViewport extends Viewport/* default */.A {
     initializeVolumeNewImageEventDispatcher() {
         const volumeNewImageHandlerBound = volumeNewImageHandler.bind(this);
         const volumeNewImageCleanUpBound = volumeNewImageCleanUp.bind(this);
-        function volumeNewImageHandler(cameraEvent) {
+        function volumeNewImageHandler(event) {
+            const cameraEvent = event;
             const { viewportId } = cameraEvent.detail;
             if (viewportId !== this.id || this.isDisabled) {
                 return;
@@ -5350,24 +5351,21 @@ class BaseVolumeViewport extends Viewport/* default */.A {
             return;
         }
         const { volumeActor } = applicableVolumeActorInfo;
-        let preset = presetNameOrObj;
-        if (typeof preset === 'string') {
-            preset = constants.VIEWPORT_PRESETS.find((preset) => {
-                return preset.name === presetNameOrObj;
-            });
-        }
-        if (!preset) {
+        const viewportPreset = typeof presetNameOrObj === 'string'
+            ? constants.VIEWPORT_PRESETS.find((preset) => preset.name === presetNameOrObj)
+            : presetNameOrObj;
+        if (!viewportPreset) {
             return;
         }
-        (0,applyPreset/* default */.A)(volumeActor, preset);
-        this.viewportProperties.preset = preset;
+        (0,applyPreset/* default */.A)(volumeActor, viewportPreset);
+        this.viewportProperties.preset = viewportPreset.name;
         this.render();
         if (!suppressEvents) {
             (0,triggerEvent/* default */.A)(this.element, enums.Events.PRESET_MODIFIED, {
                 viewportId: this.id,
                 volumeId: applicableVolumeActorInfo.volumeId,
                 actor: volumeActor,
-                presetName: preset.name,
+                presetName: viewportPreset.name,
             });
         }
     }
@@ -46441,7 +46439,7 @@ function toLowHighRange(windowWidth, windowCenter, voiLUTFunction = _enums_VOILU
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.22.3';
+const version = '4.22.8';
 
 
 /***/ },
@@ -80778,7 +80776,7 @@ const detectionOptions = {
   }
 });
 ;// ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.73"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.75"}');
 ;// ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -223089,24 +223087,27 @@ const DataRowComponent = /*#__PURE__*/react.forwardRef(({
     if (text === '') {
       return /*#__PURE__*/react.createElement("div", {
         key: `empty-${indent}`,
-        className: "h-2"
+        className: "h-2",
+        "data-cy": "data-row-detail-line-empty"
       });
     }
     const cleanText = decodeHTML(text);
     return /*#__PURE__*/react.createElement("div", {
       key: cleanText,
-      className: "whitespace-pre-wrap"
+      className: "whitespace-pre-wrap",
+      "data-cy": "data-row-detail-line"
     }, indentation, /*#__PURE__*/react.createElement("span", {
       className: "font-medium"
     }, cleanText));
   };
-  const renderDetails = details => {
+  const renderDetails = (details, variant) => {
     const visibleLines = details.slice(0, 4);
     const hiddenLines = details.slice(4);
     return /*#__PURE__*/react.createElement(Tooltip_Tooltip, null, /*#__PURE__*/react.createElement(Tooltip_TooltipTrigger, {
       asChild: true
     }, /*#__PURE__*/react.createElement("div", {
-      className: "cursor-help"
+      className: "cursor-help",
+      "data-cy": `data-row-details-${variant}`
     }, /*#__PURE__*/react.createElement("div", {
       className: "flex flex-col space-y-1"
     }, visibleLines.map((line, lineIndex) => renderDetailText(line, line.startsWith('  ') ? 1 : 0))), hiddenLines.length > 0 && /*#__PURE__*/react.createElement("div", {
@@ -223230,12 +223231,13 @@ const DataRowComponent = /*#__PURE__*/react.forwardRef(({
     className: "pl-2",
     "data-cy": "LockToggle"
   }, isLocked ? t('Unlock') : t('Lock')))))))), details && (details.primary?.length > 0 || details.secondary?.length > 0) && /*#__PURE__*/react.createElement("div", {
-    className: "ml-7 px-2 py-2"
+    className: "ml-7 px-2 py-2",
+    "data-cy": "data-row-details"
   }, /*#__PURE__*/react.createElement("div", {
     className: "text-secondary-foreground flex items-center gap-1 text-base leading-normal"
-  }, details.primary?.length > 0 && renderDetails(details.primary), details.secondary?.length > 0 && /*#__PURE__*/react.createElement("div", {
+  }, details.primary?.length > 0 && renderDetails(details.primary, 'primary'), details.secondary?.length > 0 && /*#__PURE__*/react.createElement("div", {
     className: "text-muted-foreground ml-auto text-sm"
-  }, renderDetails(details.secondary)))));
+  }, renderDetails(details.secondary, 'secondary')))));
 });
 DataRowComponent.displayName = 'DataRow';
 const StatusIndicator = ({
@@ -223419,7 +223421,9 @@ const MeasurementTable_Row = ({
   const {
     uid
   } = item;
-  return /*#__PURE__*/react.createElement(DataRow_DataRow, {
+  return /*#__PURE__*/react.createElement("div", {
+    "data-cy": `measurement-table-row-${index}`
+  }, /*#__PURE__*/react.createElement(DataRow_DataRow, {
     key: item.uid,
     description: item.label,
     number: index + 1,
@@ -223438,7 +223442,7 @@ const MeasurementTable_Row = ({
     isLocked: item.isLocked
   }, item.isUnmapped && /*#__PURE__*/react.createElement(DataRow_DataRow.Status.Warning, {
     tooltip: item.statusTooltip
-  }));
+  })));
 };
 MeasurementTable.Header = MeasurementTable_Header;
 MeasurementTable.Body = MeasurementTable_Body;
@@ -397616,7 +397620,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"7d0416939f5505006533","213":"11d39c0cd6d33a67b8c7","572":"e1f6f05d81ea1352bef3","732":"ea6f9d8504e37e01a208","1459":"6b50602d8c6953a77a28","1608":"26306ea38618db59eff7","1927":"be67b3aafe238ca9f191","1933":"fec17714a2e2cdd72747","2007":"829844ff3f72f5645f29","2018":"c1dcb8f51302db969ca5","2075":"23265b8e7597c398db4f","2108":"aea8d3b39486dd5ab39e","2424":"c7ae51b65497c5792106","2701":"6873805ddfdccc7a8b1e","2851":"0f1057b18a3b58ff7f95","3054":"a2a50c4674d99c619ca7","3138":"19b47310d6d29d39ed17","3461":"b69dece36103bdf70e67","3694":"b7c2ea55f1a69f4a736b","3754":"fd4b67c2a29c4bc4a840","4202":"4fcd0de412907efd5b53","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"3e858e473b2efca86ae4","4579":"0a6b2f49a7e136a79e37","4819":"bf9352d276de4386bfba","5015":"a8978eb57bbd00a4ada7","5028":"526e217fcb875ceec28a","5261":"2655560097e9250eac44","5457":"a2bea9789e0a545d1c59","5485":"72d5cbd960a6df6e2598","5802":"26f84db0ff8851532c36","6027":"a4dab1075c901128740a","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7166":"ae95b245b43077a934d9","7431":"5e14641f2c71e852abe7","7639":"e4683ed12f33f03f926e","8094":"148a66619607e37cbf19","8305":"45bbc5d4d168a95a318d","8499":"a3227ecec452013f5985","8558":"e7266297e1791d0d221e","8583":"16fbd2fdf5ea18a1a0e8","9205":"ed7bce8436a7a431955e","9567":"ff782480a4c66e306027","9845":"8c450e8d65a78a5afcd3","9862":"a5f7925840868fa4ecdb","9927":"d600536c28059370794c"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"b01d5d50a015c723ce3e","213":"11b64325d134e3e28b6b","572":"c394421c24d8c27d54ca","732":"ea6f9d8504e37e01a208","1459":"55a52bfdd51476e705f7","1608":"26306ea38618db59eff7","1927":"be67b3aafe238ca9f191","1933":"0155a24e2dc46ebd632f","2007":"829844ff3f72f5645f29","2018":"29f902bd7cae54b4c36b","2075":"ba9ac60662f1fa739378","2108":"aea8d3b39486dd5ab39e","2424":"fc778f8a6aa1fba72a52","2701":"6873805ddfdccc7a8b1e","2851":"ebf3b8c0d18d8012717a","3054":"a2a50c4674d99c619ca7","3138":"308e17d37c0e66751cde","3461":"582fb54791c25e88f004","3694":"5e9691bc58308d865058","3754":"d2435bb372912595708c","4202":"4fcd0de412907efd5b53","4287":"4f28e48c1e39a46dfc87","4406":"573d234b4641d23cf8db","4507":"a480ce58b3dede4dae66","4579":"1c315389368cc476aed3","4819":"5b82df4b88882d8562c8","5015":"8fb4939cb35bd947894c","5028":"0fd91eb688cf9e218675","5261":"2655560097e9250eac44","5457":"350d6168eda9fe9fbe2e","5485":"57db505328bd45707079","5802":"cd36386cbe1613913ed4","6027":"27db413df7eed119c22f","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7166":"937ccda42edda5822870","7431":"a9b4dbf97a8c196efe51","7639":"ad915515ba65153bca77","8094":"148a66619607e37cbf19","8305":"b421054287ca52c1fad6","8499":"df8198955472ea271949","8558":"e24044f432a509376217","8583":"71db06a8c93c40c4bbad","9205":"f2121894550d46d17398","9567":"ff782480a4c66e306027","9845":"8c450e8d65a78a5afcd3","9862":"6d793a997f85d73002e9","9927":"f9d846b4724e66728c7c"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/{compute.bundle.b7c2ea55f1a69f4a736b.js → compute.bundle.5e9691bc58308d865058.js}

@@ -136,7 +136,7 @@
 /******/ 		// This function allow to reference async chunks and chunks that the entrypoint depends on
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"2075":"23265b8e7597c398db4f","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","6386":"5d82d1f41d1c37a0358d","7537":"889ba5f2707418c6fd88"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"2075":"ba9ac60662f1fa739378","4287":"4f28e48c1e39a46dfc87","6354":"929febcf6d326e582e00","6386":"dc7e3b159d6b4733647f","7537":"88314e5a6269f96a0bae"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/index.html

@@ -3,4 +3,4 @@
         return import(moduleId);
       }
 
-      window.PUBLIC_URL = '/';</script><script defer="defer" src="/app.bundle.577e4476293935af2cc0.js"></script><link href="/app.bundle.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-portal"></div><div id="root"></div></body></html>
+      window.PUBLIC_URL = '/';</script><script defer="defer" src="/app.bundle.25a9cc67641d1a331986.js"></script><link href="/app.bundle.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-portal"></div><div id="root"></div></body></html>

package/dist/{polySeg.bundle.e1f6f05d81ea1352bef3.js → polySeg.bundle.c394421c24d8c27d54ca.js}

@@ -136,7 +136,7 @@
 /******/ 		// This function allow to reference async chunks and chunks that the entrypoint depends on
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + (chunkId === 3694 ? "compute" : chunkId) + ".bundle." + {"3694":"b7c2ea55f1a69f4a736b","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","7537":"889ba5f2707418c6fd88","7758":"c8d106364298e7d288f0","9039":"f72736f47fedeff521e2","9567":"ff782480a4c66e306027"}[chunkId] + ".js";
+/******/ 			return "" + (chunkId === 3694 ? "compute" : chunkId) + ".bundle." + {"3694":"5e9691bc58308d865058","4287":"4f28e48c1e39a46dfc87","6354":"929febcf6d326e582e00","7537":"88314e5a6269f96a0bae","7758":"c8d106364298e7d288f0","9039":"f5db80328c99cd11293b","9567":"ff782480a4c66e306027"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/