@ohif/app 3.10.0-beta.113 → 3.10.0-beta.115

package/dist/{9072.bundle.49293623f9ed4582eeeb.js → 9855.bundle.ba46a4315a78373262ad.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9072],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9855],{
 
 /***/ 35392:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -18,10 +18,10 @@ var es = __webpack_require__(99993);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
 var classnames = __webpack_require__(55530);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
-// EXTERNAL MODULE: ../../ui/src/index.js + 694 modules
-var src = __webpack_require__(12318);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2637 modules
-var ui_next_src = __webpack_require__(52441);
+// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
+var src = __webpack_require__(61533);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2653 modules
+var ui_next_src = __webpack_require__(95371);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/Colormap.tsx
@@ -295,46 +295,33 @@ function WindowLevel({
 
 
 
-
 function VolumeRenderingPresetsContent({
   presets,
   viewportId,
   commandsManager,
-  onClose
+  hide
 }) {
-  const [filteredPresets, setFilteredPresets] = (0,react.useState)(presets);
   const [searchValue, setSearchValue] = (0,react.useState)('');
   const [selectedPreset, setSelectedPreset] = (0,react.useState)(null);
-  const handleSearchChange = (0,react.useCallback)(value => {
-    setSearchValue(value);
-    const filtered = value ? presets.filter(preset => preset.name.toLowerCase().includes(value.toLowerCase())) : presets;
-    setFilteredPresets(filtered);
-  }, [presets]);
+  const handleSearchChange = (0,react.useCallback)(event => {
+    setSearchValue(event.target.value);
+  }, []);
   const handleApply = (0,react.useCallback)(props => {
     commandsManager.runCommand('setViewportPreset', {
       ...props
     });
   }, [commandsManager]);
+  const filteredPresets = searchValue ? presets.filter(preset => preset.name.toLowerCase().includes(searchValue.toLowerCase())) : presets;
   const formatLabel = (label, maxChars) => {
     return label.length > maxChars ? `${label.slice(0, maxChars)}...` : label;
   };
-  return /*#__PURE__*/react.createElement("div", {
-    className: "flex min-h-full w-full flex-col justify-between"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "border-secondary-light h-[433px] w-full overflow-hidden rounded border bg-black px-2.5"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "flex h-[46px] w-full items-center justify-start"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "h-[26px] w-[200px]"
-  }, /*#__PURE__*/react.createElement(src/* InputFilterText */.Cv, {
+  return /*#__PURE__*/react.createElement(ui_next_src/* PresetDialog */.MU, {
+    className: "h-[500px]"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* PresetDialog */.MU.PresetBody, null, /*#__PURE__*/react.createElement(ui_next_src/* PresetDialog */.MU.PresetFilter, null, /*#__PURE__*/react.createElement(ui_next_src/* PresetDialog */.MU.PresetSearch, {
     value: searchValue,
-    onDebounceChange: handleSearchChange,
-    placeholder: 'Search all'
-  }))), /*#__PURE__*/react.createElement("div", {
-    className: "ohif-scrollbar overflow h-[385px] w-full overflow-y-auto"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "grid grid-cols-4 gap-3 pt-2 pr-3"
-  }, filteredPresets.map((preset, index) => /*#__PURE__*/react.createElement("div", {
+    onChange: handleSearchChange,
+    placeholder: "Search all"
+  })), /*#__PURE__*/react.createElement(ui_next_src/* PresetDialog */.MU.PresetGrid, null, filteredPresets.map((preset, index) => /*#__PURE__*/react.createElement("div", {
     key: index,
     className: "flex cursor-pointer flex-col items-start",
     onClick: () => {
@@ -346,19 +333,14 @@ function VolumeRenderingPresetsContent({
     }
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.ByName, {
     name: preset.name,
-    className: selectedPreset?.name === preset.name ? 'border-primary-light h-[75px] w-[95px] max-w-none rounded border-2' : 'hover:border-primary-light h-[75px] w-[95px] max-w-none rounded border-2 border-black'
+    className: selectedPreset?.name === preset.name ? 'border-highlight h-[75px] w-[95px] max-w-none rounded border-2' : 'hover:border-highlight h-[75px] w-[95px] max-w-none rounded border-2 border-black'
   }), /*#__PURE__*/react.createElement("label", {
-    className: "text-aqua-pale mt-2 text-left text-xs"
-  }, formatLabel(preset.name, 11))))))), /*#__PURE__*/react.createElement("footer", {
-    className: "flex h-[60px] w-full items-center justify-end"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/react.createElement(src/* Button */.$n, {
-    name: "Cancel",
-    size: src/* ButtonEnums.size */.Ny.Ej.medium,
-    type: src/* ButtonEnums.type */.Ny.NW.secondary,
-    onClick: onClose
-  }, ' ', "Cancel", ' '))));
+    className: "text-muted-foreground mt-1 text-left text-xs"
+  }, formatLabel(preset.name, 11)))))), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es, {
+    className: "mt-4 flex-shrink-0"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Right, null, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Secondary, {
+    onClick: hide
+  }, "Cancel"))));
 }
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeRenderingPresets.tsx
 
@@ -372,21 +354,19 @@ function VolumeRenderingPresets({
   volumeRenderingPresets
 }) {
   const {
-    uiModalService
+    uiDialogService
   } = servicesManager.services;
   const onClickPresets = () => {
-    uiModalService.show({
+    uiDialogService.show({
+      id: 'volume-rendering-presets',
       content: VolumeRenderingPresetsContent,
       title: 'Rendering Presets',
-      movable: true,
+      isDraggable: true,
       contentProps: {
-        onClose: uiModalService.hide,
         presets: volumeRenderingPresets,
         viewportId,
         commandsManager
-      },
-      containerDimensions: 'h-[543px] w-[460px]',
-      contentDimensions: 'h-[493px] w-[460px]  pl-[12px] pr-[12px]'
+      }
     });
   };
   return /*#__PURE__*/react.createElement(src/* AllInOneMenu.Item */.se.q7, {
@@ -904,7 +884,7 @@ function WindowLevelActionMenu({
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97598);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12318);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(61533);
 /* harmony import */ var _services_ViewportActionCornersService_ViewportActionCornersService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77954);
 
 
@@ -1175,7 +1155,7 @@ function useSegmentations({
 
 /***/ }),
 
-/***/ 19072:
+/***/ 39855:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -1183,6 +1163,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  CornerstoneViewportDownloadForm: () => (/* reexport */ utils_CornerstoneViewportDownloadForm),
   DicomUpload: () => (/* reexport */ DicomUpload_DicomUpload),
   Enums: () => (/* reexport */ enums),
   ImageOverlayViewerTool: () => (/* reexport */ tools_ImageOverlayViewerTool),
@@ -1238,8 +1219,8 @@ __webpack_require__.r(types_namespaceObject);
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 95 modules
-var dist_esm = __webpack_require__(31856);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
+var dist_esm = __webpack_require__(4667);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/enums.ts
 const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';
@@ -1254,8 +1235,8 @@ var src = __webpack_require__(5058);
 var loaders = __webpack_require__(19742);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/enums/RequestType.js
 var RequestType = __webpack_require__(43213);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 73 modules
-var dicom_image_loader_dist_esm = __webpack_require__(12420);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 76 modules
+var dicom_image_loader_dist_esm = __webpack_require__(79453);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/initWADOImageLoader.js
 
 
@@ -1290,8 +1271,10 @@ function initWADOImageLoader(userAuthenticationService, appConfig, extensionMana
 function destroy() {
   console.debug('Destroying WADO Image Loader');
 }
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 144 modules
-var default_src = __webpack_require__(45692);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/polymorphic-segmentation/dist/esm/index.js + 14 modules
+var polymorphic_segmentation_dist_esm = __webpack_require__(56983);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 146 modules
+var default_src = __webpack_require__(47942);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
 var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getActiveViewportEnabledElement.ts
@@ -1388,28 +1371,14 @@ function onCompletedCalibrationLine(servicesManager, csToolsEvent) {
       reject('UIDialogService is not initiated');
       return;
     }
-    (0,default_src.callInputDialog)(uiDialogService, {
-      text: '',
-      label: `${length}`
-    }, (value, id) => {
-      if (id === 'save') {
-        adjustCalibration(Number.parseFloat(value));
-        resolve(true);
-      } else {
-        reject('cancel');
-      }
-    }, false, {
-      dialogTitle: 'Calibration',
-      inputLabel: 'Actual Physical distance (mm)',
-      // the input value must be a number
-      validateFunc: val => {
-        try {
-          const v = Number.parseFloat(val);
-          return !isNaN(v) && v !== 0.0;
-        } catch {
-          return false;
-        }
-      }
+    (0,default_src.callInputDialog)({
+      uiDialogService,
+      title: 'Calibration',
+      placeholder: 'Actual Physical distance (mm)',
+      defaultValue: `${length}`
+    }).then(newValue => {
+      adjustCalibration(Number.parseFloat(newValue));
+      resolve(true);
     });
   });
 }
@@ -1676,12 +1645,17 @@ ImageOverlayViewerTool.addOverlayPlaneModule = tools_OverlayPlaneModuleProvider.
 
 
 
+
 function initCornerstoneTools(configuration = {}) {
   dist_esm.CrosshairsTool.isAnnotation = false;
   dist_esm.ReferenceLinesTool.isAnnotation = false;
   dist_esm.AdvancedMagnifyTool.isAnnotation = false;
   dist_esm.PlanarFreehandContourSegmentationTool.isAnnotation = false;
-  (0,dist_esm.init)(configuration);
+  (0,dist_esm.init)({
+    addons: {
+      polySeg: polymorphic_segmentation_dist_esm
+    }
+  });
   (0,dist_esm.addTool)(dist_esm.PanTool);
   (0,dist_esm.addTool)(dist_esm.WindowLevelTool);
   (0,dist_esm.addTool)(dist_esm.StackScrollTool);
@@ -1774,8 +1748,8 @@ const toolNames = {
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/constants/supportedTools.js
 const supportedTools = ['Length', 'EllipticalROI', 'CircleROI', 'Bidirectional', 'ArrowAnnotate', 'Angle', 'CobbAngle', 'Probe', 'RectangleROI', 'PlanarFreehandROI', 'SplineROI', 'LivewireContour', 'UltrasoundDirectionalTool', 'SCOORD3DPoint'];
 /* harmony default export */ const constants_supportedTools = (supportedTools);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/annotation/index.js + 1 modules
-var stateManagement_annotation = __webpack_require__(47807);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/annotation/index.js
+var stateManagement_annotation = __webpack_require__(32102);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getIsLocked.ts
 
 const getIsLocked = annotationUID => {
@@ -2718,7 +2692,7 @@ function CircleROI_getDisplayText(mappedAnnotations, displaySet) {
 
 
 
-const ArrowAnnotate_Length = {
+const ArrowAnnotate = {
   toAnnotation: measurement => {},
   /**
    * Maps cornerstone annotation event data to measurement service format.
@@ -2877,7 +2851,7 @@ function ArrowAnnotate_getReport(mappedAnnotations, points, FrameOfReferenceUID)
     values
   };
 }
-/* harmony default export */ const ArrowAnnotate = (ArrowAnnotate_Length);
+/* harmony default export */ const measurementServiceMappings_ArrowAnnotate = (ArrowAnnotate);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/CobbAngle.ts
 
 
@@ -4656,8 +4630,8 @@ const measurementServiceMappingsFactory = (measurementService, displaySetService
       }]
     },
     ArrowAnnotate: {
-      toAnnotation: ArrowAnnotate.toAnnotation,
-      toMeasurement: csToolsAnnotation => ArrowAnnotate.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
+      toAnnotation: measurementServiceMappings_ArrowAnnotate.toAnnotation,
+      toMeasurement: csToolsAnnotation => measurementServiceMappings_ArrowAnnotate.toMeasurement(csToolsAnnotation, displaySetService, cornerstoneViewportService, _getValueTypeFromToolType, customizationService),
       matchingCriteria: [{
         valueType: src/* MeasurementService */.C5.VALUE_TYPES.POINT,
         points: 1
@@ -5972,8 +5946,8 @@ var useLutPresentationStore = __webpack_require__(10182);
 var usePositionPresentationStore = __webpack_require__(44646);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/stores/useSegmentationPresentationStore.ts + 1 modules
 var useSegmentationPresentationStore = __webpack_require__(2847);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js + 43 modules
-var esm_utilities = __webpack_require__(25242);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/utilities/index.js
+var esm_utilities = __webpack_require__(98866);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/init.tsx
 
 
@@ -6342,8 +6316,8 @@ function _showCPURenderingModal(uiModalService, hangingProtocolService) {
     inheritsFrom: 'ohif.overlayItem.instanceNumber'
   }]
 });
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2637 modules
-var ui_next_src = __webpack_require__(52441);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2653 modules
+var ui_next_src = __webpack_require__(95371);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/customizations/segmentationPanelCustomization.tsx
 
 
@@ -6754,8 +6728,8 @@ const defaultWindowLevelPresets = {
 /* harmony default export */ const windowLevelPresetsCustomization = ({
   'cornerstone.windowLevelPresets': WindowLevelActionMenu_defaultWindowLevelPresets
 });
-// EXTERNAL MODULE: ../../ui/src/index.js + 694 modules
-var ui_src = __webpack_require__(12318);
+// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
+var ui_src = __webpack_require__(61533);
 // EXTERNAL MODULE: ../../../node_modules/react-dropzone/dist/es/index.js + 4 modules
 var es = __webpack_require__(85252);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
@@ -7386,21 +7360,120 @@ DicomUpload.propTypes = {
   dicomUploadComponent: DicomUpload_DicomUpload,
   codingValues: {}
 });
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/WindowLevelActionMenu.tsx + 10 modules
-var WindowLevelActionMenu = __webpack_require__(35392);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/customizations/windowLevelActionMenuCustomization.ts
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/customizations/captureViewportModalCustomization.tsx
 
-/* harmony default export */ const windowLevelActionMenuCustomization = ({
-  'cornerstone.windowLevelActionMenu': WindowLevelActionMenu/* WindowLevelActionMenu */.K
+
+const MAX_TEXTURE_SIZE = 10000;
+const DEFAULT_FILENAME = 'image';
+function ViewportDownloadFormNew({
+  onClose,
+  defaultSize,
+  fileTypeOptions,
+  viewportId,
+  showAnnotations,
+  onAnnotationsChange,
+  dimensions,
+  warningState,
+  onDimensionsChange,
+  onEnableViewport,
+  onDisableViewport,
+  onDownload
+}) {
+  const [viewportElement, setViewportElement] = (0,react.useState)(null);
+  const [showWarningMessage, setShowWarningMessage] = (0,react.useState)(true);
+  const [filename, setFilename] = (0,react.useState)(DEFAULT_FILENAME);
+  const [fileType, setFileType] = (0,react.useState)('jpg');
+  (0,react.useEffect)(() => {
+    if (!viewportElement) {
+      return;
+    }
+    onEnableViewport(viewportElement);
+    return () => {
+      onDisableViewport();
+    };
+  }, [onDisableViewport, onEnableViewport, viewportElement]);
+  return /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji, null, /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.Body, null, /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.ImageVisual, null, /*#__PURE__*/react.createElement("div", {
+    style: {
+      height: dimensions.height,
+      width: dimensions.width,
+      position: 'relative'
+    },
+    "data-viewport-uid": viewportId,
+    ref: setViewportElement
+  }, warningState.enabled && showWarningMessage && /*#__PURE__*/react.createElement("div", {
+    className: "text-foreground absolute left-1/2 bottom-[5px] z-[1000] -translate-x-1/2 whitespace-nowrap rounded bg-black p-3 text-xs font-bold",
+    style: {
+      fontSize: '12px'
+    }
+  }, warningState.value))), /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.ImageOptions, null, /*#__PURE__*/react.createElement("div", {
+    className: "flex items-end space-x-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.Filename, {
+    value: filename,
+    onChange: e => setFilename(e.target.value)
+  }, "File name"), /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.Filetype, {
+    selected: fileType,
+    onSelect: setFileType,
+    options: fileTypeOptions
+  })), /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.ImageSize, {
+    width: dimensions.width.toString(),
+    height: dimensions.height.toString(),
+    onWidthChange: e => {
+      onDimensionsChange({
+        ...dimensions,
+        width: parseInt(e.target.value) || defaultSize
+      });
+    },
+    onHeightChange: e => {
+      onDimensionsChange({
+        ...dimensions,
+        height: parseInt(e.target.value) || defaultSize
+      });
+    },
+    maxWidth: MAX_TEXTURE_SIZE.toString(),
+    maxHeight: MAX_TEXTURE_SIZE.toString()
+  }, "Image size ", /*#__PURE__*/react.createElement("span", {
+    className: "text-muted-foreground"
+  }, "px")), /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.SwitchOption, {
+    defaultChecked: showAnnotations,
+    checked: showAnnotations,
+    onCheckedChange: onAnnotationsChange
+  }, "Include annotations"), warningState.enabled && /*#__PURE__*/react.createElement(ui_next_src/* ImageModal */.ji.SwitchOption, {
+    defaultChecked: showWarningMessage,
+    checked: showWarningMessage,
+    onCheckedChange: setShowWarningMessage
+  }, "Include warning message"), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es, {
+    className: "mt-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Right, null, /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Secondary, {
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/react.createElement(ui_next_src/* FooterAction */.es.Primary, {
+    onClick: () => {
+      onDownload(filename || DEFAULT_FILENAME, fileType);
+      onClose();
+    }
+  }, "Save"))))));
+}
+/* harmony default export */ const captureViewportModalCustomization = ({
+  'ohif.captureViewportModal': ViewportDownloadFormNew
+});
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/customizations/viewportDownloadWarningCustomization.tsx
+/* harmony default export */ const viewportDownloadWarningCustomization = ({
+  'viewportDownload.warningMessage': {
+    enabled: true,
+    value: 'Not For Diagnostic Use'
+  }
 });
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/services/ViewportActionCornersService/ViewportActionCornersService.ts
 var ViewportActionCornersService = __webpack_require__(77954);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/components/WindowLevelActionMenu/WindowLevelActionMenu.tsx + 10 modules
+var WindowLevelActionMenu = __webpack_require__(35392);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/customizations/viewportActionMenuCustomizations.ts
 
+
 /* harmony default export */ const viewportActionMenuCustomizations = ({
   'viewportActionMenu.windowLevelActionMenu': {
     enabled: true,
-    location: ViewportActionCornersService/* default */.A.LOCATIONS.topRight
+    location: ViewportActionCornersService/* default */.A.LOCATIONS.topRight,
+    component: WindowLevelActionMenu/* WindowLevelActionMenu */.K
   },
   'viewportActionMenu.segmentationOverlay': {
     enabled: true,
@@ -7420,6 +7493,7 @@ var ViewportActionCornersService = __webpack_require__(77954);
 
 
 
+
 function getCustomizationModule({
   commandsManager,
   servicesManager
@@ -7440,7 +7514,8 @@ function getCustomizationModule({
       ...colorbarCustomization,
       ...windowLevelPresetsCustomization,
       ...miscCustomization,
-      ...windowLevelActionMenuCustomization,
+      ...captureViewportModalCustomization,
+      ...viewportDownloadWarningCustomization,
       ...viewportActionMenuCustomizations
     }
   }];
@@ -7448,240 +7523,8 @@ function getCustomizationModule({
 /* harmony default export */ const src_getCustomizationModule = (getCustomizationModule);
 // EXTERNAL MODULE: ../../i18n/src/index.js + 150 modules
 var i18n_src = __webpack_require__(16076);
-// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
-var gl_matrix_esm = __webpack_require__(3823);
-// EXTERNAL MODULE: ../../../node_modules/html2canvas/dist/html2canvas.esm.js
-var html2canvas_esm = __webpack_require__(91037);
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/CornerstoneViewportDownloadForm.tsx
-
-
-
-
-
-
-const MINIMUM_SIZE = 100;
-const DEFAULT_SIZE = 512;
-const MAX_TEXTURE_SIZE = 10000;
-const VIEWPORT_ID = 'cornerstone-viewport-download-form';
-const CornerstoneViewportDownloadForm = ({
-  onClose,
-  activeViewportId: activeViewportIdProp,
-  cornerstoneViewportService
-}) => {
-  const enabledElement = (0,state/* getEnabledElement */.kJ)(activeViewportIdProp);
-  const activeViewportElement = enabledElement?.element;
-  const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
-  const {
-    viewportId: activeViewportId,
-    renderingEngineId,
-    viewport: activeViewport
-  } = activeViewportEnabledElement;
-  const toolGroup = dist_esm.ToolGroupManager.getToolGroupForViewport(activeViewportId, renderingEngineId);
-  const toolModeAndBindings = Object.keys(toolGroup.toolOptions).reduce((acc, toolName) => {
-    const tool = toolGroup.toolOptions[toolName];
-    const {
-      mode,
-      bindings
-    } = tool;
-    return {
-      ...acc,
-      [toolName]: {
-        mode,
-        bindings
-      }
-    };
-  }, {});
-  (0,react.useEffect)(() => {
-    return () => {
-      Object.keys(toolModeAndBindings).forEach(toolName => {
-        const {
-          mode,
-          bindings
-        } = toolModeAndBindings[toolName];
-        toolGroup.setToolMode(toolName, mode, {
-          bindings
-        });
-      });
-    };
-  }, []);
-  const enableViewport = viewportElement => {
-    if (viewportElement) {
-      const {
-        renderingEngine,
-        viewport
-      } = (0,esm.getEnabledElement)(activeViewportElement);
-      const viewportInput = {
-        viewportId: VIEWPORT_ID,
-        element: viewportElement,
-        type: viewport.type,
-        defaultOptions: {
-          background: viewport.defaultOptions.background,
-          orientation: viewport.defaultOptions.orientation
-        }
-      };
-      renderingEngine.enableElement(viewportInput);
-    }
-  };
-  const disableViewport = viewportElement => {
-    if (viewportElement) {
-      const {
-        renderingEngine
-      } = (0,esm.getEnabledElement)(viewportElement);
-      return new Promise(resolve => {
-        renderingEngine.disableElement(VIEWPORT_ID);
-      });
-    }
-  };
-  const updateViewportPreview = (downloadViewportElement, internalCanvas, fileType) => new Promise(resolve => {
-    const enabledElement = (0,esm.getEnabledElement)(downloadViewportElement);
-    const {
-      viewport: downloadViewport,
-      renderingEngine
-    } = enabledElement;
-
-    // Note: Since any trigger of dimensions will update the viewport,
-    // we need to resize the offScreenCanvas to accommodate for the new
-    // dimensions, this is due to the reason that we are using the GPU offScreenCanvas
-    // to render the viewport for the downloadViewport.
-    renderingEngine.resize();
-
-    // Trigger the render on the viewport to update the on screen
-    // downloadViewport.resetCamera();
-    downloadViewport.render();
-    downloadViewportElement.addEventListener(esm.Enums.Events.IMAGE_RENDERED, function updateViewport(event) {
-      const enabledElement = (0,esm.getEnabledElement)(event.target);
-      const {
-        viewport
-      } = enabledElement;
-      const {
-        element
-      } = viewport;
-      const downloadCanvas = (0,esm.getOrCreateCanvas)(element);
-      const type = 'image/' + fileType;
-      const dataUrl = downloadCanvas.toDataURL(type, 1);
-      let newWidth = element.offsetHeight;
-      let newHeight = element.offsetWidth;
-      if (newWidth > DEFAULT_SIZE || newHeight > DEFAULT_SIZE) {
-        const multiplier = DEFAULT_SIZE / Math.max(newWidth, newHeight);
-        newHeight *= multiplier;
-        newWidth *= multiplier;
-      }
-      resolve({
-        dataUrl,
-        width: newWidth,
-        height: newHeight
-      });
-      downloadViewportElement.removeEventListener(esm.Enums.Events.IMAGE_RENDERED, updateViewport);
-
-      // for some reason we need a reset camera here, and I don't know why
-      downloadViewport.resetCamera();
-      const presentation = activeViewport.getViewPresentation();
-      if (downloadViewport.setView) {
-        downloadViewport.setView(activeViewport.getViewReference(), presentation);
-      }
-      downloadViewport.render();
-    });
-  });
-  const loadImage = (activeViewportElement, viewportElement, width, height) => new Promise(resolve => {
-    if (activeViewportElement && viewportElement) {
-      const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
-      if (!activeViewportEnabledElement) {
-        return;
-      }
-      const {
-        viewport
-      } = activeViewportEnabledElement;
-      const renderingEngine = cornerstoneViewportService.getRenderingEngine();
-      const downloadViewport = renderingEngine.getViewport(VIEWPORT_ID);
-      if (downloadViewport instanceof esm.StackViewport) {
-        const imageId = viewport.getCurrentImageId();
-        const properties = viewport.getProperties();
-        downloadViewport.setStack([imageId]).then(() => {
-          try {
-            downloadViewport.setProperties(properties);
-            const newWidth = Math.min(width || image.width, MAX_TEXTURE_SIZE);
-            const newHeight = Math.min(height || image.height, MAX_TEXTURE_SIZE);
-            resolve({
-              width: newWidth,
-              height: newHeight
-            });
-          } catch (e) {
-            // Happens on clicking the cancel button
-            console.warn('Unable to set properties', e);
-          }
-        });
-      } else if (downloadViewport instanceof esm.BaseVolumeViewport) {
-        const actors = viewport.getActors();
-        // downloadViewport.setActors(actors);
-        actors.forEach(actor => {
-          downloadViewport.addActor(actor);
-        });
-        downloadViewport.render();
-        const newWidth = Math.min(width || image.width, MAX_TEXTURE_SIZE);
-        const newHeight = Math.min(height || image.height, MAX_TEXTURE_SIZE);
-        resolve({
-          width: newWidth,
-          height: newHeight
-        });
-      }
-    }
-  });
-  const toggleAnnotations = (toggle, viewportElement, activeViewportElement) => {
-    const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
-    const downloadViewportElement = (0,esm.getEnabledElement)(viewportElement);
-    const {
-      viewportId: activeViewportId,
-      renderingEngineId
-    } = activeViewportEnabledElement;
-    const {
-      viewportId: downloadViewportId
-    } = downloadViewportElement;
-    if (!activeViewportEnabledElement || !downloadViewportElement) {
-      return;
-    }
-    const toolGroup = dist_esm.ToolGroupManager.getToolGroupForViewport(activeViewportId, renderingEngineId);
-
-    // add the viewport to the toolGroup
-    toolGroup.addViewport(downloadViewportId, renderingEngineId);
-    Object.keys(toolGroup.getToolInstances()).forEach(toolName => {
-      // make all tools Enabled so that they can not be interacted with
-      // in the download viewport
-      if (toggle && toolName !== 'Crosshairs') {
-        try {
-          toolGroup.setToolEnabled(toolName);
-        } catch (e) {
-          console.log(e);
-        }
-      } else {
-        toolGroup.setToolDisabled(toolName);
-      }
-    });
-  };
-  const downloadBlob = (filename, fileType) => {
-    const file = `${filename}.${fileType}`;
-    const divForDownloadViewport = document.querySelector(`div[data-viewport-uid="${VIEWPORT_ID}"]`);
-    (0,html2canvas_esm/* default */.A)(divForDownloadViewport).then(canvas => {
-      const link = document.createElement('a');
-      link.download = file;
-      link.href = canvas.toDataURL(fileType, 1.0);
-      link.click();
-    });
-  };
-  return /*#__PURE__*/react.createElement(ui_src/* ViewportDownloadForm */.VS, {
-    onClose: onClose,
-    minimumSize: MINIMUM_SIZE,
-    maximumSize: MAX_TEXTURE_SIZE,
-    defaultSize: DEFAULT_SIZE,
-    activeViewportElement: activeViewportElement,
-    enableViewport: enableViewport,
-    disableViewport: disableViewport,
-    updateViewportPreview: updateViewportPreview,
-    loadImage: loadImage,
-    toggleAnnotations: toggleAnnotations,
-    downloadBlob: downloadBlob
-  });
-};
-/* harmony default export */ const utils_CornerstoneViewportDownloadForm = (CornerstoneViewportDownloadForm);
+// EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js
+var gl_matrix_esm = __webpack_require__(40230);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/imageSliceSync/toggleImageSliceSync.ts
 const IMAGE_SLICE_SYNC_NAME = 'IMAGE_SLICE_SYNC';
 function toggleImageSliceSync({
@@ -7872,6 +7715,201 @@ var useSynchronizersStore = __webpack_require__(68578);
 
 
 
+// EXTERNAL MODULE: ../../../node_modules/html2canvas/dist/html2canvas.esm.js
+var html2canvas_esm = __webpack_require__(91037);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/CornerstoneViewportDownloadForm.tsx
+
+
+
+
+
+
+const DEFAULT_SIZE = 512;
+const CornerstoneViewportDownloadForm_MAX_TEXTURE_SIZE = 10000;
+const VIEWPORT_ID = 'cornerstone-viewport-download-form';
+const FILE_TYPE_OPTIONS = [{
+  value: 'jpg',
+  label: 'JPG'
+}, {
+  value: 'png',
+  label: 'PNG'
+}];
+const CornerstoneViewportDownloadForm = ({
+  hide,
+  activeViewportId: activeViewportIdProp
+}) => {
+  const {
+    servicesManager
+  } = (0,src/* useSystem */.Jg)();
+  const {
+    customizationService,
+    cornerstoneViewportService
+  } = servicesManager.services;
+  const [showAnnotations, setShowAnnotations] = (0,react.useState)(true);
+  const [viewportDimensions, setViewportDimensions] = (0,react.useState)({
+    width: DEFAULT_SIZE,
+    height: DEFAULT_SIZE
+  });
+  const warningState = customizationService.getCustomization('viewportDownload.warningMessage');
+  const refViewportEnabledElementOHIF = (0,state/* getEnabledElement */.kJ)(activeViewportIdProp);
+  const activeViewportElement = refViewportEnabledElementOHIF?.element;
+  const {
+    viewportId: activeViewportId,
+    renderingEngineId
+  } = (0,esm.getEnabledElement)(activeViewportElement);
+  const renderingEngine = cornerstoneViewportService.getRenderingEngine();
+  const toolGroup = dist_esm.ToolGroupManager.getToolGroupForViewport(activeViewportId, renderingEngineId);
+  (0,react.useEffect)(() => {
+    const toolModeAndBindings = Object.keys(toolGroup.toolOptions).reduce((acc, toolName) => {
+      const tool = toolGroup.toolOptions[toolName];
+      const {
+        mode,
+        bindings
+      } = tool;
+      return {
+        ...acc,
+        [toolName]: {
+          mode,
+          bindings
+        }
+      };
+    }, {});
+    return () => {
+      Object.keys(toolModeAndBindings).forEach(toolName => {
+        const {
+          mode,
+          bindings
+        } = toolModeAndBindings[toolName];
+        toolGroup.setToolMode(toolName, mode, {
+          bindings
+        });
+      });
+    };
+  }, []);
+  const handleEnableViewport = viewportElement => {
+    if (!viewportElement) {
+      return;
+    }
+    const {
+      viewport
+    } = (0,esm.getEnabledElement)(activeViewportElement);
+    const viewportInput = {
+      viewportId: VIEWPORT_ID,
+      element: viewportElement,
+      type: viewport.type,
+      defaultOptions: {
+        background: viewport.defaultOptions.background,
+        orientation: viewport.defaultOptions.orientation
+      }
+    };
+    renderingEngine.enableElement(viewportInput);
+  };
+  const handleDisableViewport = async () => {
+    renderingEngine.disableElement(VIEWPORT_ID);
+  };
+  const handleLoadImage = async (width, height) => {
+    if (!activeViewportElement) {
+      return;
+    }
+    const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
+    if (!activeViewportEnabledElement) {
+      return;
+    }
+    const {
+      viewport
+    } = activeViewportEnabledElement;
+    const downloadViewport = renderingEngine.getViewport(VIEWPORT_ID);
+    try {
+      if (downloadViewport instanceof esm.StackViewport) {
+        const imageId = viewport.getCurrentImageId();
+        const properties = viewport.getProperties();
+        await downloadViewport.setStack([imageId]);
+        downloadViewport.setProperties(properties);
+        return {
+          width: Math.min(width || DEFAULT_SIZE, CornerstoneViewportDownloadForm_MAX_TEXTURE_SIZE),
+          height: Math.min(height || DEFAULT_SIZE, CornerstoneViewportDownloadForm_MAX_TEXTURE_SIZE)
+        };
+      } else if (downloadViewport instanceof esm.BaseVolumeViewport) {
+        const volumeIds = viewport.getAllVolumeIds();
+        downloadViewport.setVolumes([{
+          volumeId: volumeIds[0]
+        }]);
+        return {
+          width: Math.min(width || DEFAULT_SIZE, CornerstoneViewportDownloadForm_MAX_TEXTURE_SIZE),
+          height: Math.min(height || DEFAULT_SIZE, CornerstoneViewportDownloadForm_MAX_TEXTURE_SIZE)
+        };
+      }
+    } catch (error) {
+      console.error('Error loading image:', error);
+    }
+  };
+  const handleToggleAnnotations = show => {
+    const activeViewportEnabledElement = (0,esm.getEnabledElement)(activeViewportElement);
+    if (!activeViewportEnabledElement) {
+      return;
+    }
+    const downloadViewport = renderingEngine.getViewport(VIEWPORT_ID);
+    if (!downloadViewport) {
+      return;
+    }
+    const {
+      viewportId: activeViewportId,
+      renderingEngineId
+    } = activeViewportEnabledElement;
+    const {
+      id: downloadViewportId
+    } = downloadViewport;
+    const toolGroup = dist_esm.ToolGroupManager.getToolGroupForViewport(activeViewportId, renderingEngineId);
+    toolGroup.addViewport(downloadViewportId, renderingEngineId);
+    Object.keys(toolGroup.getToolInstances()).forEach(toolName => {
+      if (show && toolName !== 'Crosshairs') {
+        try {
+          toolGroup.setToolEnabled(toolName);
+        } catch (error) {
+          console.debug('Error enabling tool:', error);
+        }
+      } else {
+        toolGroup.setToolDisabled(toolName);
+      }
+    });
+  };
+  (0,react.useEffect)(() => {
+    if (viewportDimensions.width && viewportDimensions.height) {
+      setTimeout(() => {
+        handleLoadImage(viewportDimensions.width, viewportDimensions.height);
+        handleToggleAnnotations(showAnnotations);
+      }, 100);
+    }
+  }, [viewportDimensions, showAnnotations]);
+  const handleDownload = async (filename, fileType) => {
+    const divForDownloadViewport = document.querySelector(`div[data-viewport-uid="${VIEWPORT_ID}"]`);
+    if (!divForDownloadViewport) {
+      console.debug('No viewport found for download');
+      return;
+    }
+    const canvas = await (0,html2canvas_esm/* default */.A)(divForDownloadViewport);
+    const link = document.createElement('a');
+    link.download = `${filename}.${fileType}`;
+    link.href = canvas.toDataURL(`image/${fileType}`, 1.0);
+    link.click();
+  };
+  const ViewportDownloadFormNew = customizationService.getCustomization('ohif.captureViewportModal');
+  return /*#__PURE__*/react.createElement(ViewportDownloadFormNew, {
+    onClose: hide,
+    defaultSize: DEFAULT_SIZE,
+    fileTypeOptions: FILE_TYPE_OPTIONS,
+    viewportId: VIEWPORT_ID,
+    showAnnotations: showAnnotations,
+    onAnnotationsChange: setShowAnnotations,
+    dimensions: viewportDimensions,
+    onDimensionsChange: setViewportDimensions,
+    onEnableViewport: handleEnableViewport,
+    onDisableViewport: handleDisableViewport,
+    onDownload: handleDownload,
+    warningState: warningState
+  });
+};
+/* harmony default export */ const utils_CornerstoneViewportDownloadForm = (CornerstoneViewportDownloadForm);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/commandsModule.ts
 
 
@@ -8059,20 +8097,58 @@ function commandsModule({
       }
     },
     /**
-     * Show the measurement labelling input dialog and update the label
-     * on the measurement with a response if not cancelled.
+     * Common logic for handling measurement label updates through dialog
+     * @param uid - measurement uid
+     * @returns Promise that resolves when the label is updated
      */
-    setMeasurementLabel: ({
-      uid
-    }) => {
+    _handleMeasurementLabelDialog: async uid => {
       const labelConfig = customizationService.getCustomization('measurementLabels');
       const renderContent = customizationService.getCustomization('ui.labellingComponent');
       const measurement = measurementService.getMeasurement(uid);
-      (0,default_src.showLabelAnnotationPopup)(measurement, uiDialogService, labelConfig, renderContent).then(val => {
+      if (!measurement) {
+        console.debug('No measurement found for label editing');
+        return;
+      }
+      if (!labelConfig) {
+        const label = await (0,default_src.callInputDialog)({
+          uiDialogService,
+          title: 'Edit Measurement Label',
+          placeholder: measurement.label || 'Enter new label',
+          defaultValue: measurement.label
+        });
+        if (label !== undefined && label !== null) {
+          measurementService.update(uid, {
+            ...measurement,
+            label
+          }, true);
+        }
+        return;
+      }
+      const val = await (0,default_src.callInputDialogAutoComplete)({
+        measurement,
+        uiDialogService,
+        labelConfig,
+        renderContent
+      });
+      if (val !== undefined && val !== null) {
         measurementService.update(uid, {
           ...val
         }, true);
-      });
+      }
+    },
+    /**
+     * Show the measurement labelling input dialog and update the label
+     * on the measurement with a response if not cancelled.
+     */
+    setMeasurementLabel: async ({
+      uid
+    }) => {
+      await actions._handleMeasurementLabelDialog(uid);
+    },
+    renameMeasurement: async ({
+      uid
+    }) => {
+      await actions._handleMeasurementLabelDialog(uid);
     },
     /**
      *
@@ -8180,18 +8256,6 @@ function commandsModule({
     }) => {
       measurementService.remove(uid);
     },
-    renameMeasurement: ({
-      uid
-    }) => {
-      const labelConfig = customizationService.getCustomization('measurementLabels');
-      const renderContent = customizationService.getCustomization('ui.labellingComponent');
-      const measurement = measurementService.getMeasurement(uid);
-      (0,default_src.showLabelAnnotationPopup)(measurement, uiDialogService, labelConfig, renderContent).then(val => {
-        measurementService.update(uid, {
-          ...val
-        }, true);
-      });
-    },
     toggleLockMeasurement: ({
       uid
     }) => {
@@ -8232,13 +8296,11 @@ function commandsModule({
       viewportGridService.setActiveViewportId(viewportId);
     },
     arrowTextCallback: ({
-      callback,
-      data,
-      uid
+      callback
     }) => {
       const labelConfig = customizationService.getCustomization('measurementLabels');
       const renderContent = customizationService.getCustomization('ui.labellingComponent');
-      (0,default_src.callLabelAutocompleteDialog)(uiDialogService, callback, {}, labelConfig, renderContent);
+      (0,default_src.callInputDialogAutoComplete)(uiDialogService, callback, {}, labelConfig, renderContent);
     },
     toggleCine: () => {
       const {
@@ -8443,6 +8505,7 @@ function commandsModule({
         }]
       });
     },
+    // capture viewport
     showDownloadViewportModal: () => {
       const {
         activeViewportId
@@ -8465,10 +8528,9 @@ function commandsModule({
           title: 'Download High Quality Image',
           contentProps: {
             activeViewportId,
-            onClose: uiModalService.hide,
             cornerstoneViewportService
           },
-          containerDimensions: 'w-[70%] max-w-[900px]'
+          containerClassName: 'max-w-4xl p-4'
         });
       }
     },
@@ -9080,12 +9142,10 @@ function commandsModule({
         segmentationService,
         viewportGridService
       } = servicesManager.services;
-      const datasources = extensionManager.getActiveDataSource();
       const displaySetInstanceUIDs = await (0,default_src.createReportAsync)({
         servicesManager,
         getReport: () => commandsManager.runCommand('storeSegmentation', {
-          segmentationId,
-          dataSource: datasources[0]
+          segmentationId
         }),
         reportType: 'Segmentation'
       });
@@ -9273,7 +9333,7 @@ function commandsModule({
         fillAlphaInactive: value
       });
     },
-    editSegmentLabel: ({
+    editSegmentLabel: async ({
       segmentationId,
       segmentIndex
     }) => {
@@ -9286,18 +9346,13 @@ function commandsModule({
         return;
       }
       const segment = segmentation.segments[segmentIndex];
-      const {
-        label
-      } = segment;
-      const callback = (label, actionId) => {
-        if (label === '') {
-          return;
-        }
+      (0,default_src.callInputDialog)({
+        uiDialogService,
+        title: 'Edit Segment Label',
+        placeholder: 'Enter new label',
+        defaultValue: segment.label
+      }).then(label => {
         segmentationService.setSegmentLabel(segmentationId, segmentIndex, label);
-      };
-      (0,default_src.callInputDialog)(uiDialogService, label, callback, false, {
-        dialogTitle: 'Edit Segment Label',
-        inputLabel: 'Enter new label'
       });
     },
     editSegmentationLabel: ({
@@ -9314,18 +9369,16 @@ function commandsModule({
       const {
         label
       } = segmentation;
-      const callback = (label, actionId) => {
-        if (label === '') {
-          return;
-        }
+      (0,default_src.callInputDialog)({
+        uiDialogService,
+        title: 'Edit Segmentation Label',
+        placeholder: 'Enter new label',
+        defaultValue: label
+      }).then(label => {
         segmentationService.addOrUpdateSegmentation({
           segmentationId,
           label
         });
-      };
-      (0,default_src.callInputDialog)(uiDialogService, label, callback, false, {
-        dialogTitle: 'Edit Segmentation Label',
-        inputLabel: 'Enter new label'
       });
     },
     editSegmentColor: ({
@@ -9345,12 +9398,16 @@ function commandsModule({
         b: color[2],
         a: color[3] / 255.0
       };
-      (0,default_src.colorPickerDialog)(uiDialogService, rgbaColor, (newRgbaColor, actionId) => {
-        if (actionId === 'cancel') {
-          return;
+      uiDialogService.show({
+        content: default_src.colorPickerDialog,
+        title: 'Segment Color',
+        contentProps: {
+          value: rgbaColor,
+          onSave: newRgbaColor => {
+            const color = [newRgbaColor.r, newRgbaColor.g, newRgbaColor.b, newRgbaColor.a * 255.0];
+            segmentationService.setSegmentColor(viewportId, segmentationId, segmentIndex, color);
+          }
         }
-        const color = [newRgbaColor.r, newRgbaColor.g, newRgbaColor.b, newRgbaColor.a * 255.0];
-        segmentationService.setSegmentColor(viewportId, segmentationId, segmentIndex, color);
       });
     },
     getRenderInactiveSegmentations: () => {
@@ -9402,6 +9459,9 @@ function commandsModule({
     setMeasurementLabel: {
       commandFn: actions.setMeasurementLabel
     },
+    renameMeasurement: {
+      commandFn: actions.renameMeasurement
+    },
     updateMeasurement: {
       commandFn: actions.updateMeasurement
     },
@@ -9414,9 +9474,6 @@ function commandsModule({
     removeMeasurement: {
       commandFn: actions.removeMeasurement
     },
-    renameMeasurement: {
-      commandFn: actions.renameMeasurement
-    },
     toggleLockMeasurement: {
       commandFn: actions.toggleLockMeasurement
     },
@@ -12655,8 +12712,8 @@ var updateLabelmapSegmentationImageReferences = __webpack_require__(78231);
 var triggerSegmentationEvents = __webpack_require__(49906);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/helpers/convertStackToVolumeLabelmap.js
 var convertStackToVolumeLabelmap = __webpack_require__(6273);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/index.js + 9 modules
-var stateManagement_segmentation = __webpack_require__(1300);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/index.js + 8 modules
+var stateManagement_segmentation = __webpack_require__(44595);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/services/SegmentationService/SegmentationService.ts
 var _SegmentationService;
 
@@ -16104,6 +16161,7 @@ function src_extends() { return src_extends = Object.assign ? Object.assign.bind
 
 
 
+
 
 
 const {
@@ -16278,7 +16336,7 @@ const cornerstoneExtension = {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5058);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12318);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61533);
 var _ViewportActionCornersService;
 
 
@@ -16351,8 +16409,8 @@ __webpack_require__.d(__webpack_exports__, {
 var src = __webpack_require__(5058);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 95 modules
-var dist_esm = __webpack_require__(31856);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
+var dist_esm = __webpack_require__(4667);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/services/ViewportService/constants.ts
 var constants = __webpack_require__(47294);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getCornerstoneBlendMode.ts