fix(anglewidget): add bounds to AngleWidget

This makes sure the angle widget is considered when computing camera clipping ranges.

Author: finetjul

Sources/Widgets/Widgets3D/AngleWidget/behavior.js

@@ -1,5 +1,6 @@
 import macro from 'vtk.js/Sources/macros';
 import { add } from 'vtk.js/Sources/Common/Core/Math';
+import vtkBoundingBox from 'vtk.js/Sources/Common/DataModel/BoundingBox';
 import vtkPointPicker from 'vtk.js/Sources/Rendering/Core/PointPicker';
 
 const MAX_POINTS = 3;
@@ -11,6 +12,18 @@ export default function widgetBehavior(publicAPI, model) {
   const picker = vtkPointPicker.newInstance();
   picker.setPickFromList(1);
 
+  publicAPI.getBounds = () =>
+    model.widgetState
+      .getHandleList()
+      .reduce(
+        (bounds, handle) =>
+          vtkBoundingBox.inflate(
+            vtkBoundingBox.addPoint(bounds, ...handle.getOrigin()),
+            publicAPI.getScaleInPixels() ? 0 : handle.getScale1() / 2
+          ),
+        [...vtkBoundingBox.INIT_BOUNDS]
+      );
+
   // --------------------------------------------------------------------------
   // Display 2D
   // --------------------------------------------------------------------------

Sources/Widgets/Widgets3D/AngleWidget/example/index.js

@@ -42,7 +42,7 @@ widgetManager.setRenderer(renderer);
 const widget = vtkAngleWidget.newInstance();
 // widget.placeWidget(cube.getOutputData().getBounds());
 
-widgetManager.addWidget(widget);
+const widgetInView = widgetManager.addWidget(widget);
 
 renderer.resetCamera();
 widgetManager.enablePicking();
@@ -54,6 +54,8 @@ fullScreenRenderer.getInteractor().render();
 
 fullScreenRenderer.addController(controlPanel);
 
+widgetInView.onEndInteractionEvent(() => renderer.resetCameraClippingRange());
+
 widget.getWidgetState().onModified(() => {
   document.querySelector('#angle').innerText = widget.getAngle();
 });