@ohif/app 3.8.0-beta.8 → 3.8.0-beta.81

package/dist/{126.bundle.6e7111d58bcc937ffd80.js → 448.bundle.5e6da31477887bf53016.js}

@@ -1,9 +1,9 @@
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[126],{
+"use strict";
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[448],{
 
-/***/ 32199:
+/***/ 14448:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -12,10 +12,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_test_mode_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
-var ui_src = __webpack_require__(22582);
+// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
+var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
+var ui_src = __webpack_require__(5085);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/toolbarButtons.ts
 // 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
@@ -24,6 +24,9 @@ var ui_src = __webpack_require__(22582);
 const {
   windowLevelPresets
 } = src.defaults;
+const {
+  createButton
+} = src.ToolbarService;
 
 /**
  *
@@ -36,7 +39,6 @@ function _createWwwcPreset(preset, title, subtitle) {
     id: preset.toString(),
     title,
     subtitle,
-    type: 'action',
     commands: [{
       commandName: 'setWindowLevel',
       commandOptions: {
@@ -46,291 +48,196 @@ function _createWwwcPreset(preset, title, subtitle) {
     }]
   };
 }
-const toolbarButtons = [
-// Measurement
-{
+const setToolActiveToolbar = {
+  commandName: 'setToolActiveToolbar',
+  commandOptions: {
+    toolGroupIds: ['default', 'mpr', 'SRToolGroup']
+  }
+};
+const toolbarButtons = [{
   id: 'MeasurementTools',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.splitButton',
   props: {
     groupId: 'MeasurementTools',
-    isRadio: true,
-    // ?
-    // Switch?
-    primary: src/* ToolbarService */.Ok._createToolButton('Length', 'tool-length', 'Length', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Length'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SRLength',
-        toolGroupId: 'SRToolGroup'
-      },
-      // we can use the setToolActive command for this from Cornerstone commandsModule
-      context: 'CORNERSTONE'
-    }], 'Length'),
+    // group evaluate to determine which item should move to the top
+    evaluate: 'evaluate.group.promoteToPrimaryIfCornerstoneToolNotActiveInTheList',
+    primary: createButton({
+      id: 'Length',
+      icon: 'tool-length',
+      label: 'Length',
+      tooltip: 'Length Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }),
     secondary: {
       icon: 'chevron-down',
-      label: '',
-      isActive: true,
       tooltip: 'More Measure Tools'
     },
-    items: [src/* ToolbarService */.Ok._createToolButton('Length', 'tool-length', 'Length', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Length'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SRLength',
-        toolGroupId: 'SRToolGroup'
-      },
-      // we can use the setToolActive command for this from Cornerstone commandsModule
-      context: 'CORNERSTONE'
-    }], 'Length Tool'), src/* ToolbarService */.Ok._createToolButton('Bidirectional', 'tool-bidirectional', 'Bidirectional', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Bidirectional'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SRBidirectional',
-        toolGroupId: 'SRToolGroup'
-      },
-      context: 'CORNERSTONE'
-    }], 'Bidirectional Tool'), src/* ToolbarService */.Ok._createToolButton('ArrowAnnotate', 'tool-annotate', 'Annotation', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'ArrowAnnotate'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SRArrowAnnotate',
-        toolGroupId: 'SRToolGroup'
-      },
-      context: 'CORNERSTONE'
-    }], 'Arrow Annotate'), src/* ToolbarService */.Ok._createToolButton('EllipticalROI', 'tool-elipse', 'Ellipse', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'EllipticalROI'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SREllipticalROI',
-        toolGroupId: 'SRToolGroup'
-      },
-      context: 'CORNERSTONE'
-    }], 'Ellipse Tool'), src/* ToolbarService */.Ok._createToolButton('CircleROI', 'tool-circle', 'Circle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'CircleROI'
-      },
-      context: 'CORNERSTONE'
-    }, {
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'SRCircleROI',
-        toolGroupId: 'SRToolGroup'
-      },
-      context: 'CORNERSTONE'
-    }], 'Circle Tool')]
+    items: [createButton({
+      id: 'Length',
+      icon: 'tool-length',
+      label: 'Length',
+      tooltip: 'Length Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'Bidirectional',
+      icon: 'tool-bidirectional',
+      label: 'Bidirectional',
+      tooltip: 'Bidirectional Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'ArrowAnnotate',
+      icon: 'tool-annotate',
+      label: 'Annotation',
+      tooltip: 'Arrow Annotate',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'EllipticalROI',
+      icon: 'tool-ellipse',
+      label: 'Ellipse',
+      tooltip: 'Ellipse ROI',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'CircleROI',
+      icon: 'tool-circle',
+      label: 'Circle',
+      tooltip: 'Circle Tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'PlanarFreehandROI',
+      icon: 'icon-tool-freehand-roi',
+      label: 'Freehand ROI',
+      tooltip: 'Freehand ROI',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'SplineROI',
+      icon: 'icon-tool-spline-roi',
+      label: 'Spline ROI',
+      tooltip: 'Spline ROI',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), createButton({
+      id: 'LivewireContour',
+      icon: 'icon-tool-livewire',
+      label: 'Livewire tool',
+      tooltip: 'Livewire tool',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    })]
   }
-},
-// Zoom..
-{
+}, {
   id: 'Zoom',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-zoom',
     label: 'Zoom',
-    commands: [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Zoom'
-      },
-      context: 'CORNERSTONE'
-    }]
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
   }
 },
-// Window Level + Presets...
+// Window Level
 {
   id: 'WindowLevel',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.splitButton',
   props: {
     groupId: 'WindowLevel',
-    primary: src/* ToolbarService */.Ok._createToolButton('WindowLevel', 'tool-window-level', 'Window Level', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'WindowLevel'
-      },
-      context: 'CORNERSTONE'
-    }], 'Window Level'),
+    primary: createButton({
+      id: 'WindowLevel',
+      icon: 'tool-window-level',
+      label: 'Window Level',
+      tooltip: 'Window Level',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }),
     secondary: {
       icon: 'chevron-down',
       label: 'W/L Manual',
-      isActive: true,
       tooltip: 'W/L Presets'
     },
-    isAction: true,
-    // ?
-    renderer: ui_src/* WindowLevelMenuItem */.eJ,
+    renderer: ui_src/* WindowLevelMenuItem */.d4,
     items: [_createWwwcPreset(1, 'Soft tissue', '400 / 40'), _createWwwcPreset(2, 'Lung', '1500 / -600'), _createWwwcPreset(3, 'Liver', '150 / 90'), _createWwwcPreset(4, 'Bone', '2500 / 480'), _createWwwcPreset(5, 'Brain', '80 / 40')]
   }
 },
 // Pan...
 {
   id: 'Pan',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
     type: 'tool',
     icon: 'tool-move',
     label: 'Pan',
+    commands: setToolActiveToolbar,
+    evaluate: 'evaluate.cornerstoneTool'
+  }
+}, {
+  id: 'MPR',
+  uiType: 'ohif.radioGroup',
+  props: {
+    icon: 'icon-mpr',
+    label: 'MPR',
     commands: [{
-      commandName: 'setToolActive',
+      commandName: 'toggleHangingProtocol',
       commandOptions: {
-        toolName: 'Pan'
-      },
-      context: 'CORNERSTONE'
-    }]
+        protocolId: 'mpr'
+      }
+    }],
+    evaluate: 'evaluate.mpr'
+  }
+}, {
+  id: 'TrackBallRotate',
+  type: 'ohif.radioGroup',
+  props: {
+    type: 'tool',
+    icon: 'tool-3d-rotate',
+    label: '3D Rotate',
+    commands: setToolActiveToolbar
   }
 }, {
   id: 'Capture',
-  type: 'ohif.action',
+  uiType: 'ohif.radioGroup',
   props: {
     icon: 'tool-capture',
     label: 'Capture',
-    type: 'action',
-    commands: [{
-      commandName: 'showDownloadViewportModal',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }]
+    commands: 'showDownloadViewportModal',
+    evaluate: 'evaluate.action'
   }
 }, {
   id: 'Layout',
-  type: 'ohif.splitButton',
-  props: {
-    groupId: 'LayoutTools',
-    isRadio: false,
-    primary: {
-      id: 'Layout',
-      type: 'action',
-      uiType: 'ohif.layoutSelector',
-      icon: 'tool-layout',
-      label: 'Grid Layout',
-      props: {
-        rows: 4,
-        columns: 4,
-        commands: [{
-          commandName: 'setLayout',
-          commandOptions: {},
-          context: 'CORNERSTONE'
-        }]
-      }
-    },
-    secondary: {
-      icon: 'chevron-down',
-      label: '',
-      isActive: true,
-      tooltip: 'Hanging Protocols'
-    },
-    items: [{
-      id: '2x2',
-      type: 'action',
-      label: '2x2',
-      commands: [{
-        commandName: 'setHangingProtocol',
-        commandOptions: {
-          protocolId: '@ohif/mnGrid',
-          stageId: '2x2'
-        },
-        context: 'DEFAULT'
-      }]
-    }, {
-      id: '3x1',
-      type: 'action',
-      label: '3x1',
-      commands: [{
-        commandName: 'setHangingProtocol',
-        commandOptions: {
-          protocolId: '@ohif/mnGrid',
-          stageId: '3x1'
-        },
-        context: 'DEFAULT'
-      }]
-    }, {
-      id: '2x1',
-      type: 'action',
-      label: '2x1',
-      commands: [{
-        commandName: 'setHangingProtocol',
-        commandOptions: {
-          protocolId: '@ohif/mnGrid',
-          stageId: '2x1'
-        },
-        context: 'DEFAULT'
-      }]
-    }, {
-      id: '1x1',
-      type: 'action',
-      label: '1x1',
-      commands: [{
-        commandName: 'setHangingProtocol',
-        commandOptions: {
-          protocolId: '@ohif/mnGrid',
-          stageId: '1x1'
-        },
-        context: 'DEFAULT'
-      }]
-    }]
-  }
-}, {
-  id: 'MPR',
-  type: 'ohif.action',
+  uiType: 'ohif.layoutSelector',
   props: {
-    type: 'toggle',
-    icon: 'icon-mpr',
-    label: 'MPR',
-    commands: [{
-      commandName: 'toggleHangingProtocol',
-      commandOptions: {
-        protocolId: 'mpr'
-      }
-    }]
+    rows: 3,
+    columns: 4,
+    evaluate: 'evaluate.action',
+    commands: 'setViewportGridLayout'
   }
 }, {
   id: 'Crosshairs',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
     type: 'tool',
     icon: 'tool-crosshair',
     label: 'Crosshairs',
-    commands: [{
-      commandName: 'setToolActive',
+    commands: {
+      commandName: 'setToolActiveToolbar',
       commandOptions: {
-        toolGroupId: 'mpr',
-        toolName: 'Crosshairs'
+        toolGroupIds: ['mpr']
       }
-    }]
+    },
+    evaluate: 'evaluate.cornerstoneTool'
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-test"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-test"}');
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/initToolGroups.ts
 function initDefaultToolGroup(extensionManager, toolGroupService, commandsManager, toolGroupId) {
@@ -378,6 +285,8 @@ function initDefaultToolGroup(extensionManager, toolGroupService, commandsManage
       toolName: toolNames.Bidirectional
     }, {
       toolName: toolNames.DragProbe
+    }, {
+      toolName: toolNames.Probe
     }, {
       toolName: toolNames.EllipticalROI
     }, {
@@ -392,11 +301,24 @@ function initDefaultToolGroup(extensionManager, toolGroupService, commandsManage
       toolName: toolNames.Magnify
     }, {
       toolName: toolNames.SegmentationDisplay
+    }, {
+      toolName: toolNames.UltrasoundDirectional
+    }, {
+      toolName: toolNames.PlanarFreehandROI
+    }, {
+      toolName: toolNames.SplineROI
+    }, {
+      toolName: toolNames.LivewireContour
     }],
     // enabled
+    enabled: [{
+      toolName: toolNames.ImageOverlayViewer
+    }],
     // disabled
     disabled: [{
       toolName: toolNames.ReferenceLines
+    }, {
+      toolName: toolNames.AdvancedMagnify
     }]
   };
   toolGroupService.createToolGroupAndAddTools(toolGroupId, tools);
@@ -448,7 +370,6 @@ function initSRToolGroup(extensionManager, toolGroupService, commandsManager) {
     }]
     // disabled
   };
-
   const toolGroupId = 'SRToolGroup';
   toolGroupService.createToolGroupAndAddTools(toolGroupId, tools);
 }
@@ -497,6 +418,8 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager) {
       toolName: toolNames.Bidirectional
     }, {
       toolName: toolNames.DragProbe
+    }, {
+      toolName: toolNames.Probe
     }, {
       toolName: toolNames.EllipticalROI
     }, {
@@ -526,178 +449,214 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager) {
     // enabled
     // disabled
   };
-
   toolGroupService.createToolGroupAndAddTools('mpr', tools);
 }
+function initVolume3DToolGroup(extensionManager, toolGroupService) {
+  const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.tools');
+  const {
+    toolNames,
+    Enums
+  } = utilityModule.exports;
+  const tools = {
+    active: [{
+      toolName: toolNames.TrackballRotateTool,
+      bindings: [{
+        mouseButton: Enums.MouseBindings.Primary
+      }]
+    }, {
+      toolName: toolNames.Zoom,
+      bindings: [{
+        mouseButton: Enums.MouseBindings.Secondary
+      }]
+    }, {
+      toolName: toolNames.Pan,
+      bindings: [{
+        mouseButton: Enums.MouseBindings.Auxiliary
+      }]
+    }]
+  };
+  toolGroupService.createToolGroupAndAddTools('volume3d', tools);
+}
 function initToolGroups(extensionManager, toolGroupService, commandsManager) {
   initDefaultToolGroup(extensionManager, toolGroupService, commandsManager, 'default');
   initSRToolGroup(extensionManager, toolGroupService, commandsManager);
   initMPRToolGroup(extensionManager, toolGroupService, commandsManager);
+  initVolume3DToolGroup(extensionManager, toolGroupService);
 }
 /* harmony default export */ const src_initToolGroups = (initToolGroups);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
-var esm = __webpack_require__(3743);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
+var esm = __webpack_require__(44656);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/moreTools.ts
 
 
-const ReferenceLinesCommands = [{
+
+const {
+  createButton: moreTools_createButton
+} = src.ToolbarService;
+const ReferenceLinesListeners = [{
   commandName: 'setSourceViewportForReferenceLinesTool',
   context: 'CORNERSTONE'
-}, {
-  commandName: 'setToolActive',
-  commandOptions: {
-    toolName: 'ReferenceLines'
-  },
-  context: 'CORNERSTONE'
 }];
 const moreTools = [{
   id: 'MoreTools',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.splitButton',
   props: {
-    isRadio: true,
-    // ?
     groupId: 'MoreTools',
-    primary: src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport'
-    }], 'Reset'),
+    evaluate: 'evaluate.group.promoteToPrimaryIfCornerstoneToolNotActiveInTheList',
+    primary: moreTools_createButton({
+      id: 'Reset',
+      icon: 'tool-reset',
+      tooltip: 'Reset View',
+      label: 'Reset',
+      commands: 'resetViewport',
+      evaluate: 'evaluate.action'
+    }),
     secondary: {
       icon: 'chevron-down',
       label: '',
-      isActive: true,
       tooltip: 'More Tools'
     },
-    items: [src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport'
-    }], 'Reset'), src/* ToolbarService */.Ok._createActionButton('rotate-right', 'tool-rotate-right', 'Rotate Right', [{
-      commandName: 'rotateViewportCW',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Rotate +90'), src/* ToolbarService */.Ok._createActionButton('flip-horizontal', 'tool-flip-horizontal', 'Flip Horizontally', [{
-      commandName: 'flipViewportHorizontal',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Flip Horizontally'), src/* ToolbarService */.Ok._createToggleButton('StackImageSync', 'link', 'Stack Image Sync', [{
-      commandName: 'toggleStackImageSync'
-    }], 'Enable position synchronization on stack viewports', {
+    items: [moreTools_createButton({
+      id: 'Reset',
+      icon: 'tool-reset',
+      label: 'Reset View',
+      tooltip: 'Reset View',
+      commands: 'resetViewport',
+      evaluate: 'evaluate.action'
+    }), moreTools_createButton({
+      id: 'rotate-right',
+      icon: 'tool-rotate-right',
+      label: 'Rotate Right',
+      tooltip: 'Rotate +90',
+      commands: 'rotateViewportCW',
+      evaluate: 'evaluate.action'
+    }), moreTools_createButton({
+      id: 'flipHorizontal',
+      icon: 'tool-flip-horizontal',
+      label: 'Flip Horizontal',
+      tooltip: 'Flip Horizontally',
+      commands: 'flipViewportHorizontal',
+      evaluate: 'evaluate.viewportProperties.toggle'
+    }), moreTools_createButton({
+      id: 'ImageSliceSync',
+      icon: 'link',
+      label: 'Image Slice Sync',
+      tooltip: 'Enable position synchronization on stack viewports',
+      commands: {
+        commandName: 'toggleSynchronizer',
+        commandOptions: {
+          type: 'imageSlice'
+        }
+      },
       listeners: {
         [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: {
-          commandName: 'toggleStackImageSync',
+          commandName: 'toggleImageSliceSync',
           commandOptions: {
             toggledState: true
           }
         }
-      }
-    }), src/* ToolbarService */.Ok._createToggleButton('ReferenceLines', 'tool-referenceLines',
-    // change this with the new icon
-    'Reference Lines', ReferenceLinesCommands, 'Show Reference Lines', {
-      listeners: {
-        [esm.EVENTS.STACK_VIEWPORT_NEW_STACK]: ReferenceLinesCommands,
-        [esm.EVENTS.ACTIVE_VIEWPORT_ID_CHANGED]: ReferenceLinesCommands
-      }
-    }), src/* ToolbarService */.Ok._createToolButton('StackScroll', 'tool-stack-scroll', 'Stack Scroll', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'StackScroll'
-      },
-      context: 'CORNERSTONE'
-    }], 'Stack Scroll'), src/* ToolbarService */.Ok._createActionButton('invert', 'tool-invert', 'Invert', [{
-      commandName: 'invertViewport',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Invert Colors'), src/* ToolbarService */.Ok._createToolButton('Probe', 'tool-probe', 'Probe', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'DragProbe'
-      },
-      context: 'CORNERSTONE'
-    }], 'Probe'), src/* ToolbarService */.Ok._createToggleButton('cine', 'tool-cine', 'Cine', [{
-      commandName: 'toggleCine',
-      context: 'CORNERSTONE'
-    }], 'Cine'), src/* ToolbarService */.Ok._createToolButton('Angle', 'tool-angle', 'Angle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Angle'
       },
-      context: 'CORNERSTONE'
-    }], 'Angle'), src/* ToolbarService */.Ok._createToolButton('Magnify', 'tool-magnify', 'Magnify', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Magnify'
-      },
-      context: 'CORNERSTONE'
-    }], 'Magnify'), src/* ToolbarService */.Ok._createToolButton('Rectangle', 'tool-rectangle', 'Rectangle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'RectangleROI'
+      evaluate: 'evaluate.cornerstone.synchronizer'
+    }), moreTools_createButton({
+      id: 'ReferenceLines',
+      icon: 'tool-referenceLines',
+      label: 'Reference Lines',
+      tooltip: 'Show Reference Lines',
+      commands: 'toggleEnabledDisabledToolbar',
+      listeners: {
+        [src/* ViewportGridService */.sI.EVENTS.ACTIVE_VIEWPORT_ID_CHANGED]: ReferenceLinesListeners,
+        [src/* ViewportGridService */.sI.EVENTS.VIEWPORTS_READY]: ReferenceLinesListeners
       },
-      context: 'CORNERSTONE'
-    }], 'Rectangle'), src/* ToolbarService */.Ok._createActionButton('TagBrowser', 'list-bullets', 'Dicom Tag Browser', [{
-      commandName: 'openDICOMTagViewer',
-      commandOptions: {},
-      context: 'DEFAULT'
-    }], 'Dicom Tag Browser')]
+      evaluate: 'evaluate.cornerstoneTool.toggle'
+    }), moreTools_createButton({
+      id: 'ImageOverlayViewer',
+      icon: 'toggle-dicom-overlay',
+      label: 'Image Overlay',
+      tooltip: 'Toggle Image Overlay',
+      commands: 'toggleEnabledDisabledToolbar',
+      evaluate: 'evaluate.cornerstoneTool.toggle'
+    }), moreTools_createButton({
+      id: 'StackScroll',
+      icon: 'tool-stack-scroll',
+      label: 'Stack Scroll',
+      tooltip: 'Stack Scroll',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'invert',
+      icon: 'tool-invert',
+      label: 'Invert',
+      tooltip: 'Invert Colors',
+      commands: 'invertViewport',
+      evaluate: 'evaluate.viewportProperties.toggle'
+    }), moreTools_createButton({
+      id: 'Probe',
+      icon: 'tool-probe',
+      label: 'Probe',
+      tooltip: 'Probe',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'Cine',
+      icon: 'tool-cine',
+      label: 'Cine',
+      tooltip: 'Cine',
+      commands: 'toggleCine',
+      evaluate: 'evaluate.cine'
+    }), moreTools_createButton({
+      id: 'Angle',
+      icon: 'tool-angle',
+      label: 'Angle',
+      tooltip: 'Angle',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'Magnify',
+      icon: 'tool-magnify',
+      label: 'Magnify',
+      tooltip: 'Magnify',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'RectangleROI',
+      icon: 'tool-rectangle',
+      label: 'Rectangle',
+      tooltip: 'Rectangle',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'CalibrationLine',
+      icon: 'tool-calibration',
+      label: 'Calibration',
+      tooltip: 'Calibration Line',
+      commands: setToolActiveToolbar,
+      evaluate: 'evaluate.cornerstoneTool'
+    }), moreTools_createButton({
+      id: 'TagBrowser',
+      icon: 'dicom-tag-browser',
+      label: 'Dicom Tag Browser',
+      tooltip: 'Dicom Tag Browser',
+      commands: 'openDICOMTagViewer'
+    }), moreTools_createButton({
+      id: 'AdvancedMagnify',
+      icon: 'icon-tool-loupe',
+      label: 'Loupe',
+      tooltip: 'Loupe',
+      commands: 'toggleActiveDisabledToolbar',
+      evaluate: 'evaluate.cornerstoneTool.toggle.ifStrictlyDisabled'
+    }), moreTools_createButton({
+      id: 'UltrasoundDirectionalTool',
+      icon: 'icon-tool-ultrasound-bidirectional',
+      label: 'Ultrasound Directional',
+      tooltip: 'Ultrasound Directional',
+      commands: setToolActiveToolbar,
+      evaluate: ['evaluate.cornerstoneTool', 'evaluate.isUS']
+    })]
   }
 }];
 /* harmony default export */ const src_moreTools = (moreTools);
-;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/moreToolsMpr.ts
-
-const moreToolsMpr = [{
-  id: 'MoreToolsMpr',
-  type: 'ohif.splitButton',
-  props: {
-    isRadio: true,
-    // ?
-    groupId: 'MoreTools',
-    primary: src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport'
-    }], 'Reset'),
-    secondary: {
-      icon: 'chevron-down',
-      label: '',
-      isActive: true,
-      tooltip: 'More Tools'
-    },
-    items: [src/* ToolbarService */.Ok._createActionButton('Reset', 'tool-reset', 'Reset View', [{
-      commandName: 'resetViewport'
-    }], 'Reset'), src/* ToolbarService */.Ok._createToolButton('StackScroll', 'tool-stack-scroll', 'Stack Scroll', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'StackScroll'
-      },
-      context: 'CORNERSTONE'
-    }], 'Stack Scroll'), src/* ToolbarService */.Ok._createActionButton('invert', 'tool-invert', 'Invert', [{
-      commandName: 'invertViewport',
-      commandOptions: {},
-      context: 'CORNERSTONE'
-    }], 'Invert Colors'), src/* ToolbarService */.Ok._createToolButton('Probe', 'tool-probe', 'Probe', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'DragProbe'
-      },
-      context: 'CORNERSTONE'
-    }], 'Probe'), src/* ToolbarService */.Ok._createToggleButton('cine', 'tool-cine', 'Cine', [{
-      commandName: 'toggleCine',
-      context: 'CORNERSTONE'
-    }], 'Cine'), src/* ToolbarService */.Ok._createToolButton('Angle', 'tool-angle', 'Angle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'Angle'
-      },
-      context: 'CORNERSTONE'
-    }], 'Angle'), src/* ToolbarService */.Ok._createToolButton('Rectangle', 'tool-rectangle', 'Rectangle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'RectangleROI'
-      },
-      context: 'CORNERSTONE'
-    }], 'Rectangle'), src/* ToolbarService */.Ok._createActionButton('TagBrowser', 'list-bullets', 'Dicom Tag Browser', [{
-      commandName: 'openDICOMTagViewer',
-      commandOptions: {},
-      context: 'DEFAULT'
-    }], 'Dicom Tag Browser')]
-  }
-}];
-/* harmony default export */ const src_moreToolsMpr = (moreToolsMpr);
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/index.ts
 
 
@@ -709,8 +668,6 @@ const moreToolsMpr = [{
 // Allow this mode by excluding non-imaging modalities such as SR, SEG
 // Also, SM is not a simple imaging modalities, so exclude it.
 const NON_IMAGE_MODALITIES = ['SM', 'ECG', 'SR', 'SEG'];
-const DEFAULT_TOOL_GROUP_ID = 'default';
-const MPR_TOOL_GROUP_ID = 'mpr';
 const ohif = {
   layout: '@ohif/extension-default.layoutTemplateModule.viewerLayout',
   sopClassHandler: '@ohif/extension-default.sopClassHandlerModule.stack',
@@ -755,16 +712,15 @@ function modeFactory() {
     // We should not be.
     id: id,
     routeName: 'basic-test',
-    displayName: 'Basic Test Mode',
+    displayName: i18next/* default */.A.t('Modes:Basic Test Mode'),
     /**
      * Lifecycle hooks
      */
-    onModeEnter: _ref => {
-      let {
-        servicesManager,
-        extensionManager,
-        commandsManager
-      } = _ref;
+    onModeEnter: ({
+      servicesManager,
+      extensionManager,
+      commandsManager
+    }) => {
       const {
         measurementService,
         toolbarService,
@@ -778,47 +734,22 @@ function modeFactory() {
 
       // init customizations
       customizationService.addModeCustomizations(['@ohif/extension-test.customizationModule.custom-context-menu']);
-      let unsubscribe;
-      toolbarService.setDefaultTool({
-        groupId: 'WindowLevel',
-        itemId: 'WindowLevel',
-        interactionType: 'tool',
-        commands: [{
-          commandName: 'setToolActive',
-          commandOptions: {
-            toolName: 'WindowLevel'
-          },
-          context: 'CORNERSTONE'
-        }]
-      });
-      const activateTool = () => {
-        toolbarService.recordInteraction(toolbarService.getDefaultTool());
-
-        // We don't need to reset the active tool whenever a viewport is getting
-        // added to the toolGroup.
-        unsubscribe();
-      };
-
-      // Since we only have one viewport for the basic cs3d mode and it has
-      // only one hanging protocol, we can just use the first viewport
-      ({
-        unsubscribe
-      } = toolGroupService.subscribe(toolGroupService.EVENTS.VIEWPORT_ADDED, activateTool));
-      toolbarService.init(extensionManager);
-      toolbarService.addButtons([...src_toolbarButtons, ...src_moreTools, ...src_moreToolsMpr]);
-      toolbarService.createButtonSection(DEFAULT_TOOL_GROUP_ID, ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'MoreTools']);
-      toolbarService.createButtonSection(MPR_TOOL_GROUP_ID, ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'Crosshairs', 'MoreToolsMpr']);
+      toolbarService.addButtons([...src_toolbarButtons, ...src_moreTools]);
+      toolbarService.createButtonSection('primary', ['MeasurementTools', 'Zoom', 'WindowLevel', 'Pan', 'Capture', 'Layout', 'MPR', 'Crosshairs', 'MoreTools']);
     },
-    onModeExit: _ref2 => {
-      let {
-        servicesManager
-      } = _ref2;
+    onModeExit: ({
+      servicesManager
+    }) => {
       const {
         toolGroupService,
         syncGroupService,
         segmentationService,
-        cornerstoneViewportService
+        cornerstoneViewportService,
+        uiDialogService,
+        uiModalService
       } = servicesManager.services;
+      uiDialogService.dismissAll();
+      uiModalService.hide();
       toolGroupService.destroy();
       syncGroupService.destroy();
       segmentationService.destroy();
@@ -828,14 +759,16 @@ function modeFactory() {
       study: [],
       series: []
     },
-    isValidMode: function (_ref3) {
-      let {
-        modalities
-      } = _ref3;
+    isValidMode: function ({
+      modalities
+    }) {
       const modalities_list = modalities.split('\\');
 
       // Exclude non-image modalities
-      return !!modalities_list.filter(modality => NON_IMAGE_MODALITIES.indexOf(modality) === -1).length;
+      return {
+        valid: !!modalities_list.filter(modality => NON_IMAGE_MODALITIES.indexOf(modality) === -1).length,
+        description: 'The mode does not support studies that ONLY include the following modalities: SM, ECG, SR, SEG'
+      };
     },
     routes: [{
       path: 'basic-test',
@@ -848,7 +781,7 @@ function modeFactory() {
           props: {
             leftPanels: [tracked.thumbnailList],
             rightPanels: [dicomSeg.panel, tracked.measurements],
-            // rightPanelDefaultClosed: true, // optional prop to start with collapse panels
+            // rightPanelClosed: true, // optional prop to start with collapse panels
             viewports: [{
               namespace: tracked.viewport,
               displaySetsToDisplay: [ohif.sopClassHandler]
@@ -881,7 +814,7 @@ function modeFactory() {
       // Don't store the hotkeys for basic-test-mode under the same key
       // because they get customized by tests
       name: 'basic-test-hotkeys',
-      hotkeys: [...src/* hotkeys */.dD.defaults.hotkeyBindings]
+      hotkeys: [...src/* hotkeys */.ot.defaults.hotkeyBindings]
     }
   };
 }
@@ -892,13 +825,6 @@ const mode = {
 };
 /* harmony default export */ const basic_test_mode_src = (mode);
 
-/***/ }),
-
-/***/ 78753:
-/***/ (() => {
-
-/* (ignored) */
-
 /***/ })
 
 }]);