fix(crosshairs): reset angle, position, and slabthickness for crosshairs when reset viewport tool is used (#4113)

Co-authored-by: Alireza <ar.sedghi@gmail.com>

modes/segmentation/src/initToolGroups.ts

@@ -1,3 +1,15 @@
+const colours = {
+  'viewport-0': 'rgb(200, 0, 0)',
+  'viewport-1': 'rgb(200, 200, 0)',
+  'viewport-2': 'rgb(0, 200, 0)',
+};
+
+const colorsByOrientation = {
+  axial: 'rgb(200, 0, 0)',
+  sagittal: 'rgb(200, 200, 0)',
+  coronal: 'rgb(0, 200, 0)',
+};
+
 function createTools(utilityModule) {
   const { toolNames, Enums } = utilityModule.exports;
   return {
@@ -94,17 +106,38 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager) {
   const utilityModule = extensionManager.getModuleEntry(
     '@ohif/extension-cornerstone.utilityModule.tools'
   );
+  const servicesManager = extensionManager._servicesManager;
+  const { cornerstoneViewportService } = servicesManager.services;
   const tools = createTools(utilityModule);
   tools.disabled.push(
     {
       toolName: utilityModule.exports.toolNames.Crosshairs,
       configuration: {
-        viewportIndicators: false,
+        viewportIndicators: true,
+        viewportIndicatorsConfig: {
+          circleRadius: 5,
+          xOffset: 0.95,
+          yOffset: 0.05,
+        },
         disableOnPassive: true,
         autoPan: {
           enabled: false,
           panSize: 10,
         },
+        getReferenceLineColor: viewportId => {
+          const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
+          const viewportOptions = viewportInfo?.viewportOptions;
+          if (viewportOptions) {
+            return (
+              colours[viewportOptions.id] ||
+              colorsByOrientation[viewportOptions.orientation] ||
+              '#0c0'
+            );
+          } else {
+            console.warn('missing viewport?', viewportId);
+            return '#0c0';
+          }
+        },
       },
     },
     { toolName: utilityModule.exports.toolNames.ReferenceLines }