@kitware/vtk.js 24.7.0 → 24.7.1

package/Interaction/Manipulators/MouseCameraAxisRotateManipulator.js

@@ -43,7 +43,7 @@ function vtkMouseCameraAxisRotateManipulator(publicAPI, model) {
     mat4.translate(trans, trans, center);
     var dx = model.previousPosition.x - position.x;
     var dy = model.previousPosition.y - position.y;
-    var size = interactor.getView().getSize(); // Azimuth
+    var size = interactor.getView().getViewportSize(renderer); // Azimuth
 
     mat4.rotate(trans, trans, radiansFromDegrees(360.0 * dx / size[0] * rotationFactor), rotationAxis); // Elevation
 

package/Interaction/Manipulators/MouseCameraTrackballMultiRotateManipulator.js

@@ -23,7 +23,7 @@ function vtkMouseCameraTrackballMultiRotateManipulator(publicAPI, model) {
   var currentManipulator = null;
 
   publicAPI.onButtonDown = function (interactor, renderer, position) {
-    var viewSize = interactor.getView().getSize();
+    var viewSize = interactor.getView().getViewportSize(renderer);
     var viewCenter = [0.5 * viewSize[0], 0.5 * viewSize[1]];
     var rotateRadius = 0.9 * max(viewCenter[0], viewCenter[1]);
     var dist2 = sqr(viewCenter[0] - position.x) + sqr(viewCenter[1] - position.y);

package/Interaction/Manipulators/MouseCameraTrackballPanManipulator.js

@@ -33,7 +33,7 @@ function vtkMouseCameraTrackballPanManipulator(publicAPI, model) {
       var right = [0, 0, 0];
       cross(vpn, up, right); // These are different because y is flipped.
 
-      var height = interactor.getView().getSize()[1];
+      var height = interactor.getView().getViewportSize(renderer)[1];
       var dx = (pos.x - lastPos.x) / height;
       var dy = (lastPos.y - pos.y) / height;
       var scale = camera.getParallelScale();

package/Interaction/Manipulators/MouseCameraTrackballRotateManipulator.js

@@ -42,7 +42,7 @@ function vtkMouseCameraTrackballRotateManipulator(publicAPI, model) {
 
     var dx = model.previousPosition.x - position.x;
     var dy = model.previousPosition.y - position.y;
-    var size = interactor.getView().getSize(); // Azimuth
+    var size = interactor.getView().getViewportSize(renderer); // Azimuth
 
     var viewUp = camera.getViewUp();
 

package/Interaction/Manipulators/MouseCameraTrackballZoomManipulator.js

@@ -11,7 +11,7 @@ function vtkMouseCameraTrackballZoomManipulator(publicAPI, model) {
 
   publicAPI.onButtonDown = function (interactor, renderer, position) {
     model.previousPosition = position;
-    var size = interactor.getView().getSize();
+    var size = interactor.getView().getViewportSize(renderer);
     var camera = renderer.getActiveCamera();
     var direction = model.flipDirection ? -1 : 1;
 

package/Interaction/Manipulators/MouseCameraUnicamManipulator.js

@@ -26,7 +26,9 @@ function vtkMouseCameraUnicamManipulator(publicAPI, model) {
   }); //----------------------------------------------------------------------------
 
   var normalize$1 = function normalize(position, interactor) {
-    var _interactor$getView$g = interactor.getView().getSize(),
+    var renderer = interactor.findPokedRenderer();
+
+    var _interactor$getView$g = interactor.getView().getViewportSize(renderer),
         _interactor$getView$g2 = _slicedToArray(_interactor$getView$g, 2),
         width = _interactor$getView$g2[0],
         height = _interactor$getView$g2[1];
@@ -63,8 +65,9 @@ function vtkMouseCameraUnicamManipulator(publicAPI, model) {
     normalize(atV);
     var l = dot(cameraToPointVec, atV);
     var viewAngle = radiansFromDegrees(camera.getViewAngle());
+    var renderer = interactor.findPokedRenderer();
 
-    var _interactor$getView$g3 = interactor.getView().getSize(),
+    var _interactor$getView$g3 = interactor.getView().getViewportSize(renderer),
         _interactor$getView$g4 = _slicedToArray(_interactor$getView$g3, 2),
         width = _interactor$getView$g4[0],
         height = _interactor$getView$g4[1];

package/Interaction/Manipulators/MouseCameraUnicamRotateManipulator.js

@@ -55,7 +55,9 @@ function vtkMouseCameraUnicamRotateManipulator(publicAPI, model) {
 
 
   var normalize$1 = function normalize(position, interactor) {
-    var _interactor$getView$g = interactor.getView().getSize(),
+    var renderer = interactor.findPokedRenderer();
+
+    var _interactor$getView$g = interactor.getView().getViewportSize(renderer),
         _interactor$getView$g2 = _slicedToArray(_interactor$getView$g, 2),
         width = _interactor$getView$g2[0],
         height = _interactor$getView$g2[1];

package/Interaction/Style/InteractorStyleManipulator.js

@@ -42,7 +42,7 @@ function dollyToPosition(fact, position, renderer, rwi) {
 
   if (cam.getParallelProjection()) {
     // Zoom relatively to the cursor
-    var aSize = rwi.getView().getSize();
+    var aSize = rwi.getView().getViewportSize(renderer);
     var w = aSize[0];
     var h = aSize[1];
     var x0 = w / 2;

package/Rendering/Core/RenderWindowInteractor.js

@@ -118,10 +118,9 @@ function vtkRenderWindowInteractor(publicAPI, model) {
   };
 
   function getScreenEventPositionFor(source) {
-    var bounds = model.container.getBoundingClientRect();
-
     var canvas = model._view.getCanvas();
 
+    var bounds = canvas.getBoundingClientRect();
     var scaleX = canvas.width / bounds.width;
     var scaleY = canvas.height / bounds.height;
     var position = {

package/Widgets/Core/WidgetManager.js

@@ -37,7 +37,6 @@ function extractRenderingComponents(renderer) {
 
 function createSvgRoot(id) {
   var svgRoot = createSvgDomElement('svg');
-  svgRoot.setAttribute('style', 'position: absolute; top: 0; left: 0; width: 100%; height: 100%;');
   svgRoot.setAttribute('version', '1.1');
   svgRoot.setAttribute('baseProfile', 'full');
   return svgRoot;
@@ -122,7 +121,7 @@ function vtkWidgetManager(publicAPI, model) {
   }
 
   function setSvgSize() {
-    var _model$_apiSpecificRe = model._apiSpecificRenderWindow.getSize(),
+    var _model$_apiSpecificRe = model._apiSpecificRenderWindow.getViewportSize(model._renderer),
         _model$_apiSpecificRe2 = _slicedToArray(_model$_apiSpecificRe, 2),
         cwidth = _model$_apiSpecificRe2[0],
         cheight = _model$_apiSpecificRe2[1];
@@ -148,6 +147,14 @@ function vtkWidgetManager(publicAPI, model) {
     }
   }
 
+  function setSvgRootStyle() {
+    var viewport = model._renderer.getViewport().map(function (v) {
+      return v * 100;
+    });
+
+    model.svgRoot.setAttribute('style', "position: absolute; left: ".concat(viewport[0], "%; top: ").concat(100 - viewport[3], "%; width: ").concat(viewport[2] - viewport[0], "%; height: ").concat(viewport[3] - viewport[1], "%;"));
+  }
+
   function updateSvg() {
     if (model.useSvgLayer) {
       var _loop = function _loop(i) {
@@ -459,6 +466,8 @@ function vtkWidgetManager(publicAPI, model) {
     model._selector.setFieldAssociation(FieldAssociations.FIELD_ASSOCIATION_POINTS);
 
     subscriptions.push(model._interactor.onRenderEvent(updateSvg));
+    subscriptions.push(renderer.onModified(setSvgRootStyle));
+    setSvgRootStyle();
     subscriptions.push(model._apiSpecificRenderWindow.onModified(setSvgSize));
     setSvgSize();
     subscriptions.push(model._apiSpecificRenderWindow.onModified(updateDisplayScaleParams));

package/Widgets/Manipulators/TrackballManipulator.js

@@ -8,7 +8,7 @@ function trackballRotate(prevX, prevY, curX, curY, origin, direction, renderer,
   var camera = renderer.getActiveCamera();
   var viewUp = camera.getViewUp();
   var dop = camera.getDirectionOfProjection();
-  var size = renderer.getRenderWindow().getInteractor().getView().getSize();
+  var size = renderer.getRenderWindow().getInteractor().getView().getViewportSize(renderer);
   var xdeg = 360.0 * dx / size[0];
   var ydeg = 360.0 * dy / size[1];
   var newDirection = new Float64Array([direction[0], direction[1], direction[2]]);

package/Widgets/Representations/ArrowHandleRepresentation.js

@@ -255,15 +255,24 @@ function vtkArrowHandleRepresentation(publicAPI, model) {
     return orientationRotation;
   }
 
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  };
+
   publicAPI.requestDataInternal = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color,
         direction = _model$internalArrays.direction;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/CircleContextRepresentation.js

@@ -93,6 +93,17 @@ function vtkCircleContextRepresentation(publicAPI, model) {
 
   publicAPI.setOpacity = function (opacity) {
     model.pipelines.circle.actor.getProperty().setOpacity(opacity);
+  };
+
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
   }; // --------------------------------------------------------------------------
 
 
@@ -102,9 +113,7 @@ function vtkCircleContextRepresentation(publicAPI, model) {
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color,
         direction = _model$internalArrays.direction;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/CubeHandleRepresentation.js

@@ -49,16 +49,25 @@ function vtkCubeHandleRepresentation(publicAPI, model) {
   model.mapper.setInputConnection(publicAPI.getOutputPort(), 0);
   model.mapper.setInputConnection(model.glyph.getOutputPort(), 1);
   model.actor.setMapper(model.mapper);
-  publicAPI.addActor(model.actor); // --------------------------------------------------------------------------
+  publicAPI.addActor(model.actor);
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  }; // --------------------------------------------------------------------------
+
 
   publicAPI.requestData = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/SphereContextRepresentation.js

@@ -66,14 +66,23 @@ function vtkSphereContextRepresentation(publicAPI, model) {
     model.pipelines.circle.actor.getProperty().setOpacity(opacity);
   };
 
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
+  };
+
   publicAPI.requestData = function (inData, outData) {
     var _model$internalArrays = model.internalArrays,
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/Widgets/Representations/SphereHandleRepresentation.js

@@ -96,6 +96,17 @@ function vtkSphereHandleRepresentation(publicAPI, model) {
   publicAPI.setDisplayCallback = function (callback) {
     model.displayCallback = callback;
     model.displayMapper.setCallback(callback ? callbackProxy : null);
+  };
+
+  var superGetRepresentationStates = publicAPI.getRepresentationStates;
+
+  publicAPI.getRepresentationStates = function () {
+    var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.inputData[0];
+    return superGetRepresentationStates(input).filter(function (state) {
+      var _state$getOrigin, _state$isVisible;
+
+      return ((_state$getOrigin = state.getOrigin) === null || _state$getOrigin === void 0 ? void 0 : _state$getOrigin.call(state)) && ((_state$isVisible = state.isVisible) === null || _state$isVisible === void 0 ? void 0 : _state$isVisible.call(state));
+    });
   }; // --------------------------------------------------------------------------
 
 
@@ -104,9 +115,7 @@ function vtkSphereHandleRepresentation(publicAPI, model) {
         points = _model$internalArrays.points,
         scale = _model$internalArrays.scale,
         color = _model$internalArrays.color;
-    var list = publicAPI.getRepresentationStates(inData[0]).filter(function (state) {
-      return state.getOrigin && state.getOrigin() && state.isVisible && state.isVisible();
-    });
+    var list = publicAPI.getRepresentationStates(inData[0]);
     var totalCount = list.length;
 
     if (color.getNumberOfValues() !== totalCount) {

package/index.d.ts

@@ -42,9 +42,9 @@
 /// <reference path="./Filters/General/AppendPolyData.d.ts" />
 /// <reference path="./Filters/General/ImageCropFilter.d.ts" />
 /// <reference path="./Filters/General/ImageOutlineFilter.d.ts" />
+/// <reference path="./Filters/General/ImageStreamline.d.ts" />
 /// <reference path="./Filters/General/ImageSliceFilter.d.ts" />
 /// <reference path="./Filters/General/LineFilter.d.ts" />
-/// <reference path="./Filters/General/ImageStreamline.d.ts" />
 /// <reference path="./Filters/General/OutlineFilter.d.ts" />
 /// <reference path="./Filters/General/TriangleFilter.d.ts" />
 /// <reference path="./Filters/General/TubeFilter.d.ts" />

package/package.json

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