@ohif/app 3.8.0-beta.76 → 3.8.0-beta.78

package/dist/{896.bundle.1ecfef8a78a1ec059526.js → 606.bundle.18fb0e8c81cc911b3dbe.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[896],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[606],{
 
 /***/ 76255:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -141,7 +141,7 @@ const useViewportActionCornersContext = () => (0,react__WEBPACK_IMPORTED_MODULE_
 
 /***/ }),
 
-/***/ 72896:
+/***/ 39606:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -388,13 +388,10 @@ function callLabelAutocompleteDialog(uiDialogService, callback, dialogConfig, la
   };
   uiDialogService.create({
     id: 'select-annotation',
+    centralize: true,
     isDraggable: false,
     showOverlay: true,
     content: ui_src/* LabellingFlow */.nd,
-    defaultPosition: {
-      x: window.innerWidth / 2,
-      y: window.innerHeight / 2
-    },
     contentProps: {
       labellingDoneCallback: labellingDoneCallback,
       measurementData: {
@@ -915,7 +912,7 @@ const toolNames = {
 };
 
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/constants/supportedTools.js
-/* harmony default export */ const supportedTools = (['Length', 'EllipticalROI', 'CircleROI', 'Bidirectional', 'ArrowAnnotate', 'Angle', 'CobbAngle', 'Probe', 'RectangleROI', 'PlanarFreehandROI']);
+/* harmony default export */ const supportedTools = (['Length', 'EllipticalROI', 'CircleROI', 'Bidirectional', 'ArrowAnnotate', 'Angle', 'CobbAngle', 'Probe', 'RectangleROI', 'PlanarFreehandROI', 'SplineROI', 'LivewireContour']);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
 var getSOPInstanceAttributes = __webpack_require__(1663);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/Length.ts
@@ -930,7 +927,7 @@ const Length = {
    * @param {Object} cornerstone Cornerstone event data
    * @return {Measurement} Measurement instance
    */
-  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -969,8 +966,8 @@ const Length = {
       textBox
     } = data.handles;
     const mappedAnnotations = getMappedAnnotations(annotation, displaySetService);
-    const displayText = getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => _getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => _getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -1042,7 +1039,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function _getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function _getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -1075,7 +1072,7 @@ function _getReport(mappedAnnotations, points, FrameOfReferenceUID) {
     values
   };
 }
-function getDisplayText(mappedAnnotations, displaySet) {
+function getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -1169,7 +1166,7 @@ const getDisplayUnit = unit => unit == null ? '' : unit;
 
 const Bidirectional = {
   toAnnotation: measurement => {},
-  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -1208,8 +1205,8 @@ const Bidirectional = {
       textBox
     } = data.handles;
     const mappedAnnotations = Bidirectional_getMappedAnnotations(annotation, displaySetService);
-    const displayText = Bidirectional_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => Bidirectional_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = Bidirectional_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => Bidirectional_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -1284,7 +1281,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function Bidirectional_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function Bidirectional_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -1316,7 +1313,7 @@ function Bidirectional_getReport(mappedAnnotations, points, FrameOfReferenceUID)
     values
   };
 }
-function Bidirectional_getDisplayText(mappedAnnotations, displaySet) {
+function Bidirectional_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -1352,7 +1349,7 @@ function Bidirectional_getDisplayText(mappedAnnotations, displaySet) {
 
 const EllipticalROI = {
   toAnnotation: measurement => {},
-  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -1391,8 +1388,8 @@ const EllipticalROI = {
       textBox
     } = data.handles;
     const mappedAnnotations = EllipticalROI_getMappedAnnotations(annotation, displaySetService);
-    const displayText = EllipticalROI_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => EllipticalROI_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = EllipticalROI_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => EllipticalROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -1475,7 +1472,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function EllipticalROI_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function EllipticalROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -1513,7 +1510,7 @@ function EllipticalROI_getReport(mappedAnnotations, points, FrameOfReferenceUID)
     values
   };
 }
-function EllipticalROI_getDisplayText(mappedAnnotations, displaySet) {
+function EllipticalROI_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -1563,7 +1560,7 @@ function EllipticalROI_getDisplayText(mappedAnnotations, displaySet) {
 
 const CircleROI = {
   toAnnotation: measurement => {},
-  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -1602,8 +1599,8 @@ const CircleROI = {
       textBox
     } = data.handles;
     const mappedAnnotations = CircleROI_getMappedAnnotations(annotation, DisplaySetService);
-    const displayText = CircleROI_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => CircleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = CircleROI_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => CircleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -1686,7 +1683,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function CircleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function CircleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -1724,7 +1721,7 @@ function CircleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
     values
   };
 }
-function CircleROI_getDisplayText(mappedAnnotations, displaySet) {
+function CircleROI_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -1780,7 +1777,7 @@ const ArrowAnnotate_Length = {
    * @param {Object} cornerstone Cornerstone event data
    * @return {Measurement} Measurement instance
    */
-  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, cornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -1819,7 +1816,7 @@ const ArrowAnnotate_Length = {
       textBox
     } = data.handles;
     const mappedAnnotations = ArrowAnnotate_getMappedAnnotations(annotation, displaySetService);
-    const displayText = ArrowAnnotate_getDisplayText(mappedAnnotations, displaySet);
+    const displayText = ArrowAnnotate_getDisplayText(mappedAnnotations, displaySet, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -1872,7 +1869,7 @@ function ArrowAnnotate_getMappedAnnotations(annotation, displaySetService) {
   });
   return annotations;
 }
-function ArrowAnnotate_getDisplayText(mappedAnnotations, displaySet) {
+function ArrowAnnotate_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations) {
     return '';
   }
@@ -1908,7 +1905,7 @@ const CobbAngle = {
    * @param {Object} cornerstone Cornerstone event data
    * @return {Measurement} Measurement instance
    */
-  toMeasurement: (csToolsEventDetail, displaySetService, CornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -1947,8 +1944,8 @@ const CobbAngle = {
       textBox
     } = data.handles;
     const mappedAnnotations = CobbAngle_getMappedAnnotations(annotation, displaySetService);
-    const displayText = CobbAngle_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => CobbAngle_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = CobbAngle_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => CobbAngle_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -2020,7 +2017,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function CobbAngle_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function CobbAngle_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -2051,7 +2048,7 @@ function CobbAngle_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
     values
   };
 }
-function CobbAngle_getDisplayText(mappedAnnotations, displaySet) {
+function CobbAngle_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -2093,7 +2090,7 @@ const Angle = {
    * @param {Object} cornerstone Cornerstone event data
    * @return {Measurement} Measurement instance
    */
-  toMeasurement: (csToolsEventDetail, displaySetService, CornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, displaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -2132,8 +2129,8 @@ const Angle = {
       textBox
     } = data.handles;
     const mappedAnnotations = Angle_getMappedAnnotations(annotation, displaySetService);
-    const displayText = Angle_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => Angle_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = Angle_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => Angle_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -2205,7 +2202,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function Angle_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function Angle_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -2236,7 +2233,7 @@ function Angle_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
     values
   };
 }
-function Angle_getDisplayText(mappedAnnotations, displaySet) {
+function Angle_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -2270,7 +2267,6 @@ function Angle_getDisplayText(mappedAnnotations, displaySet) {
 
 
 
-
 /**
  * Represents a mapping utility for Planar Freehand ROI measurements.
  */
@@ -2285,7 +2281,7 @@ const PlanarFreehandROI = {
    * @param {Function} getValueTypeFromToolType Function to get value type from tool type
    * @returns {Measurement} Measurement instance
    */
-  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation
     } = csToolsEventDetail;
@@ -2332,10 +2328,10 @@ const PlanarFreehandROI = {
       toolName: metadata.toolName,
       displaySetInstanceUID: displaySet.displaySetInstanceUID,
       label: data.label,
-      displayText: PlanarFreehandROI_getDisplayText(annotation, displaySet),
+      displayText: PlanarFreehandROI_getDisplayText(annotation, displaySet, customizationService),
       data: data.cachedStats,
       type: getValueTypeFromToolType(toolName),
-      getReport: () => getColumnValueReport(annotation)
+      getReport: () => getColumnValueReport(annotation, customizationService)
     };
   }
 };
@@ -2348,7 +2344,13 @@ const PlanarFreehandROI = {
  * @param {object} annotation
  * @returns {object} Report's content from this tool
  */
-function getColumnValueReport(annotation) {
+function getColumnValueReport(annotation, customizationService) {
+  const {
+    PlanarFreehandROI
+  } = customizationService.get('cornerstone.measurements');
+  const {
+    report
+  } = PlanarFreehandROI;
   const columns = [];
   const values = [];
 
@@ -2361,17 +2363,14 @@ function getColumnValueReport(annotation) {
     metadata,
     data
   } = annotation;
-  const {
-    mean,
-    stdDev,
-    max,
-    area,
-    unit,
-    areaUnit,
-    perimeter
-  } = data.cachedStats[`imageId:${metadata.referencedImageId}`];
-  columns.push(`Maximum`, `Mean`, `Std Dev`, 'Pixel Unit', `Area`, 'Unit', 'Perimeter');
-  values.push(max, mean, stdDev, unit, area, areaUnit, perimeter);
+  const stats = data.cachedStats[`imageId:${metadata.referencedImageId}`];
+  report.forEach(({
+    name,
+    value
+  }) => {
+    columns.push(name);
+    stats[value] ? values.push(stats[value]) : values.push('not available');
+  });
 
   /** Add FOR */
   if (metadata.FrameOfReferenceUID) {
@@ -2381,11 +2380,6 @@ function getColumnValueReport(annotation) {
 
   /** Add points */
   if (data.contour.polyline) {
-    /**
-     * Points has the form of [[x1, y1, z1], [x2, y2, z2], ...]
-     * convert it to string of [[x1 y1 z1];[x2 y2 z2];...]
-     * so that it can be used in the CSV report
-     */
     columns.push('points');
     values.push(data.contour.polyline.map(p => p.join(' ')).join(';'));
   }
@@ -2402,7 +2396,13 @@ function getColumnValueReport(annotation) {
  * @param {Object} displaySet - The display set object.
  * @returns {string[]} - An array of display text.
  */
-function PlanarFreehandROI_getDisplayText(annotation, displaySet) {
+function PlanarFreehandROI_getDisplayText(annotation, displaySet, customizationService) {
+  const {
+    PlanarFreehandROI
+  } = customizationService.get('cornerstone.measurements');
+  const {
+    displayText
+  } = PlanarFreehandROI;
   const {
     metadata,
     data
@@ -2410,20 +2410,11 @@ function PlanarFreehandROI_getDisplayText(annotation, displaySet) {
   if (!data.cachedStats || !data.cachedStats[`imageId:${metadata.referencedImageId}`]) {
     return [];
   }
-  const {
-    mean,
-    stdDev,
-    max,
-    area,
-    modalityUnit,
-    areaUnit,
-    perimeter
-  } = data.cachedStats[`imageId:${metadata.referencedImageId}`];
   const {
     SOPInstanceUID,
     frameNumber
   } = (0,getSOPInstanceAttributes/* default */.A)(metadata.referencedImageId);
-  const displayText = [];
+  const displayTextArray = [];
   const instance = displaySet.images.find(image => image.SOPInstanceUID === SOPInstanceUID);
   let InstanceNumber;
   if (instance) {
@@ -2435,49 +2426,37 @@ function PlanarFreehandROI_getDisplayText(annotation, displaySet) {
     SeriesNumber
   } = displaySet;
   if (SeriesNumber) {
-    displayText.push(`S: ${SeriesNumber}${instanceText}${frameText}`);
-  }
-  if (area) {
-    /**
-     * Add Area
-     * Area sometimes becomes undefined if `preventHandleOutsideImage` is off
-     */
-    const roundedArea = src.utils.roundNumber(area || 0, 2);
-    displayText.push(`Area: ${roundedArea} ${utils_getDisplayUnit(areaUnit)}`);
-  }
-  if (mean) {
-    if (Array.isArray(mean)) {
-      const meanValues = mean.map(value => src.utils.roundNumber(value));
-      displayText.push(`Mean: ${meanValues.join(', ')} ${modalityUnit}`);
-    } else {
-      displayText.push(`Mean: ${src.utils.roundNumber(mean)} ${modalityUnit}`);
-    }
-  }
-  if (max) {
-    if (Array.isArray(max)) {
-      const maxValues = max.map(value => src.utils.roundNumber(value, 2));
-      displayText.push(`Max: ${maxValues.join(', ')} ${modalityUnit}`);
-    } else {
-      displayText.push(`Max: ${src.utils.roundNumber(max, 2)} ${modalityUnit}`);
-    }
-  }
-  if (stdDev) {
-    if (Array.isArray(stdDev)) {
-      const stdDevValues = stdDev.map(value => src.utils.roundNumber(value));
-      displayText.push(`Std Dev: ${stdDevValues.join(', ')} ${modalityUnit}`);
-    } else {
-      displayText.push(`Std Dev: ${src.utils.roundNumber(stdDev)} ${modalityUnit}`);
+    displayTextArray.push(`S: ${SeriesNumber}${instanceText}${frameText}`);
+  }
+  const stats = data.cachedStats[`imageId:${metadata.referencedImageId}`];
+  const roundValues = values => {
+    if (Array.isArray(values)) {
+      return values.map(value => {
+        if (isNaN(value)) {
+          return value;
+        }
+        return src.utils.roundNumber(value);
+      });
     }
-  }
-  if (perimeter) {
-    if (Array.isArray(perimeter)) {
-      const perimeterValues = perimeter.map(value => src.utils.roundNumber(value));
-      displayText.push(`Perimeter: ${perimeterValues.join(', ')} ${modalityUnit}`);
-    } else {
-      displayText.push(`Perimeter: ${src.utils.roundNumber(perimeter)} ${modalityUnit}`);
+    return isNaN(values) ? values : src.utils.roundNumber(values);
+  };
+  const findUnitForValue = (displayTextItems, value) => displayTextItems.find(({
+    type,
+    for: filter
+  }) => type === 'unit' && filter.includes(value))?.value;
+  const formatDisplayText = (displayName, result, unit) => `${displayName}: ${Array.isArray(result) ? roundValues(result).join(', ') : roundValues(result)} ${unit}`;
+  displayText.forEach(({
+    displayName,
+    value,
+    type
+  }) => {
+    if (type === 'value') {
+      const result = stats[value];
+      const unit = stats[findUnitForValue(displayText, value)] || '';
+      displayTextArray.push(formatDisplayText(displayName, result, unit));
     }
-  }
-  return displayText;
+  });
+  return displayTextArray;
 }
 /* harmony default export */ const measurementServiceMappings_PlanarFreehandROI = (PlanarFreehandROI);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/RectangleROI.ts
@@ -2487,7 +2466,7 @@ function PlanarFreehandROI_getDisplayText(annotation, displaySet) {
 
 const RectangleROI = {
   toAnnotation: measurement => {},
-  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType) => {
+  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
     const {
       annotation,
       viewportId
@@ -2526,8 +2505,8 @@ const RectangleROI = {
       textBox
     } = data.handles;
     const mappedAnnotations = RectangleROI_getMappedAnnotations(annotation, DisplaySetService);
-    const displayText = RectangleROI_getDisplayText(mappedAnnotations, displaySet);
-    const getReport = () => RectangleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID);
+    const displayText = RectangleROI_getDisplayText(mappedAnnotations, displaySet, customizationService);
+    const getReport = () => RectangleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService);
     return {
       uid: annotationUID,
       SOPInstanceUID,
@@ -2610,7 +2589,7 @@ This function is used to convert the measurement data to a format that is
 suitable for the report generation (e.g. for the csv report). The report
 returns a list of columns and corresponding values.
 */
-function RectangleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID) {
+function RectangleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID, customizationService) {
   const columns = [];
   const values = [];
 
@@ -2648,7 +2627,7 @@ function RectangleROI_getReport(mappedAnnotations, points, FrameOfReferenceUID)
     values
   };
 }
-function RectangleROI_getDisplayText(mappedAnnotations, displaySet) {
+function RectangleROI_getDisplayText(mappedAnnotations, displaySet, customizationService) {
   if (!mappedAnnotations || !mappedAnnotations.length) {
     return '';
   }
@@ -2693,6 +2672,375 @@ function RectangleROI_getDisplayText(mappedAnnotations, displaySet) {
   return displayText;
 }
 /* harmony default export */ const measurementServiceMappings_RectangleROI = (RectangleROI);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/SplineROI.ts
+
+
+
+
+/**
+ * Represents a mapping utility for Spline ROI measurements.
+ */
+const SplineROI = {
+  toAnnotation: measurement => {},
+  /**
+   * Maps cornerstone annotation event data to measurement service format.
+   *
+   * @param {Object} csToolsEventDetail Cornerstone event data
+   * @param {DisplaySetService} DisplaySetService Service for managing display sets
+   * @param {CornerstoneViewportService} CornerstoneViewportService Service for managing viewports
+   * @param {Function} getValueTypeFromToolType Function to get value type from tool type
+   * @returns {Measurement} Measurement instance
+   */
+  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
+    const {
+      annotation
+    } = csToolsEventDetail;
+    const {
+      metadata,
+      data,
+      annotationUID
+    } = annotation;
+    if (!metadata || !data) {
+      console.warn('SplineROI tool: Missing metadata or data');
+      return null;
+    }
+    const {
+      toolName,
+      referencedImageId,
+      FrameOfReferenceUID
+    } = metadata;
+    const validToolType = supportedTools.includes(toolName);
+    if (!validToolType) {
+      throw new Error(`Tool ${toolName} not supported`);
+    }
+    const {
+      SOPInstanceUID,
+      SeriesInstanceUID,
+      frameNumber,
+      StudyInstanceUID
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
+    let displaySet;
+    if (SOPInstanceUID) {
+      displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
+    } else {
+      displaySet = DisplaySetService.getDisplaySetsForSeries(SeriesInstanceUID);
+    }
+    return {
+      uid: annotationUID,
+      SOPInstanceUID,
+      FrameOfReferenceUID,
+      points: data.contour.polyline,
+      textBox: data.handles.textBox,
+      metadata,
+      frameNumber,
+      referenceSeriesUID: SeriesInstanceUID,
+      referenceStudyUID: StudyInstanceUID,
+      toolName: metadata.toolName,
+      displaySetInstanceUID: displaySet.displaySetInstanceUID,
+      label: data.label,
+      displayText: SplineROI_getDisplayText(annotation, displaySet, customizationService),
+      data: data.cachedStats,
+      type: getValueTypeFromToolType(toolName),
+      getReport: () => SplineROI_getColumnValueReport(annotation, customizationService)
+    };
+  }
+};
+
+/**
+ * This function is used to convert the measurement data to a
+ * format that is suitable for report generation (e.g. for the csv report).
+ * The report returns a list of columns and corresponding values.
+ *
+ * @param {object} annotation
+ * @returns {object} Report's content from this tool
+ */
+function SplineROI_getColumnValueReport(annotation, customizationService) {
+  const {
+    SplineROI
+  } = customizationService.get('cornerstone.measurements');
+  const {
+    report
+  } = SplineROI;
+  const columns = [];
+  const values = [];
+
+  /** Add type */
+  columns.push('AnnotationType');
+  values.push('Cornerstone:SplineROI');
+
+  /** Add cachedStats */
+  const {
+    metadata,
+    data
+  } = annotation;
+  const stats = data.cachedStats[`imageId:${metadata.referencedImageId}`];
+  report.forEach(({
+    name,
+    value
+  }) => {
+    columns.push(name);
+    stats[value] ? values.push(stats[value]) : values.push('not available');
+  });
+
+  /** Add FOR */
+  if (metadata.FrameOfReferenceUID) {
+    columns.push('FrameOfReferenceUID');
+    values.push(metadata.FrameOfReferenceUID);
+  }
+
+  /** Add points */
+  if (data.contour.polyline) {
+    /**
+     * Points has the form of [[x1, y1, z1], [x2, y2, z2], ...]
+     * convert it to string of [[x1 y1 z1];[x2 y2 z2];...]
+     * so that it can be used in the CSV report
+     */
+    columns.push('points');
+    values.push(data.contour.polyline.map(p => p.join(' ')).join(';'));
+  }
+  return {
+    columns,
+    values
+  };
+}
+
+/**
+ * Retrieves the display text for an annotation in a display set.
+ *
+ * @param {Object} annotation - The annotation object.
+ * @param {Object} displaySet - The display set object.
+ * @returns {string[]} - An array of display text.
+ */
+function SplineROI_getDisplayText(annotation, displaySet, customizationService) {
+  const {
+    SplineROI
+  } = customizationService.get('cornerstone.measurements');
+  const {
+    displayText
+  } = SplineROI;
+  const {
+    metadata,
+    data
+  } = annotation;
+  if (!data.cachedStats || !data.cachedStats[`imageId:${metadata.referencedImageId}`]) {
+    return [];
+  }
+  const {
+    SOPInstanceUID,
+    frameNumber
+  } = (0,getSOPInstanceAttributes/* default */.A)(metadata.referencedImageId);
+  const displayTextArray = [];
+  const instance = displaySet.images.find(image => image.SOPInstanceUID === SOPInstanceUID);
+  let InstanceNumber;
+  if (instance) {
+    InstanceNumber = instance.InstanceNumber;
+  }
+  const instanceText = InstanceNumber ? ` I: ${InstanceNumber}` : '';
+  const frameText = displaySet.isMultiFrame ? ` F: ${frameNumber}` : '';
+  const {
+    SeriesNumber
+  } = displaySet;
+  if (SeriesNumber) {
+    displayTextArray.push(`S: ${SeriesNumber}${instanceText}${frameText}`);
+  }
+  const stats = data.cachedStats[`imageId:${metadata.referencedImageId}`];
+  const roundValues = values => {
+    if (Array.isArray(values)) {
+      return values.map(value => {
+        if (isNaN(value)) {
+          return value;
+        }
+        return src.utils.roundNumber(value);
+      });
+    }
+    return isNaN(values) ? values : src.utils.roundNumber(values);
+  };
+  const findUnitForValue = (displayTextItems, value) => displayTextItems.find(({
+    type,
+    for: filter
+  }) => type === 'unit' && filter.includes(value))?.value;
+  const formatDisplayText = (displayName, result, unit) => `${displayName}: ${Array.isArray(result) ? roundValues(result).join(', ') : roundValues(result)} ${unit}`;
+  displayText.forEach(({
+    displayName,
+    value,
+    type
+  }) => {
+    if (type === 'value') {
+      const result = stats[value];
+      const unit = stats[findUnitForValue(displayText, value)] || '';
+      displayTextArray.push(formatDisplayText(displayName, result, unit));
+    }
+  });
+  return displayTextArray;
+}
+/* harmony default export */ const measurementServiceMappings_SplineROI = (SplineROI);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/LivewireContour.ts
+
+
+
+
+
+/**
+ * Represents a mapping utility for Livewire measurements.
+ */
+const LivewireContour = {
+  toAnnotation: measurement => {},
+  /**
+   * Maps cornerstone annotation event data to measurement service format.
+   *
+   * @param {Object} csToolsEventDetail Cornerstone event data
+   * @param {DisplaySetService} DisplaySetService Service for managing display sets
+   * @param {CornerstoneViewportService} CornerstoneViewportService Service for managing viewports
+   * @param {Function} getValueTypeFromToolType Function to get value type from tool type
+   * @returns {Measurement} Measurement instance
+   */
+  toMeasurement: (csToolsEventDetail, DisplaySetService, CornerstoneViewportService, getValueTypeFromToolType, customizationService) => {
+    const {
+      annotation
+    } = csToolsEventDetail;
+    const {
+      metadata,
+      data,
+      annotationUID
+    } = annotation;
+    if (!metadata || !data) {
+      console.warn('Livewire tool: Missing metadata or data');
+      return null;
+    }
+    const {
+      toolName,
+      referencedImageId,
+      FrameOfReferenceUID
+    } = metadata;
+    const validToolType = supportedTools.includes(toolName);
+    if (!validToolType) {
+      throw new Error(`Tool ${toolName} not supported`);
+    }
+    const {
+      SOPInstanceUID,
+      SeriesInstanceUID,
+      frameNumber,
+      StudyInstanceUID
+    } = (0,getSOPInstanceAttributes/* default */.A)(referencedImageId);
+    let displaySet;
+    if (SOPInstanceUID) {
+      displaySet = DisplaySetService.getDisplaySetForSOPInstanceUID(SOPInstanceUID, SeriesInstanceUID);
+    } else {
+      displaySet = DisplaySetService.getDisplaySetsForSeries(SeriesInstanceUID);
+    }
+    return {
+      uid: annotationUID,
+      SOPInstanceUID,
+      FrameOfReferenceUID,
+      points: data.contour.polyline,
+      textBox: data.handles.textBox,
+      metadata,
+      frameNumber,
+      referenceSeriesUID: SeriesInstanceUID,
+      referenceStudyUID: StudyInstanceUID,
+      toolName: metadata.toolName,
+      displaySetInstanceUID: displaySet.displaySetInstanceUID,
+      label: data.label,
+      displayText: LivewireContour_getDisplayText(annotation, displaySet, customizationService),
+      data: data.cachedStats,
+      type: getValueTypeFromToolType(toolName),
+      getReport: () => LivewireContour_getColumnValueReport(annotation, customizationService)
+    };
+  }
+};
+
+/**
+ * This function is used to convert the measurement data to a
+ * format that is suitable for report generation (e.g. for the csv report).
+ * The report returns a list of columns and corresponding values.
+ *
+ * @param {object} annotation
+ * @returns {object} Report's content from this tool
+ */
+function LivewireContour_getColumnValueReport(annotation, customizationService) {
+  const columns = [];
+  const values = [];
+
+  /** Add type */
+  columns.push('AnnotationType');
+  values.push('Cornerstone:Livewire');
+
+  /** Add cachedStats */
+  const {
+    metadata,
+    data
+  } = annotation;
+
+  /** Add FOR */
+  if (metadata.FrameOfReferenceUID) {
+    columns.push('FrameOfReferenceUID');
+    values.push(metadata.FrameOfReferenceUID);
+  }
+
+  /** Add points */
+  if (data.contour.polyline) {
+    /**
+     * Points has the form of [[x1, y1, z1], [x2, y2, z2], ...]
+     * convert it to string of [[x1 y1 z1];[x2 y2 z2];...]
+     * so that it can be used in the CSV report
+     */
+    columns.push('points');
+    values.push(data.contour.polyline.map(p => p.join(' ')).join(';'));
+  }
+  return {
+    columns,
+    values
+  };
+}
+
+/**
+ * Retrieves the display text for an annotation in a display set.
+ *
+ * @param {Object} annotation - The annotation object.
+ * @param {Object} displaySet - The display set object.
+ * @returns {string[]} - An array of display text.
+ */
+function LivewireContour_getDisplayText(annotation, displaySet, customizationService) {
+  const {
+    metadata,
+    data
+  } = annotation;
+  if (!data.cachedStats || !data.cachedStats[`imageId:${metadata.referencedImageId}`]) {
+    return [];
+  }
+  const {
+    area,
+    areaUnit
+  } = data.cachedStats[`imageId:${metadata.referencedImageId}`];
+  const {
+    SOPInstanceUID,
+    frameNumber
+  } = (0,getSOPInstanceAttributes/* default */.A)(metadata.referencedImageId);
+  const displayText = [];
+  const instance = displaySet.images.find(image => image.SOPInstanceUID === SOPInstanceUID);
+  let InstanceNumber;
+  if (instance) {
+    InstanceNumber = instance.InstanceNumber;
+  }
+  const instanceText = InstanceNumber ? ` I: ${InstanceNumber}` : '';
+  const frameText = displaySet.isMultiFrame ? ` F: ${frameNumber}` : '';
+  const {
+    SeriesNumber
+  } = displaySet;
+  if (SeriesNumber) {
+    displayText.push(`S: ${SeriesNumber}${instanceText}${frameText}`);
+  }
+  if (area) {
+    /**
+     * Add Area
+     * Area sometimes becomes undefined if `preventHandleOutsideImage` is off
+     */
+    const roundedArea = src.utils.roundNumber(area || 0, 2);
+    displayText.push(`${roundedArea} ${utils_getDisplayUnit(areaUnit)}`);
+  }
+  return displayText;
+}
+/* harmony default export */ const measurementServiceMappings_LivewireContour = (LivewireContour);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/measurementServiceMappingsFactory.ts
 
 
@@ -2704,7 +3052,9 @@ function RectangleROI_getDisplayText(mappedAnnotations, displaySet) {
 
 
 
-const measurementServiceMappingsFactory = (measurementService, displaySetService, cornerstoneViewportService) => {
+
+
+const measurementServiceMappingsFactory = (measurementService, displaySetService, cornerstoneViewportService, customizationService) => {
   /**
    * Maps measurement service format object to cornerstone annotation object.
    *
@@ -2736,14 +3086,16 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
       Bidirectional: BIDIRECTIONAL,
       ArrowAnnotate: POINT,
       CobbAngle: ANGLE,
-      Angle: ANGLE
+      Angle: ANGLE,
+      SplineROI: POLYLINE,
+      LivewireContour: POLYLINE
     };
     return TOOL_TYPE_TO_VALUE_TYPE[toolType];
   };
   const factories = {
     Length: {
       toAnnotation: measurementServiceMappings_Length.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_Length.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_Length.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.POLYLINE,
         points: 2
@@ -2751,7 +3103,7 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
     },
     Bidirectional: {
       toAnnotation: measurementServiceMappings_Bidirectional.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_Bidirectional.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_Bidirectional.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [
       // TODO -> We should eventually do something like shortAxis + longAxis,
       // But its still a little unclear how these automatic interpretations will work.
@@ -2765,35 +3117,49 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
     },
     EllipticalROI: {
       toAnnotation: measurementServiceMappings_EllipticalROI.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_EllipticalROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_EllipticalROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.ELLIPSE
       }]
     },
     CircleROI: {
       toAnnotation: measurementServiceMappings_CircleROI.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_CircleROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_CircleROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.CIRCLE
       }]
     },
     RectangleROI: {
       toAnnotation: measurementServiceMappings_RectangleROI.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_RectangleROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_RectangleROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.POLYLINE
       }]
     },
     PlanarFreehandROI: {
       toAnnotation: measurementServiceMappings_PlanarFreehandROI.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_PlanarFreehandROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_PlanarFreehandROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
+      matchingCriteria: [{
+        valueType: src.MeasurementService.VALUE_TYPES.POLYLINE
+      }]
+    },
+    SplineROI: {
+      toAnnotation: measurementServiceMappings_SplineROI.toAnnotation,
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_SplineROI.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
+      matchingCriteria: [{
+        valueType: src.MeasurementService.VALUE_TYPES.POLYLINE
+      }]
+    },
+    LivewireContour: {
+      toAnnotation: measurementServiceMappings_LivewireContour.toAnnotation,
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_LivewireContour.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.POLYLINE
       }]
     },
     ArrowAnnotate: {
       toAnnotation: ArrowAnnotate.toAnnotation,
-      toMeasurement: csToolsAnnotation => ArrowAnnotate.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => ArrowAnnotate.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.POINT,
         points: 1
@@ -2801,14 +3167,14 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
     },
     CobbAngle: {
       toAnnotation: measurementServiceMappings_CobbAngle.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_CobbAngle.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_CobbAngle.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.ANGLE
       }]
     },
     Angle: {
       toAnnotation: measurementServiceMappings_Angle.toAnnotation,
-      toMeasurement: csToolsAnnotation => measurementServiceMappings_Angle.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType),
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_Angle.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src.MeasurementService.VALUE_TYPES.ANGLE
       }]
@@ -2831,7 +3197,7 @@ const {
 const csToolsEvents = dist_esm.Enums.Events;
 const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';
-const initMeasurementService = (measurementService, displaySetService, cornerstoneViewportService) => {
+const initMeasurementService = (measurementService, displaySetService, cornerstoneViewportService, customizationService) => {
   /* Initialization */
   const {
     Length,
@@ -2842,8 +3208,10 @@ const initMeasurementService = (measurementService, displaySetService, cornersto
     Angle,
     CobbAngle,
     RectangleROI,
-    PlanarFreehandROI
-  } = measurementServiceMappings_measurementServiceMappingsFactory(measurementService, displaySetService, cornerstoneViewportService);
+    PlanarFreehandROI,
+    SplineROI,
+    LivewireContour
+  } = measurementServiceMappings_measurementServiceMappingsFactory(measurementService, displaySetService, cornerstoneViewportService, customizationService);
   const csTools3DVer1MeasurementSource = measurementService.createSource(CORNERSTONE_3D_TOOLS_SOURCE_NAME, CORNERSTONE_3D_TOOLS_SOURCE_VERSION);
 
   /* Mappings */
@@ -2863,19 +3231,22 @@ const initMeasurementService = (measurementService, displaySetService, cornersto
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'Angle', Angle.matchingCriteria, Angle.toAnnotation, Angle.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'RectangleROI', RectangleROI.matchingCriteria, RectangleROI.toAnnotation, RectangleROI.toMeasurement);
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'PlanarFreehandROI', PlanarFreehandROI.matchingCriteria, PlanarFreehandROI.toAnnotation, PlanarFreehandROI.toMeasurement);
+  measurementService.addMapping(csTools3DVer1MeasurementSource, 'SplineROI', SplineROI.matchingCriteria, SplineROI.toAnnotation, SplineROI.toMeasurement);
 
   // On the UI side, the Calibration Line tool will work almost the same as the
   // Length tool
   measurementService.addMapping(csTools3DVer1MeasurementSource, 'CalibrationLine', Length.matchingCriteria, Length.toAnnotation, Length.toMeasurement);
+  measurementService.addMapping(csTools3DVer1MeasurementSource, 'LivewireContour', LivewireContour.matchingCriteria, LivewireContour.toAnnotation, LivewireContour.toMeasurement);
   return csTools3DVer1MeasurementSource;
 };
 const connectToolsToMeasurementService = servicesManager => {
   const {
     measurementService,
     displaySetService,
-    cornerstoneViewportService
+    cornerstoneViewportService,
+    customizationService
   } = servicesManager.services;
-  const csTools3DVer1MeasurementSource = initMeasurementService(measurementService, displaySetService, cornerstoneViewportService);
+  const csTools3DVer1MeasurementSource = initMeasurementService(measurementService, displaySetService, cornerstoneViewportService, customizationService);
   connectMeasurementServiceToTools(measurementService, cornerstoneViewportService, csTools3DVer1MeasurementSource);
   const {
     annotationToMeasurement,
@@ -5020,6 +5391,118 @@ function getCustomizationModule() {
         max: 4,
         step: 1
       }
+    }, {
+      id: 'cornerstone.measurements',
+      Angle: {
+        displayText: [],
+        report: []
+      },
+      CobbAngle: {
+        displayText: [],
+        report: []
+      },
+      ArrowAnnotate: {
+        displayText: [],
+        report: []
+      },
+      RectangleROi: {
+        displayText: [],
+        report: []
+      },
+      CircleROI: {
+        displayText: [],
+        report: []
+      },
+      EllipticalROI: {
+        displayText: [],
+        report: []
+      },
+      Bidirectional: {
+        displayText: [],
+        report: []
+      },
+      Length: {
+        displayText: [],
+        report: []
+      },
+      LivewireContour: {
+        displayText: [],
+        report: []
+      },
+      SplineROI: {
+        displayText: [{
+          displayName: 'Area',
+          value: 'area',
+          type: 'value'
+        }, {
+          value: 'areaUnit',
+          for: ['area'],
+          type: 'unit'
+        }
+        /**
+        {
+          displayName: 'Modality',
+          value: 'Modality',
+          type: 'value',
+        },
+        */],
+        report: [{
+          displayName: 'Area',
+          value: 'area',
+          type: 'value'
+        }, {
+          displayName: 'Unit',
+          value: 'areaUnit',
+          type: 'value'
+        }]
+      },
+      PlanarFreehandROI: {
+        displayText: [{
+          displayName: 'Mean',
+          value: 'mean',
+          type: 'value'
+        }, {
+          displayName: 'Max',
+          value: 'max',
+          type: 'value'
+        }, {
+          displayName: 'Area',
+          value: 'area',
+          type: 'value'
+        }, {
+          value: 'modalityUnit',
+          for: ['mean', 'max' /** 'stdDev **/],
+          type: 'unit'
+        }, {
+          value: 'areaUnit',
+          for: ['area'],
+          type: 'unit'
+        }
+        /**
+        {
+          displayName: 'Std Dev',
+          value: 'stdDev',
+          type: 'value',
+        },
+        */],
+        report: [{
+          displayName: 'Mean',
+          value: 'mean',
+          type: 'value'
+        }, {
+          displayName: 'Max',
+          value: 'max',
+          type: 'value'
+        }, {
+          displayName: 'Area',
+          value: 'area',
+          type: 'value'
+        }, {
+          displayName: 'Unit',
+          value: 'unit',
+          type: 'value'
+        }]
+      }
     }]
   }];
 }