@kitware/vtk.js 28.10.2 → 28.11.1

package/Widgets/Widgets3D/DistanceWidget.js

@@ -1,5 +1,4 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import macro from '../../macros.js';
+import { m as macro } from '../../macros2.js';
 import vtkAbstractWidgetFactory from '../Core/AbstractWidgetFactory.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
 import vtkPolyLineRepresentation from '../Representations/PolyLineRepresentation.js';
@@ -9,21 +8,20 @@ import widgetBehavior from './DistanceWidget/behavior.js';
 import generateState from './DistanceWidget/state.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// ----------------------------------------------------------------------------
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkDistanceWidget(publicAPI, model) {
   model.classHierarchy.push('vtkDistanceWidget');
+  const superClass = {
+    ...publicAPI
+  };
 
-  var superClass = _objectSpread({}, publicAPI); // --- Widget Requirement ---------------------------------------------------
-
+  // --- Widget Requirement ---------------------------------------------------
 
   model.methodsToLink = ['activeScaleFactor', 'activeColor', 'useActiveColor', 'glyphResolution', 'defaultScale', 'scaleInPixels'];
-
-  publicAPI.getRepresentationsForViewType = function (viewType) {
+  publicAPI.getRepresentationsForViewType = viewType => {
     switch (viewType) {
       case ViewTypes.DEFAULT:
       case ViewTypes.GEOMETRY:
@@ -41,67 +39,71 @@ function vtkDistanceWidget(publicAPI, model) {
           labels: ['handles', 'moveHandle']
         }];
     }
-  }; // --- Public methods -------------------------------------------------------
-
+  };
 
-  publicAPI.getDistance = function () {
-    var handles = model.widgetState.getHandleList();
+  // --- Public methods -------------------------------------------------------
 
+  publicAPI.getDistance = () => {
+    const handles = model.widgetState.getHandleList();
     if (handles.length !== 2) {
       return 0;
     }
-
     if (!handles[0].getOrigin() || !handles[1].getOrigin()) {
       return 0;
     }
-
     return Math.sqrt(distance2BetweenPoints(handles[0].getOrigin(), handles[1].getOrigin()));
   };
-
-  publicAPI.setManipulator = function (manipulator) {
+  publicAPI.setManipulator = manipulator => {
     superClass.setManipulator(manipulator);
     model.widgetState.getMoveHandle().setManipulator(manipulator);
-    model.widgetState.getHandleList().forEach(function (handle) {
+    model.widgetState.getHandleList().forEach(handle => {
       handle.setManipulator(manipulator);
     });
-  }; // --------------------------------------------------------------------------
+  };
+
+  // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
 
-
-  model.widgetState.onBoundsChange(function (bounds) {
-    var center = [(bounds[0] + bounds[1]) * 0.5, (bounds[2] + bounds[3]) * 0.5, (bounds[4] + bounds[5]) * 0.5];
+  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
+  });
 
+  // Default manipulator
   publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
     useCameraNormal: true
   }));
-} // ----------------------------------------------------------------------------
+}
 
+// ----------------------------------------------------------------------------
 
-var defaultValues = function defaultValues(initialValues) {
-  return _objectSpread({
-    // manipulator: null,
-    behavior: widgetBehavior,
-    widgetState: generateState()
-  }, initialValues);
-}; // ----------------------------------------------------------------------------
+const defaultValues = initialValues => ({
+  // manipulator: null,
+  behavior: widgetBehavior,
+  widgetState: generateState(),
+  ...initialValues
+});
 
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   Object.assign(model, defaultValues(initialValues));
   vtkAbstractWidgetFactory.extend(publicAPI, model, initialValues);
   macro.setGet(publicAPI, model, ['manipulator']);
   vtkDistanceWidget(publicAPI, model);
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 
-var newInstance = macro.newInstance(extend, 'vtkDistanceWidget'); // ----------------------------------------------------------------------------
+const newInstance = macro.newInstance(extend, 'vtkDistanceWidget');
+
+// ----------------------------------------------------------------------------
 
 var vtkDistanceWidget$1 = {
-  newInstance: newInstance,
-  extend: extend
+  newInstance,
+  extend
 };
 
 export { vtkDistanceWidget$1 as default, extend, newInstance };

package/Widgets/Widgets3D/EllipseWidget/behavior.js

@@ -1,37 +1,32 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import widgetBehavior$1 from '../ShapeWidget/behavior.js';
 import { vec3 } 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 widgetBehavior(publicAPI, model) {
   model.shapeHandle = model.widgetState.getEllipseHandle();
   model.point1Handle = model.widgetState.getPoint1Handle();
   model.point2Handle = model.widgetState.getPoint2Handle();
   model.point1Handle.setManipulator(model.manipulator);
-  model.point2Handle.setManipulator(model.manipulator); // We inherit shapeBehavior
+  model.point2Handle.setManipulator(model.manipulator);
 
+  // We inherit shapeBehavior
   widgetBehavior$1(publicAPI, model);
-
-  var superClass = _objectSpread({}, publicAPI);
-
+  const superClass = {
+    ...publicAPI
+  };
   model.classHierarchy.push('vtkEllipseWidgetProp');
-
-  publicAPI.setCorners = function (point1, point2) {
+  publicAPI.setCorners = (point1, point2) => {
     if (superClass.setCorners) {
       superClass.setCorners(point1, point2);
     }
-
-    var center = [0.5 * (point1[0] + point2[0]), 0.5 * (point1[1] + point2[1]), 0.5 * (point1[2] + point2[2])];
-    var diagonal = [0, 0, 0];
+    const center = [0.5 * (point1[0] + point2[0]), 0.5 * (point1[1] + point2[1]), 0.5 * (point1[2] + point2[2])];
+    const diagonal = [0, 0, 0];
     vec3.subtract(diagonal, point2, center);
-    var right = model.shapeHandle.getRight();
-    var up = model.shapeHandle.getUp();
-    var dir = model.shapeHandle.getDirection();
-    var rightComponent = vec3.dot(diagonal, right);
-    var upComponent = vec3.dot(diagonal, up);
-    var dirComponent = vec3.dot(diagonal, dir);
+    const right = model.shapeHandle.getRight();
+    const up = model.shapeHandle.getUp();
+    const dir = model.shapeHandle.getDirection();
+    const rightComponent = vec3.dot(diagonal, right);
+    const upComponent = vec3.dot(diagonal, up);
+    const dirComponent = vec3.dot(diagonal, dir);
     model.shapeHandle.setOrigin(center);
     model.shapeHandle.setScale3([rightComponent, upComponent, dirComponent]);
   };

package/Widgets/Widgets3D/EllipseWidget/state.js

@@ -26,7 +26,8 @@ function generateState() {
       // visible: false,
       scale3: [1, 1, 1]
     }
-  }) // FIXME: How to not duplicate with RectangleWidget
+  })
+  // FIXME: How to not duplicate with RectangleWidget
   .addStateFromMixin({
     labels: ['SVGtext'],
     mixins: ['origin', 'color', 'text', 'visible'],
@@ -36,7 +37,8 @@ function generateState() {
        * displaying text before positioning the handles */
       text: ''
     }
-  }) // FIXME: to move in text handle sub state
+  })
+  // FIXME: to move in text handle sub state
   .addField({
     name: 'textPosition',
     initialValue: [TextPosition.CENTER, TextPosition.CENTER, TextPosition.CENTER]

package/Widgets/Widgets3D/EllipseWidget.js

@@ -1,6 +1,4 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import macro from '../../macros.js';
+import { m as macro } from '../../macros2.js';
 import vtkCircleContextRepresentation from '../Representations/CircleContextRepresentation.js';
 import vtkPlanePointManipulator from '../Manipulators/PlaneManipulator.js';
 import vtkShapeWidget from './ShapeWidget.js';
@@ -10,18 +8,17 @@ import generateState from './EllipseWidget/state.js';
 import { BehaviorCategory, ShapeBehavior } from './ShapeWidget/Constants.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// ----------------------------------------------------------------------------
 // Factory
 // ----------------------------------------------------------------------------
 
 function vtkEllipseWidget(publicAPI, model) {
-  model.classHierarchy.push('vtkEllipseWidget'); // --- Widget Requirement ---------------------------------------------------
+  model.classHierarchy.push('vtkEllipseWidget');
 
-  model.methodsToLink = [].concat(_toConsumableArray(model.methodsToLink), ['activeScaleFactor', 'activeColor', 'useActiveColor', 'glyphResolution', 'defaultScale', 'drawBorder', 'drawFace', 'opacity']);
+  // --- Widget Requirement ---------------------------------------------------
 
-  publicAPI.getRepresentationsForViewType = function (viewType) {
+  model.methodsToLink = [...model.methodsToLink, 'activeScaleFactor', 'activeColor', 'useActiveColor', 'glyphResolution', 'defaultScale', 'drawBorder', 'drawFace', 'opacity'];
+  publicAPI.getRepresentationsForViewType = viewType => {
     switch (viewType) {
       case ViewTypes.DEFAULT:
       case ViewTypes.GEOMETRY:
@@ -36,44 +33,58 @@ function vtkEllipseWidget(publicAPI, model) {
           labels: ['ellipseHandle']
         }];
     }
-  }; // --------------------------------------------------------------------------
+  };
+
+  // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
 
-
   publicAPI.setManipulator(model.manipulator || vtkPlanePointManipulator.newInstance({
     useCameraNormal: true
   }));
-} // ----------------------------------------------------------------------------
+}
 
+// ----------------------------------------------------------------------------
 
 function defaultValues(initialValues) {
-  var _None;
-
-  return _objectSpread({
+  return {
     behavior: widgetBehavior,
     widgetState: generateState(),
     modifierBehavior: {
-      None: (_None = {}, _defineProperty(_None, BehaviorCategory.PLACEMENT, ShapeBehavior[BehaviorCategory.PLACEMENT].CLICK_AND_DRAG), _defineProperty(_None, BehaviorCategory.POINTS, ShapeBehavior[BehaviorCategory.POINTS].CENTER_TO_CORNER), _defineProperty(_None, BehaviorCategory.RATIO, ShapeBehavior[BehaviorCategory.RATIO].FREE), _None),
-      Shift: _defineProperty({}, BehaviorCategory.RATIO, ShapeBehavior[BehaviorCategory.RATIO].FIXED),
-      Control: _defineProperty({}, BehaviorCategory.POINTS, ShapeBehavior[BehaviorCategory.POINTS].CORNER_TO_CORNER)
-    }
-  }, initialValues);
-} // ----------------------------------------------------------------------------
+      None: {
+        [BehaviorCategory.PLACEMENT]: ShapeBehavior[BehaviorCategory.PLACEMENT].CLICK_AND_DRAG,
+        [BehaviorCategory.POINTS]: ShapeBehavior[BehaviorCategory.POINTS].CENTER_TO_CORNER,
+        [BehaviorCategory.RATIO]: ShapeBehavior[BehaviorCategory.RATIO].FREE
+      },
+      Shift: {
+        [BehaviorCategory.RATIO]: ShapeBehavior[BehaviorCategory.RATIO].FIXED
+      },
+      Control: {
+        [BehaviorCategory.POINTS]: ShapeBehavior[BehaviorCategory.POINTS].CORNER_TO_CORNER
+      }
+    },
+    ...initialValues
+  };
+}
 
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   vtkShapeWidget.extend(publicAPI, model, defaultValues(initialValues));
   macro.setGet(publicAPI, model, ['widgetState']);
   vtkEllipseWidget(publicAPI, model);
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
+
+const newInstance = macro.newInstance(extend, 'vtkEllipseWidget');
 
-var newInstance = macro.newInstance(extend, 'vtkEllipseWidget'); // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
 
 var vtkEllipseWidget$1 = {
-  newInstance: newInstance,
-  extend: extend
+  newInstance,
+  extend
 };
 
 export { vtkEllipseWidget$1 as default, extend, newInstance };

package/Widgets/Widgets3D/ImageCroppingWidget/behavior.js

@@ -1,125 +1,95 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import macro from '../../../macros.js';
+import { m as macro } from '../../../macros2.js';
 import { handleTypeFromName, AXES, transformVec3, rotateVec3 } from './helpers.js';
 
 function widgetBehavior(publicAPI, model) {
   model._isDragging = false;
-
-  publicAPI.setDisplayCallback = function (callback) {
-    return model.representations[0].setDisplayCallback(callback);
-  };
-
-  publicAPI.handleLeftButtonPress = function () {
+  publicAPI.setDisplayCallback = callback => model.representations[0].setDisplayCallback(callback);
+  publicAPI.handleLeftButtonPress = () => {
     if (!model.activeState || !model.activeState.getActive() || !model.pickable) {
       return macro.VOID;
     }
-
     if (model.dragable) {
       model._isDragging = true;
-
       model._apiSpecificRenderWindow.setCursor('grabbing');
-
       model._interactor.requestAnimation(publicAPI);
     }
-
     return macro.EVENT_ABORT;
   };
-
-  publicAPI.handleMouseMove = function (callData) {
+  publicAPI.handleMouseMove = callData => {
     if (model._isDragging) {
       return publicAPI.handleEvent(callData);
     }
-
     return macro.VOID;
   };
-
-  publicAPI.handleLeftButtonRelease = function () {
+  publicAPI.handleLeftButtonRelease = () => {
     if (!model.activeState || !model.activeState.getActive() || !model.pickable) {
       return macro.VOID;
     }
-
     if (model._isDragging) {
       model._isDragging = false;
-
       model._interactor.cancelAnimation(publicAPI);
-
       model.widgetState.deactivate();
     }
-
     return macro.EVENT_ABORT;
   };
-
-  publicAPI.handleEvent = function (callData) {
+  publicAPI.handleEvent = callData => {
     if (model.pickable && model.activeState && model.activeState.getActive()) {
-      var manipulator = model.activeState.getManipulator();
-
+      const manipulator = model.activeState.getManipulator();
       if (manipulator) {
-        var name = model.activeState.getName();
-        var type = handleTypeFromName(name);
-        var index = name.split('').map(function (l) {
-          return AXES.indexOf(l);
-        });
-        var planes = model.widgetState.getCroppingPlanes().getPlanes();
-        var indexToWorldT = model.widgetState.getIndexToWorldT();
-        var worldCoords = [];
-
+        const name = model.activeState.getName();
+        const type = handleTypeFromName(name);
+        const index = name.split('').map(l => AXES.indexOf(l));
+        const planes = model.widgetState.getCroppingPlanes().getPlanes();
+        const indexToWorldT = model.widgetState.getIndexToWorldT();
+        let worldCoords = [];
         if (type === 'corners') {
           // manipulator should be a plane manipulator
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
-
         if (type === 'faces') {
           // constraint axis is line defined by the index and center point.
           // Since our index point is defined inside a box [0, 2, 0, 2, 0, 2],
           // center point is [1, 1, 1].
-          var constraintAxis = [1 - index[0], 1 - index[1], 1 - index[2]]; // get center of current crop box
+          const constraintAxis = [1 - index[0], 1 - index[1], 1 - index[2]];
 
-          var center = [(planes[0] + planes[1]) / 2, (planes[2] + planes[3]) / 2, (planes[4] + planes[5]) / 2]; // manipulator should be a line manipulator
+          // get center of current crop box
+          const center = [(planes[0] + planes[1]) / 2, (planes[2] + planes[3]) / 2, (planes[4] + planes[5]) / 2];
 
+          // manipulator should be a line manipulator
           manipulator.setHandleOrigin(transformVec3(center, indexToWorldT));
           manipulator.setHandleNormal(rotateVec3(constraintAxis, indexToWorldT));
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
-
         if (type === 'edges') {
           // constrain to a plane with a normal parallel to the edge
-          var edgeAxis = index.map(function (a) {
-            return a === 1 ? a : 0;
-          });
+          const edgeAxis = index.map(a => a === 1 ? a : 0);
           manipulator.setHandleNormal(rotateVec3(edgeAxis, indexToWorldT));
           worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow).worldCoords;
         }
-
         if (worldCoords.length) {
-          var _model$activeState, _model$widgetState$ge;
-
           // transform worldCoords to indexCoords, and then update the croppingPlanes() state with setPlanes().
-          var worldToIndexT = model.widgetState.getWorldToIndexT();
-          var indexCoords = transformVec3(worldCoords, worldToIndexT);
-
-          for (var i = 0; i < 3; i++) {
+          const worldToIndexT = model.widgetState.getWorldToIndexT();
+          const indexCoords = transformVec3(worldCoords, worldToIndexT);
+          for (let i = 0; i < 3; i++) {
             if (index[i] === 0) {
               planes[i * 2] = indexCoords[i];
             } else if (index[i] === 2) {
               planes[i * 2 + 1] = indexCoords[i];
             }
           }
-
-          (_model$activeState = model.activeState).setOrigin.apply(_model$activeState, _toConsumableArray(worldCoords));
-
-          (_model$widgetState$ge = model.widgetState.getCroppingPlanes()).setPlanes.apply(_model$widgetState$ge, _toConsumableArray(planes));
-
+          model.activeState.setOrigin(...worldCoords);
+          model.widgetState.getCroppingPlanes().setPlanes(...planes);
           return macro.EVENT_ABORT;
         }
       }
     }
-
     return macro.VOID;
-  }; // --------------------------------------------------------------------------
+  };
+
+  // --------------------------------------------------------------------------
   // initialization
   // --------------------------------------------------------------------------
 
-
   model._camera = model._renderer.getActiveCamera();
   model.classHierarchy.push('vtkImageCroppingWidgetProp');
 }

package/Widgets/Widgets3D/ImageCroppingWidget/helpers.js

@@ -1,40 +1,37 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { vec3, quat, mat4 } from 'gl-matrix';
 
-var AXES = ['-', '=', '+']; // ----------------------------------------------------------------------------
+// Labels used to encode handle position in the handle state's name property
+const AXES = ['-', '=', '+'];
+
+// ----------------------------------------------------------------------------
 
 function transformVec3(ain, transform) {
-  var vout = new Float64Array(3);
+  const vout = new Float64Array(3);
   vec3.transformMat4(vout, ain, transform);
   return vout;
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 
 function rotateVec3(vec, transform) {
   // transform is a mat4
-  var out = vec3.create();
-  var q = quat.create();
+  const out = vec3.create();
+  const q = quat.create();
   mat4.getRotation(q, transform);
   vec3.transformQuat(out, vec, q);
   return out;
-} // ----------------------------------------------------------------------------
+}
 
-function handleTypeFromName(name) {
-  var _name$split$map = name.split('').map(function (l) {
-    return AXES.indexOf(l) - 1;
-  }),
-      _name$split$map2 = _slicedToArray(_name$split$map, 3),
-      i = _name$split$map2[0],
-      j = _name$split$map2[1],
-      k = _name$split$map2[2];
+// ----------------------------------------------------------------------------
 
+function handleTypeFromName(name) {
+  const [i, j, k] = name.split('').map(l => AXES.indexOf(l) - 1);
   if (i * j * k !== 0) {
     return 'corners';
   }
-
   if (i * j !== 0 || j * k !== 0 || k * i !== 0) {
     return 'edges';
   }
-
   return 'faces';
 }
 

package/Widgets/Widgets3D/ImageCroppingWidget/state.js

@@ -3,55 +3,59 @@ import { AXES, handleTypeFromName } from './helpers.js';
 
 function build() {
   // create our state builder
-  var builder = vtkStateBuilder.createBuilder(); // add image data description fields
+  const builder = vtkStateBuilder.createBuilder();
 
+  // add image data description fields
   builder.addField({
     name: 'indexToWorldT',
     initialValue: Array(16).fill(0)
   }).addField({
     name: 'worldToIndexT',
     initialValue: Array(16).fill(0)
-  }); // make cropping planes a sub-state so we can listen to it
-  // separately from the rest of the widget state.
+  });
 
-  var croppingState = vtkStateBuilder.createBuilder().addField({
+  // make cropping planes a sub-state so we can listen to it
+  // separately from the rest of the widget state.
+  const croppingState = vtkStateBuilder.createBuilder().addField({
     name: 'planes',
     // index space
     initialValue: [0, 1, 0, 1, 0, 1]
-  }).build(); // add cropping planes state to our primary state
+  }).build();
 
+  // add cropping planes state to our primary state
   builder.addStateFromInstance({
     labels: ['croppingPlanes'],
     name: 'croppingPlanes',
     instance: croppingState
-  }); // add all handle states
-  // default bounds is [-1, 1] in all dimensions
+  });
 
-  for (var i = -1; i < 2; i++) {
-    for (var j = -1; j < 2; j++) {
-      for (var k = -1; k < 2; k++) {
+  // add all handle states
+  // default bounds is [-1, 1] in all dimensions
+  for (let i = -1; i < 2; i++) {
+    for (let j = -1; j < 2; j++) {
+      for (let k = -1; k < 2; k++) {
         // skip center of box
         if (i !== 0 || j !== 0 || k !== 0) {
-          var name = AXES[i + 1] + AXES[j + 1] + AXES[k + 1];
-          var type = handleTypeFromName(name); // since handle states are rendered via vtkSphereHandleRepresentation,
-          // we can dictate the handle origin, size (scale1), color, and visibility.
+          const name = AXES[i + 1] + AXES[j + 1] + AXES[k + 1];
+          const type = handleTypeFromName(name);
 
+          // since handle states are rendered via vtkSphereHandleRepresentation,
+          // we can dictate the handle origin, size (scale1), color, and visibility.
           builder.addStateFromMixin({
             labels: ['handles', name, type],
             mixins: ['name', 'origin', 'color', 'scale1', 'visible', 'manipulator'],
-            name: name,
+            name,
             initialValues: {
               scale1: 30,
               origin: [i, j, k],
               visible: true,
-              name: name
+              name
             }
           });
         }
       }
     }
   }
-
   return builder.build();
 }