fix(tools): drag handles weren't pickable

Author: floryst

src/components/tools/MeasurementTools/tools/ToolTemplate2D.js

@@ -245,8 +245,8 @@ export default (toolName, extraComponent = {}) => ({
       // since normal points away from camera, have handle normal point
       // towards camera so the paint widget can render the handle on top
       // of the image.
-      manipulator.setNormal(normal);
-      manipulator.setOrigin(position);
+      manipulator.setUserNormal(normal);
+      manipulator.setUserOrigin(position);
     },
     toggleLock() {
       if (this.lockToSlice === null) {

src/vtk/AngleWidget/state.js

@@ -5,7 +5,7 @@ export default function generateState() {
     .createBuilder()
     .addStateFromMixin({
       labels: ['moveHandle'],
-      mixins: ['origin', 'color', 'scale1', 'visible'],
+      mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
       name: 'moveHandle',
       initialValues: {
         scale1: 50,
@@ -15,11 +15,12 @@ export default function generateState() {
     })
     .addDynamicMixinState({
       labels: ['handles'],
-      mixins: ['origin', 'color', 'scale1'],
+      mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
       name: 'handle',
       initialValues: {
         scale1: 50,
         origin: [-1, -1, -1],
+        visible: true,
       },
     })
     .build();

src/vtk/Distance2DWidget/state.js

@@ -5,7 +5,7 @@ export default function generateState() {
     .createBuilder()
     .addStateFromMixin({
       labels: ['moveHandle'],
-      mixins: ['origin', 'color', 'scale1', 'visible'],
+      mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
       name: 'moveHandle',
       initialValues: {
         scale1: 50,
@@ -15,11 +15,12 @@ export default function generateState() {
     })
     .addDynamicMixinState({
       labels: ['handles'],
-      mixins: ['origin', 'color', 'scale1'],
+      mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
       name: 'handle',
       initialValues: {
         scale1: 50,
         origin: [0, 0, 0],
+        visible: true,
       },
     })
     .build();