feat(ResliceCursorWidget): ability to select mouse cursor styles

Expose api to set mouse cursor styles from outside. User can also disable
mouse cursor styles by setting all styles as 'default'.

Author: jadh4v

Sources/Widgets/Widgets3D/ResliceCursorWidget/behavior.js

@@ -24,7 +24,18 @@ export default function widgetBehavior(publicAPI, model) {
   let isScrolling = false;
   let previousPosition;
 
-  macro.setGet(publicAPI, model, ['keepOrthogonality']);
+  macro.setGet(publicAPI, model, [
+    'keepOrthogonality',
+    { type: 'object', name: 'cursorStyles' },
+  ]);
+
+  // Set default value for cursorStyles
+  publicAPI.setCursorStyles({
+    [InteractionMethodsName.TranslateCenter]: 'move',
+    [InteractionMethodsName.RotateLine]: 'alias',
+    [InteractionMethodsName.TranslateAxis]: 'pointer',
+    default: 'default',
+  });
 
   publicAPI.setEnableTranslation = (enable) => {
     model.representations[0].setPickable(enable); // line handle
@@ -115,19 +126,24 @@ export default function widgetBehavior(publicAPI, model) {
   };
 
   publicAPI.updateCursor = () => {
-    switch (publicAPI.getActiveInteraction()) {
-      case InteractionMethodsName.TranslateCenter:
-        model._apiSpecificRenderWindow.setCursor('move');
-        break;
-      case InteractionMethodsName.RotateLine:
-        model._apiSpecificRenderWindow.setCursor('alias');
-        break;
-      case InteractionMethodsName.TranslateAxis:
-        model._apiSpecificRenderWindow.setCursor('pointer');
-        break;
-      default:
-        model._apiSpecificRenderWindow.setCursor('default');
-        break;
+    const cursorStyles = publicAPI.getCursorStyles();
+    if (cursorStyles) {
+      switch (publicAPI.getActiveInteraction()) {
+        case InteractionMethodsName.TranslateCenter:
+          model._apiSpecificRenderWindow.setCursor(
+            cursorStyles.translateCenter
+          );
+          break;
+        case InteractionMethodsName.RotateLine:
+          model._apiSpecificRenderWindow.setCursor(cursorStyles.rotateLine);
+          break;
+        case InteractionMethodsName.TranslateAxis:
+          model._apiSpecificRenderWindow.setCursor(cursorStyles.translateAxis);
+          break;
+        default:
+          model._apiSpecificRenderWindow.setCursor(cursorStyles.default);
+          break;
+      }
     }
   };
 

Sources/Widgets/Widgets3D/ResliceCursorWidget/example/index.js

@@ -52,6 +52,13 @@ widgetState
   .forEach((handle) => handle.setScale1(20));
 const showDebugActors = true;
 
+const appCursorStyles = {
+  translateCenter: 'move',
+  rotateLine: 'alias',
+  translateAxis: 'pointer',
+  default: 'default',
+};
+
 // ----------------------------------------------------------------------------
 // Define html structure
 // ----------------------------------------------------------------------------
@@ -148,6 +155,7 @@ for (let i = 0; i < 4; i++) {
     obj.widgetInstance = obj.widgetManager.addWidget(widget, xyzToViewType[i]);
     obj.widgetInstance.setScaleInPixels(true);
     obj.widgetInstance.setKeepOrthogonality(checkboxOrthogonality.checked);
+    obj.widgetInstance.setCursorStyles(appCursorStyles);
     obj.widgetManager.enablePicking();
     // Use to update all renderers buffer when actors are moved
     obj.widgetManager.setCaptureOn(CaptureOn.MOUSE_MOVE);