@kitware/vtk.js 24.7.0 → 24.9.0

package/Widgets/Widgets3D/AngleWidget.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
@@ -8,11 +9,17 @@ import widgetBehavior from './AngleWidget/behavior.js';
 import generateState from './AngleWidget/state.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkAngleWidget(publicAPI, model) {
-  model.classHierarchy.push('vtkAngleWidget'); // --- Widget Requirement ---------------------------------------------------
+  model.classHierarchy.push('vtkAngleWidget');
+
+  var superClass = _objectSpread({}, publicAPI); // --- Widget Requirement ---------------------------------------------------
+
 
   model.methodsToLink = ['activeScaleFactor', 'activeColor', 'useActiveColor', 'glyphResolution', 'defaultScale'];
   model.behavior = widgetBehavior;
@@ -56,6 +63,14 @@ function vtkAngleWidget(publicAPI, model) {
     subtract(handles[0].getOrigin(), handles[1].getOrigin(), vec1);
     subtract(handles[2].getOrigin(), handles[1].getOrigin(), vec2);
     return angleBetweenVectors(vec1, vec2);
+  };
+
+  publicAPI.setManipulator = function (manipulator) {
+    superClass.setManipulator(manipulator);
+    model.widgetState.getMoveHandle().setManipulator(manipulator);
+    model.widgetState.getHandleList().forEach(function (handle) {
+      handle.setManipulator(manipulator);
+    });
   }; // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
@@ -66,7 +81,9 @@ function vtkAngleWidget(publicAPI, model) {
     model.widgetState.getMoveHandle().setOrigin(center);
   }); // Default manipulator
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 

package/Widgets/Widgets3D/DistanceWidget/behavior.js

@@ -34,6 +34,7 @@ function widgetBehavior(publicAPI, model) {
       newHandle.setOrigin.apply(newHandle, _toConsumableArray(moveHandle.getOrigin()));
       newHandle.setColor(moveHandle.getColor());
       newHandle.setScale1(moveHandle.getScale1());
+      newHandle.setManipulator(model.manipulator);
     } else {
       isDragging = true;
 
@@ -50,13 +51,17 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
     if (model.hasFocus && model.widgetState.getHandleList().length === MAX_POINTS) {
       publicAPI.loseFocus();
       return macro.VOID;
     }
 
-    if (model.pickable && model.dragable && model.manipulator && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
-      var worldCoords = model.manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
+      var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
 
       if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || isDragging)) {
         model.activeState.setOrigin(worldCoords);

package/Widgets/Widgets3D/DistanceWidget/state.js

@@ -3,7 +3,7 @@ import vtkStateBuilder from '../../Core/StateBuilder.js';
 function generateState() {
   return vtkStateBuilder.createBuilder().addStateFromMixin({
     labels: ['moveHandle'],
-    mixins: ['origin', 'color', 'scale1', 'visible'],
+    mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
     name: 'moveHandle',
     initialValues: {
       scale1: 0.1,
@@ -11,7 +11,7 @@ function generateState() {
     }
   }).addDynamicMixinState({
     labels: ['handles'],
-    mixins: ['origin', 'color', 'scale1', 'visible'],
+    mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
     name: 'handle',
     initialValues: {
       scale1: 0.1

package/Widgets/Widgets3D/DistanceWidget.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
@@ -8,11 +9,17 @@ import widgetBehavior from './DistanceWidget/behavior.js';
 import generateState from './DistanceWidget/state.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkDistanceWidget(publicAPI, model) {
-  model.classHierarchy.push('vtkDistanceWidget'); // --- Widget Requirement ---------------------------------------------------
+  model.classHierarchy.push('vtkDistanceWidget');
+
+  var superClass = _objectSpread({}, publicAPI); // --- Widget Requirement ---------------------------------------------------
+
 
   model.methodsToLink = ['activeScaleFactor', 'activeColor', 'useActiveColor', 'glyphResolution', 'defaultScale'];
   model.behavior = widgetBehavior;
@@ -51,6 +58,14 @@ function vtkDistanceWidget(publicAPI, model) {
     }
 
     return Math.sqrt(distance2BetweenPoints(handles[0].getOrigin(), handles[1].getOrigin()));
+  };
+
+  publicAPI.setManipulator = function (manipulator) {
+    superClass.setManipulator(manipulator);
+    model.widgetState.getMoveHandle().setManipulator(manipulator);
+    model.widgetState.getHandleList().forEach(function (handle) {
+      handle.setManipulator(manipulator);
+    });
   }; // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
@@ -61,7 +76,9 @@ function vtkDistanceWidget(publicAPI, model) {
     model.widgetState.getMoveHandle().setOrigin(center);
   }); // Default manipulator
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 

package/Widgets/Widgets3D/EllipseWidget.js

@@ -50,11 +50,12 @@ function vtkEllipseWidget(publicAPI, model) {
   }; // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
-  // Default manipulator
 
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
   model.widgetState = generateState();
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 
@@ -74,7 +75,7 @@ function defaultValues(initialValues) {
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   vtkShapeWidget.extend(publicAPI, model, defaultValues(initialValues));
-  macro.setGet(publicAPI, model, ['manipulator', 'widgetState']);
+  macro.setGet(publicAPI, model, ['widgetState']);
   vtkEllipseWidget(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Widgets/Widgets3D/ImageCroppingWidget/behavior.js

@@ -55,7 +55,6 @@ function widgetBehavior(publicAPI, model) {
 
         if (type === 'corners') {
           // manipulator should be a plane manipulator
-          manipulator.setNormal(model._camera.getDirectionOfProjection());
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
         }
 
@@ -67,8 +66,8 @@ function widgetBehavior(publicAPI, model) {
 
           var center = [(planes[0] + planes[1]) / 2, (planes[2] + planes[3]) / 2, (planes[4] + planes[5]) / 2]; // manipulator should be a line manipulator
 
-          manipulator.setOrigin(transformVec3(center, indexToWorldT));
-          manipulator.setNormal(rotateVec3(constraintAxis, indexToWorldT));
+          manipulator.setHandleOrigin(transformVec3(center, indexToWorldT));
+          manipulator.setHandleNormal(rotateVec3(constraintAxis, indexToWorldT));
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
         }
 
@@ -77,7 +76,7 @@ function widgetBehavior(publicAPI, model) {
           var edgeAxis = index.map(function (a) {
             return a === 1 ? a : 0;
           });
-          manipulator.setNormal(rotateVec3(edgeAxis, indexToWorldT));
+          manipulator.setHandleNormal(rotateVec3(edgeAxis, indexToWorldT));
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
         }
 

package/Widgets/Widgets3D/ImageCroppingWidget.js

@@ -1,5 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
@@ -11,12 +12,18 @@ import state from './ImageCroppingWidget/state.js';
 import { transformVec3, AXES } from './ImageCroppingWidget/helpers.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // ----------------------------------------------------------------------------
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkImageCroppingWidget(publicAPI, model) {
   model.classHierarchy.push('vtkImageCroppingWidget');
+
+  var superClass = _objectSpread({}, publicAPI);
+
   var stateSub = null; // --------------------------------------------------------------------------
 
   function setHandlesEnabled(label, flag) {
@@ -120,28 +127,50 @@ function vtkImageCroppingWidget(publicAPI, model) {
   }; // Update handle positions when cropping planes update
 
 
-  stateSub = model.widgetState.getCroppingPlanes().onModified(publicAPI.updateHandles); // Add manipulators to our widgets.
+  stateSub = model.widgetState.getCroppingPlanes().onModified(publicAPI.updateHandles);
+
+  publicAPI.setCornerManipulator = function (manipulator) {
+    superClass.setCornerManipulator(manipulator);
+    model.widgetState.getStatesWithLabel('corners').forEach(function (handle) {
+      return handle.setManipulator(manipulator);
+    });
+  };
+
+  publicAPI.setEdgeManipulator = function (manipulator) {
+    superClass.setEdgeManipulator(manipulator);
+    model.widgetState.getStatesWithLabel('edges').forEach(function (handle) {
+      return handle.setManipulator(manipulator);
+    });
+  };
+
+  publicAPI.setFaceManipulator = function (manipulator) {
+    superClass.setFaceManipulator(manipulator);
+    model.widgetState.getStatesWithLabel('faces').forEach(function (handle) {
+      return handle.setManipulator(manipulator);
+    });
+  }; // --------------------------------------------------------------------------
+  // initialization
+  // --------------------------------------------------------------------------
+
 
-  var planeManipulator = vtkPlanePointManipulator.newInstance();
-  var lineManipulator = vtkLineManipulator.newInstance();
-  model.widgetState.getStatesWithLabel('corners').forEach(function (handle) {
-    return handle.setManipulator(planeManipulator);
-  });
-  model.widgetState.getStatesWithLabel('edges').forEach(function (handle) {
-    return handle.setManipulator(planeManipulator);
-  });
-  model.widgetState.getStatesWithLabel('faces').forEach(function (handle) {
-    return handle.setManipulator(lineManipulator);
-  });
+  publicAPI.setCornerManipulator(vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
+  publicAPI.setEdgeManipulator(vtkPlanePointManipulator.newInstance());
+  publicAPI.setFaceManipulator(vtkLineManipulator.newInstance());
 } // ----------------------------------------------------------------------------
 
 
-var DEFAULT_VALUES = {}; // ----------------------------------------------------------------------------
+var DEFAULT_VALUES = {// cornerManipulator: null,
+  // edgeManipulator: null,
+  // faceManipulator: null
+}; // ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   Object.assign(model, DEFAULT_VALUES, initialValues);
   vtkAbstractWidgetFactory.extend(publicAPI, model, initialValues);
+  macro.setGet(publicAPI, model, ['cornerManipulator', 'edgeManipulator', 'faceManipulator']);
   vtkImageCroppingWidget(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Widgets/Widgets3D/ImplicitPlaneWidget.js

@@ -48,8 +48,8 @@ function widgetBehavior(publicAPI, model) {
     }
 
     isDragging = true;
-    model.lineManipulator.setOrigin(model.widgetState.getOrigin());
-    model.planeManipulator.setOrigin(model.widgetState.getOrigin());
+    model.lineManipulator.setWidgetOrigin(model.widgetState.getOrigin());
+    model.planeManipulator.setWidgetOrigin(model.widgetState.getOrigin());
     model.trackballManipulator.reset(callData); // setup trackball delta
 
     model._interactor.requestAnimation(publicAPI);
@@ -91,7 +91,7 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.updateFromOrigin = function (callData) {
-    model.planeManipulator.setNormal(model.widgetState.getNormal());
+    model.planeManipulator.setWidgetNormal(model.widgetState.getNormal());
     var worldCoords = model.planeManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
 
     if (model.widgetState.containsPoint(worldCoords)) {
@@ -104,7 +104,7 @@ function widgetBehavior(publicAPI, model) {
     var _model$widgetState;
 
     // Move origin along normal axis
-    model.lineManipulator.setNormal(model.activeState.getNormal());
+    model.lineManipulator.setWidgetNormal(model.activeState.getNormal());
     var worldCoords = model.lineManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
 
     if ((_model$widgetState = model.widgetState).containsPoint.apply(_model$widgetState, _toConsumableArray(worldCoords))) {
@@ -114,7 +114,7 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.updateFromNormal = function (callData) {
-    model.trackballManipulator.setNormal(model.activeState.getNormal());
+    model.trackballManipulator.setWidgetNormal(model.activeState.getNormal());
     var newNormal = model.trackballManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
     model.activeState.setNormal(newNormal);
   }; // --------------------------------------------------------------------------

package/Widgets/Widgets3D/LabelWidget/behavior.js

@@ -93,8 +93,12 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
-    if (model.pickable && model.dragable && model.manipulator && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
-      var worldCoords = model.manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
+      var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
 
       if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model.isDragging)) {
         model.activeState.setOrigin(worldCoords);

package/Widgets/Widgets3D/LabelWidget/state.js

@@ -3,7 +3,7 @@ import vtkStateBuilder from '../../Core/StateBuilder.js';
 function generateState() {
   return vtkStateBuilder.createBuilder().addStateFromMixin({
     labels: ['moveHandle'],
-    mixins: ['origin', 'color', 'scale1', 'visible'],
+    mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator'],
     name: 'moveHandle',
     initialValues: {
       scale1: 0.1,
@@ -11,7 +11,7 @@ function generateState() {
     }
   }).addStateFromMixin({
     labels: ['SVGtext'],
-    mixins: ['origin', 'color', 'text', 'visible'],
+    mixins: ['origin', 'color', 'text', 'visible', 'manipulator'],
     name: 'text',
     initialValues: {
       visible: true

package/Widgets/Widgets3D/LabelWidget.js

@@ -16,7 +16,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // ----------------------------------------------------------------------------
 
 function vtkLabelWidget(publicAPI, model) {
-  model.classHierarchy.push('vtkLabelWidget'); // --- Widget Requirement ---------------------------------------------------
+  model.classHierarchy.push('vtkLabelWidget');
+
+  var superClass = _objectSpread({}, publicAPI); // --- Widget Requirement ---------------------------------------------------
+
 
   model.methodsToLink = ['textProps', 'fontProperties', 'strokeFontProperties'];
   model.behavior = widgetBehavior;
@@ -49,10 +52,22 @@ function vtkLabelWidget(publicAPI, model) {
           labels: ['SVGtext']
         }];
     }
-  }; // Default manipulator
+  }; // --- Public methods -------------------------------------------------------
+
+
+  publicAPI.setManipulator = function (manipulator) {
+    superClass.setManipulator(manipulator);
+    model.widgetState.getMoveHandle().setManipulator(manipulator);
+    model.widgetState.getText().setManipulator(manipulator);
+  }; // --------------------------------------------------------------------------
+  // initialization
+  // --------------------------------------------------------------------------
+  // Default manipulator
 
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 

package/Widgets/Widgets3D/LineWidget/behavior.js

@@ -35,8 +35,11 @@ function widgetBehavior(publicAPI, model) {
   }
 
   function updateCursor(callData) {
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
     model.isDragging = true;
-    model.previousPosition = _toConsumableArray(model.manipulator.handleEvent(callData, model._apiSpecificRenderWindow));
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+    model.previousPosition = _toConsumableArray(manipulator.handleEvent(callData, model._apiSpecificRenderWindow));
 
     model._apiSpecificRenderWindow.setCursor('grabbing');
 
@@ -222,13 +225,17 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
+
     if (model.hasFocus && publicAPI.isPlaced() && !model.isDragging) {
       publicAPI.loseFocus();
       return macro.VOID;
     }
 
-    if (model.pickable && model.dragable && model.manipulator && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
-      var worldCoords = model.manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+    var manipulator = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
+
+    if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
+      var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
       var translation = model.previousPosition ? subtract(worldCoords, model.previousPosition, []) : [0, 0, 0];
       model.previousPosition = worldCoords;
 

package/Widgets/Widgets3D/LineWidget/state.js

@@ -9,7 +9,7 @@ var linePosState = vtkStateBuilder.createBuilder().addField({
 function generateState() {
   return vtkStateBuilder.createBuilder().addStateFromMixin({
     labels: ['moveHandle'],
-    mixins: ['origin', 'color', 'scale1', 'visible', 'shape'],
+    mixins: ['origin', 'color', 'scale1', 'visible', 'manipulator', 'shape'],
     name: 'moveHandle',
     initialValues: {
       scale1: 50,

package/Widgets/Widgets3D/LineWidget.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { f as distance2BetweenPoints } from '../../Common/Core/Math/index.js';
 import macro from '../../macros.js';
 import generateState from './LineWidget/state.js';
@@ -11,11 +12,17 @@ import { Behavior } from '../Representations/WidgetRepresentation/Constants.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 import { getPoint, updateTextPosition } from './LineWidget/helpers.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkLineWidget(publicAPI, model) {
   model.classHierarchy.push('vtkLineWidget');
+
+  var superClass = _objectSpread({}, publicAPI);
+
   model.widgetState = generateState();
   model.behavior = widgetBehavior; // --- Widget Requirement ---------------------------------------------------
 
@@ -135,6 +142,13 @@ function vtkLineWidget(publicAPI, model) {
     var p1 = getPoint(0, model.widgetState);
     var p2 = getPoint(1, model.widgetState);
     return p1 && p2 ? Math.sqrt(distance2BetweenPoints(p1, p2)) : 0;
+  };
+
+  publicAPI.setManipulator = function (manipulator) {
+    superClass.setManipulator(manipulator);
+    model.widgetState.getMoveHandle().setManipulator(manipulator);
+    model.widgetState.getHandle1().setManipulator(manipulator);
+    model.widgetState.getHandle2().setManipulator(manipulator);
   }; // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
@@ -152,11 +166,14 @@ function vtkLineWidget(publicAPI, model) {
     updateTextPosition(model);
   }); // Default manipulator
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 
 var DEFAULT_VALUES = {
+  // manipulator: null,
   isDragging: false
 }; // ----------------------------------------------------------------------------
 

package/Widgets/Widgets3D/PaintWidget/behavior.js

@@ -32,8 +32,12 @@ function widgetBehavior(publicAPI, model) {
   };
 
   publicAPI.handleEvent = function (callData) {
-    if (model.manipulator && model.activeState && model.activeState.getActive()) {
-      var _model$activeState, _model$activeState2, _model$activeState3;
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (manipulator && model.activeState && model.activeState.getActive()) {
+      var _model$activeState2, _model$activeState3, _model$activeState4;
 
       var normal = model._camera.getDirectionOfProjection();
 
@@ -42,21 +46,20 @@ function widgetBehavior(publicAPI, model) {
       var right = [];
       vec3.cross(right, up, normal);
 
-      (_model$activeState = model.activeState).setUp.apply(_model$activeState, _toConsumableArray(up));
+      (_model$activeState2 = model.activeState).setUp.apply(_model$activeState2, _toConsumableArray(up));
 
-      (_model$activeState2 = model.activeState).setRight.apply(_model$activeState2, right);
+      (_model$activeState3 = model.activeState).setRight.apply(_model$activeState3, right);
 
-      (_model$activeState3 = model.activeState).setDirection.apply(_model$activeState3, _toConsumableArray(normal));
+      (_model$activeState4 = model.activeState).setDirection.apply(_model$activeState4, _toConsumableArray(normal));
 
-      model.manipulator.setNormal(normal);
-      var worldCoords = model.manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+      var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
 
       if (worldCoords.length) {
-        var _model$widgetState, _model$activeState4;
+        var _model$widgetState, _model$activeState5;
 
         (_model$widgetState = model.widgetState).setTrueOrigin.apply(_model$widgetState, _toConsumableArray(worldCoords));
 
-        (_model$activeState4 = model.activeState).setOrigin.apply(_model$activeState4, _toConsumableArray(worldCoords));
+        (_model$activeState5 = model.activeState).setOrigin.apply(_model$activeState5, _toConsumableArray(worldCoords));
 
         if (model.painting) {
           var trailCircle = model.widgetState.addTrail();

package/Widgets/Widgets3D/PaintWidget.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkCircleContextRepresentation from '../Representations/CircleContextRepresentation.js';
@@ -7,11 +8,17 @@ import widgetBehavior from './PaintWidget/behavior.js';
 import generateState from './PaintWidget/state.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkPaintWidget(publicAPI, model) {
-  model.classHierarchy.push('vtkPaintWidget'); // --- Widget Requirement ---------------------------------------------------
+  model.classHierarchy.push('vtkPaintWidget');
+
+  var superClass = _objectSpread({}, publicAPI); // --- Widget Requirement ---------------------------------------------------
+
 
   model.behavior = widgetBehavior;
   model.widgetState = generateState(model.radius);
@@ -33,26 +40,35 @@ function vtkPaintWidget(publicAPI, model) {
           labels: ['handle']
         }];
     }
-  }; // --- Widget Requirement ---------------------------------------------------
+  }; // --- Public methods -------------------------------------------------------
 
 
-  var handle = model.widgetState.getHandle(); // Default manipulator
+  publicAPI.setManipulator = function (manipulator) {
+    superClass.setManipulator(manipulator);
+    model.widgetState.getHandle().setManipulator(manipulator);
+  }; // override
 
-  model.manipulator = vtkPlanePointManipulator.newInstance();
-  handle.setManipulator(model.manipulator); // override
 
   var superSetRadius = publicAPI.setRadius;
 
   publicAPI.setRadius = function (r) {
     if (superSetRadius(r)) {
-      handle.setScale1(r);
+      model.widgetState.getHandle().setScale1(r);
     }
-  };
+  }; // --------------------------------------------------------------------------
+  // initialization
+  // --------------------------------------------------------------------------
+  // Default manipulator
+
+
+  publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
+    useCameraNormal: true
+  }));
 } // ----------------------------------------------------------------------------
 
 
 var DEFAULT_VALUES = {
-  manipulator: null,
+  // manipulator: null,
   radius: 1,
   painting: false,
   color: [1]