@kitware/vtk.js 28.10.1 → 28.11.0

package/Widgets/Widgets3D/ResliceCursorWidget/cprBehavior.js

@@ -4,48 +4,40 @@ import { updateState } from './helpers.js';
 import { ViewTypes } from '../../Core/WidgetManager/Constants.js';
 import { vec3 } from 'gl-matrix';
 
+// import macro from 'vtk.js/Sources/macros';
+
 function widgetBehavior(publicAPI, model) {
   // We inherit resliceCursorBehavior
   widgetBehavior$1(publicAPI, model);
-  var stretchPlaneName = 'Y';
-  var crossPlaneName = 'Z';
-
-  publicAPI.getActiveInteraction = function () {
-    if (model.widgetState.getStatesWithLabel("lineIn".concat(stretchPlaneName)).includes(model.activeState)) {
+  const stretchPlaneName = 'Y';
+  const crossPlaneName = 'Z';
+  publicAPI.getActiveInteraction = () => {
+    if (model.widgetState.getStatesWithLabel(`lineIn${stretchPlaneName}`).includes(model.activeState)) {
       return InteractionMethodsName.TranslateCenterAndUpdatePlanes;
     }
-
-    if (model.widgetState.getStatesWithLabel("lineIn".concat(crossPlaneName)).includes(model.activeState) || model.widgetState.getStatesWithLabel("rotationIn".concat(crossPlaneName)).includes(model.activeState)) {
+    if (model.widgetState.getStatesWithLabel(`lineIn${crossPlaneName}`).includes(model.activeState) || model.widgetState.getStatesWithLabel(`rotationIn${crossPlaneName}`).includes(model.activeState)) {
       return InteractionMethodsName.RotateLine;
     }
-
     return null;
   };
-
-  publicAPI[InteractionMethodsName.TranslateCenterAndUpdatePlanes] = function (calldata) {
-    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;
-
-    var _manipulator$handleEv = manipulator.handleEvent(calldata, model._apiSpecificRenderWindow),
-        worldCoords = _manipulator$handleEv.worldCoords,
-        worldDirection = _manipulator$handleEv.worldDirection;
-
+  publicAPI[InteractionMethodsName.TranslateCenterAndUpdatePlanes] = calldata => {
+    const manipulator = model.activeState?.getManipulator?.() ?? model.manipulator;
+    const {
+      worldCoords,
+      worldDirection
+    } = manipulator.handleEvent(calldata, model._apiSpecificRenderWindow);
     publicAPI.updateCenterAndPlanes(worldCoords, worldDirection);
   };
-
-  publicAPI.updateCenterAndPlanes = function (worldCoords, worldDirection) {
+  publicAPI.updateCenterAndPlanes = (worldCoords, worldDirection) => {
     // Update center
-    var newBoundedCenter = publicAPI.getBoundedCenter(worldCoords);
-    model.widgetState.setCenter(newBoundedCenter); // Update planes if axes are given
+    const newBoundedCenter = publicAPI.getBoundedCenter(worldCoords);
+    model.widgetState.setCenter(newBoundedCenter);
 
+    // Update planes if axes are given
     if (worldDirection) {
-      var getAxis = function getAxis(idx) {
-        return vec3.normalize([], worldDirection.slice(3 * idx, 3 * idx + 3));
-      };
-
-      var planes = model.widgetState.getPlanes();
-      Object.keys(planes).forEach(function (viewType) {
+      const getAxis = idx => vec3.normalize([], worldDirection.slice(3 * idx, 3 * idx + 3));
+      const planes = model.widgetState.getPlanes();
+      Object.keys(planes).forEach(viewType => {
         switch (Number.parseInt(viewType, 10)) {
           case ViewTypes.YZ_PLANE:
             planes[viewType] = {
@@ -53,14 +45,12 @@ function widgetBehavior(publicAPI, model) {
               viewUp: getAxis(2)
             };
             break;
-
           case ViewTypes.XZ_PLANE:
             planes[viewType] = {
               normal: getAxis(1),
               viewUp: getAxis(2)
             };
             break;
-
           case ViewTypes.XY_PLANE:
             planes[viewType] = {
               normal: getAxis(2),
@@ -70,20 +60,15 @@ function widgetBehavior(publicAPI, model) {
         }
       });
     }
-
     updateState(model.widgetState, model._factory.getScaleInPixels(), model._factory.getRotationHandlePosition());
   };
-
-  publicAPI.translateCenterOnPlaneDirection = function (nbSteps) {
-    var _model$_factory$getMa;
-
-    var handleScroll = (_model$_factory$getMa = model._factory.getManipulator()) === null || _model$_factory$getMa === void 0 ? void 0 : _model$_factory$getMa.handleScroll;
-
+  publicAPI.translateCenterOnPlaneDirection = nbSteps => {
+    const handleScroll = model._factory.getManipulator()?.handleScroll;
     if (handleScroll) {
-      var _handleScroll = handleScroll(nbSteps),
-          worldCoords = _handleScroll.worldCoords,
-          worldDirection = _handleScroll.worldDirection;
-
+      const {
+        worldCoords,
+        worldDirection
+      } = handleScroll(nbSteps);
       publicAPI.updateCenterAndPlanes(worldCoords, worldDirection);
     }
   };

package/Widgets/Widgets3D/ResliceCursorWidget/helpers.js

@@ -1,13 +1,13 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 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, S as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
+import { s as subtract, l as normalize, j as cross, w as multiplyScalar, m as multiplyAccumulate, T as signedAngleBetweenVectors } from '../../../Common/Core/Math/index.js';
 import vtkMatrixBuilder from '../../../Common/Core/MatrixBuilder.js';
 import { viewTypeToPlaneName, planeNameToViewType, planeNames } from './Constants.js';
 
-var EPSILON = 10e-7;
+const EPSILON = 10e-7;
+
 /**
  * Fit the plane defined by origin, p1, p2 onto the bounds.
  * Plane is untouched if does not intersect bounds.
@@ -17,72 +17,60 @@ var EPSILON = 10e-7;
  * @param {Array} p2
  * @return {Boolean} false if no bounds have been found, else true
  */
-
 function boundPlane(bounds, origin, p1, p2) {
-  var v1 = [];
+  const v1 = [];
   subtract(p1, origin, v1);
   normalize(v1);
-  var v2 = [];
+  const v2 = [];
   subtract(p2, origin, v2);
   normalize(v2);
-  var n = [0, 0, 1];
+  const n = [0, 0, 1];
   cross(v1, v2, n);
-  normalize(n); // Inflate bounds in order to avoid precision error when cutting cubesource
-
-  var inflatedBounds = _toConsumableArray(bounds);
+  normalize(n);
 
-  var eps = [].concat(n);
+  // Inflate bounds in order to avoid precision error when cutting cubesource
+  const inflatedBounds = [...bounds];
+  const eps = [...n];
   multiplyScalar(eps, EPSILON);
   vtkBoundingBox.addBounds(inflatedBounds, bounds[0] + eps[0], bounds[1] + eps[0], bounds[2] + eps[1], bounds[3] + eps[1], bounds[4] + eps[2], bounds[5] + eps[2]);
   vtkBoundingBox.addBounds(inflatedBounds, bounds[0] - eps[0], bounds[1] - eps[0], bounds[2] - eps[1], bounds[3] - eps[1], bounds[4] - eps[2], bounds[5] - eps[2]);
-  var plane = vtkPlane.newInstance();
-  plane.setOrigin.apply(plane, _toConsumableArray(origin));
-  plane.setNormal.apply(plane, n);
-  var cubeSource = vtkCubeSource.newInstance();
+  const plane = vtkPlane.newInstance();
+  plane.setOrigin(...origin);
+  plane.setNormal(...n);
+  const cubeSource = vtkCubeSource.newInstance();
   cubeSource.setBounds(inflatedBounds);
-  var cutter = vtkCutter.newInstance();
+  const cutter = vtkCutter.newInstance();
   cutter.setCutFunction(plane);
   cutter.setInputConnection(cubeSource.getOutputPort());
-  var cutBounds = cutter.getOutputData();
-
+  const cutBounds = cutter.getOutputData();
   if (cutBounds.getNumberOfPoints() === 0) {
     return false;
   }
-
-  var localBounds = STATIC.computeLocalBounds(cutBounds.getPoints(), v1, v2, n);
-
-  for (var i = 0; i < 3; i += 1) {
+  const localBounds = STATIC.computeLocalBounds(cutBounds.getPoints(), v1, v2, n);
+  for (let i = 0; i < 3; i += 1) {
     origin[i] = localBounds[0] * v1[i] + localBounds[2] * v2[i] + localBounds[4] * n[i];
     p1[i] = localBounds[1] * v1[i] + localBounds[2] * v2[i] + localBounds[4] * n[i];
     p2[i] = localBounds[0] * v1[i] + localBounds[3] * v2[i] + localBounds[4] * n[i];
   }
-
   return true;
-} // Project point (inPoint) to the bounds of the image according to a plane
+}
+// Project point (inPoint) to the bounds of the image according to a plane
 // defined by two vectors (v1, v2)
-
 function boundPoint(inPoint, v1, v2, bounds) {
-  var absT1 = v1.map(function (val) {
-    return Math.abs(val);
-  });
-  var absT2 = v2.map(function (val) {
-    return Math.abs(val);
-  });
-  var o1 = 0.0;
-  var o2 = 0.0;
-
-  for (var i = 0; i < 3; i++) {
-    var axisOffset = 0;
-    var useT1 = absT1[i] > absT2[i];
-    var t = useT1 ? v1 : v2;
-    var absT = useT1 ? absT1 : absT2;
-
+  const absT1 = v1.map(val => Math.abs(val));
+  const absT2 = v2.map(val => Math.abs(val));
+  let o1 = 0.0;
+  let o2 = 0.0;
+  for (let i = 0; i < 3; i++) {
+    let axisOffset = 0;
+    const useT1 = absT1[i] > absT2[i];
+    const t = useT1 ? v1 : v2;
+    const absT = useT1 ? absT1 : absT2;
     if (inPoint[i] < bounds[i * 2]) {
       axisOffset = absT[i] > EPSILON ? (bounds[2 * i] - inPoint[i]) / t[i] : 0;
     } else if (inPoint[i] > bounds[2 * i + 1]) {
       axisOffset = absT[i] > EPSILON ? (bounds[2 * i + 1] - inPoint[i]) / t[i] : 0;
     }
-
     if (useT1) {
       if (Math.abs(axisOffset) > Math.abs(o1)) {
         o1 = axisOffset;
@@ -91,28 +79,26 @@ function boundPoint(inPoint, v1, v2, bounds) {
       o2 = axisOffset;
     }
   }
-
-  var outPoint = [inPoint[0], inPoint[1], inPoint[2]];
-
+  const outPoint = [inPoint[0], inPoint[1], inPoint[2]];
   if (o1 !== 0.0) {
     multiplyAccumulate(outPoint, v1, o1, outPoint);
   }
-
   if (o2 !== 0.0) {
     multiplyAccumulate(outPoint, v2, o2, outPoint);
   }
-
   return outPoint;
-} // Compute the intersection between p1 and p2 on bounds
+}
 
+// Compute the intersection between p1 and p2 on bounds
 function boundPointOnPlane(p1, p2, bounds) {
-  var dir12 = [0, 0, 0];
+  const dir12 = [0, 0, 0];
   subtract(p2, p1, dir12);
-  var out = [0, 0, 0];
-  var tolerance = [0, 0, 0];
+  const out = [0, 0, 0];
+  const tolerance = [0, 0, 0];
   vtkBoundingBox.intersectBox(bounds, p1, dir12, out, tolerance);
   return out;
 }
+
 /**
  * Rotates a vector around another.
  * @param {vec3} vectorToBeRotated Vector to rate
@@ -120,30 +106,26 @@ function boundPointOnPlane(p1, p2, bounds) {
  * @param {Number} angle Angle in radian
  * @returns The rotated vector
  */
-
 function rotateVector(vectorToBeRotated, axis, angle) {
-  var rotatedVector = _toConsumableArray(vectorToBeRotated);
-
+  const rotatedVector = [...vectorToBeRotated];
   vtkMatrixBuilder.buildFromRadian().rotate(angle, axis).apply(rotatedVector);
   return rotatedVector;
 }
+
 /**
  * Return ['X', 'Y'] if there are only 2 planes defined in the widget state.
  * Return ['X', 'Y', 'Z'] if there are 3 planes defined in the widget state.
  * @param {object} widgetState the state of the widget
  * @returns An array of plane names
  */
-
 function getPlaneNames(widgetState) {
-  return Object.keys(widgetState.getPlanes()).map(function (viewType) {
-    return viewTypeToPlaneName[viewType];
-  });
+  return Object.keys(widgetState.getPlanes()).map(viewType => viewTypeToPlaneName[viewType]);
 }
+
 /**
  * Return X if lineName == XinY|XinZ, Y if lineName == YinX|YinZ and Z otherwise
  * @param {string} lineName name of the line (YinX, ZinX, XinY, ZinY, XinZ, YinZ)
  */
-
 function getLinePlaneName(lineName) {
   return lineName[0];
 }
@@ -151,104 +133,96 @@ function getLinePlaneName(lineName) {
  * Return X if lineName == YinX|ZinX, Y if lineName == XinY|ZinY and Z otherwise
  * @param {string} lineName name of the line (YinX, ZinX, XinY, ZinY, XinZ, YinZ)
  */
-
 function getLineInPlaneName(lineName) {
   return lineName[3];
 }
+
 /**
  * Returns ['XinY', 'YinX'] if planes == ['X', 'Y']
  * ['XinY', 'XinZ', 'YinX', 'YinZ', 'ZinX', 'ZinY'] if planes == ['X', 'Y', 'Z']
  * @param {string} planes name of the planes (e.g. ['X', 'Y'])
  */
-
 function getPlanesLineNames() {
-  var planes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : planeNames;
-  var lines = [];
-  planes.forEach(function (plane) {
-    planes.forEach(function (inPlane) {
+  let planes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : planeNames;
+  const lines = [];
+  planes.forEach(plane => {
+    planes.forEach(inPlane => {
       if (plane !== inPlane) {
-        lines.push("".concat(plane, "in").concat(inPlane));
+        lines.push(`${plane}in${inPlane}`);
       }
     });
   });
   return lines;
 }
 function getLineNames(widgetState) {
-  var planes = Object.keys(widgetState.getPlanes()).map(function (viewType) {
-    return viewTypeToPlaneName[viewType];
-  });
+  const planes = Object.keys(widgetState.getPlanes()).map(viewType => viewTypeToPlaneName[viewType]);
   return getPlanesLineNames(planes);
 }
+
 /**
  * Return ZinX if lineName == YinX, YinX if lineName == ZinX, ZinY if lineName == XinY...
  * @param {string} lineName name of the line (YinX, ZinX, XinY, ZinY, XinZ, YinZ)
  */
-
 function getOtherLineName(widgetState, lineName) {
-  var linePlaneName = getLinePlaneName(lineName);
-  var lineInPlaneName = getLineInPlaneName(lineName);
-  var otherLineName = getPlaneNames(widgetState).find(function (planeName) {
-    return planeName !== linePlaneName && planeName !== lineInPlaneName;
-  });
-  return "".concat(otherLineName, "in").concat(lineInPlaneName);
-} // Compute the offset of the rotation handle origin
+  const linePlaneName = getLinePlaneName(lineName);
+  const lineInPlaneName = getLineInPlaneName(lineName);
+  const otherLineName = getPlaneNames(widgetState).find(planeName => planeName !== linePlaneName && planeName !== lineInPlaneName);
+  return `${otherLineName}in${lineInPlaneName}`;
+}
 
+// Compute the offset of the rotation handle origin
 function computeRotationHandleOriginOffset(axis, rotationHandlePosition, volumeDiagonalLength, scaleInPixels) {
   // FIXME: p1 and p2 could be placed on the exact boundaries of the volume.
-  return multiplyScalar(_toConsumableArray(axis), rotationHandlePosition * (scaleInPixels ? 1 : volumeDiagonalLength) / 2);
-} // Update the reslice cursor state according to the three planes normals and the origin
-
+  return multiplyScalar([...axis], rotationHandlePosition * (scaleInPixels ? 1 : volumeDiagonalLength) / 2);
+}
 
+// Update the reslice cursor state according to the three planes normals and the origin
 function updateState(widgetState, scaleInPixels, rotationHandlePosition) {
-  var planes = Object.keys(widgetState.getPlanes()).map(function (viewType) {
-    return viewTypeToPlaneName[viewType];
-  }); // Generates an object as such:
+  const planes = Object.keys(widgetState.getPlanes()).map(viewType => viewTypeToPlaneName[viewType]);
+  // Generates an object as such:
   // axes = {'XY': cross(X, Y), 'YX': cross(X, Y), 'YZ': cross(Y, Z)...}
-
-  var axes = planes.reduce(function (res, plane) {
-    planes.filter(function (otherPlane) {
-      return plane !== otherPlane;
-    }).forEach(function (otherPlane) {
-      var cross$1 = cross(widgetState.getPlanes()[planeNameToViewType[plane]].normal, widgetState.getPlanes()[planeNameToViewType[otherPlane]].normal, []);
-      res["".concat(plane).concat(otherPlane)] = cross$1;
-      res["".concat(otherPlane).concat(plane)] = cross$1;
+  const axes = planes.reduce((res, plane) => {
+    planes.filter(otherPlane => plane !== otherPlane).forEach(otherPlane => {
+      const cross$1 = cross(widgetState.getPlanes()[planeNameToViewType[plane]].normal, widgetState.getPlanes()[planeNameToViewType[otherPlane]].normal, []);
+      res[`${plane}${otherPlane}`] = cross$1;
+      res[`${otherPlane}${plane}`] = cross$1;
     });
     return res;
   }, {});
-  var bounds = widgetState.getImage().getBounds();
-  var center = widgetState.getCenter(); // Length of the principal diagonal.
+  const bounds = widgetState.getImage().getBounds();
+  const center = widgetState.getCenter();
 
-  var pdLength = vtkBoundingBox.getDiagonalLength(bounds);
+  // Length of the principal diagonal.
+  const pdLength = vtkBoundingBox.getDiagonalLength(bounds);
   widgetState.getCenterHandle().setOrigin(center);
-  getPlanesLineNames(planes).forEach(function (lineName) {
-    var _widgetState$$getMani, _widgetState$$getMani2, _widgetState$$getMani3, _widgetState$$getMani4, _lineHandle$getManipu, _lineHandle$getManipu2;
-
-    var planeName = getLinePlaneName(lineName);
-    var inPlaneName = getLineInPlaneName(lineName);
-    var direction = axes["".concat(planeName).concat(inPlaneName)];
-    widgetState["getRotationHandle".concat(lineName, "0")]().setOrigin(center);
-    (_widgetState$$getMani = widgetState["getRotationHandle".concat(lineName, "0")]().getManipulator()) === null || _widgetState$$getMani === void 0 ? void 0 : _widgetState$$getMani.setHandleOrigin(center);
-    (_widgetState$$getMani2 = widgetState["getRotationHandle".concat(lineName, "0")]().getManipulator()) === null || _widgetState$$getMani2 === void 0 ? void 0 : _widgetState$$getMani2.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
-    widgetState["getRotationHandle".concat(lineName, "0")]().setOffset(computeRotationHandleOriginOffset(direction, rotationHandlePosition, pdLength, scaleInPixels));
-    widgetState["getRotationHandle".concat(lineName, "1")]().setOrigin(center);
-    (_widgetState$$getMani3 = widgetState["getRotationHandle".concat(lineName, "1")]().getManipulator()) === null || _widgetState$$getMani3 === void 0 ? void 0 : _widgetState$$getMani3.setHandleOrigin(center);
-    (_widgetState$$getMani4 = widgetState["getRotationHandle".concat(lineName, "1")]().getManipulator()) === null || _widgetState$$getMani4 === void 0 ? void 0 : _widgetState$$getMani4.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
-    widgetState["getRotationHandle".concat(lineName, "1")]().setOffset(computeRotationHandleOriginOffset(direction, -rotationHandlePosition, pdLength, scaleInPixels));
-    var lineHandle = widgetState["getAxis".concat(lineName)]();
+  getPlanesLineNames(planes).forEach(lineName => {
+    const planeName = getLinePlaneName(lineName);
+    const inPlaneName = getLineInPlaneName(lineName);
+    const direction = axes[`${planeName}${inPlaneName}`];
+    widgetState[`getRotationHandle${lineName}0`]().setOrigin(center);
+    widgetState[`getRotationHandle${lineName}0`]().getManipulator()?.setHandleOrigin(center);
+    widgetState[`getRotationHandle${lineName}0`]().getManipulator()?.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
+    widgetState[`getRotationHandle${lineName}0`]().setOffset(computeRotationHandleOriginOffset(direction, rotationHandlePosition, pdLength, scaleInPixels));
+    widgetState[`getRotationHandle${lineName}1`]().setOrigin(center);
+    widgetState[`getRotationHandle${lineName}1`]().getManipulator()?.setHandleOrigin(center);
+    widgetState[`getRotationHandle${lineName}1`]().getManipulator()?.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
+    widgetState[`getRotationHandle${lineName}1`]().setOffset(computeRotationHandleOriginOffset(direction, -rotationHandlePosition, pdLength, scaleInPixels));
+    const lineHandle = widgetState[`getAxis${lineName}`]();
     lineHandle.setOrigin(center);
-    (_lineHandle$getManipu = lineHandle.getManipulator()) === null || _lineHandle$getManipu === void 0 ? void 0 : _lineHandle$getManipu.setHandleOrigin(center);
-    (_lineHandle$getManipu2 = lineHandle.getManipulator()) === null || _lineHandle$getManipu2 === void 0 ? void 0 : _lineHandle$getManipu2.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
-    var scale = normalize(direction);
-    var scale3 = lineHandle.getScale3();
+    lineHandle.getManipulator()?.setHandleOrigin(center);
+    lineHandle.getManipulator()?.setHandleNormal(widgetState.getPlanes()[planeNameToViewType[planeName]].normal);
+    const scale = normalize(direction);
+    const scale3 = lineHandle.getScale3();
     scale3[2] = 2 * scale;
     lineHandle.setScale3(scale3);
-    var right = widgetState.getPlanes()[planeNameToViewType[inPlaneName]].normal;
-    var up = cross(direction, right, []);
+    const right = widgetState.getPlanes()[planeNameToViewType[inPlaneName]].normal;
+    const up = cross(direction, right, []);
     lineHandle.setRight(right);
     lineHandle.setUp(up);
     lineHandle.setDirection(direction);
   });
 }
+
 /**
  * First rotate planeToTransform to match targetPlane normal.
  * Then rotate around targetNormal to enforce targetViewUp "up" vector (i.e. Origin->p2 ).
@@ -259,11 +233,10 @@ function updateState(widgetState, scaleInPixels, rotationHandlePosition) {
  * @param {vec3} targetNormal Normal to state to the plane
  * @param {vec3} viewType Vector that enforces view up
  */
-
 function transformPlane(planeToTransform, targetCenter, targetNormal, targetViewUp) {
   planeToTransform.setNormal(targetNormal);
-  var viewUp = subtract(planeToTransform.getPoint2(), planeToTransform.getOrigin(), []);
-  var angle = signedAngleBetweenVectors(viewUp, targetViewUp, targetNormal);
+  const viewUp = subtract(planeToTransform.getPoint2(), planeToTransform.getOrigin(), []);
+  const angle = signedAngleBetweenVectors(viewUp, targetViewUp, targetNormal);
   planeToTransform.rotate(angle, targetNormal);
   planeToTransform.setCenter(targetCenter);
 }

package/Widgets/Widgets3D/ResliceCursorWidget/state.js

@@ -1,11 +1,7 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import vtkStateBuilder from '../../Core/StateBuilder.js';
 import { planeNameToViewType, ScrollingMethods, planeNames } from './Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var defaultPlanes = {
+const defaultPlanes = {
   X: {
     normal: [1, 0, 0],
     viewUp: [0, 0, 1],
@@ -22,17 +18,17 @@ var defaultPlanes = {
     color3: [0, 0, 255]
   }
 };
-var viewsColor3 = {
+const viewsColor3 = {
   X: [255, 0, 0],
   // red
   Y: [0, 255, 0],
   // green
   Z: [0, 0, 255] // blue
-
 };
+
 function generateState() {
-  var planes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : planeNames;
-  var state = vtkStateBuilder.createBuilder().addField({
+  let planes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : planeNames;
+  const state = vtkStateBuilder.createBuilder().addField({
     name: 'center',
     initialValue: [0, 0, 0]
   }).addField({
@@ -43,12 +39,13 @@ function generateState() {
     initialValue: null
   }).addField({
     name: 'planes',
-    initialValue: planes.reduce(function (res, planeName) {
-      return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, planeNameToViewType[planeName], {
+    initialValue: planes.reduce((res, planeName) => ({
+      ...res,
+      [planeNameToViewType[planeName]]: {
         normal: defaultPlanes[planeName].normal,
         viewUp: defaultPlanes[planeName].viewUp
-      }));
-    }, {})
+      }
+    }), {})
   }).addField({
     name: 'scrollingMethod',
     initialValue: ScrollingMethods.MIDDLE_MOUSE_BUTTON
@@ -67,37 +64,33 @@ function generateState() {
       color3: [255, 255, 255]
     }
   });
-  planes.reduce(function (viewState, view) {
-    return planes.filter(function (v) {
-      return v !== view;
-    }).reduce(function (axisState, axis) {
-      // Line handle
+  planes.reduce((viewState, view) => planes.filter(v => v !== view).reduce((axisState, axis) => {
+    // Line handle
+    axisState.addStateFromMixin({
+      labels: ['handles', 'line', `lineIn${view}`, `${axis}in${view}`],
+      mixins: ['origin', 'color3', 'scale3',
+      // scale3[2] will be automatically overwritten
+      'orientation', 'visible', 'manipulator'],
+      name: `axis${axis}in${view}`,
+      initialValues: {
+        scale3: [4, 4, 4],
+        color3: viewsColor3[axis]
+      }
+    });
+    // Rotation handle
+    for (let rotationHandle = 0; rotationHandle < 2; ++rotationHandle) {
       axisState.addStateFromMixin({
-        labels: ['handles', 'line', "lineIn".concat(view), "".concat(axis, "in").concat(view)],
-        mixins: ['origin', 'color3', 'scale3', // scale3[2] will be automatically overwritten
-        'orientation', 'visible', 'manipulator'],
-        name: "axis".concat(axis, "in").concat(view),
+        labels: ['handles', 'sphere', 'rotation', `rotationIn${view}`, `${axis}in${view}`, `point${rotationHandle}`],
+        mixins: ['origin', 'color3', 'scale1', 'visible', 'manipulator'],
+        name: `rotationHandle${axis}in${view}${rotationHandle}`,
         initialValues: {
-          scale3: [4, 4, 4],
+          scale1: 30,
           color3: viewsColor3[axis]
         }
-      }); // Rotation handle
-
-      for (var rotationHandle = 0; rotationHandle < 2; ++rotationHandle) {
-        axisState.addStateFromMixin({
-          labels: ['handles', 'sphere', 'rotation', "rotationIn".concat(view), "".concat(axis, "in").concat(view), "point".concat(rotationHandle)],
-          mixins: ['origin', 'color3', 'scale1', 'visible', 'manipulator'],
-          name: "rotationHandle".concat(axis, "in").concat(view).concat(rotationHandle),
-          initialValues: {
-            scale1: 30,
-            color3: viewsColor3[axis]
-          }
-        });
-      }
-
-      return axisState;
-    }, viewState);
-  }, state);
+      });
+    }
+    return axisState;
+  }, viewState), state);
   return state.build();
 }