@kitware/vtk.js 24.10.0 → 24.12.1

package/Common/Core/LookupTable.d.ts

@@ -22,12 +22,12 @@ export interface vtkLookupTable extends vtkScalarsToColors {
 	/**
 	 * 
 	 */
-	getAboveRangeColor(): Range;
+	getAboveRangeColor(): RGBAColor;
 
 	/**
 	 * 
 	 */
-	getAboveRangeColorByReference(): Range;
+	getAboveRangeColorByReference(): RGBAColor;
 
 	/**
 	 * 
@@ -153,13 +153,13 @@ export interface vtkLookupTable extends vtkScalarsToColors {
 	 * 
 	 * @param aboveRangeColor 
 	 */
-	setAboveRangeColor(aboveRangeColor: Range): boolean;
+	setAboveRangeColor(aboveRangeColor: RGBAColor): boolean;
 
 	/**
 	 * 
 	 * @param aboveRangeColor 
 	 */
-	setAboveRangeColorFrom(aboveRangeColor: Range): boolean;
+	setAboveRangeColorFrom(aboveRangeColor: RGBAColor): boolean;
 
 	/**
 	 * 
@@ -177,13 +177,13 @@ export interface vtkLookupTable extends vtkScalarsToColors {
 	 * 
 	 * @param belowRangeColor 
 	 */
-	setBelowRangeColor(belowRangeColor: Range): boolean;
+	setBelowRangeColor(belowRangeColor: RGBAColor): boolean;
 
 	/**
 	 * 
 	 * @param belowRangeColor 
 	 */
-	setBelowRangeColorFrom(belowRangeColor: Range): boolean;
+	setBelowRangeColorFrom(belowRangeColor: RGBAColor): boolean;
 
 	/**
 	 * 

package/Common/DataModel/PiecewiseFunction.js

@@ -37,14 +37,14 @@ function vtkPiecewiseFunction(publicAPI, model) {
           switch (functionType) {
             case 0:
             case 1:
-              functionType = 1; // NonDecreasing
-
+              // NonDecreasing
+              functionType = 1;
               break;
 
             case 2:
             default:
-              functionType = 3; // Varied
-
+              // Varied
+              functionType = 3;
               break;
           }
         } else {
@@ -52,14 +52,14 @@ function vtkPiecewiseFunction(publicAPI, model) {
           switch (functionType) {
             case 0:
             case 2:
-              functionType = 2; // NonIncreasing
-
+              // NonIncreasing
+              functionType = 2;
               break;
 
             case 1:
             default:
-              functionType = 3; // Varied
-
+              // Varied
+              functionType = 3;
               break;
           }
         }

package/Common/DataModel/PolyLine.js

@@ -28,8 +28,6 @@ function vtkPolyLine(publicAPI, model) {
     };
     var numLines = superClass.getPoints().getNumberOfPoints() - 1;
     var pDistMin = Number.MAX_VALUE;
-    var minXYZ = [0, 0, 0];
-    var minPCoords = [0, 0, 0];
 
     for (var subId = 0; subId < numLines; subId++) {
       var pCoords = [0, 0, 0];
@@ -44,11 +42,6 @@ function vtkPolyLine(publicAPI, model) {
           outObj.subId = subId;
           outObj.t = lineIntersected.t;
           pDistMin = pDist;
-
-          for (var k = 0; k < 3; k++) {
-            minXYZ[k] = x[k];
-            minPCoords[k] = pCoords[k];
-          }
         }
       }
     }

package/Rendering/Core/ScalarBarActor.d.ts

@@ -27,21 +27,22 @@ export interface IStyle {
  *
  */
 export interface IScalarBarActorInitialValues extends IActorInitialValues {
-	automated?: boolean,
-	autoLayout?: (publicAPI: object, model: object) => void,
-	axisLabel?: string,
-	barPosition?: Vector2,
-	barSize?: Size,
-	boxPosition?: Vector2,
-	boxSize?: Size,
-	scalarToColors?: null,
-	axisTitlePixelOffset?: number,
-	axisTextStyle?: IStyle,
-	tickLabelPixelOffset?: number,
-	tickTextStyle?: IStyle,
-	drawNanAnnotation?: boolean,
-	drawBelowRangeSwatch?: boolean,
-	drawAboveRangeSwatch?: boolean,
+  automated?: boolean,
+  autoLayout?: (publicAPI: object, model: object) => void,
+  axisLabel?: string,
+  barPosition?: Vector2,
+  barSize?: Size,
+  boxPosition?: Vector2,
+  boxSize?: Size,
+  scalarToColors?: null,
+  axisTitlePixelOffset?: number,
+  axisTextStyle?: IStyle,
+  tickLabelPixelOffset?: number,
+  tickTextStyle?: IStyle,
+  generateTicks?: (helper: any) => void,
+  drawBelowRangeSwatch?: boolean,
+  drawAboveRangeSwatch?: boolean,
+  drawNanAnnotation?: boolean,
 }
 
 export interface vtkScalarBarActor extends vtkActor {
@@ -87,6 +88,10 @@ export interface vtkScalarBarActor extends vtkActor {
 	 */
 	getAutoLayout(): any;
 
+  /**
+   * 
+   */
+  getGenerateTicks(): any;
 	/**
 	 * 
 	 */
@@ -175,6 +180,23 @@ export interface vtkScalarBarActor extends vtkActor {
 	 */
 	setAutoLayout(autoLayout: any): boolean;
 
+  /**
+   * Sets the function used to generate legend ticks. 
+   * 
+   * This function takes a vtkScalarBarActorHelper and returns true on success. 
+   * To have the desired effect, the function must call: `helper.setTicks(ticks: num[])` and `helper.setTickStrings(tickStrings: string[])`.
+   * 
+   * After setting the generateTicks function you must regenerate the vtkScalarBarActor for your changes to take effect. 
+   * One way to do that is:
+   * ```
+   *  const mapper = scalarBarActor.getMapper()
+   *  if (mapper) {
+   *    mapper.getLookupTable().resetAnnotations()
+   *  }
+   * ```
+   * @param {(helper: any) => void} generateTicks 
+   */
+  setGenerateTicks(generateTicks: (helper: any) => void): boolean;
 	/**
 	 * 
 	 * @param {Boolean} automated 

package/Rendering/Core/ScalarBarActor.js

@@ -129,6 +129,25 @@ function defaultAutoLayout(publicAPI, model) {
 
     helper.recomputeBarSegments(textSizes);
   };
+} // ----------------------------------------------------------------------------
+// Default generateTicks function
+// ----------------------------------------------------------------------------
+// This function returns the default function used to generate vtkScalarBarActor ticks.
+// The default function makes use of d3.scaleLinear() to generate 5 tick marks between
+// the minimum and maximum values of the scalar bar. Customize this behavior by passing
+// a function to vtkScalarBarActor.newInstance({ generateTicks: customGenerateTicks })
+// or by calling scalarBarActor.setGenerateTicks(customGenerateTicks).
+
+
+function defaultGenerateTicks(publicApi, model) {
+  return function (helper) {
+    var lastTickBounds = helper.getLastTickBounds();
+    var scale = d3.scaleLinear().domain([lastTickBounds[0], lastTickBounds[1]]);
+    var ticks = scale.ticks(5);
+    var format = scale.tickFormat(5);
+    helper.setTicks(ticks);
+    helper.setTickStrings(ticks.map(format));
+  };
 } // many properties of this actor depend on the API specific view The main
 // dependency being the resolution as that drives what font sizes to use.
 // Bacause of this we need to do some of the calculations in a API specific
@@ -152,6 +171,7 @@ function vtkScalarBarActorHelper(publicAPI, model) {
     model.barActor.setParentProp(renderable);
     model.tmActor.setProperty(renderable.getProperty());
     model.tmActor.setParentProp(renderable);
+    model.generateTicks = renderable.generateTicks;
     model.axisTextStyle = _objectSpread({}, renderable.getAxisTextStyle());
     model.tickTextStyle = _objectSpread({}, renderable.getTickTextStyle());
     publicAPI.modified();
@@ -182,10 +202,7 @@ function vtkScalarBarActorHelper(publicAPI, model) {
       var range = scalarsToColors.getMappingRange();
       model.lastTickBounds = _toConsumableArray(range); // compute tick marks for axes (update for log scale)
 
-      var scale = d3.scaleLinear().domain([model.lastTickBounds[0], model.lastTickBounds[1]]);
-      model.ticks = scale.ticks(5);
-      var format = scale.tickFormat(5);
-      model.tickstrings = model.ticks.map(format);
+      model.renderable.getGenerateTicks()(publicAPI);
 
       if (model.renderable.getAutomated()) {
         model.renderable.getAutoLayout()(publicAPI);
@@ -253,7 +270,7 @@ function vtkScalarBarActorHelper(publicAPI, model) {
     results.tickWidth = 0;
     results.tickHeight = 0;
     applyTextStyle(model.tmContext, model.tickTextStyle);
-    var strings = [].concat(_toConsumableArray(model.tickstrings), ['NaN', 'Below', 'Above']);
+    var strings = [].concat(_toConsumableArray(publicAPI.getTickStrings()), ['NaN', 'Below', 'Above']);
 
     for (var t = 0; t < strings.length; t++) {
       if (!newTmAtlas.has(strings[t])) {
@@ -501,7 +518,7 @@ function vtkScalarBarActorHelper(publicAPI, model) {
     } // update the polydata
 
 
-    var numLabels = model.tickstrings.length + model.barSegments.length;
+    var numLabels = publicAPI.getTickStrings().length + model.barSegments.length;
     var numPts = numLabels * 4;
     var numTris = numLabels * 2;
     var points = new Float64Array(numPts * 3);
@@ -568,12 +585,14 @@ function vtkScalarBarActorHelper(publicAPI, model) {
 
     var tickSegmentStart = model.barPosition[spacedAxis] + model.barSize[spacedAxis] * tickSeg.corners[0][spacedAxis];
     var tickSegmentSize = model.barSize[spacedAxis] * (tickSeg.corners[2][spacedAxis] - tickSeg.corners[0][spacedAxis]);
+    var ticks = publicAPI.getTicks();
+    var tickStrings = publicAPI.getTickStrings();
 
-    for (var t = 0; t < model.ticks.length; t++) {
-      var tickPos = (model.ticks[t] - model.lastTickBounds[0]) / (model.lastTickBounds[1] - model.lastTickBounds[0]);
+    for (var t = 0; t < ticks.length; t++) {
+      var tickPos = (ticks[t] - model.lastTickBounds[0]) / (model.lastTickBounds[1] - model.lastTickBounds[0]);
       tmp2v3[spacedAxis] = tickSegmentStart + tickSegmentSize * tickPos;
       vec3.transformMat4(ptv3, tmp2v3, invmat);
-      publicAPI.createPolyDataForOneLabel(model.tickstrings[t], ptv3, xDir, yDir, dir, model.tickLabelPixelOffset, results);
+      publicAPI.createPolyDataForOneLabel(tickStrings[t], ptv3, xDir, yDir, dir, model.tickLabelPixelOffset, results);
     }
 
     var tcoordDA = vtkDataArray.newInstance({
@@ -675,8 +694,8 @@ var newScalarBarActorHelper = macro.newInstance(function (publicAPI, model) {
   Object.assign(model, {}, initialValues); // Inheritance
 
   macro.obj(publicAPI, model);
-  macro.setGet(publicAPI, model, ['axisTitlePixelOffset', 'tickLabelPixelOffset', 'renderable', 'topTitle']);
-  macro.get(publicAPI, model, ['lastSize', 'lastAspectRatio', 'axisTextStyle', 'tickTextStyle', 'barActor', 'tmActor', 'ticks']);
+  macro.setGet(publicAPI, model, ['axisTitlePixelOffset', 'tickLabelPixelOffset', 'renderable', 'topTitle', 'ticks', 'tickStrings']);
+  macro.get(publicAPI, model, ['lastSize', 'lastAspectRatio', 'lastTickBounds', 'axisTextStyle', 'tickTextStyle', 'barActor', 'tmActor']);
   macro.getArray(publicAPI, model, ['boxPosition', 'boxSize']);
   macro.setArray(publicAPI, model, ['boxPosition', 'boxSize'], 2);
   model.forceUpdate = false;
@@ -739,7 +758,11 @@ function vtkScalarBarActor(publicAPI, model) {
   };
 
   publicAPI.resetAutoLayoutToDefault = function () {
-    model.autoLayout = defaultAutoLayout(publicAPI, model);
+    publicAPI.setAutoLayout(defaultAutoLayout(publicAPI, model));
+  };
+
+  publicAPI.resetGenerateTicksToDefault = function () {
+    publicAPI.setGenerateTicks(defaultGenerateTicks());
   };
 } // ----------------------------------------------------------------------------
 // Object factory
@@ -770,6 +793,7 @@ function defaultValues(initialValues) {
       fontSize: 14,
       fontFamily: 'serif'
     },
+    generateTicks: null,
     drawNanAnnotation: true,
     drawBelowRangeSwatch: true,
     drawAboveRangeSwatch: true
@@ -780,12 +804,13 @@ function defaultValues(initialValues) {
 function extend(publicAPI, model) {
   var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   Object.assign(model, defaultValues(initialValues));
-  if (!model.autoLayout) model.autoLayout = defaultAutoLayout(publicAPI, model); // Inheritance
+  if (!model.autoLayout) model.autoLayout = defaultAutoLayout(publicAPI, model);
+  if (!model.generateTicks) model.generateTicks = defaultGenerateTicks(); // Inheritance
 
   vtkActor.extend(publicAPI, model, initialValues);
   publicAPI.getProperty().setDiffuse(0.0);
   publicAPI.getProperty().setAmbient(1.0);
-  macro.setGet(publicAPI, model, ['automated', 'autoLayout', 'axisTitlePixelOffset', 'axisLabel', 'scalarsToColors', 'tickLabelPixelOffset', 'drawNanAnnotation', 'drawBelowRangeSwatch', 'drawAboveRangeSwatch']);
+  macro.setGet(publicAPI, model, ['automated', 'autoLayout', 'axisTitlePixelOffset', 'axisLabel', 'scalarsToColors', 'tickLabelPixelOffset', 'generateTicks', 'drawNanAnnotation', 'drawBelowRangeSwatch', 'drawAboveRangeSwatch']);
   macro.get(publicAPI, model, ['axisTextStyle', 'tickTextStyle']);
   macro.getArray(publicAPI, model, ['barPosition', 'barSize', 'boxPosition', 'boxSize']);
   macro.setArray(publicAPI, model, ['barPosition', 'barSize', 'boxPosition', 'boxSize'], 2); // Object methods

package/Widgets/Core/StateBuilder.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import macro from '../../macros.js';
@@ -16,6 +17,9 @@ import text from './StateBuilder/textMixin.js';
 import visible from './StateBuilder/visibleMixin.js';
 import shape from './StateBuilder/shapeMixin.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 vtkErrorMacro = macro.vtkErrorMacro; // ----------------------------------------------------------------------------
 // Global type lookup map
 // ----------------------------------------------------------------------------
@@ -85,8 +89,8 @@ var Builder = /*#__PURE__*/function () {
       var listName = "".concat(name, "List");
       this.model[listName] = []; // Create new Instance method
 
-      this.publicAPI["add".concat(macro.capitalize(name))] = function () {
-        var instance = newInstance(mixins, initialValues);
+      this.publicAPI["add".concat(macro.capitalize(name))] = function (values) {
+        var instance = newInstance(mixins, _objectSpread(_objectSpread({}, initialValues), values));
 
         _this.publicAPI.bindState(instance, labels);
 

package/Widgets/Representations/SplineContextRepresentation.js

@@ -56,6 +56,7 @@ function vtkSplineContextRepresentation(publicAPI, model) {
 
     var polydata = vtkPolyData.newInstance();
     var widgetState = inData[0];
+    var closed = widgetState.getSplineClosed();
     var list = publicAPI.getRepresentationStates(widgetState).filter(function (state) {
       return state.getVisible && state.getVisible() && state.getOrigin && state.getOrigin();
     });
@@ -70,14 +71,14 @@ function vtkSplineContextRepresentation(publicAPI, model) {
 
     var numVertices = inPoints.length;
 
-    if (!model.close) {
+    if (!closed) {
       --numVertices;
     } else {
       inPoints.push(inPoints[0]);
     }
 
     var spline = vtkSpline3D.newInstance({
-      close: widgetState.getSplineClose(),
+      close: widgetState.getSplineClosed(),
       kind: widgetState.getSplineKind(),
       tension: widgetState.getSplineTension(),
       bias: widgetState.getSplineBias(),
@@ -86,7 +87,7 @@ function vtkSplineContextRepresentation(publicAPI, model) {
       boundaryConditionValues: widgetState.getSplineBoundaryConditionValues()
     });
     spline.computeCoefficients(inPoints);
-    var outPoints = new Float32Array(3 * ((numVertices + !model.close) * model.resolution));
+    var outPoints = new Float32Array(3 * ((numVertices + !closed) * model.resolution));
     var outCells = new Uint32Array(numVertices * model.resolution + 2);
     outCells[0] = numVertices * model.resolution + 1;
     outCells[numVertices * model.resolution + 1] = 0;
@@ -102,7 +103,7 @@ function vtkSplineContextRepresentation(publicAPI, model) {
       }
     }
 
-    if (model.close) {
+    if (closed) {
       outCells[numVertices * model.resolution + 1] = 0;
     } else {
       var lastPointIndex = numVertices * model.resolution + 1;
@@ -115,7 +116,7 @@ function vtkSplineContextRepresentation(publicAPI, model) {
 
     polydata.getPoints().setData(outPoints);
 
-    if (model.fill && model.close) {
+    if (model.fill) {
       polydata.getPolys().setData(outCells);
     }
 
@@ -131,11 +132,10 @@ function vtkSplineContextRepresentation(publicAPI, model) {
   };
 
   function updateAreaVisibility() {
-    model.pipelines.area.actor.setVisibility(model.fill && model.close);
+    model.pipelines.area.actor.setVisibility(model.fill);
   }
 
   publicAPI.setFill = macro.chain(publicAPI.setFill, updateAreaVisibility);
-  publicAPI.setClose = macro.chain(publicAPI.setClose, updateAreaVisibility);
   publicAPI.setOutputBorder = macro.chain(publicAPI.setOutputBorder, function (v) {
     return model.pipelines.border.actor.setVisibility(v);
   });
@@ -146,7 +146,6 @@ function vtkSplineContextRepresentation(publicAPI, model) {
 
 var DEFAULT_VALUES = {
   resolution: 16,
-  close: true,
   fill: true,
   // boundaryCondition : BoundaryCondition.DEFAULT
   outputBorder: false,
@@ -159,7 +158,7 @@ function extend(publicAPI, model) {
   Object.assign(model, DEFAULT_VALUES, initialValues);
   vtkContextRepresentation.extend(publicAPI, model, initialValues);
   macro.get(publicAPI, model, ['mapper']);
-  macro.setGet(publicAPI, model, ['resolution', 'close', 'boundaryCondition', 'fill', 'outputBorder']);
+  macro.setGet(publicAPI, model, ['resolution', 'boundaryCondition', 'fill', 'outputBorder']);
   macro.setGetArray(publicAPI, model, ['borderColor', 'errorBorderColor'], 3); // Object specific methods
 
   vtkSplineContextRepresentation(publicAPI, model);

package/Widgets/Widgets3D/AngleWidget/behavior.js

@@ -26,21 +26,26 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleLeftButtonPress = function (e) {
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
     if (!model.activeState || !model.activeState.getActive() || !model.pickable || ignoreKey(e)) {
       return macro.VOID;
     }
 
     picker.initializePickList();
     picker.setPickList(publicAPI.getNestedProps());
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS && manipulator) {
+      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
 
-    if (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS) {
-      // Commit handle to location
       var moveHandle = model.widgetState.getMoveHandle();
+      moveHandle.setOrigin.apply(moveHandle, _toConsumableArray(worldCoords));
       var newHandle = model.widgetState.addHandle();
       newHandle.setOrigin.apply(newHandle, _toConsumableArray(moveHandle.getOrigin()));
       newHandle.setColor(moveHandle.getColor());
       newHandle.setScale1(moveHandle.getScale1());
-      newHandle.setManipulator(model.manipulator);
+      newHandle.setManipulator(manipulator);
     } else {
       isDragging = true;
 
@@ -57,9 +62,9 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
-    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
 
-    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 = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
 
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);

package/Widgets/Widgets3D/DistanceWidget/behavior.js

@@ -23,18 +23,24 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleLeftButtonPress = function (e) {
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
     if (!model.activeState || !model.activeState.getActive() || !model.pickable || ignoreKey(e)) {
       return macro.VOID;
     }
 
-    if (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS) {
-      // Commit handle to location
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (model.activeState === model.widgetState.getMoveHandle() && model.widgetState.getHandleList().length < MAX_POINTS && manipulator) {
+      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
+
       var moveHandle = model.widgetState.getMoveHandle();
+      moveHandle.setOrigin.apply(moveHandle, _toConsumableArray(worldCoords));
       var newHandle = model.widgetState.addHandle();
       newHandle.setOrigin.apply(newHandle, _toConsumableArray(moveHandle.getOrigin()));
       newHandle.setColor(moveHandle.getColor());
       newHandle.setScale1(moveHandle.getScale1());
-      newHandle.setManipulator(model.manipulator);
+      newHandle.setManipulator(manipulator);
     } else {
       isDragging = true;
 
@@ -51,14 +57,14 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
-    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
 
     if (model.hasFocus && model.widgetState.getHandleList().length === MAX_POINTS) {
       publicAPI.loseFocus();
       return macro.VOID;
     }
 
-    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 = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
 
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);

package/Widgets/Widgets3D/ImageCroppingWidget/state.js

@@ -1,57 +1,58 @@
 import vtkStateBuilder from '../../Core/StateBuilder.js';
-import { handleTypeFromName, AXES } from './helpers.js';
-
-var 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({
-  name: 'planes',
-  // index space
-  initialValue: [0, 1, 0, 1, 0, 1]
-}).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++) {
-      // 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.
-
-        builder.addStateFromMixin({
-          labels: ['handles', name, type],
-          mixins: ['name', 'origin', 'color', 'scale1', 'visible', 'manipulator'],
-          name: name,
-          initialValues: {
-            scale1: 10,
-            origin: [i, j, k],
-            visible: true,
-            name: name
-          }
-        });
+import { AXES, handleTypeFromName } from './helpers.js';
+
+function build() {
+  // create our state builder
+  var 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({
+    name: 'planes',
+    // index space
+    initialValue: [0, 1, 0, 1, 0, 1]
+  }).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++) {
+        // 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.
+
+          builder.addStateFromMixin({
+            labels: ['handles', name, type],
+            mixins: ['name', 'origin', 'color', 'scale1', 'visible', 'manipulator'],
+            name: name,
+            initialValues: {
+              scale1: 10,
+              origin: [i, j, k],
+              visible: true,
+              name: name
+            }
+          });
+        }
       }
     }
   }
-}
 
-var state = (function () {
   return builder.build();
-});
+}
 
-export { state as default };
+export { build as default };

package/Widgets/Widgets3D/ImageCroppingWidget.js

@@ -8,7 +8,7 @@ import vtkLineManipulator from '../Manipulators/LineManipulator.js';
 import vtkSphereHandleRepresentation from '../Representations/SphereHandleRepresentation.js';
 import vtkCroppingOutlineRepresentation from '../Representations/CroppingOutlineRepresentation.js';
 import widgetBehavior from './ImageCroppingWidget/behavior.js';
-import state from './ImageCroppingWidget/state.js';
+import build from './ImageCroppingWidget/state.js';
 import { transformVec3, AXES } from './ImageCroppingWidget/helpers.js';
 import { ViewTypes } from '../Core/WidgetManager/Constants.js';
 
@@ -101,7 +101,7 @@ function vtkImageCroppingWidget(publicAPI, model) {
   }); // --- Widget Requirement ---------------------------------------------------
 
   model.behavior = widgetBehavior;
-  model.widgetState = state(); // Given a view type (geometry, slice, volume), return a description
+  model.widgetState = build(); // Given a view type (geometry, slice, volume), return a description
   // of what representations to create and what widget state to pass
   // to the respective representations.
 

package/Widgets/Widgets3D/LabelWidget/behavior.js

@@ -41,13 +41,19 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleLeftButtonPress = function (e) {
+    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+
     if (!model.activeState || !model.activeState.getActive() || !model.pickable || ignoreKey(e)) {
       return macro.VOID;
     }
 
-    if (model.activeState === model.widgetState.getMoveHandle()) {
-      // Commit handle to location
+    var manipulator = (_model$activeState$ge = (_model$activeState = model.activeState) === null || _model$activeState === void 0 ? void 0 : (_model$activeState$ge2 = _model$activeState.getManipulator) === null || _model$activeState$ge2 === void 0 ? void 0 : _model$activeState$ge2.call(_model$activeState)) !== null && _model$activeState$ge !== void 0 ? _model$activeState$ge : model.manipulator;
+
+    if (model.activeState === model.widgetState.getMoveHandle() && manipulator) {
+      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow); // Commit handle to location
+
       var moveHandle = model.widgetState.getMoveHandle();
+      moveHandle.setOrigin(worldCoords);
       model.widgetState.getText().setOrigin(moveHandle.getOrigin());
       publicAPI.loseFocus();
     } else {
@@ -93,9 +99,9 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleMouseMove = function (callData) {
-    var _model$activeState$ge, _model$activeState, _model$activeState$ge2;
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
 
-    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 = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
 
     if (manipulator && model.pickable && model.dragable && model.activeState && model.activeState.getActive() && !ignoreKey(callData)) {
       var worldCoords = manipulator.handleEvent(callData, model._apiSpecificRenderWindow);

package/Widgets/Widgets3D/PolyLineWidget/behavior.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import macro from '../../../macros.js';
 
 function widgetBehavior(publicAPI, model) {
@@ -66,19 +65,22 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleLeftButtonPress = function (e) {
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
+
     if (!model.activeState || !model.activeState.getActive() || !model.pickable || ignoreKey(e)) {
       return macro.VOID;
     }
 
-    if (model.activeState === model.widgetState.getMoveHandle()) {
-      updateMoveHandle(e); // Commit handle to location
+    var manipulator = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
 
+    if (model.activeState === model.widgetState.getMoveHandle() && manipulator) {
+      updateMoveHandle(e);
       var moveHandle = model.widgetState.getMoveHandle();
       var newHandle = model.widgetState.addHandle();
-      newHandle.setOrigin.apply(newHandle, _toConsumableArray(moveHandle.getOrigin()));
+      newHandle.setOrigin(moveHandle.getOrigin());
       newHandle.setColor(moveHandle.getColor());
       newHandle.setScale1(moveHandle.getScale1());
-      newHandle.setManipulator(model.manipulator);
+      newHandle.setManipulator(manipulator);
     } else {
       isDragging = true;
 

package/Widgets/Widgets3D/ShapeWidget/behavior.js

@@ -403,15 +403,23 @@ function widgetBehavior(publicAPI, model) {
 
 
   publicAPI.handleLeftButtonPress = function (e) {
-    if (!model.activeState || !model.activeState.getActive() || !model.pickable) {
+    var _model$activeState$ge3, _model$activeState2, _model$activeState2$g;
+
+    var manipulator = (_model$activeState$ge3 = (_model$activeState2 = model.activeState) === null || _model$activeState2 === void 0 ? void 0 : (_model$activeState2$g = _model$activeState2.getManipulator) === null || _model$activeState2$g === void 0 ? void 0 : _model$activeState2$g.call(_model$activeState2)) !== null && _model$activeState$ge3 !== void 0 ? _model$activeState$ge3 : model.manipulator;
+
+    if (!model.activeState || !model.activeState.getActive() || !model.pickable || !manipulator) {
       return macro.VOID;
     }
 
     if (model.hasFocus) {
+      var worldCoords = manipulator.handleEvent(e, model._apiSpecificRenderWindow);
+
       if (!model.point1) {
+        model.point1Handle.setOrigin(worldCoords);
         publicAPI.placePoint1(model.point1Handle.getOrigin());
         publicAPI.invokeStartInteractionEvent();
       } else {
+        model.point2Handle.setOrigin(worldCoords);
         publicAPI.placePoint2(model.point2Handle.getOrigin());
         publicAPI.invokeInteractionEvent();
         publicAPI.invokeEndInteractionEvent();

package/Widgets/Widgets3D/SplineWidget/state.js

@@ -7,7 +7,7 @@ function generateState() {
     name: 'splineKind',
     initialValue: splineKind.KOCHANEK_SPLINE
   }).addField({
-    name: 'splineClose',
+    name: 'splineClosed',
     initialValue: true
   }).addField({
     name: 'splineBoundaryCondition',

package/index.d.ts

@@ -1,7 +1,5 @@
 /// <reference path="./types.d.ts" />
 /// <reference path="./interfaces.d.ts" />
-/// <reference path="./macros.d.ts" />
-/// <reference path="./vtk.d.ts" />
 /// <reference path="./Common/Core/Base64.d.ts" />
 /// <reference path="./Common/Core/CellArray.d.ts" />
 /// <reference path="./Common/Core/DataArray.d.ts" />
@@ -26,8 +24,8 @@
 /// <reference path="./Common/DataModel/DataSet.d.ts" />
 /// <reference path="./Common/DataModel/DataSetAttributes/FieldData.d.ts" />
 /// <reference path="./Common/DataModel/DataSetAttributes.d.ts" />
-/// <reference path="./Common/DataModel/ImageData.d.ts" />
 /// <reference path="./Common/DataModel/ITKHelper.d.ts" />
+/// <reference path="./Common/DataModel/ImageData.d.ts" />
 /// <reference path="./Common/DataModel/KochanekSpline1D.d.ts" />
 /// <reference path="./Common/DataModel/Line.d.ts" />
 /// <reference path="./Common/DataModel/PiecewiseFunction.d.ts" />
@@ -35,8 +33,8 @@
 /// <reference path="./Common/DataModel/PointSet.d.ts" />
 /// <reference path="./Common/DataModel/PolyData/Constants.d.ts" />
 /// <reference path="./Common/DataModel/PolyData.d.ts" />
-/// <reference path="./Common/DataModel/Polygon.d.ts" />
 /// <reference path="./Common/DataModel/PolyLine.d.ts" />
+/// <reference path="./Common/DataModel/Polygon.d.ts" />
 /// <reference path="./Common/DataModel/SelectionNode.d.ts" />
 /// <reference path="./Common/DataModel/Sphere.d.ts" />
 /// <reference path="./Common/DataModel/Spline1D.d.ts" />
@@ -66,18 +64,16 @@
 /// <reference path="./Filters/Sources/SphereSource.d.ts" />
 /// <reference path="./Filters/Texture/TextureMapToPlane.d.ts" />
 /// <reference path="./Filters/Texture/TextureMapToSphere.d.ts" />
-/// <reference path="./Interaction/Widgets/OrientationMarkerWidget/Constants.d.ts" />
-/// <reference path="./Interaction/Widgets/OrientationMarkerWidget.d.ts" />
 /// <reference path="./IO/Core/DataAccessHelper/HtmlDataAccessHelper.d.ts" />
 /// <reference path="./IO/Core/DataAccessHelper/HttpDataAccessHelper.d.ts" />
-/// <reference path="./IO/Core/DataAccessHelper.d.ts" />
 /// <reference path="./IO/Core/DataAccessHelper/JSZipDataAccessHelper.d.ts" />
 /// <reference path="./IO/Core/DataAccessHelper/LiteHttpDataAccessHelper.d.ts" />
+/// <reference path="./IO/Core/DataAccessHelper.d.ts" />
 /// <reference path="./IO/Core/HttpDataSetReader.d.ts" />
 /// <reference path="./IO/Core/HttpSceneLoader.d.ts" />
 /// <reference path="./IO/Core/ImageStream/DefaultProtocol.d.ts" />
-/// <reference path="./IO/Core/ImageStream.d.ts" />
 /// <reference path="./IO/Core/ImageStream/ViewStream.d.ts" />
+/// <reference path="./IO/Core/ImageStream.d.ts" />
 /// <reference path="./IO/Core/WSLinkClient.d.ts" />
 /// <reference path="./IO/Geometry/DracoReader.d.ts" />
 /// <reference path="./IO/Geometry/PLYReader.d.ts" />
@@ -95,6 +91,8 @@
 /// <reference path="./IO/XML/XMLImageDataReader.d.ts" />
 /// <reference path="./IO/XML/XMLPolyDataReader.d.ts" />
 /// <reference path="./IO/XML/XMLReader.d.ts" />
+/// <reference path="./Interaction/Widgets/OrientationMarkerWidget/Constants.d.ts" />
+/// <reference path="./Interaction/Widgets/OrientationMarkerWidget.d.ts" />
 /// <reference path="./Rendering/Core/AbstractMapper.d.ts" />
 /// <reference path="./Rendering/Core/AbstractMapper3D.d.ts" />
 /// <reference path="./Rendering/Core/AbstractPicker.d.ts" />
@@ -123,10 +121,10 @@
 /// <reference path="./Rendering/Core/Property/Constants.d.ts" />
 /// <reference path="./Rendering/Core/Property.d.ts" />
 /// <reference path="./Rendering/Core/Property2D.d.ts" />
-/// <reference path="./Rendering/Core/Renderer.d.ts" />
 /// <reference path="./Rendering/Core/RenderWindow.d.ts" />
 /// <reference path="./Rendering/Core/RenderWindowInteractor/Constants.d.ts" />
 /// <reference path="./Rendering/Core/RenderWindowInteractor.d.ts" />
+/// <reference path="./Rendering/Core/Renderer.d.ts" />
 /// <reference path="./Rendering/Core/ScalarBarActor.d.ts" />
 /// <reference path="./Rendering/Core/Skybox.d.ts" />
 /// <reference path="./Rendering/Core/SphereMapper.d.ts" />
@@ -155,4 +153,6 @@
 /// <reference path="./Widgets/Representations/ResliceCursorContextRepresentation.d.ts" />
 /// <reference path="./Widgets/Representations/WidgetRepresentation.d.ts" />
 /// <reference path="./Widgets/Widgets3D/SphereWidget.d.ts" />
+/// <reference path="./macros.d.ts" />
+/// <reference path="./vtk.d.ts" />
 /// <reference path="./Common/Core/Math.d.ts" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitware/vtk.js",
-  "version": "24.10.0",
+  "version": "24.12.1",
   "description": "Visualization Toolkit for the Web",
   "keywords": [
     "3d",
@@ -30,84 +30,84 @@
   "main": "./index.js",
   "module": "./index.js",
   "dependencies": {
-    "@babel/runtime": "7.16.7",
-    "commander": "8.3.0",
+    "@babel/runtime": "7.17.9",
+    "commander": "9.2.0",
     "d3-scale": "4.0.2",
     "gl-matrix": "3.4.3",
-    "globalthis": "1.0.2",
-    "jszip": "3.7.1",
+    "globalthis": "1.0.3",
+    "jszip": "3.9.1",
     "pako": "2.0.4",
     "seedrandom": "3.0.5",
     "shader-loader": "1.3.1",
     "shelljs": "0.8.5",
     "spark-md5": "^3.0.2",
     "stream-browserify": "3.0.0",
-    "webworker-promise": "0.4.4",
+    "webworker-promise": "0.5.0",
     "worker-loader": "3.0.8",
     "xmlbuilder2": "3.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.16.7",
-    "@babel/eslint-parser": "7.16.5",
-    "@babel/plugin-transform-runtime": "7.16.7",
-    "@babel/preset-env": "7.16.7",
-    "@commitlint/cli": "16.0.2",
-    "@commitlint/config-conventional": "16.0.0",
-    "@mapbox/node-pre-gyp": "1.0.8",
+    "@babel/core": "7.17.10",
+    "@babel/eslint-parser": "7.17.0",
+    "@babel/plugin-transform-runtime": "7.17.10",
+    "@babel/preset-env": "7.17.10",
+    "@commitlint/cli": "16.2.4",
+    "@commitlint/config-conventional": "16.2.4",
+    "@mapbox/node-pre-gyp": "1.0.9",
     "@rollup/plugin-alias": "3.1.9",
-    "@rollup/plugin-babel": "5.3.0",
-    "@rollup/plugin-commonjs": "21.0.1",
-    "@rollup/plugin-eslint": "8.0.1",
+    "@rollup/plugin-babel": "5.3.1",
+    "@rollup/plugin-commonjs": "21.1.0",
+    "@rollup/plugin-eslint": "8.0.2",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "13.1.3",
-    "autoprefixer": "10.4.2",
-    "babel-loader": "8.2.3",
+    "autoprefixer": "10.4.7",
+    "babel-loader": "8.2.5",
     "babel-plugin-istanbul": "6.1.1",
     "buffer": "6.0.3",
     "commitizen": "4.2.4",
-    "concurrently": "7.0.0",
-    "copy-webpack-plugin": "10.2.0",
+    "concurrently": "7.1.0",
+    "copy-webpack-plugin": "10.2.4",
     "cross-env": "7.0.3",
-    "css-loader": "6.5.1",
-    "dotenv": "10.0.0",
-    "dox": "0.9.0",
-    "eslint": "8.6.0",
+    "css-loader": "6.7.1",
+    "dotenv": "16.0.1",
+    "dox": "0.9.1",
+    "eslint": "8.15.0",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-prettier": "8.3.0",
+    "eslint-config-prettier": "8.5.0",
     "eslint-import-resolver-webpack": "0.13.2",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-webpack-plugin": "3.1.1",
     "expose-loader": "3.1.0",
-    "glob": "7.2.0",
+    "glob": "8.0.3",
     "handlebars": "4.7.7",
     "hson-loader": "2.0.0",
     "html-loader": "3.1.0",
     "html-webpack-plugin": "5.5.0",
-    "husky": "7.0.4",
+    "husky": "8.0.1",
     "ignore-loader": "0.1.2",
-    "karma": "6.3.17",
-    "karma-chrome-launcher": "3.1.0",
-    "karma-coverage": "2.1.0",
+    "karma": "6.3.20",
+    "karma-chrome-launcher": "3.1.1",
+    "karma-coverage": "2.2.0",
     "karma-firefox-launcher": "2.1.2",
     "karma-junit-reporter": "2.0.1",
     "karma-webpack": "5.0.0",
     "kw-doc": "3.1.2",
     "lodash": "4.17.21",
-    "magic-string": "0.25.7",
-    "moment": "2.29.1",
+    "magic-string": "0.26.2",
+    "moment": "2.29.3",
     "patch-package": "6.4.7",
-    "pixelmatch": "5.2.1",
+    "pixelmatch": "5.3.0",
     "postcss-loader": "6.2.1",
-    "prettier": "2.5.1",
+    "prettier": "2.6.2",
     "process": "0.11.10",
     "regenerator-runtime": "0.13.9",
-    "rollup": "2.63.0",
+    "rollup": "2.73.0",
     "rollup-plugin-auto-external": "2.0.0",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-ignore": "1.0.10",
-    "rollup-plugin-polyfill-node": "0.8.0",
+    "rollup-plugin-polyfill-node": "0.9.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-svgo": "1.1.0",
@@ -115,16 +115,16 @@
     "semantic-release": "19.0.2",
     "string-replace-loader": "3.1.0",
     "style-loader": "3.3.1",
-    "tape": "5.4.0",
+    "tape": "5.5.3",
     "tape-catch": "1.0.6",
-    "webpack": "5.65.0",
+    "webpack": "5.72.1",
     "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "4.9.1",
-    "webpack-dashboard": "3.3.6",
-    "webpack-dev-server": "4.7.2",
+    "webpack-cli": "4.9.2",
+    "webpack-dashboard": "3.3.7",
+    "webpack-dev-server": "4.9.0",
     "webpack-merge": "5.8.0",
     "webpack-notifier": "1.15.0",
-    "wslink": "1.3.1",
+    "wslink": "1.6.4",
     "xml2js": "0.4.23"
   },
   "peerDependencies": {