@kitware/vtk.js 27.4.6 → 28.0.0

package/Rendering/OpenGL/Profiles/All.js

@@ -11,6 +11,7 @@ import '../Texture.js';
 import '../Glyph3DMapper.js';
 import '../ImageResliceMapper.js';
 import '../ImageMapper.js';
+import '../ImageCPRMapper.js';
 import '../ImageSlice.js';
 import '../Volume.js';
 import '../VolumeMapper.js';

package/Rendering/OpenGL/Profiles/Volume.js

@@ -2,6 +2,7 @@ import '../Camera.js';
 import '../Renderer.js';
 import '../ImageResliceMapper.js';
 import '../ImageMapper.js';
+import '../ImageCPRMapper.js';
 import '../ImageSlice.js';
 import '../Volume.js';
 import '../VolumeMapper.js';

package/Rendering/OpenGL/RenderWindow/Constants.js

@@ -3,8 +3,9 @@ var XrSessionTypes = {
   // Head-mounted display (HMD), two-camera virtual reality session
   MobileAR: 1,
   // Mobile device, single-camera augmented reality session
-  LookingGlassVR: 2 // Looking Glass hologram display, N-camera virtual reality session
-
+  LookingGlassVR: 2,
+  // Looking Glass hologram display, N-camera virtual reality session
+  HmdAR: 3
 };
 var Constants = {
   XrSessionTypes: XrSessionTypes

package/Rendering/OpenGL/RenderWindow.js

@@ -26,17 +26,10 @@ var SCREENSHOT_PLACEHOLDER = {
   height: '100%'
 };
 var DEFAULT_RESET_FACTORS = {
-  vr: {
-    rescaleFactor: 1.0,
-    translateZ: -0.7 // 0.7 m forward from the camera
+  rescaleFactor: 0.25,
+  // isotropic scale factor reduces apparent size of objects
+  translateZ: -1.5 // default translation initializes object in front of camera
 
-  },
-  ar: {
-    rescaleFactor: 0.25,
-    // scale down AR for viewing comfort by default
-    translateZ: -0.5 // 0.5 m forward from the camera
-
-  }
 };
 
 function checkRenderTargetSupport(gl, format, type) {
@@ -274,11 +267,11 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
     }
 
     model.xrSessionType = xrSessionType !== undefined ? xrSessionType : XrSessionTypes.HmdVR;
-    var isAR = xrSessionType === XrSessionTypes.MobileAR;
-    var sessionType = isAR ? 'immersive-ar' : 'immersive-vr';
+    var isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
+    var sessionType = isXrSessionAR ? 'immersive-ar' : 'immersive-vr';
 
     if (!navigator.xr.isSessionSupported(sessionType)) {
-      if (isAR) {
+      if (isXrSessionAR) {
         throw new Error('Device does not support AR session');
       } else {
         throw new Error('VR display is not available');
@@ -298,7 +291,7 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
 
   publicAPI.enterXR = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(xrSession) {
-      var gl, glLayer;
+      var gl, glLayer, isXrSessionAR, ren;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -307,7 +300,7 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
               model.oldCanvasSize = model.size.slice();
 
               if (!(model.xrSession !== null)) {
-                _context.next = 15;
+                _context.next = 17;
                 break;
               }
 
@@ -324,17 +317,26 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
               });
               model.xrSession.requestReferenceSpace('local').then(function (refSpace) {
                 model.xrReferenceSpace = refSpace;
-              });
+              }); // Initialize transparent background for augmented reality session
+
+              isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
+
+              if (isXrSessionAR) {
+                ren = model.renderable.getRenderers()[0];
+                model.preXrSessionBackground = ren.getBackground();
+                ren.setBackground([0, 0, 0, 0]);
+              }
+
               publicAPI.resetXRScene();
               model.renderable.getInteractor().switchToXRAnimation();
               model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
-              _context.next = 16;
+              _context.next = 18;
               break;
 
-            case 15:
-              throw new Error('Failed to enter VR with a null xrSession.');
+            case 17:
+              throw new Error('Failed to enter XR with a null xrSession.');
 
-            case 16:
+            case 18:
             case "end":
               return _context.stop();
           }
@@ -348,32 +350,17 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
   }();
 
   publicAPI.resetXRScene = function () {
-    var inputRescaleFactor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_RESET_FACTORS.vr.rescaleFactor;
-    var inputTranslateZ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RESET_FACTORS.vr.translateZ;
+    var rescaleFactor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_RESET_FACTORS.rescaleFactor;
+    var translateZ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RESET_FACTORS.translateZ;
     // Adjust world-to-physical parameters for different modalities
-    // Default parameter values are for HMD VR
-    var rescaleFactor = inputRescaleFactor;
-    var translateZ = inputTranslateZ;
-    var isXrSessionAR = model.xrSessionType === XrSessionTypes.MobileAR;
-
-    if (isXrSessionAR && rescaleFactor === DEFAULT_RESET_FACTORS.vr.rescaleFactor) {
-      // Scale down by default in AR
-      rescaleFactor = DEFAULT_RESET_FACTORS.ar.rescaleFactor;
-    }
-
-    if (isXrSessionAR && translateZ === DEFAULT_RESET_FACTORS.vr.translateZ) {
-      // Default closer to the camera in AR
-      translateZ = DEFAULT_RESET_FACTORS.ar.translateZ;
-    }
-
     var ren = model.renderable.getRenderers()[0];
     ren.resetCamera();
     var camera = ren.getActiveCamera();
     var physicalScale = camera.getPhysicalScale();
     var physicalTranslation = camera.getPhysicalTranslation();
+    var rescaledTranslateZ = translateZ * physicalScale;
     physicalScale /= rescaleFactor;
-    translateZ *= physicalScale;
-    physicalTranslation[2] += translateZ;
+    physicalTranslation[2] += rescaledTranslateZ;
     camera.setPhysicalScale(physicalScale);
     camera.setPhysicalTranslation(physicalTranslation); // Clip at 0.1m, 100.0m in physical space by default
 
@@ -420,12 +407,18 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
 
 
             ren = model.renderable.getRenderers()[0];
+
+            if (model.preXrSessionBackground != null) {
+              ren.setBackground(model.preXrSessionBackground);
+              model.preXrSessionBackground = null;
+            }
+
             ren.getActiveCamera().setProjectionMatrix(null);
             ren.resetCamera();
             ren.setViewport(0.0, 0, 1.0, 1.0);
             publicAPI.traverseAllPasses();
 
-          case 16:
+          case 17:
           case "end":
             return _context2.stop();
         }
@@ -435,12 +428,13 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
 
   publicAPI.xrRender = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(t, frame) {
-      var xrSession, xrPose, gl, glLayer, ren;
+      var xrSession, isXrSessionHMD, xrPose, gl, glLayer, ren;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
               xrSession = frame.session;
+              isXrSessionHMD = [XrSessionTypes.HmdVR, XrSessionTypes.HmdAR].includes(model.xrSessionType);
               model.renderable.getInteractor().updateXRGamepads(xrSession, frame, model.xrReferenceSpace);
               model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
               xrPose = frame.getViewerPose(model.xrReferenceSpace);
@@ -462,10 +456,9 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
                 ren = model.renderable.getRenderers()[0]; // Do a render pass for each eye
 
                 xrPose.views.forEach(function (view, index) {
-                  var viewport = glLayer.getViewport(view); // TODO: Appropriate handling for AR passthrough on HMDs
-                  // with two eyes will require further investigation.
+                  var viewport = glLayer.getViewport(view);
 
-                  if (model.xrSessionType === XrSessionTypes.HmdVR) {
+                  if (isXrSessionHMD) {
                     if (view.eye === 'left') {
                       ren.setViewport(0, 0, 0.5, 1.0);
                     } else if (view.eye === 'right') {
@@ -494,7 +487,7 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
                 gl.disable(gl.SCISSOR_TEST);
               }
 
-            case 5:
+            case 6:
             case "end":
               return _context3.stop();
           }

package/Rendering/Profiles/All.js

@@ -11,6 +11,7 @@ import '../OpenGL/Texture.js';
 import '../OpenGL/Glyph3DMapper.js';
 import '../OpenGL/ImageResliceMapper.js';
 import '../OpenGL/ImageMapper.js';
+import '../OpenGL/ImageCPRMapper.js';
 import '../OpenGL/ImageSlice.js';
 import '../OpenGL/Volume.js';
 import '../OpenGL/VolumeMapper.js';

package/Rendering/Profiles/Volume.js

@@ -2,6 +2,7 @@ import '../OpenGL/Camera.js';
 import '../OpenGL/Renderer.js';
 import '../OpenGL/ImageResliceMapper.js';
 import '../OpenGL/ImageMapper.js';
+import '../OpenGL/ImageCPRMapper.js';
 import '../OpenGL/ImageSlice.js';
 import '../OpenGL/Volume.js';
 import '../OpenGL/VolumeMapper.js';

package/Widgets/Core/WidgetManager.js

@@ -237,7 +237,7 @@ function vtkWidgetManager(publicAPI, model) {
             case 0:
               fromTouchEvent = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
 
-              if (!(!model.isAnimating && model.pickingEnabled)) {
+              if (!(!model.isAnimating && model.pickingEnabled && callData.pokedRenderer === model._renderer)) {
                 _context.next = 6;
                 break;
               }

package/Widgets/Manipulators/AbstractManipulator.d.ts

@@ -1,6 +1,6 @@
 import { vtkObject } from './../../interfaces';
 import { vtkOpenGLRenderWindow } from './../../Rendering/OpenGL/RenderWindow'
-import { Vector3 } from './../../types';
+import { Matrix3x3, Nullable, Vector3 } from './../../types';
 
 /**
  *
@@ -53,7 +53,7 @@ export interface vtkAbstractManipulator extends vtkObject {
      * @param callData 
      * @param glRenderWindow 
      */
-    handleEvent(callData: any, glRenderWindow: vtkOpenGLRenderWindow): Vector3;
+    handleEvent(callData: any, glRenderWindow: vtkOpenGLRenderWindow): { worldCoords: Nullable<Vector3>, worldDirection?: Matrix3x3 };
 
     /* ------------------------------------------------------------------- */
 

package/Widgets/Manipulators/CPRManipulator.js

@@ -0,0 +1,138 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import macro from '../../macros.js';
+import vtkPlane from '../../Common/DataModel/Plane.js';
+import vtkAbstractManipulator from './AbstractManipulator.js';
+import { mat4, vec3, mat3 } from 'gl-matrix';
+
+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);
+  return vtkPlane.intersectWithLine(near, far, planeOrigin, planeNormal).x;
+} // ----------------------------------------------------------------------------
+// vtkCPRManipulator methods
+// ----------------------------------------------------------------------------
+
+function vtkCPRManipulator(publicAPI, model) {
+  // Set our className
+  model.classHierarchy.push('vtkCPRManipulator');
+
+  publicAPI.handleEvent = function (callData, glRenderWindow) {
+    var _model$cprActor;
+
+    var mapper = (_model$cprActor = model.cprActor) === null || _model$cprActor === void 0 ? void 0 : _model$cprActor.getMapper();
+
+    if (!mapper) {
+      return {
+        worldCoords: null
+      };
+    } // Get normal and origin of the picking plane from the actor matrix
+
+
+    var cprActorMatrix = [];
+    mat4.transpose(cprActorMatrix, model.cprActor.getMatrix());
+    var worldPlaneNormal = cprActorMatrix.slice(8, 11); // 3rd column
+
+    var worldPlaneOrigin = cprActorMatrix.slice(12, 15); // 4th column
+    // Convert world plane position to 2D position in the plane
+
+    var inversecprActorMatrix = [];
+    mat4.invert(inversecprActorMatrix, cprActorMatrix);
+    var worldPlanePicking = intersectDisplayWithPlane(callData.position.x, callData.position.y, worldPlaneOrigin, worldPlaneNormal, callData.pokedRenderer, glRenderWindow);
+    var modelPlanePicking = []; // (x, height - distance, 0)
+
+    vec3.transformMat4(modelPlanePicking, worldPlanePicking, inversecprActorMatrix);
+    var height = mapper.getHeight();
+    var distance = height - modelPlanePicking[1];
+    return publicAPI.distanceEvent(distance);
+  };
+
+  publicAPI.distanceEvent = function (distance) {
+    var _model$cprActor2;
+
+    var mapper = (_model$cprActor2 = model.cprActor) === null || _model$cprActor2 === void 0 ? void 0 : _model$cprActor2.getMapper();
+
+    if (!mapper) {
+      return {
+        worldCoords: null
+      };
+    }
+
+    var height = mapper.getHeight();
+    var clampedDistance = Math.max(0, Math.min(height, distance));
+
+    var _mapper$getCenterline = mapper.getCenterlinePositionAndOrientation(clampedDistance),
+        position = _mapper$getCenterline.position,
+        orientation = _mapper$getCenterline.orientation;
+
+    var worldDirection;
+
+    if (orientation) {
+      var modelDirections = mat3.fromQuat([], orientation);
+      var baseDirections = mapper.getDirectionMatrix();
+      worldDirection = mat3.mul([], modelDirections, baseDirections);
+    }
+
+    model.currentDistance = clampedDistance;
+    return {
+      worldCoords: position,
+      worldDirection: worldDirection
+    };
+  };
+
+  publicAPI.handleScroll = function (nbSteps) {
+    var distance = model.currentDistance + publicAPI.getDistanceStep() * nbSteps;
+    return publicAPI.distanceEvent(distance);
+  };
+
+  publicAPI.getDistanceStep = function () {
+    // Find default distanceStep from image spacing
+    // This only works if the mapper in the actor already has an ImageData
+    if (!model.distanceStep) {
+      var _model$cprActor3, _model$cprActor3$getM, _model$cprActor3$getM2, _model$cprActor3$getM3;
+
+      var imageSpacing = (_model$cprActor3 = model.cprActor) === null || _model$cprActor3 === void 0 ? void 0 : (_model$cprActor3$getM = _model$cprActor3.getMapper()) === null || _model$cprActor3$getM === void 0 ? void 0 : (_model$cprActor3$getM2 = _model$cprActor3$getM.getInputData(0)) === null || _model$cprActor3$getM2 === void 0 ? void 0 : (_model$cprActor3$getM3 = _model$cprActor3$getM2.getSpacing) === null || _model$cprActor3$getM3 === void 0 ? void 0 : _model$cprActor3$getM3.call(_model$cprActor3$getM2);
+
+      if (imageSpacing) {
+        return Math.min.apply(Math, _toConsumableArray(imageSpacing));
+      }
+    }
+
+    return model.distanceStep;
+  };
+} // ----------------------------------------------------------------------------
+// Object factory
+// ----------------------------------------------------------------------------
+// currentDistance is the distance from the first point of the centerline
+// cprActor.getMapper() should be a vtkImageCPRMapper
+
+
+function defaultValues(initialValues) {
+  return _objectSpread({
+    distanceStep: 0,
+    currentDistance: 0,
+    cprActor: null
+  }, initialValues);
+} // ----------------------------------------------------------------------------
+
+
+function extend(publicAPI, model) {
+  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  vtkAbstractManipulator.extend(publicAPI, model, defaultValues(initialValues));
+  macro.setGet(publicAPI, model, ['distance', 'currentDistance', 'cprActor']);
+  macro.set(publicAPI, model, ['distanceStep']);
+  vtkCPRManipulator(publicAPI, model);
+} // ----------------------------------------------------------------------------
+
+var newInstance = macro.newInstance(extend, 'vtkCPRManipulator'); // ----------------------------------------------------------------------------
+
+var index = {
+  intersectDisplayWithPlane: intersectDisplayWithPlane,
+  extend: extend,
+  newInstance: newInstance
+};
+
+export { index as default, extend, intersectDisplayWithPlane, newInstance };

package/Widgets/Manipulators/LineManipulator.js

@@ -29,7 +29,9 @@ function vtkLineManipulator(publicAPI, model) {
   model.classHierarchy.push('vtkLineManipulator');
 
   publicAPI.handleEvent = function (callData, glRenderWindow) {
-    return projectDisplayToLine(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow);
+    return {
+      worldCoords: projectDisplayToLine(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow)
+    };
   };
 } // ----------------------------------------------------------------------------
 // Object factory

package/Widgets/Manipulators/PlaneManipulator.js

@@ -19,7 +19,9 @@ function vtkPlaneManipulator(publicAPI, model) {
   model.classHierarchy.push('vtkPlaneManipulator');
 
   publicAPI.handleEvent = function (callData, glRenderWindow) {
-    return intersectDisplayWithPlane(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow);
+    return {
+      worldCoords: intersectDisplayWithPlane(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow)
+    };
   };
 } // ----------------------------------------------------------------------------
 // Object factory

package/Widgets/Manipulators/TrackballManipulator.js

@@ -39,7 +39,9 @@ function vtkTrackballManipulator(publicAPI, model) {
     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;
+    return {
+      worldCoords: newDirection
+    };
   };
 
   publicAPI.reset = function (callData) {

package/Widgets/Widgets3D/AngleWidget/behavior.js

@@ -37,7 +37,9 @@ function widgetBehavior(publicAPI, model) {
     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 (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS && manipulator) {
-      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
+      var _manipulator$handleEv = manipulator.handleEvent(e, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv.worldCoords; // Commit handle to location
+
 
       var moveHandle = model.widgetState.getMoveHandle();
       moveHandle.setOrigin.apply(moveHandle, _toConsumableArray(worldCoords));
@@ -67,7 +69,8 @@ function widgetBehavior(publicAPI, model) {
     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 _manipulator$handleEv2 = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv2.worldCoords;
 
       if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging) && model.activeState.setOrigin // e.g. the line is pickable but not draggable
       ) {

package/Widgets/Widgets3D/DistanceWidget/behavior.js

@@ -32,7 +32,9 @@ function widgetBehavior(publicAPI, model) {
     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 (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS && manipulator) {
-      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
+      var _manipulator$handleEv = manipulator.handleEvent(e, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv.worldCoords; // Commit handle to location
+
 
       var moveHandle = model.widgetState.getMoveHandle();
       moveHandle.setOrigin.apply(moveHandle, _toConsumableArray(worldCoords));
@@ -62,7 +64,8 @@ function widgetBehavior(publicAPI, model) {
     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 _manipulator$handleEv2 = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv2.worldCoords;
 
       if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging) && model.activeState.setOrigin // e.g. the line is pickable but not draggable
       ) {

package/Widgets/Widgets3D/ImageCroppingWidget/behavior.js

@@ -65,7 +65,7 @@ function widgetBehavior(publicAPI, model) {
 
         if (type === 'corners') {
           // manipulator should be a plane manipulator
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
 
         if (type === 'faces') {
@@ -78,7 +78,7 @@ function widgetBehavior(publicAPI, model) {
 
           manipulator.setHandleOrigin(transformVec3(center, indexToWorldT));
           manipulator.setHandleNormal(rotateVec3(constraintAxis, indexToWorldT));
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
 
         if (type === 'edges') {
@@ -87,7 +87,7 @@ function widgetBehavior(publicAPI, model) {
             return a === 1 ? a : 0;
           });
           manipulator.setHandleNormal(rotateVec3(edgeAxis, indexToWorldT));
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
 
         if (worldCoords.length) {

package/Widgets/Widgets3D/ImplicitPlaneWidget.js

@@ -106,7 +106,9 @@ function widgetBehavior(publicAPI, model) {
 
   publicAPI.updateFromOrigin = function (callData) {
     model.planeManipulator.setWidgetNormal(model.widgetState.getNormal());
-    var worldCoords = model.planeManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+
+    var _model$planeManipulat = model.planeManipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+        worldCoords = _model$planeManipulat.worldCoords;
 
     if (model.widgetState.containsPoint(worldCoords)) {
       model.activeState.setOrigin(worldCoords);

package/Widgets/Widgets3D/LabelWidget/behavior.js

@@ -43,7 +43,9 @@ function widgetBehavior(publicAPI, model) {
     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 (model.activeState === model.widgetState.getMoveHandle() && manipulator) {
-      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
+      var _manipulator$handleEv = manipulator.handleEvent(e, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv.worldCoords; // Commit handle to location
+
 
       var moveHandle = model.widgetState.getMoveHandle();
       moveHandle.setOrigin(worldCoords);
@@ -100,7 +102,8 @@ function widgetBehavior(publicAPI, model) {
     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 _manipulator$handleEv2 = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv2.worldCoords;
 
       if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging)) {
         model.activeState.setOrigin(worldCoords);

package/Widgets/Widgets3D/LineWidget/behavior.js

@@ -57,7 +57,7 @@ function widgetBehavior(publicAPI, model) {
 
     model._isDragging = true;
     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.previousPosition = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
 
     model._apiSpecificRenderWindow.setCursor('grabbing');
 
@@ -203,7 +203,9 @@ function widgetBehavior(publicAPI, model) {
     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 _manipulator$handleEv = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv.worldCoords;
+
       var translation = model.previousPosition ? subtract(worldCoords, model.previousPosition, []) : [0, 0, 0];
       model.previousPosition = worldCoords;
 

package/Widgets/Widgets3D/PaintWidget/behavior.js

@@ -52,7 +52,8 @@ function widgetBehavior(publicAPI, model) {
 
       (_model$activeState4 = model.activeState).setDirection.apply(_model$activeState4, _toConsumableArray(normal));
 
-      var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+      var _manipulator$handleEv = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+          worldCoords = _manipulator$handleEv.worldCoords;
 
       if (worldCoords.length) {
         var _model$widgetState, _model$activeState5;

package/Widgets/Widgets3D/PolyLineWidget/behavior.js

@@ -26,7 +26,8 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
 
-    var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+    var _manipulator$handleEv = manipulator.handleEvent(callData, model._apiSpecificRenderWindow),
+        worldCoords = _manipulator$handleEv.worldCoords;
 
     if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging) && model.activeState.setOrigin // e.g. the line is pickable but not draggable
     ) {

package/Widgets/Widgets3D/ResliceCursorWidget/Constants.js

@@ -12,7 +12,8 @@ var ScrollingMethods = {
 var InteractionMethodsName = {
   TranslateAxis: 'translateAxis',
   RotateLine: 'rotateLine',
-  TranslateCenter: 'translateCenter'
+  TranslateCenter: 'translateCenter',
+  TranslateCenterAndUpdatePlanes: 'translateCenterAndUpdatePlanes'
 };
 var defaultViewUpFromViewType = (_defaultViewUpFromVie = {}, _defineProperty(_defaultViewUpFromVie, ViewTypes.YZ_PLANE, [0, 0, 1]), _defineProperty(_defaultViewUpFromVie, ViewTypes.XZ_PLANE, [0, 0, 1]), _defineProperty(_defaultViewUpFromVie, ViewTypes.XY_PLANE, [0, -1, 0]), _defaultViewUpFromVie);
 var xyzToViewType = [ViewTypes.YZ_PLANE, ViewTypes.XZ_PLANE, ViewTypes.XY_PLANE];