@ohif/app 3.7.0-beta.4 → 3.7.0-beta.41

package/dist/{917.bundle.c88ce40fac58f95c68d1.js → 12.bundle.e63fa108deddf4b48ad1.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[917],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[12],{
 
-/***/ 95917:
+/***/ 85012:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/package.json
 const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-video"}');
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/id.js
@@ -21,8 +21,8 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-video"}
 const id = package_namespaceObject.u2;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-video`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../core/src/index.ts + 103 modules
+var src = __webpack_require__(20599);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/getSopClassHandlerModule.js
 
 
@@ -127,7 +127,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 205).then(__webpack_require__.bind(__webpack_require__, 36205));
+  return __webpack_require__.e(/* import() */ 686).then(__webpack_require__.bind(__webpack_require__, 39686));
 });
 const OHIFCornerstoneVideoViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {

package/dist/{295.bundle.957b1159fec14b9199a1.js → 125.bundle.1ae4c6313c31cd0502cc.js}

@@ -1,15 +1,15 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[295],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[125],{
 
-/***/ 56295:
+/***/ 39125:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32735);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60216);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43001);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3827);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 
 

package/dist/{208.bundle.9123fc7f84b459723777.js → 128.bundle.819cdd5927e7cf4a4f93.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[208],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[128],{
 
-/***/ 9208:
+/***/ 59128:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -12,10 +12,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_test_mode_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
-// EXTERNAL MODULE: ../../ui/src/index.js + 449 modules
-var ui_src = __webpack_require__(43803);
+// EXTERNAL MODULE: ../../core/src/index.ts + 103 modules
+var src = __webpack_require__(20599);
+// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
+var ui_src = __webpack_require__(77284);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/toolbarButtons.js
 // TODO: torn, can either bake this here; or have to create a whole new button type
 // Only ways that you can pass in a custom React component for render :l

package/dist/{351.bundle.da314e071dcf5e888085.js → 181.bundle.3c90dbb782b783e30fd8.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[351],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[181],{
 
-/***/ 30351:
+/***/ 86181:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,22 +13,22 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(14664);
+var index_esm = __webpack_require__(7023);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(60216);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 321 modules
-var esm = __webpack_require__(57270);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 335 modules
-var dist_esm = __webpack_require__(77331);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
-// EXTERNAL MODULE: ../../ui/src/index.js + 449 modules
-var ui_src = __webpack_require__(43803);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 323 modules
+var esm = __webpack_require__(26925);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 337 modules
+var dist_esm = __webpack_require__(45754);
+// EXTERNAL MODULE: ../../core/src/index.ts + 103 modules
+var src = __webpack_require__(20599);
+// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
+var ui_src = __webpack_require__(77284);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
-var state = __webpack_require__(21922);
+var state = __webpack_require__(73704);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -160,9 +160,9 @@ CornerstoneImageScrollbar.propTypes = {
 };
 /* harmony default export */ const ViewportImageScrollbar = (CornerstoneImageScrollbar);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 10 modules
-var gl_matrix_esm = __webpack_require__(88256);
+var gl_matrix_esm = __webpack_require__(45451);
 // EXTERNAL MODULE: ../../../node_modules/moment/moment.js
-var moment = __webpack_require__(53806);
+var moment = __webpack_require__(71271);
 var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/utils.ts
 
@@ -634,7 +634,7 @@ CustomizableViewportOverlay.propTypes = {
 };
 /* harmony default export */ const Overlays_CustomizableViewportOverlay = (CustomizableViewportOverlay);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(40841);
+var classnames = __webpack_require__(44921);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/ViewportOrientationMarkers.css
 // extracted by mini-css-extract-plugin
@@ -963,7 +963,100 @@ function CornerstoneOverlays(props) {
 }
 /* harmony default export */ const Overlays_CornerstoneOverlays = (CornerstoneOverlays);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
-var getSOPInstanceAttributes = __webpack_require__(63130);
+var getSOPInstanceAttributes = __webpack_require__(87172);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/CinePlayer/CinePlayer.tsx
+
+
+
+function WrappedCinePlayer(_ref) {
+  let {
+    enabledVPElement,
+    viewportIndex,
+    servicesManager
+  } = _ref;
+  const {
+    toolbarService,
+    customizationService
+  } = servicesManager.services;
+  const [{
+    isCineEnabled,
+    cines
+  }, cineService] = (0,ui_src/* useCine */.vQ)();
+  const [{
+    activeViewportIndex
+  }] = (0,ui_src/* useViewportGrid */.O_)();
+  const {
+    component: CinePlayerComponent = ui_src/* CinePlayer */.H6
+  } = customizationService.get('cinePlayer') ?? {};
+  const handleCineClose = () => {
+    toolbarService.recordInteraction({
+      groupId: 'MoreTools',
+      itemId: 'cine',
+      interactionType: 'toggle',
+      commands: [{
+        commandName: 'toggleCine',
+        commandOptions: {},
+        context: 'CORNERSTONE'
+      }]
+    });
+  };
+  const cineHandler = () => {
+    if (!cines || !cines[viewportIndex] || !enabledVPElement) {
+      return;
+    }
+    const cine = cines[viewportIndex];
+    const isPlaying = cine.isPlaying || false;
+    const frameRate = cine.frameRate || 24;
+    const validFrameRate = Math.max(frameRate, 1);
+    if (isPlaying) {
+      cineService.playClip(enabledVPElement, {
+        framesPerSecond: validFrameRate
+      });
+    } else {
+      cineService.stopClip(enabledVPElement);
+    }
+  };
+  (0,react.useEffect)(() => {
+    dist_esm.eventTarget.addEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_NEW_STACK, cineHandler);
+    return () => {
+      cineService.setCine({
+        id: viewportIndex,
+        isPlaying: false
+      });
+      dist_esm.eventTarget.removeEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_NEW_STACK, cineHandler);
+    };
+  }, [enabledVPElement]);
+  (0,react.useEffect)(() => {
+    if (!cines || !cines[viewportIndex] || !enabledVPElement) {
+      return;
+    }
+    cineHandler();
+    return () => {
+      if (enabledVPElement && cines?.[viewportIndex]?.isPlaying) {
+        cineService.stopClip(enabledVPElement);
+      }
+    };
+  }, [cines, viewportIndex, cineService, enabledVPElement, cineHandler]);
+  const cine = cines[viewportIndex];
+  const isPlaying = cine && cine.isPlaying || false;
+  return isCineEnabled && /*#__PURE__*/react.createElement(CinePlayerComponent, {
+    className: "absolute left-1/2 -translate-x-1/2 bottom-3",
+    isPlaying: isPlaying,
+    onClose: handleCineClose,
+    onPlayPauseChange: isPlaying => cineService.setCine({
+      id: activeViewportIndex,
+      isPlaying
+    }),
+    onFrameRateChange: frameRate => cineService.setCine({
+      id: activeViewportIndex,
+      frameRate
+    })
+  });
+}
+/* harmony default export */ const CinePlayer = (WrappedCinePlayer);
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/CinePlayer/index.ts
+
+/* harmony default export */ const components_CinePlayer = (CinePlayer);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx
 
 
@@ -976,6 +1069,7 @@ var getSOPInstanceAttributes = __webpack_require__(63130);
 
 
 
+
 const STACK = 'stack';
 
 /**
@@ -1040,19 +1134,13 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     servicesManager,
     onElementEnabled,
     onElementDisabled,
+    isJumpToMeasurementDisabled,
     // Note: you SHOULD NOT use the initialImageIdOrIndex for manipulation
     // of the imageData in the OHIFCornerstoneViewport. This prop is used
     // to set the initial state of the viewport's first image to render
     initialImageIndex
   } = props;
   const [scrollbarHeight, setScrollbarHeight] = (0,react.useState)('100px');
-  const [{
-    isCineEnabled,
-    cines
-  }, cineService] = (0,ui_src/* useCine */.vQ)();
-  const [{
-    activeViewportIndex
-  }] = (0,ui_src/* useViewportGrid */.O_)();
   const [enabledVPElement, setEnabledVPElement] = (0,react.useState)(null);
   const elementRef = (0,react.useRef)();
   const {
@@ -1067,58 +1155,6 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     stateSyncService
   } = servicesManager.services;
   const [viewportDialogState] = (0,ui_src/* useViewportDialog */.en)();
-  const cineHandler = () => {
-    if (!cines || !cines[viewportIndex] || !enabledVPElement) {
-      return;
-    }
-    const cine = cines[viewportIndex];
-    const isPlaying = cine.isPlaying || false;
-    const frameRate = cine.frameRate || 24;
-    const validFrameRate = Math.max(frameRate, 1);
-    if (isPlaying) {
-      cineService.playClip(enabledVPElement, {
-        framesPerSecond: validFrameRate
-      });
-    } else {
-      cineService.stopClip(enabledVPElement);
-    }
-  };
-  (0,react.useEffect)(() => {
-    dist_esm.eventTarget.addEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_NEW_STACK, cineHandler);
-    return () => {
-      cineService.setCine({
-        id: viewportIndex,
-        isPlaying: false
-      });
-      dist_esm.eventTarget.removeEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_NEW_STACK, cineHandler);
-    };
-  }, [enabledVPElement]);
-  (0,react.useEffect)(() => {
-    if (!cines || !cines[viewportIndex] || !enabledVPElement) {
-      return;
-    }
-    cineHandler();
-    return () => {
-      if (enabledVPElement && cines?.[viewportIndex]?.isPlaying) {
-        cineService.stopClip(enabledVPElement);
-      }
-    };
-  }, [cines, viewportIndex, cineService, enabledVPElement, cineHandler]);
-  const cine = cines[viewportIndex];
-  const isPlaying = cine && cine.isPlaying || false;
-  const handleCineClose = () => {
-    toolbarService.recordInteraction({
-      groupId: 'MoreTools',
-      itemId: 'cine',
-      interactionType: 'toggle',
-      commands: [{
-        commandName: 'toggleCine',
-        commandOptions: {},
-        context: 'CORNERSTONE'
-      }]
-    });
-  };
-
   // useCallback for scroll bar height calculation
   const setImageScrollBarHeight = (0,react.useCallback)(() => {
     const scrollbarHeight = `${elementRef.current.clientHeight - 20}px`;
@@ -1284,21 +1320,21 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
    * the cache for jumping to see if there is any jump queued, then we jump to the correct slice.
    */
   (0,react.useEffect)(() => {
+    if (isJumpToMeasurementDisabled) {
+      return;
+    }
     const unsubscribeFromJumpToMeasurementEvents = _subscribeToJumpToMeasurementEvents(measurementService, displaySetService, elementRef, viewportIndex, displaySets, viewportGridService, cornerstoneViewportService);
     _checkForCachedJumpToMeasurementEvents(measurementService, displaySetService, elementRef, viewportIndex, displaySets, viewportGridService, cornerstoneViewportService);
     return () => {
       unsubscribeFromJumpToMeasurementEvents();
     };
   }, [displaySets, elementRef, viewportIndex]);
+  console.debug('OHIFCornerstoneViewport rendering');
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "viewport-wrapper"
   }, /*#__PURE__*/react.createElement(index_esm/* default */.ZP, {
-    handleWidth: true,
-    handleHeight: true,
-    skipOnMount: true // Todo: make these configurable
-    ,
-    refreshMode: 'debounce',
-    refreshRate: 200 // transition amount in side panel
+    refreshMode: "debounce",
+    refreshRate: 50 // Wait 50 ms after last move to render
     ,
     onResize: onResize,
     targetRef: elementRef.current
@@ -1317,18 +1353,10 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     element: elementRef.current,
     scrollbarHeight: scrollbarHeight,
     servicesManager: servicesManager
-  }), isCineEnabled && /*#__PURE__*/react.createElement(ui_src/* CinePlayer */.H6, {
-    className: "absolute left-1/2 -translate-x-1/2 bottom-3",
-    isPlaying: isPlaying,
-    onClose: handleCineClose,
-    onPlayPauseChange: isPlaying => cineService.setCine({
-      id: activeViewportIndex,
-      isPlaying
-    }),
-    onFrameRateChange: frameRate => cineService.setCine({
-      id: activeViewportIndex,
-      frameRate
-    })
+  }), /*#__PURE__*/react.createElement(components_CinePlayer, {
+    enabledVPElement: enabledVPElement,
+    viewportIndex: viewportIndex,
+    servicesManager: servicesManager
   })), /*#__PURE__*/react.createElement("div", {
     className: "absolute w-full"
   }, viewportDialogState.viewportIndex === viewportIndex && /*#__PURE__*/react.createElement(ui_src/* Notification */.P_, {
@@ -1451,6 +1479,9 @@ function _jumpToMeasurement(measurement, targetElementRef, viewportIndex, measur
 
 // Component displayName
 OHIFCornerstoneViewport.displayName = 'OHIFCornerstoneViewport';
+OHIFCornerstoneViewport.defaultProps = {
+  isJumpToMeasurementDisabled: false
+};
 OHIFCornerstoneViewport.propTypes = {
   viewportIndex: (prop_types_default()).number.isRequired,
   displaySets: (prop_types_default()).array.isRequired,
@@ -1459,6 +1490,7 @@ OHIFCornerstoneViewport.propTypes = {
   displaySetOptions: prop_types_default().arrayOf((prop_types_default()).any),
   servicesManager: (prop_types_default()).object.isRequired,
   onElementEnabled: (prop_types_default()).func,
+  isJumpToMeasurementDisabled: (prop_types_default()).bool,
   // Note: you SHOULD NOT use the initialImageIdOrIndex for manipulation
   // of the imageData in the OHIFCornerstoneViewport. This prop is used
   // to set the initial state of the viewport's first image to render

package/dist/{351.css → 181.css}

@@ -1,3 +1,3 @@
-.cornerstone-viewport-element,.viewport-wrapper{height:100%;position:relative;width:100%}.cornerstone-viewport-element{background-color:#000;outline:0!important;overflow:hidden}
+.viewport-wrapper{height:100%;position:relative;width:100%}.cornerstone-viewport-element{background-color:#000;height:100%;outline:0!important;overflow:hidden;position:relative;width:100%}
 .viewport-overlay{max-width:40%}.viewport-overlay span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewport-overlay.left-viewport{text-align:left}.viewport-overlay.right-viewport-scrollbar{text-align:right}.viewport-overlay.right-viewport-scrollbar .flex.flex-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
 .ViewportOrientationMarkers{--marker-width:100px;--marker-height:100px;--scrollbar-width:20px;font-size:15px;line-height:18px;pointer-events:none}.ViewportOrientationMarkers .orientation-marker{position:absolute}.ViewportOrientationMarkers .top-mid{left:50%;top:.6rem}.ViewportOrientationMarkers .left-mid{left:5px;top:47%}.ViewportOrientationMarkers .right-mid{left:calc(100% - var(--marker-width) - var(--scrollbar-width));top:47%}.ViewportOrientationMarkers .bottom-mid{left:47%;top:calc(100% - var(--marker-height) - .6rem)}.ViewportOrientationMarkers .right-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:var(--marker-width)}.ViewportOrientationMarkers .bottom-mid .orientation-marker-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--marker-height)}

package/dist/{606.bundle.5d876f5f3dd8287f0a28.js → 195.bundle.b56618d38bc184f8ef78.js}

@@ -1,6 +1,6 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[606],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[195],{
 
-/***/ 4606:
+/***/ 47195:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8,12 +8,12 @@
 /* harmony export */   adaptersSR: () => (/* binding */ adapters)
 /* harmony export */ });
 /* unused harmony export default */
-/* harmony import */ var dcmjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22737);
-/* harmony import */ var ndarray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73373);
+/* harmony import */ var dcmjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67540);
+/* harmony import */ var ndarray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87513);
 /* harmony import */ var ndarray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(ndarray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71975);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11677);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88256);
+/* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45451);
 
 
 
@@ -2984,17 +2984,17 @@ RectangleRoi.isValidCornerstoneTrackingIdentifier = function (TrackingIdentifier
 MeasurementReport$1.registerTool(RectangleRoi);
 
 var Cornerstone = {
-  Length: Length$1,
-  FreehandRoi: FreehandRoi,
-  Bidirectional: Bidirectional$1,
-  EllipticalRoi: EllipticalRoi,
-  CircleRoi: CircleRoi,
-  ArrowAnnotate: ArrowAnnotate$1,
-  MeasurementReport: MeasurementReport$1,
-  Segmentation: Segmentation$1,
-  CobbAngle: CobbAngle$1,
-  Angle: Angle$1,
-  RectangleRoi: RectangleRoi
+    Length: Length$1,
+    FreehandRoi: FreehandRoi,
+    Bidirectional: Bidirectional$1,
+    EllipticalRoi: EllipticalRoi,
+    CircleRoi: CircleRoi,
+    ArrowAnnotate: ArrowAnnotate$1,
+    MeasurementReport: MeasurementReport$1,
+    Segmentation: Segmentation$1,
+    CobbAngle: CobbAngle$1,
+    Angle: Angle$1,
+    RectangleRoi: RectangleRoi
 };
 
 /******************************************************************************
@@ -4529,22 +4529,21 @@ var Segmentation = /*#__PURE__*/function () {
 }();
 
 var VTKjs = {
-  Segmentation: Segmentation
+    Segmentation: Segmentation
 };
 
 var adapters = {
-  Cornerstone: Cornerstone,
-  Cornerstone3D: Cornerstone3D,
-  VTKjs: VTKjs
+    Cornerstone: Cornerstone,
+    Cornerstone3D: Cornerstone3D,
+    VTKjs: VTKjs
 };
 
 
-//# sourceMappingURL=adapters.es.js.map
 
 
 /***/ }),
 
-/***/ 78738:
+/***/ 27318:
 /***/ ((module) => {
 
 "use strict";
@@ -4562,7 +4561,7 @@ module.exports = iota
 
 /***/ }),
 
-/***/ 28998:
+/***/ 8516:
 /***/ ((module) => {
 
 /*!
@@ -4580,11 +4579,11 @@ module.exports = function isBuffer (obj) {
 
 /***/ }),
 
-/***/ 73373:
+/***/ 87513:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var iota = __webpack_require__(78738)
-var isBuffer = __webpack_require__(28998)
+var iota = __webpack_require__(27318)
+var isBuffer = __webpack_require__(8516)
 
 var hasTypedArrays  = ((typeof Float64Array) !== "undefined")
 

package/dist/{616.bundle.3f5157b8b6911d95e8ec.js → 204.bundle.f344a75f87137ea091fa.js}

@@ -1,6 +1,6 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[616],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[204],{
 
-/***/ 72776:
+/***/ 65256:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -21,13 +21,13 @@ const SOPClassHandlerName = 'dicom-seg';
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 // EXTERNAL MODULE: ../../../node_modules/@kitware/vtk.js/Common/Core/Math.js
-var Core_Math = __webpack_require__(92780);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+var Core_Math = __webpack_require__(32899);
+// EXTERNAL MODULE: ../../core/src/index.ts + 103 modules
+var src = __webpack_require__(20599);
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
-var dcmjs_es = __webpack_require__(22737);
+var dcmjs_es = __webpack_require__(67540);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/getSopClassHandlerModule.js
 
 
@@ -250,10 +250,10 @@ function getSopClassHandlerModule(_ref2) {
 }
 /* harmony default export */ const src_getSopClassHandlerModule = (getSopClassHandlerModule);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(60216);
+var prop_types = __webpack_require__(3827);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 449 modules
-var ui_src = __webpack_require__(43803);
+// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
+var ui_src = __webpack_require__(77284);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/panels/callInputDialog.tsx
 
 
@@ -295,11 +295,11 @@ function callInputDialog(uiDialogService, label, callback) {
         actions: [{
           id: 'cancel',
           text: 'Cancel',
-          type: 'primary'
+          type: ui_src/* ButtonEnums.type */.LZ.U.secondary
         }, {
           id: 'save',
           text: 'Confirm',
-          type: 'secondary'
+          type: ui_src/* ButtonEnums.type */.LZ.U.primary
         }],
         onSubmit: onSubmitHandler,
         body: _ref2 => {
@@ -339,7 +339,7 @@ function callInputDialog(uiDialogService, label, callback) {
 }
 /* harmony default export */ const panels_callInputDialog = (callInputDialog);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(21572);
+var es = __webpack_require__(69190);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-seg/src/panels/PanelSegmentation.tsx
 
 
@@ -602,7 +602,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 569).then(__webpack_require__.bind(__webpack_require__, 33569));
+  return __webpack_require__.e(/* import() */ 869).then(__webpack_require__.bind(__webpack_require__, 87869));
 });
 const OHIFCornerstoneSEGViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {