@kitware/vtk.js 30.5.2 → 30.6.0

package/Common/Core/Math/index.js

@@ -2245,4 +2245,4 @@ var vtkMath$1 = /*#__PURE__*/Object.freeze({
   'default': vtkMath
 });
 
-export { max as $, degreesFromRadians as A, areEquals as B, clampValue as C, arrayRange as D, getMajorAxisIndex as E, createUninitializedBounds as F, isIdentity3x3 as G, identity as H, multiplyMatrix as I, floor as J, isInf as K, rgb2hsv as L, rgb2lab as M, lab2rgb as N, round as O, normalize2D as P, nearestPowerOfTwo as Q, multiply3x3_vect3 as R, getSparseOrthogonalMatrix as S, areBoundsInitialized as T, isPowerOfTwo as U, angleBetweenVectors as V, signedAngleBetweenVectors as W, createArray as X, Pi as Y, ceil as Z, min as _, areMatricesEqual as a, float2CssRGBA as a$, arrayMin as a0, arrayMax as a1, ceilLog2 as a2, factorial as a3, binomial as a4, beginCombination as a5, nextCombination as a6, randomSeed as a7, getSeed as a8, gaussian as a9, diagonalize3x3 as aA, singularValueDecomposition3x3 as aB, luFactorLinearSystem as aC, luSolveLinearSystem as aD, invertMatrix as aE, estimateMatrixCondition as aF, solveHomogeneousLeastSquares as aG, solveLeastSquares as aH, hex2float as aI, lab2xyz as aJ, xyz2lab as aK, xyz2rgb as aL, rgb2xyz as aM, computeBoundsFromPoints as aN, clampAndNormalizeValue as aO, getScalarTypeFittingRange as aP, getAdjustedScalarRange as aQ, extentIsWithinOtherExtent as aR, boundsIsWithinOtherBounds as aS, pointIsWithinBounds as aT, solve3PointCircle as aU, inf as aV, negInf as aW, isFinite as aX, isNaN as aY, floatToHex2 as aZ, floatRGB2HexCode as a_, multiplyScalar2D as aa, multiplyAccumulate2D as ab, outer as ac, projectVector as ad, dot2D as ae, projectVector2D as af, gaussianAmplitude as ag, gaussianWeight as ah, outer2D as ai, norm2D as aj, rowsToMat4 as ak, columnsToMat4 as al, columnsToMat3 as am, LUFactor3x3 as an, LUSolve3x3 as ao, linearSolve3x3 as ap, multiply3x3_mat3 as aq, transpose3x3 as ar, invert3x3 as as, identity3x3 as at, isIdentity as au, quaternionToMatrix3x3 as av, roundNumber as aw, matrix3x3ToQuaternion as ax, multiplyQuaternion as ay, orthogonalize3x3 as az, roundVector as b, clampVector as c, dot as d, distance2BetweenPoints as e, vtkMath as f, solveLinearSystem as g, hsv2rgb as h, isNan as i, cross as j, add as k, normalize as l, multiplyAccumulate as m, norm as n, determinant2x2 as o, jacobiN as p, perpendiculars as q, radiansFromDegrees as r, subtract as s, jacobi as t, uninitializeBounds as u, vtkMath$1 as v, multiplyScalar as w, random as x, determinant3x3 as y, rowsToMat3 as z };
+export { arrayMin as $, degreesFromRadians as A, areEquals as B, clampValue as C, arrayRange as D, getMajorAxisIndex as E, createUninitializedBounds as F, identity as G, multiplyMatrix as H, floor as I, isInf as J, rgb2hsv as K, rgb2lab as L, lab2rgb as M, round as N, normalize2D as O, nearestPowerOfTwo as P, multiply3x3_vect3 as Q, getSparseOrthogonalMatrix as R, areBoundsInitialized as S, isPowerOfTwo as T, angleBetweenVectors as U, signedAngleBetweenVectors as V, createArray as W, Pi as X, ceil as Y, min as Z, max as _, areMatricesEqual as a, float2CssRGBA as a$, arrayMax as a0, ceilLog2 as a1, factorial as a2, binomial as a3, beginCombination as a4, nextCombination as a5, randomSeed as a6, getSeed as a7, gaussian as a8, multiplyScalar2D as a9, diagonalize3x3 as aA, singularValueDecomposition3x3 as aB, luFactorLinearSystem as aC, luSolveLinearSystem as aD, invertMatrix as aE, estimateMatrixCondition as aF, solveHomogeneousLeastSquares as aG, solveLeastSquares as aH, hex2float as aI, lab2xyz as aJ, xyz2lab as aK, xyz2rgb as aL, rgb2xyz as aM, computeBoundsFromPoints as aN, clampAndNormalizeValue as aO, getScalarTypeFittingRange as aP, getAdjustedScalarRange as aQ, extentIsWithinOtherExtent as aR, boundsIsWithinOtherBounds as aS, pointIsWithinBounds as aT, solve3PointCircle as aU, inf as aV, negInf as aW, isFinite as aX, isNaN as aY, floatToHex2 as aZ, floatRGB2HexCode as a_, multiplyAccumulate2D as aa, outer as ab, projectVector as ac, dot2D as ad, projectVector2D as ae, gaussianAmplitude as af, gaussianWeight as ag, outer2D as ah, norm2D as ai, rowsToMat4 as aj, columnsToMat4 as ak, columnsToMat3 as al, LUFactor3x3 as am, LUSolve3x3 as an, linearSolve3x3 as ao, multiply3x3_mat3 as ap, transpose3x3 as aq, invert3x3 as ar, identity3x3 as as, isIdentity as at, isIdentity3x3 as au, quaternionToMatrix3x3 as av, roundNumber as aw, matrix3x3ToQuaternion as ax, multiplyQuaternion as ay, orthogonalize3x3 as az, roundVector as b, clampVector as c, dot as d, distance2BetweenPoints as e, vtkMath as f, solveLinearSystem as g, hsv2rgb as h, isNan as i, cross as j, add as k, normalize as l, multiplyAccumulate as m, norm as n, determinant2x2 as o, jacobiN as p, perpendiculars as q, radiansFromDegrees as r, subtract as s, jacobi as t, uninitializeBounds as u, vtkMath$1 as v, multiplyScalar as w, random as x, determinant3x3 as y, rowsToMat3 as z };

package/Common/Core/Math.js

@@ -1,4 +1,4 @@
 import 'seedrandom';
 import '../../macros2.js';
 import './Math/Constants.js';
-export { an as LUFactor3x3, ao as LUSolve3x3, Y as Pi, k as add, V as angleBetweenVectors, T as areBoundsInitialized, B as areEquals, a as areMatricesEqual, a1 as arrayMax, a0 as arrayMin, D as arrayRange, a5 as beginCombination, a4 as binomial, aS as boundsIsWithinOtherBounds, Z as ceil, a2 as ceilLog2, aO as clampAndNormalizeValue, C as clampValue, c as clampVector, am as columnsToMat3, al as columnsToMat4, aN as computeBoundsFromPoints, X as createArray, F as createUninitializedBounds, j as cross, f as default, A as degreesFromRadians, o as determinant2x2, y as determinant3x3, aA as diagonalize3x3, e as distance2BetweenPoints, d as dot, ae as dot2D, aF as estimateMatrixCondition, aR as extentIsWithinOtherExtent, a3 as factorial, a$ as float2CssRGBA, a_ as floatRGB2HexCode, aZ as floatToHex2, J as floor, a9 as gaussian, ag as gaussianAmplitude, ah as gaussianWeight, aQ as getAdjustedScalarRange, E as getMajorAxisIndex, aP as getScalarTypeFittingRange, a8 as getSeed, S as getSparseOrthogonalMatrix, aI as hex2float, h as hsv2rgb, H as identity, at as identity3x3, aV as inf, as as invert3x3, aE as invertMatrix, aX as isFinite, au as isIdentity, G as isIdentity3x3, K as isInf, aY as isNaN, i as isNan, U as isPowerOfTwo, t as jacobi, p as jacobiN, N as lab2rgb, aJ as lab2xyz, ap as linearSolve3x3, aC as luFactorLinearSystem, aD as luSolveLinearSystem, ax as matrix3x3ToQuaternion, $ as max, _ as min, aq as multiply3x3_mat3, R as multiply3x3_vect3, m as multiplyAccumulate, ab as multiplyAccumulate2D, I as multiplyMatrix, ay as multiplyQuaternion, w as multiplyScalar, aa as multiplyScalar2D, Q as nearestPowerOfTwo, aW as negInf, a6 as nextCombination, n as norm, aj as norm2D, l as normalize, P as normalize2D, az as orthogonalize3x3, ac as outer, ai as outer2D, q as perpendiculars, aT as pointIsWithinBounds, ad as projectVector, af as projectVector2D, av as quaternionToMatrix3x3, r as radiansFromDegrees, x as random, a7 as randomSeed, L as rgb2hsv, M as rgb2lab, aM as rgb2xyz, O as round, aw as roundNumber, b as roundVector, z as rowsToMat3, ak as rowsToMat4, W as signedAngleBetweenVectors, aB as singularValueDecomposition3x3, aU as solve3PointCircle, aG as solveHomogeneousLeastSquares, aH as solveLeastSquares, g as solveLinearSystem, s as subtract, ar as transpose3x3, u as uninitializeBounds, aK as xyz2lab, aL as xyz2rgb } from './Math/index.js';
+export { am as LUFactor3x3, an as LUSolve3x3, X as Pi, k as add, U as angleBetweenVectors, S as areBoundsInitialized, B as areEquals, a as areMatricesEqual, a0 as arrayMax, $ as arrayMin, D as arrayRange, a4 as beginCombination, a3 as binomial, aS as boundsIsWithinOtherBounds, Y as ceil, a1 as ceilLog2, aO as clampAndNormalizeValue, C as clampValue, c as clampVector, al as columnsToMat3, ak as columnsToMat4, aN as computeBoundsFromPoints, W as createArray, F as createUninitializedBounds, j as cross, f as default, A as degreesFromRadians, o as determinant2x2, y as determinant3x3, aA as diagonalize3x3, e as distance2BetweenPoints, d as dot, ad as dot2D, aF as estimateMatrixCondition, aR as extentIsWithinOtherExtent, a2 as factorial, a$ as float2CssRGBA, a_ as floatRGB2HexCode, aZ as floatToHex2, I as floor, a8 as gaussian, af as gaussianAmplitude, ag as gaussianWeight, aQ as getAdjustedScalarRange, E as getMajorAxisIndex, aP as getScalarTypeFittingRange, a7 as getSeed, R as getSparseOrthogonalMatrix, aI as hex2float, h as hsv2rgb, G as identity, as as identity3x3, aV as inf, ar as invert3x3, aE as invertMatrix, aX as isFinite, at as isIdentity, au as isIdentity3x3, J as isInf, aY as isNaN, i as isNan, T as isPowerOfTwo, t as jacobi, p as jacobiN, M as lab2rgb, aJ as lab2xyz, ao as linearSolve3x3, aC as luFactorLinearSystem, aD as luSolveLinearSystem, ax as matrix3x3ToQuaternion, _ as max, Z as min, ap as multiply3x3_mat3, Q as multiply3x3_vect3, m as multiplyAccumulate, aa as multiplyAccumulate2D, H as multiplyMatrix, ay as multiplyQuaternion, w as multiplyScalar, a9 as multiplyScalar2D, P as nearestPowerOfTwo, aW as negInf, a5 as nextCombination, n as norm, ai as norm2D, l as normalize, O as normalize2D, az as orthogonalize3x3, ab as outer, ah as outer2D, q as perpendiculars, aT as pointIsWithinBounds, ac as projectVector, ae as projectVector2D, av as quaternionToMatrix3x3, r as radiansFromDegrees, x as random, a6 as randomSeed, K as rgb2hsv, L as rgb2lab, aM as rgb2xyz, N as round, aw as roundNumber, b as roundVector, z as rowsToMat3, aj as rowsToMat4, V as signedAngleBetweenVectors, aB as singularValueDecomposition3x3, aU as solve3PointCircle, aG as solveHomogeneousLeastSquares, aH as solveLeastSquares, g as solveLinearSystem, s as subtract, aq as transpose3x3, u as uninitializeBounds, aK as xyz2lab, aL as xyz2rgb } from './Math/index.js';

package/Rendering/Core/CellPicker.js

@@ -5,10 +5,9 @@ import vtkPicker from './Picker.js';
 import vtkPolyLine from '../../Common/DataModel/PolyLine.js';
 import vtkTriangle from '../../Common/DataModel/Triangle.js';
 import vtkQuad from '../../Common/DataModel/Quad.js';
-import { l as normalize, G as isIdentity3x3, e as distance2BetweenPoints } from '../../Common/Core/Math/index.js';
+import { l as normalize, e as distance2BetweenPoints } from '../../Common/Core/Math/index.js';
 import { CellType } from '../../Common/DataModel/CellTypes/Constants.js';
 import { vec3, vec4 } from 'gl-matrix';
-import vtkMatrixBuilder from '../../Common/Core/MatrixBuilder.js';
 import vtkBox from '../../Common/DataModel/Box.js';
 
 // ----------------------------------------------------------------------------
@@ -212,16 +211,11 @@ function vtkCellPicker(publicAPI, model) {
     let tMin = Number.MAX_VALUE;
     const mapper = volume.getMapper();
     const imageData = mapper.getInputData();
-    const origin = imageData.getOrigin();
-    const spacing = imageData.getSpacing();
     const dims = imageData.getDimensions();
     const scalars = imageData.getPointData().getScalars().getData();
     const extent = imageData.getExtent();
-    const direction = imageData.getDirection();
-    let imageTransform;
-    if (!isIdentity3x3(direction)) {
-      imageTransform = vtkMatrixBuilder.buildFromRadian().translate(origin[0], origin[1], origin[2]).multiply3x3(direction).translate(-origin[0], -origin[1], -origin[2]).invert().getMatrix();
-    }
+    // get the world to index transform to correctly transform from world to volume index
+    const imageTransform = imageData.getWorldToIndex();
 
     // calculate opacity table
     const numIComps = 1;
@@ -245,8 +239,8 @@ function vtkCellPicker(publicAPI, model) {
     const scale = oWidth / (oRange[1] - oRange[0] + 1);
 
     // Make a new p1 and p2 using the clipped t1 and t2
-    const q1 = [0, 0, 0];
-    const q2 = [0, 0, 0];
+    const q1 = [0, 0, 0, 1];
+    const q2 = [0, 0, 0, 1];
     q1[0] = p1[0];
     q1[1] = p1[1];
     q1[2] = p1[2];
@@ -259,13 +253,13 @@ function vtkCellPicker(publicAPI, model) {
         q2[j] = p1[j] * (1.0 - t2) + p2[j] * t2;
       }
     }
-    const x1 = [0, 0, 0];
-    const x2 = [0, 0, 0];
-    for (let i = 0; i < 3; i++) {
-      x1[i] = (q1[i] - origin[i]) / spacing[i];
-      x2[i] = (q2[i] - origin[i]) / spacing[i];
-    }
-    const x = [0, 0, 0, 0];
+
+    // convert q1, q2 world coordinates to x1, x2 volume index coordinates
+    const x1 = [0, 0, 0, 0];
+    const x2 = [0, 0, 0, 0];
+    vec4.transformMat4(x1, q1, imageTransform);
+    vec4.transformMat4(x2, q2, imageTransform);
+    const x = [0, 0, 0];
     const xi = [0, 0, 0];
     const sliceSize = dims[1] * dims[0];
     const rowSize = dims[0];
@@ -281,10 +275,6 @@ function vtkCellPicker(publicAPI, model) {
         // "t" is the fractional distance between endpoints x1 and x2
         x[j] = x1[j] * (1.0 - t) + x2[j] * t;
       }
-      x[3] = 1.0;
-      if (imageTransform) {
-        vec4.transformMat4(x, x, imageTransform);
-      }
       for (let j = 0; j < 3; j++) {
         // Bounds check
         if (x[j] < extent[2 * j]) {

package/Rendering/Core/ColorTransferFunction/CssFilters.js

@@ -1,4 +1,4 @@
-import { H as identity, I as multiplyMatrix } from '../../../Common/Core/Math/index.js';
+import { G as identity, H as multiplyMatrix } from '../../../Common/Core/Math/index.js';
 
 /**
  * A helper file to transform RGBA points using CSS filters equivalent

package/Rendering/Core/ColorTransferFunction.js

@@ -1,5 +1,5 @@
 import { m as macro } from '../../macros2.js';
-import { h as hsv2rgb, i as isNan, J as floor, K as isInf, L as rgb2hsv, M as rgb2lab, N as lab2rgb } from '../../Common/Core/Math/index.js';
+import { h as hsv2rgb, i as isNan, I as floor, J as isInf, K as rgb2hsv, L as rgb2lab, M as lab2rgb } from '../../Common/Core/Math/index.js';
 import vtkScalarsToColors from '../../Common/Core/ScalarsToColors.js';
 import Constants from './ColorTransferFunction/Constants.js';
 

package/Rendering/Core/Coordinate.js

@@ -1,6 +1,6 @@
 import { m as macro } from '../../macros2.js';
 import Constants from './Coordinate/Constants.js';
-import { O as round, J as floor } from '../../Common/Core/Math/index.js';
+import { N as round, I as floor } from '../../Common/Core/Math/index.js';
 
 const {
   Coordinate

package/Rendering/Core/CubeAxesActor.js

@@ -1,6 +1,6 @@
 import { vec3, mat4 } from 'gl-matrix';
 import * as d3 from 'd3-scale';
-import { P as normalize2D, Q as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
+import { O as normalize2D, P as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
 import { m as macro } from '../../macros2.js';
 import vtkActor from './Actor.js';
 import vtkBoundingBox from '../../Common/DataModel/BoundingBox.js';

package/Rendering/Core/ImageMapper.js

@@ -2,7 +2,7 @@ import Constants from './ImageMapper/Constants.js';
 import { m as macro } from '../../macros2.js';
 import vtkAbstractImageMapper from './AbstractImageMapper.js';
 import { intersectWithLineForPointPicking, intersectWithLineForCellPicking } from './AbstractImageMapper/helper.js';
-import { C as clampValue, R as multiply3x3_vect3, F as createUninitializedBounds, S as getSparseOrthogonalMatrix } from '../../Common/Core/Math/index.js';
+import { C as clampValue, Q as multiply3x3_vect3, F as createUninitializedBounds, R as getSparseOrthogonalMatrix } from '../../Common/Core/Math/index.js';
 import CoincidentTopologyHelper from './Mapper/CoincidentTopologyHelper.js';
 
 const {

package/Rendering/Core/Renderer.js

@@ -2,7 +2,7 @@ import { mat4, vec3 } from 'gl-matrix';
 import { n as newInstance$1, g as get, e as setGet, k as getArray, l as setGetArray, i as moveToProtected, c as macro } from '../../macros2.js';
 import vtkCamera from './Camera.js';
 import vtkLight from './Light.js';
-import { T as areBoundsInitialized, u as uninitializeBounds, r as radiansFromDegrees, d as dot, F as createUninitializedBounds } from '../../Common/Core/Math/index.js';
+import { S as areBoundsInitialized, u as uninitializeBounds, r as radiansFromDegrees, d as dot, F as createUninitializedBounds } from '../../Common/Core/Math/index.js';
 import vtkViewport from './Viewport.js';
 import vtkBoundingBox from '../../Common/DataModel/BoundingBox.js';
 

package/Rendering/Core/ScalarBarActor.js

@@ -1,5 +1,5 @@
 import * as d3 from 'd3-scale';
-import { Q as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
+import { P as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
 import { m as macro } from '../../macros2.js';
 import vtkActor from './Actor.js';
 import vtkDataArray from '../../Common/Core/DataArray.js';

package/Rendering/Core/VolumeMapper.js

@@ -1,5 +1,5 @@
 import { m as macro } from '../../macros2.js';
-import { F as createUninitializedBounds, C as clampValue, J as floor } from '../../Common/Core/Math/index.js';
+import { F as createUninitializedBounds, C as clampValue, I as floor } from '../../Common/Core/Math/index.js';
 import Constants from './VolumeMapper/Constants.js';
 import vtkAbstractMapper3D from './AbstractMapper3D.js';
 import vtkPiecewiseFunction from '../../Common/DataModel/PiecewiseFunction.js';

package/Rendering/OpenGL/PolyDataMapper2D.js

@@ -8,7 +8,7 @@ import { v as vtkPolyData2DVS } from './glsl/vtkPolyData2DVS.glsl.js';
 import vtkReplacementShaderMapper from './ReplacementShaderMapper.js';
 import vtkShaderProgram from './ShaderProgram.js';
 import vtkViewNode from '../SceneGraph/ViewNode.js';
-import { O as round } from '../../Common/Core/Math/index.js';
+import { N as round } from '../../Common/Core/Math/index.js';
 import { DisplayLocation } from '../Core/Property2D/Constants.js';
 import { registerOverride } from './ViewNodeFactory.js';
 

package/Rendering/OpenGL/Texture.js

@@ -2,7 +2,7 @@ import Constants from './Texture/Constants.js';
 import HalfFloat from '../../Common/Core/HalfFloat.js';
 import { n as newInstance$1, o as obj, s as set, e as setGet, g as get, i as moveToProtected, a as newTypedArray, c as macro } from '../../macros2.js';
 import vtkDataArray from '../../Common/Core/DataArray.js';
-import { U as isPowerOfTwo, Q as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
+import { T as isPowerOfTwo, P as nearestPowerOfTwo } from '../../Common/Core/Math/index.js';
 import vtkViewNode from '../SceneGraph/ViewNode.js';
 import { registerOverride } from './ViewNodeFactory.js';
 

package/Widgets/Manipulators/AbstractManipulator.d.ts

@@ -49,11 +49,37 @@ export interface vtkAbstractManipulator extends vtkObject {
     setUseCameraNormal(useCameraNormal: boolean): boolean;
 
     /**
-     * 
+     * Processes a vtkRenderWindowInteractor event into 3D world positional info.
+     *
+     * Returns an object containing:
+     * - worldCoords: a 3D coordinate corresponding to the 2D event.
+     * - worldDelta: a 3D position delta between the current and the previous call to handleEvent.
+     * - worldDirection: a 3D directional vector. Only on select manipulators.
+     *
+     * worldCoords can be null if the pointer event enters an invalid manipulator region. For example,
+     * the PickerManipulator returns null when the pointer event is off of the picked geometry.
+     *
+     * worldDelta only makes sense between two calls of `handleEvent`. In a queue of `handleEvent` calls,
+     * the i-th call returns the delta between the i-th worldCoords and the (i-1)-th worldCoords.
+     * Thus, calling `handleEvent` is necessary for maintaining a valid worldDelta even when the return
+     * value is ignored.
+     *
+     * There are three cases where worldDelta needs to handle null events:
+     * 1. the first call to `handleEvent`, since there is no previously cached event position.
+     *    worldDelta is set to [0, 0, 0].
+     * 2. if the current `handleEvent` call returns a null worldCoords. worldDelta is set to [0, 0, 0].
+     * 3. if the previous `handleEvent` call returned a null worldCoords. In this case, worldDelta is the
+     *     delta between the current worldCoords and the previous non-null worldCoords, referring to the
+     *     previous 2 cases when applicable.
+     *
      * @param callData 
      * @param glRenderWindow 
      */
-    handleEvent(callData: any, glRenderWindow: vtkOpenGLRenderWindow): { worldCoords: Nullable<Vector3>, worldDirection?: Matrix3x3 };
+    handleEvent(callData: any, glRenderWindow: vtkOpenGLRenderWindow): {
+      worldCoords: Nullable<Vector3>,
+      worldDelta: Vector3,
+      worldDirection?: Matrix3x3,
+    };
 
     /* ------------------------------------------------------------------- */
 

package/Widgets/Manipulators/AbstractManipulator.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../macros2.js';
+import { s as subtract } from '../../Common/Core/Math/index.js';
 
 // ----------------------------------------------------------------------------
 // vtkAbstractManipulator methods
@@ -7,6 +8,7 @@ import { m as macro } from '../../macros2.js';
 function vtkAbstractManipulator(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkAbstractManipulator');
+  model._prevWorldCoords = [];
   publicAPI.getOrigin = callData => {
     if (model.userOrigin) return model.userOrigin;
     if (model.useCameraFocalPoint) return callData.pokedRenderer.getActiveCamera().getFocalPoint();
@@ -21,6 +23,24 @@ function vtkAbstractManipulator(publicAPI, model) {
     if (model.widgetNormal) return model.widgetNormal;
     return [0, 0, 1];
   };
+  model._computeDeltaFromPrevCoords = curWorldCoords => {
+    if (!model._prevWorldCoords?.length || !curWorldCoords?.length) return [0, 0, 0];
+    return subtract(curWorldCoords, model._prevWorldCoords, []);
+  };
+  model._addWorldDeltas = manipulatorResults => {
+    const {
+      worldCoords: curWorldCoords
+    } = manipulatorResults;
+    const worldDelta = model._computeDeltaFromPrevCoords(curWorldCoords);
+    if (curWorldCoords) model._prevWorldCoords = curWorldCoords;
+    const deltas = {
+      worldDelta
+    };
+    return {
+      ...manipulatorResults,
+      ...deltas
+    };
+  };
 }
 
 // ----------------------------------------------------------------------------

package/Widgets/Manipulators/CPRManipulator.js

@@ -19,9 +19,9 @@ function vtkCPRManipulator(publicAPI, model) {
   publicAPI.handleEvent = (callData, glRenderWindow) => {
     const mapper = model.cprActor?.getMapper();
     if (!mapper) {
-      return {
+      return model._addWorldDeltas({
         worldCoords: null
-      };
+      });
     }
 
     // Get normal and origin of the picking plane from the actor matrix
@@ -38,7 +38,7 @@ function vtkCPRManipulator(publicAPI, model) {
     vec3.transformMat4(modelPlanePicking, worldPlanePicking, inversecprActorMatrix);
     const height = mapper.getHeight();
     const distance = height - modelPlanePicking[1];
-    return publicAPI.distanceEvent(distance);
+    return model._addWorldDeltas(publicAPI.distanceEvent(distance));
   };
   publicAPI.distanceEvent = distance => {
     const mapper = model.cprActor?.getMapper();

package/Widgets/Manipulators/LineManipulator.js

@@ -36,7 +36,7 @@ function projectDisplayToLine(x, y, lineOrigin, lineDirection, renderer, glRende
 function vtkLineManipulator(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkLineManipulator');
-  publicAPI.handleEvent = (callData, glRenderWindow) => ({
+  publicAPI.handleEvent = (callData, glRenderWindow) => model._addWorldDeltas({
     worldCoords: projectDisplayToLine(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow)
   });
 }

package/Widgets/Manipulators/PickerManipulator.js

@@ -20,9 +20,9 @@ function vtkPickerManipulator(publicAPI, model) {
     } else {
       model.position = null;
     }
-    return {
+    return model._addWorldDeltas({
       worldCoords: model.position
-    };
+    });
   };
 }
 

package/Widgets/Manipulators/PlaneManipulator.js

@@ -15,7 +15,7 @@ function intersectDisplayWithPlane(x, y, planeOrigin, planeNormal, renderer, glR
 function vtkPlaneManipulator(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkPlaneManipulator');
-  publicAPI.handleEvent = (callData, glRenderWindow) => ({
+  publicAPI.handleEvent = (callData, glRenderWindow) => model._addWorldDeltas({
     worldCoords: intersectDisplayWithPlane(callData.position.x, callData.position.y, publicAPI.getOrigin(callData), publicAPI.getNormal(callData), callData.pokedRenderer, glRenderWindow)
   });
 }

package/Widgets/Manipulators/TrackballManipulator.js

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

package/Widgets/Widgets3D/AngleWidget/behavior.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 import vtkPointPicker from '../../../Rendering/Core/PointPicker.js';
 
 const MAX_POINTS = 3;
@@ -33,10 +34,10 @@ function widgetBehavior(publicAPI, model) {
     picker.initializePickList();
     picker.setPickList(publicAPI.getNestedProps());
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
+    const {
+      worldCoords
+    } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
     if (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS && manipulator) {
-      const {
-        worldCoords
-      } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
       // Commit handle to location
       const moveHandle = model.widgetState.getMoveHandle();
       moveHandle.setOrigin(...worldCoords);
@@ -62,11 +63,17 @@ function widgetBehavior(publicAPI, model) {
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       const {
-        worldCoords
+        worldCoords,
+        worldDelta
       } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-      if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging) && model.activeState.setOrigin // e.g. the line is pickable but not draggable
-      ) {
-        model.activeState.setOrigin(worldCoords);
+      const isHandleMoving = model.activeState === model.widgetState.getMoveHandle() || model._isDragging;
+      if (isHandleMoving && worldCoords.length && model.activeState.setOrigin) {
+        const curOrigin = model.activeState.getOrigin();
+        if (curOrigin) {
+          model.activeState.setOrigin(add(curOrigin, worldDelta, []));
+        } else {
+          model.activeState.setOrigin(worldCoords);
+        }
         publicAPI.invokeInteractionEvent();
         return macro.EVENT_ABORT;
       }

package/Widgets/Widgets3D/AngleWidget.js

@@ -3,7 +3,7 @@ import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
 import vtkPolyLineRepresentation from '../Representations/PolyLineRepresentation.js';
 import vtkSphereHandleRepresentation from '../Representations/SphereHandleRepresentation.js';
-import { s as subtract, V as angleBetweenVectors } from '../../Common/Core/Math/index.js';
+import { s as subtract, U as angleBetweenVectors } from '../../Common/Core/Math/index.js';
 import widgetBehavior from './AngleWidget/behavior.js';
 import generateState from './AngleWidget/state.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';

package/Widgets/Widgets3D/ImageCroppingWidget/behavior.js

@@ -1,14 +1,17 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 import { handleTypeFromName, AXES, calculateCropperCenter, calculateDirection, transformVec3 } from './helpers.js';
 
 function widgetBehavior(publicAPI, model) {
   model._isDragging = false;
   publicAPI.setDisplayCallback = callback => model.representations[0].setDisplayCallback(callback);
-  publicAPI.handleLeftButtonPress = () => {
+  publicAPI.handleLeftButtonPress = callData => {
     if (!model.activeState || !model.activeState.getActive() || !model.pickable) {
       return macro.VOID;
     }
     if (model.dragable) {
+      // updates worldDelta
+      model.activeState.getManipulator().handleEvent(callData, model._apiSpecificRenderWindow);
       model._isDragging = true;
       model._apiSpecificRenderWindow.setCursor('grabbing');
       model._interactor.requestAnimation(publicAPI);
@@ -42,16 +45,23 @@ function widgetBehavior(publicAPI, model) {
         const planes = model.widgetState.getCroppingPlanes().getPlanes();
         const indexToWorldT = model.widgetState.getIndexToWorldT();
         let worldCoords = [];
+        let worldDelta = [];
         if (type === 'corners') {
           // manipulator should be a plane manipulator
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
+          ({
+            worldCoords,
+            worldDelta
+          } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow));
         }
         if (type === 'faces') {
           // get center of current crop box
           const worldCenter = calculateCropperCenter(planes, indexToWorldT);
           manipulator.setHandleOrigin(worldCenter);
           manipulator.setHandleNormal(calculateDirection(model.activeState.getOrigin(), worldCenter));
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
+          ({
+            worldCoords,
+            worldDelta
+          } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow));
         }
         if (type === 'edges') {
           // constrain to a plane with a normal parallel to the edge
@@ -61,9 +71,12 @@ function widgetBehavior(publicAPI, model) {
           // get center of current crop box
           const worldCenter = calculateCropperCenter(planes, indexToWorldT);
           manipulator.setHandleNormal(calculateDirection(handle.getOrigin(), worldCenter));
-          worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
+          ({
+            worldCoords,
+            worldDelta
+          } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow));
         }
-        if (worldCoords.length) {
+        if (worldCoords.length && worldDelta.length) {
           // transform worldCoords to indexCoords, and then update the croppingPlanes() state with setPlanes().
           const worldToIndexT = model.widgetState.getWorldToIndexT();
           const indexCoords = transformVec3(worldCoords, worldToIndexT);
@@ -74,7 +87,7 @@ function widgetBehavior(publicAPI, model) {
               planes[i * 2 + 1] = indexCoords[i];
             }
           }
-          model.activeState.setOrigin(...worldCoords);
+          model.activeState.setOrigin(add(model.activeState.getOrigin(), worldDelta, []));
           model.widgetState.getCroppingPlanes().setPlanes(...planes);
           return macro.EVENT_ABORT;
         }

package/Widgets/Widgets3D/ImplicitPlaneWidget.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../macros2.js';
+import { k as add } from '../../Common/Core/Math/index.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkImplicitPlaneRepresentation from '../Representations/ImplicitPlaneRepresentation.js';
 import vtkLineManipulator from '../Manipulators/LineManipulator.js';
@@ -13,6 +14,8 @@ import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 function widgetBehavior(publicAPI, model) {
   model.classHierarchy.push('vtkPlaneWidget');
   model._isDragging = false;
+  // used to track the constrained widget position
+  model._draggingWidgetOrigin = [0, 0, 0];
   publicAPI.setDisplayCallback = callback => model.representations[0].setDisplayCallback(callback);
   publicAPI.updateCursor = () => {
     switch (model.activeState.getUpdateMethodName()) {
@@ -38,7 +41,11 @@ function widgetBehavior(publicAPI, model) {
     model.planeManipulator.setWidgetOrigin(model.widgetState.getOrigin());
     model.trackballManipulator.reset(callData); // setup trackball delta
 
+    // updates worldDelta
+    model.lineManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
+    model.planeManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
     if (model.dragable) {
+      model._draggingWidgetOrigin = model.widgetState.getOrigin();
       model._isDragging = true;
       model._apiSpecificRenderWindow.setCursor('grabbing');
       model._interactor.requestAnimation(publicAPI);
@@ -80,10 +87,14 @@ function widgetBehavior(publicAPI, model) {
   publicAPI.updateFromOrigin = callData => {
     model.planeManipulator.setWidgetNormal(model.widgetState.getNormal());
     const {
-      worldCoords
+      worldCoords,
+      worldDelta
     } = model.planeManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-    if (model.widgetState.containsPoint(worldCoords)) {
-      model.activeState.setOrigin(worldCoords);
+    add(model._draggingWidgetOrigin, worldDelta, model._draggingWidgetOrigin);
+
+    // test containment of interaction coords
+    if (model.widgetState.containsPoint(...worldCoords)) {
+      model.activeState.setOrigin(model._draggingWidgetOrigin);
     }
   };
 
@@ -93,10 +104,11 @@ function widgetBehavior(publicAPI, model) {
     // Move origin along normal axis
     model.lineManipulator.setWidgetNormal(model.activeState.getNormal());
     const {
-      worldCoords
+      worldDelta
     } = model.lineManipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-    if (model.widgetState.containsPoint(...worldCoords)) {
-      model.activeState.setOrigin(worldCoords);
+    add(model._draggingWidgetOrigin, worldDelta, model._draggingWidgetOrigin);
+    if (model.widgetState.containsPoint(...model._draggingWidgetOrigin)) {
+      model.activeState.setOrigin(model._draggingWidgetOrigin);
     }
   };
 

package/Widgets/Widgets3D/LabelWidget/behavior.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 
 function widgetBehavior(publicAPI, model) {
   model.classHierarchy.push('vtkLabelWidgetProp');
@@ -37,10 +38,10 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
+    const {
+      worldCoords
+    } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
     if (model.activeState === model.widgetState.getMoveHandle() && manipulator) {
-      const {
-        worldCoords
-      } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
       // Commit handle to location
       const moveHandle = model.widgetState.getMoveHandle();
       moveHandle.setOrigin(worldCoords);
@@ -87,14 +88,17 @@ function widgetBehavior(publicAPI, model) {
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       const {
-        worldCoords
+        worldCoords,
+        worldDelta
       } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-      if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging)) {
-        model.activeState.setOrigin(worldCoords);
-        model.widgetState.getText().setOrigin(model.activeState.getOrigin());
-        publicAPI.invokeInteractionEvent();
-        return macro.EVENT_ABORT;
-      }
+      const isHandleMoving = model.widgetState.getMoveHandle() === model.activeState || model._isDragging;
+      if (!isHandleMoving || !worldCoords.length || !worldDelta.length) return macro.VOID;
+      const curOrigin = model.activeState.getOrigin();
+      const newOrigin = curOrigin ? add(curOrigin, worldDelta, []) : worldCoords;
+      model.activeState.setOrigin(newOrigin);
+      model.widgetState.getText().setOrigin(newOrigin);
+      publicAPI.invokeInteractionEvent();
+      return macro.EVENT_ABORT;
     }
     return macro.VOID;
   };

package/Widgets/Widgets3D/LineWidget/behavior.js

@@ -1,6 +1,6 @@
 import Constants from './Constants.js';
 import { m as macro } from '../../../macros2.js';
-import { s as subtract, k as add, l as normalize } from '../../../Common/Core/Math/index.js';
+import { k as add, s as subtract, l as normalize } from '../../../Common/Core/Math/index.js';
 import { getNumberOfPlacedHandles, isHandlePlaced, calculateTextPosition, updateTextPosition, getPoint } from './helpers.js';
 
 const {
@@ -47,7 +47,7 @@ function widgetBehavior(publicAPI, model) {
   function updateCursor(callData) {
     model._isDragging = true;
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
-    model.previousPosition = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
+    manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
     model._apiSpecificRenderWindow.setCursor('grabbing');
     model._interactor.requestAnimation(publicAPI);
   }
@@ -181,22 +181,32 @@ function widgetBehavior(publicAPI, model) {
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       const {
-        worldCoords
+        worldCoords,
+        worldDelta
       } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-      const translation = model.previousPosition ? subtract(worldCoords, model.previousPosition, []) : [0, 0, 0];
-      model.previousPosition = worldCoords;
-      if (
+      const isHandleMoving =
       // is placing first or second handle
       model.activeState === model.widgetState.getMoveHandle() ||
       // is dragging already placed first or second handle
-      model._isDragging) {
-        if (model.activeState.setOrigin) {
-          model.activeState.setOrigin(worldCoords);
+      model._isDragging;
+
+      // the line state doesn't have setOrigin
+      const isDraggingLine = !model.activeState.setOrigin;
+      if (isHandleMoving) {
+        if (!isDraggingLine) {
+          const curOrigin = model.activeState.getOrigin();
+          if (curOrigin) {
+            model.activeState.setOrigin(add(model.activeState.getOrigin(), worldDelta, []));
+          } else {
+            model.activeState.setOrigin(worldCoords);
+          }
           publicAPI.updateHandleVisibility(publicAPI.getHandleIndex(model.activeState));
         } else {
-          // Dragging line
-          publicAPI.getHandle(0).setOrigin(add(publicAPI.getHandle(0).getOrigin(), translation, []));
-          publicAPI.getHandle(1).setOrigin(add(publicAPI.getHandle(1).getOrigin(), translation, []));
+          // Dragging line; move all handles
+          for (let i = 0; i < 2; i++) {
+            const handleOrigin = publicAPI.getHandle(i).getOrigin();
+            publicAPI.getHandle(i).setOrigin(add(handleOrigin, worldDelta, []));
+          }
         }
         publicAPI.updateHandleOrientations();
         updateTextPosition(model);

package/Widgets/Widgets3D/PolyLineWidget/behavior.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 
 function widgetBehavior(publicAPI, model) {
   model.classHierarchy.push('vtkPolyLineWidgetProp');
@@ -23,11 +24,20 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
     const {
-      worldCoords
+      worldCoords,
+      worldDelta
     } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
-    if (worldCoords.length && (model.activeState === model.widgetState.getMoveHandle() || model._isDragging) && model.activeState.setOrigin // e.g. the line is pickable but not draggable
-    ) {
-      model.activeState.setOrigin(worldCoords);
+    const isHandleMoving = model.activeState === model.widgetState.getMoveHandle() || model._isDragging;
+
+    // the line is pickable but not draggable
+    const isPickingLine = !model.activeState.setOrigin;
+    if (worldCoords.length && isHandleMoving && !isPickingLine) {
+      const curOrigin = model.activeState.getOrigin();
+      if (curOrigin) {
+        model.activeState.setOrigin(add(curOrigin, worldDelta, []));
+      } else {
+        model.activeState.setOrigin(worldCoords);
+      }
       publicAPI.invokeInteractionEvent();
       return macro.EVENT_ABORT;
     }
@@ -73,6 +83,8 @@ function widgetBehavior(publicAPI, model) {
       newHandle.setScale1(moveHandle.getScale1());
       newHandle.setManipulator(manipulator);
     } else if (model.dragable) {
+      // Update worldDelta
+      manipulator.handleEvent(e, model._apiSpecificRenderWindow);
       model._isDragging = true;
       model._apiSpecificRenderWindow.setCursor('grabbing');
       model._interactor.requestAnimation(publicAPI);

package/Widgets/Widgets3D/PolyLineWidget.js

@@ -53,11 +53,6 @@ function vtkPolyLineWidget(publicAPI, model) {
   // initialization
   // --------------------------------------------------------------------------
 
-  model.widgetState.onBoundsChange(bounds => {
-    const center = [(bounds[0] + bounds[1]) * 0.5, (bounds[2] + bounds[3]) * 0.5, (bounds[4] + bounds[5]) * 0.5];
-    model.widgetState.getMoveHandle().setOrigin(center);
-  });
-
   // Default manipulator
   publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
     useCameraFocalPoint: true,

package/Widgets/Widgets3D/ResliceCursorWidget/behavior.js

@@ -1,7 +1,7 @@
 import { m as macro } from '../../../macros2.js';
 import vtkBoundingBox from '../../../Common/DataModel/BoundingBox.js';
 import vtkLine from '../../../Common/DataModel/Line.js';
-import { k as add, l as normalize, s as subtract, d as dot, j as cross, m as multiplyAccumulate, w as multiplyScalar, W as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
+import { k as add, l as normalize, s as subtract, d as dot, j as cross, m as multiplyAccumulate, w as multiplyScalar, V as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
 import { getLineNames, getOtherLineName, updateState, boundPointOnPlane, getLinePlaneName, getLineInPlaneName, rotateVector } from './helpers.js';
 import { InteractionMethodsName, ScrollingMethods, planeNameToViewType } from './Constants.js';
 

package/Widgets/Widgets3D/ResliceCursorWidget/helpers.js

@@ -2,7 +2,7 @@ import vtkBoundingBox, { STATIC } from '../../../Common/DataModel/BoundingBox.js
 import vtkCubeSource from '../../../Filters/Sources/CubeSource.js';
 import vtkCutter from '../../../Filters/Core/Cutter.js';
 import vtkPlane from '../../../Common/DataModel/Plane.js';
-import { s as subtract, l as normalize, j as cross, w as multiplyScalar, m as multiplyAccumulate, W as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
+import { s as subtract, l as normalize, j as cross, w as multiplyScalar, m as multiplyAccumulate, V as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
 import vtkMatrixBuilder from '../../../Common/Core/MatrixBuilder.js';
 import { viewTypeToPlaneName, planeNameToViewType, planeNames } from './Constants.js';
 

package/Widgets/Widgets3D/SeedWidget/behavior.js

@@ -5,7 +5,6 @@ function widgetBehavior(publicAPI, model) {
   const moveHandle = model.widgetState.getMoveHandle();
   moveHandle.setVisible(true);
   model._isDragging = false;
-  model.previousPosition = null;
   function isValidHandle(handle) {
     return handle === moveHandle;
   }
@@ -32,7 +31,6 @@ function widgetBehavior(publicAPI, model) {
     if (model.activeState === moveHandle) {
       if (!moveHandle.getOrigin() && worldCoords) {
         moveHandle.setOrigin(worldCoords);
-        model.previousPosition = [...worldCoords];
       }
     }
     model._isDragging = true;
@@ -46,7 +44,6 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
     if (isPlaced()) {
-      model.previousPosition = null;
       model._widgetManager.enablePicking();
       model._apiSpecificRenderWindow.setCursor('pointer');
       model._isDragging = false;
@@ -63,10 +60,7 @@ function widgetBehavior(publicAPI, model) {
     }
     if (!model.activeState) throw Error('no activestate');
     const worldCoords = currentWorldCoords(e);
-    if (worldCoords) {
-      model.activeState.setOrigin(worldCoords);
-      model.previousPosition = worldCoords;
-    }
+    model.activeState.setOrigin(worldCoords);
     return macro.VOID;
   };
   publicAPI.grabFocus = () => {

package/Widgets/Widgets3D/ShapeWidget/behavior.js

@@ -295,7 +295,8 @@ function widgetBehavior(publicAPI, model) {
       model.shapeHandle.setDirection(normal);
     }
     const {
-      worldCoords
+      worldCoords,
+      worldDelta
     } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
     if (!worldCoords.length) {
       return macro.VOID;
@@ -311,11 +312,11 @@ function widgetBehavior(publicAPI, model) {
       }
     } else if (model._isDragging) {
       if (model.activeState === model.point1Handle) {
-        model.point1Handle.setOrigin(worldCoords);
-        model.point1 = worldCoords;
+        vtkMath.add(model.point1Handle.getOrigin(), worldDelta, model.point1);
+        model.point1Handle.setOrigin(model.point1);
       } else {
-        model.point2Handle.setOrigin(worldCoords);
-        model.point2 = worldCoords;
+        vtkMath.add(model.point2Handle.getOrigin(), worldDelta, model.point2);
+        model.point2Handle.setOrigin(model.point2);
       }
       publicAPI.updateShapeBounds();
       publicAPI.invokeInteractionEvent();
@@ -332,10 +333,10 @@ function widgetBehavior(publicAPI, model) {
     if (!model.activeState || !model.activeState.getActive() || !model.pickable || !manipulator) {
       return macro.VOID;
     }
+    const {
+      worldCoords
+    } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
     if (model.hasFocus) {
-      const {
-        worldCoords
-      } = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
       if (!model.point1) {
         model.point1Handle.setOrigin(worldCoords);
         publicAPI.placePoint1(model.point1Handle.getOrigin());

package/Widgets/Widgets3D/SphereWidget/behavior.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 import { vec3 } from 'gl-matrix';
 
 function widgetBehavior(publicAPI, model) {
@@ -10,8 +11,6 @@ function widgetBehavior(publicAPI, model) {
 
   // Set while moving the center or border handle.
   model._isDragging = false;
-  // The last world coordinate of the mouse cursor during dragging.
-  model.previousPosition = null;
   model.classHierarchy.push('vtkSphereWidgetProp');
   moveHandle.setVisible(true);
   centerHandle.setVisible(false);
@@ -47,7 +46,7 @@ function widgetBehavior(publicAPI, model) {
   }
   function currentWorldCoords(e) {
     const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
-    return manipulator.handleEvent(e, model._apiSpecificRenderWindow).worldCoords;
+    return manipulator.handleEvent(e, model._apiSpecificRenderWindow);
   }
 
   // Update the sphere's center and radius.  Example:
@@ -75,19 +74,22 @@ function widgetBehavior(publicAPI, model) {
       model.activeState = null;
       return macro.VOID;
     }
-    const worldCoords = currentWorldCoords(e);
+    const {
+      worldCoords
+    } = currentWorldCoords(e);
     if (model.activeState === moveHandle) {
       // Initial sphere placement.
       if (!centerHandle.getOrigin()) {
         centerHandle.setOrigin(worldCoords);
       } else if (!borderHandle.getOrigin()) {
         borderHandle.setOrigin(worldCoords);
+        publicAPI.loseFocus();
       }
       updateSphere();
+      return macro.EVENT_ABORT;
     }
     model._isDragging = true;
     model._apiSpecificRenderWindow.setCursor('grabbing');
-    model.previousPosition = [...currentWorldCoords(e)];
     publicAPI.invokeStartInteractionEvent();
     return macro.EVENT_ABORT;
   };
@@ -97,7 +99,6 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
     if (isPlaced()) {
-      model.previousPosition = null;
       model._widgetManager.enablePicking();
       model._apiSpecificRenderWindow.setCursor('pointer');
       model._isDragging = false;
@@ -108,43 +109,33 @@ function widgetBehavior(publicAPI, model) {
     return macro.EVENT_ABORT;
   };
   publicAPI.handleMouseMove = e => {
-    if (!model._isDragging) {
-      model.activeState = null;
-      return macro.VOID;
+    if (!model.activeState) return macro.VOID;
+    const {
+      worldCoords,
+      worldDelta
+    } = currentWorldCoords(e);
+    if (model.hasFocus) {
+      model.activeState.setOrigin(worldCoords);
+    } else if (model._isDragging) {
+      model.activeState.setOrigin(add(model.activeState.getOrigin(), worldDelta, []));
     }
-    if (!model.activeState) throw Error('no activestate');
-    const worldCoords = currentWorldCoords(e);
-    model.activeState.setOrigin(worldCoords);
-    if (model.activeState === centerHandle) {
-      // When the sphere is fully placed, and the user is moving the
-      // center, we move the whole sphere.
-      if (borderHandle.getOrigin()) {
-        if (!model.previousPosition) {
-          // !previousPosition here happens only immediately
-          // after grabFocus, but grabFocus resets
-          // borderHandle.origin.
-          throw Error(`no pos ${model.activeState} ${model.previousPosition}`);
-        }
-        const translation = vec3.sub(vec3.create(), worldCoords, model.previousPosition);
-        borderHandle.setOrigin(vec3.add(vec3.create(), borderHandle.getOrigin(), translation));
-      }
-    }
-    model.previousPosition = worldCoords;
     updateSphere();
     return macro.VOID;
   };
+  const superGrabFocus = publicAPI.grabFocus;
   publicAPI.grabFocus = () => {
+    superGrabFocus();
     moveHandle.setVisible(true);
     centerHandle.setVisible(false);
     borderHandle.setVisible(false);
     centerHandle.setOrigin(null);
     borderHandle.setOrigin(null);
-    model._isDragging = true;
     model.activeState = moveHandle;
     model._interactor.render();
   };
+  const superLoseFocus = publicAPI.loseFocus;
   publicAPI.loseFocus = () => {
-    model._isDragging = false;
+    superLoseFocus();
     model.activeState = null;
   };
 }

package/Widgets/Widgets3D/SplineWidget/behavior.js

@@ -1,4 +1,5 @@
 import { m as macro } from '../../../macros2.js';
+import { k as add } from '../../../Common/Core/Math/index.js';
 import { vec3 } from 'gl-matrix';
 
 function widgetBehavior(publicAPI, model) {
@@ -153,9 +154,13 @@ function widgetBehavior(publicAPI, model) {
   // --------------------------------------------------------------------------
 
   publicAPI.handleLeftButtonPress = e => {
-    if (!model.activeState || !model.activeState.getActive() || !model.pickable) {
+    const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
+    if (!manipulator || !model.activeState || !model.activeState.getActive() || !model.pickable) {
       return macro.VOID;
     }
+
+    // update worldDelta
+    manipulator.handleEvent(e, model._apiSpecificRenderWindow);
     if (model.activeState === model.moveHandle) {
       if (model.widgetState.getHandleList().length === 0) {
         addPoint();
@@ -230,7 +235,8 @@ function widgetBehavior(publicAPI, model) {
       return macro.VOID;
     }
     const {
-      worldCoords
+      worldCoords,
+      worldDelta
     } = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);
     const hoveredHandle = getHoveredHandle();
     if (hoveredHandle) {
@@ -245,8 +251,14 @@ function widgetBehavior(publicAPI, model) {
     if (model.lastHandle) {
       model.lastHandle.setVisible(true);
     }
-    if (worldCoords.length && (model._isDragging || model.activeState === model.moveHandle)) {
-      model.activeState.setOrigin(worldCoords);
+    const isHandleMoving = model._isDragging || model.activeState === model.moveHandle;
+    if (worldCoords.length && isHandleMoving) {
+      const curOrigin = model.activeState.getOrigin();
+      if (curOrigin) {
+        model.activeState.setOrigin(add(curOrigin, worldDelta, []));
+      } else {
+        model.activeState.setOrigin(worldCoords);
+      }
       if (model._isDragging) {
         model.draggedPoint = true;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitware/vtk.js",
-  "version": "30.5.2",
+  "version": "30.6.0",
   "description": "Visualization Toolkit for the Web",
   "keywords": [
     "3d",