@kitware/vtk.js 24.7.0 → 24.9.0

package/Widgets/Manipulators/LineManipulator.d.ts

@@ -1,81 +1,15 @@
-import { vtkObject } from './../../interfaces';
+import { IAbstractManipulatorInitialValues, vtkAbstractManipulator } from './AbstractManipulator';
+import { Vector3 } from './../../types';
 
 /**
  *
  */
-export interface ILineManipulatorInitialValues {
-	origin?: number[];
-	normal?: number[];
-}
-
-export interface vtkLineManipulator extends vtkObject {
-
-	/**
-	 * Set the normal of the line
-	 */
-	getNormal(): number[];
-
-	/**
-	 * Set the normal of the line
-	 */
-	getNormalByReference(): number[];
-
-	/**
-	 * Set the origin of the line
-	 */
-	getOrigin(): number[];
-
-	/**
-	 * Set the origin of the line
-	 */
-	getOriginByReference(): number[];
+export interface ILineManipulatorInitialValues extends IAbstractManipulatorInitialValues {
 
-	/**
-	 * 
-	 * @param callData 
-	 * @param glRenderWindow 
-	 */
-	handleEvent(callData: any, glRenderWindow: any): number[];
-
-	/**
-	 * Set the normal of the line
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormal(normal: number[]): boolean;
-
-	/**
-	 * Set the normal of the line
-	 * @param {Number} x The x coordinate.
-	 * @param {Number} y The y coordinate.
-	 * @param {Number} z The z coordinate.
-	 */
-	setNormal(x: number, y: number, z: number): boolean;
-
-	/**
-	 * Set the normal of the line
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormalFrom(normal: number[]): boolean;
-
-	/**
-	 * Set the origin of the line.
-	 * @param {Number[]} origin The coordinate of the origin point.
-	 */
-	setOrigin(origin: number[]): boolean;
+}
 
-	/**
-	 * Set the origin of the line
-	 * @param {Number} x The x coordinate of the origin point.
-	 * @param {Number} y The y coordinate of the origin point.
-	 * @param {Number} z The z coordinate of the origin point.
-	 */
-	setOrigin(x: number, y: number, z: number): boolean;
+export interface vtkLineManipulator extends vtkAbstractManipulator {
 
-	/**
-	 * Set the origin of the line
-	 * @param {Number[]} origin The coordinate of the origin point.
-	 */
-	setOriginFrom(origin: number[]): boolean;
 }
 
 
@@ -97,12 +31,12 @@ export function newInstance(initialValues?: ILineManipulatorInitialValues): vtkL
  * 
  * @param {Number} x 
  * @param {Number} y 
- * @param {Number[]} lineOrigin 
- * @param {Number[]} lineDirection 
+ * @param {Vector3} lineOrigin 
+ * @param {Vector3} lineDirection 
  * @param renderer 
  * @param glRenderWindow 
  */
-export function projectDisplayToLine(x: number, y: number, lineOrigin: number[], lineDirection: number[], renderer: any, glRenderWindow: any): number[];
+export function projectDisplayToLine(x: number, y: number, lineOrigin: Vector3, lineDirection: Vector3, renderer: any, glRenderWindow: any): Vector3;
 
 /**
  * vtkLineManipulator.

package/Widgets/Manipulators/LineManipulator.js

@@ -1,6 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import { g as subtract, j as cross, d as dot, x as multiplyScalar, k as add } from '../../Common/Core/Math/index.js';
+import vtkAbstractManipulator from './AbstractManipulator.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; }
 function projectDisplayToLine(x, y, lineOrigin, lineDirection, renderer, glRenderWindow) {
   var near = glRenderWindow.displayToWorld(x, y, 0, renderer);
   var far = glRenderWindow.displayToWorld(x, y, 1, renderer);
@@ -20,27 +25,25 @@ function projectDisplayToLine(x, y, lineOrigin, lineDirection, renderer, glRende
 // ----------------------------------------------------------------------------
 
 function vtkLineManipulator(publicAPI, model) {
-  // Set our classNae
-  model.classHierarchy.push('vtkLineManipulator'); // --------------------------------------------------------------------------
+  // Set our className
+  model.classHierarchy.push('vtkLineManipulator');
 
   publicAPI.handleEvent = function (callData, glRenderWindow) {
-    return projectDisplayToLine(callData.position.x, callData.position.y, model.origin, model.normal, callData.pokedRenderer, glRenderWindow);
+    return projectDisplayToLine(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow);
   };
 } // ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
 
-var DEFAULT_VALUES = {
-  origin: [0, 0, 0],
-  normal: [0, 0, 1]
-}; // ----------------------------------------------------------------------------
+function defaultValues(initialValues) {
+  return _objectSpread({}, initialValues);
+} // ----------------------------------------------------------------------------
+
 
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues);
-  macro.obj(publicAPI, model);
-  macro.setGetArray(publicAPI, model, ['origin', 'normal'], 3);
+  vtkAbstractManipulator.extend(publicAPI, model, defaultValues(initialValues));
   vtkLineManipulator(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Widgets/Manipulators/PlaneManipulator.d.ts

@@ -1,81 +1,15 @@
-import { vtkObject } from './../../interfaces';
+import { IAbstractManipulatorInitialValues, vtkAbstractManipulator } from './AbstractManipulator';
+import { Vector3 } from './../../types';
 
 /**
  *
  */
-export interface IPlaneManipulatorInitialValues {
-	origin?: number[];
-	normal?: number[];
-}
-
-export interface vtkPlaneManipulator extends vtkObject {
-
-	/**
-	 * Get the normal of the plane
-	 */
-	getNormal(): number[];
-
-	/**
-	 * Get the normal of the plane
-	 */
-	getNormalByReference(): number[];
-
-	/**
-	 * Get the origin of the plane
-	 */
-	getOrigin(): number[];
-
-	/**
-	 * Get the origin of the plane
-	 */
-	getOriginByReference(): number[];
+export interface IPlaneManipulatorInitialValues extends IAbstractManipulatorInitialValues {
 
-	/**
-	 * 
-	 * @param callData 
-	 * @param glRenderWindow 
-	 */
-	handleEvent(callData: any, glRenderWindow: any): number[];
-
-	/**
-	 * Set the normal of the plane
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormal(normal: number[]): boolean;
-
-	/**
-	 * Set the normal of the plane
-	 * @param {Number} x The x coordinate.
-	 * @param {Number} y The y coordinate.
-	 * @param {Number} z The z coordinate.
-	 */
-	setNormal(x: number, y: number, z: number): boolean;
-
-	/**
-	 * Set the normal of the plane
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormalFrom(normal: number[]): boolean;
-
-	/**
-	 * Set the origin of the plane.
-	 * @param {Number[]} origin The coordinate of the origin point.
-	 */
-	setOrigin(origin: number[]): boolean;
+}
 
-	/**
-	 * Set the origin of the plane.
-	 * @param {Number} x The x coordinate of the origin point.
-	 * @param {Number} y The y coordinate of the origin point.
-	 * @param {Number} z The z coordinate of the origin point.
-	 */
-	setOrigin(x: number, y: number, z: number): boolean;
+export interface vtkPlaneManipulator extends vtkAbstractManipulator {
 
-	/**
-	 * Set the origin of the plane.
-	 * @param {Number[]} origin The coordinate of the origin point.
-	 */
-	setOriginFrom(origin: number[]): boolean;
 }
 
 
@@ -97,12 +31,12 @@ export function newInstance(initialValues?: IPlaneManipulatorInitialValues): vtk
  * 
  * @param {Number} x 
  * @param {Number} y 
- * @param {Number[]} planeOrigin 
- * @param {Number[]} planeNormal 
+ * @param {Vector3} planeOrigin 
+ * @param {Vector3} planeNormal 
  * @param renderer 
  * @param glRenderWindow 
  */
-export function intersectDisplayWithPlane(x: number, y: number, planeOrigin: number[], planeNormal: number[], renderer: any, glRenderWindow: any): number[];
+export function intersectDisplayWithPlane(x: number, y: number, planeOrigin: Vector3, planeNormal: Vector3, renderer: any, glRenderWindow: any): Vector3;
 
 
 /**

package/Widgets/Manipulators/PlaneManipulator.js

@@ -1,6 +1,11 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import macro from '../../macros.js';
 import vtkPlane from '../../Common/DataModel/Plane.js';
+import vtkAbstractManipulator from './AbstractManipulator.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; }
 function intersectDisplayWithPlane(x, y, planeOrigin, planeNormal, renderer, glRenderWindow) {
   var near = glRenderWindow.displayToWorld(x, y, 0, renderer);
   var far = glRenderWindow.displayToWorld(x, y, 1, renderer);
@@ -11,26 +16,24 @@ function intersectDisplayWithPlane(x, y, planeOrigin, planeNormal, renderer, glR
 
 function vtkPlaneManipulator(publicAPI, model) {
   // Set our className
-  model.classHierarchy.push('vtkPlaneManipulator'); // --------------------------------------------------------------------------
+  model.classHierarchy.push('vtkPlaneManipulator');
 
   publicAPI.handleEvent = function (callData, glRenderWindow) {
-    return intersectDisplayWithPlane(callData.position.x, callData.position.y, model.origin, model.normal, callData.pokedRenderer, glRenderWindow);
+    return intersectDisplayWithPlane(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow);
   };
 } // ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
 
-var DEFAULT_VALUES = {
-  normal: [0, 0, 1],
-  origin: [0, 0, 0]
-}; // ----------------------------------------------------------------------------
+function defaultValues(initialValues) {
+  return _objectSpread({}, initialValues);
+} // ----------------------------------------------------------------------------
+
 
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues);
-  macro.obj(publicAPI, model);
-  macro.setGetArray(publicAPI, model, ['normal', 'origin'], 3);
+  vtkAbstractManipulator.extend(publicAPI, model, defaultValues(initialValues));
   vtkPlaneManipulator(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Widgets/Manipulators/TrackballManipulator.d.ts

@@ -1,50 +1,14 @@
-import { vtkObject } from './../../interfaces';
+import { IAbstractManipulatorInitialValues, vtkAbstractManipulator } from './AbstractManipulator';
+import { Vector3 } from './../../types';
 
 /**
  *
  */
-export interface ITrackballManipulatorInitialValues {
-	normal?: number[];
-}
-
-export interface vtkTrackballManipulator extends vtkObject {
-
-	/**
-	 * Get normal
-	 */
-	getNormal(): number[];
-
-	/**
-	 * Get normal
-	 */
-	getNormalByReference(): number[];
-
-	/**
-	 * 
-	 * @param callData 
-	 * @param glRenderWindow 
-	 */
-	handleEvent(callData: any, glRenderWindow: any): void;
-
-	/**
-	 * Set the normal of the line.
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormal(normal: number[]): boolean;
+export interface ITrackballManipulatorInitialValues extends IAbstractManipulatorInitialValues {
 
-	/**
-	 * Set the normal of the line.
-	 * @param {Number} x The x coordinate.
-	 * @param {Number} y The y coordinate.
-	 * @param {Number} z The z coordinate.
-	 */
-	setNormal(x: number, y: number, z: number): boolean;
+}
 
-	/**
-	 * Set the normal of the line.
-	 * @param {Number[]} normal The normal coordinate.
-	 */
-	setNormalFrom(normal: number[]): boolean;
+export interface vtkTrackballManipulator extends vtkAbstractManipulator {
 
 	/**
 	 * 
@@ -73,12 +37,12 @@ export function newInstance(initialValues?: ITrackballManipulatorInitialValues):
  * @param {Number} prevY 
  * @param {Number} curX 
  * @param {Number} curY 
- * @param {Number[]} origin 
- * @param {Number[]} direction 
+ * @param {Vector3} origin 
+ * @param {Vector3} direction 
  * @param renderer 
  * @param glRenderWindow 
  */
-export function trackballRotate(prevX: number, prevY: number, curX: number, curY: number, origin: number[], direction: number[], renderer: any, glRenderWindow: any): void;
+export function trackballRotate(prevX: number, prevY: number, curX: number, curY: number, origin: Vector3, direction: Vector3, renderer: any, glRenderWindow: any): void;
 
 
 /**

package/Widgets/Manipulators/TrackballManipulator.js

@@ -1,14 +1,19 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { mat4, vec3 } from 'gl-matrix';
 import macro from '../../macros.js';
 import { j as cross, r as radiansFromDegrees } from '../../Common/Core/Math/index.js';
+import vtkAbstractManipulator from './AbstractManipulator.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; }
 function trackballRotate(prevX, prevY, curX, curY, origin, direction, renderer, glRenderWindow) {
   var dx = curX - prevX;
   var dy = curY - prevY;
   var camera = renderer.getActiveCamera();
   var viewUp = camera.getViewUp();
   var dop = camera.getDirectionOfProjection();
-  var size = renderer.getRenderWindow().getInteractor().getView().getSize();
+  var size = renderer.getRenderWindow().getInteractor().getView().getViewportSize(renderer);
   var xdeg = 360.0 * dx / size[0];
   var ydeg = 360.0 * dy / size[1];
   var newDirection = new Float64Array([direction[0], direction[1], direction[2]]);
@@ -28,15 +33,14 @@ function vtkTrackballManipulator(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkTrackballManipulator');
   var prevX = 0;
-  var prevY = 0; // --------------------------------------------------------------------------
+  var prevY = 0;
 
   publicAPI.handleEvent = function (callData, glRenderWindow) {
-    var newDirection = trackballRotate(prevX, prevY, callData.position.x, callData.position.y, model.origin, model.normal, callData.pokedRenderer);
+    var newDirection = trackballRotate(prevX, prevY, callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer);
     prevX = callData.position.x;
     prevY = callData.position.y;
     return newDirection;
-  }; // --------------------------------------------------------------------------
-
+  };
 
   publicAPI.reset = function (callData) {
     prevX = callData.position.x;
@@ -47,15 +51,14 @@ function vtkTrackballManipulator(publicAPI, model) {
 // ----------------------------------------------------------------------------
 
 
-var DEFAULT_VALUES = {
-  normal: [0, 0, 1]
-}; // ----------------------------------------------------------------------------
+function defaultValues(initialValues) {
+  return _objectSpread({}, initialValues);
+} // ----------------------------------------------------------------------------
+
 
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues);
-  macro.obj(publicAPI, model);
-  macro.setGetArray(publicAPI, model, ['normal'], 3);
+  vtkAbstractManipulator.extend(publicAPI, model, defaultValues(initialValues));
   vtkTrackballManipulator(publicAPI, model);
 } // ----------------------------------------------------------------------------
 

package/Widgets/Representations/ArrowHandleRepresentation.js

@@ -255,15 +255,24 @@ function vtkArrowHandleRepresentation(publicAPI, model) {
     return orientationRotation;
   }
 
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  };
+
   publicAPI.requestDataInternal = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color,
         direction = _model$internalArrays.direction;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/CircleContextRepresentation.js

@@ -93,6 +93,17 @@ function vtkCircleContextRepresentation(publicAPI, model) {
 
   publicAPI.setOpacity = function (opacity) {
     model.pipelines.circle.actor.getProperty().setOpacity(opacity);
+  };
+
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
   }; // --------------------------------------------------------------------------
 
 
@@ -102,9 +113,7 @@ function vtkCircleContextRepresentation(publicAPI, model) {
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color,
         direction = _model$internalArrays.direction;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/CubeHandleRepresentation.js

@@ -49,16 +49,25 @@ function vtkCubeHandleRepresentation(publicAPI, model) {
   model.mapper.setInputConnection(publicAPI.getOutputPort(), 0);
   model.mapper.setInputConnection(model.glyph.getOutputPort(), 1);
   model.actor.setMapper(model.mapper);
-  publicAPI.addActor(model.actor); // --------------------------------------------------------------------------
+  publicAPI.addActor(model.actor);
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  }; // --------------------------------------------------------------------------
+
 
   publicAPI.requestData = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/SphereContextRepresentation.js

@@ -66,14 +66,23 @@ function vtkSphereContextRepresentation(publicAPI, model) {
     model.pipelines.circle.actor.getProperty().setOpacity(opacity);
   };
 
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  };
+
   publicAPI.requestData = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/SphereHandleRepresentation.js

@@ -96,6 +96,17 @@ function vtkSphereHandleRepresentation(publicAPI, model) {
   publicAPI.setDisplayCallback = function (callback) {
     model.displayCallback = callback;
     model.displayMapper.setCallback(callback ? callbackProxy : null);
+  };
+
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
   }; // --------------------------------------------------------------------------
 
 
@@ -104,9 +115,7 @@ function vtkSphereHandleRepresentation(publicAPI, model) {
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Widgets3D/AngleWidget/behavior.js

@@ -40,6 +40,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;
 
@@ -56,10 +57,12 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
-    if (model.pickable && model.dragable && model.manipulator && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
-      model.manipulator.setOrigin(model.activeState.getOrigin());
-      model.manipulator.setNormal(model._camera.getDirectionOfProjection());
-      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() || isDragging)) {
         model.activeState.setOrigin(worldCoords);

package/Widgets/Widgets3D/AngleWidget/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