three-render-objects 1.26.3 → 1.26.7

package/README.md

@@ -3,7 +3,7 @@ three-render-objects
 
 [![NPM package][npm-img]][npm-url]
 [![Build Size][build-size-img]][build-size-url]
-[![Dependencies][dependencies-img]][dependencies-url]
+[![NPM Downloads][npm-downloads-img]][npm-downloads-url]
 
 This module offers a convenient way to render [ThreeJS](https://threejs.org/) objects onto a WebGL canvas, with built-in interaction capabilities:
 * hover/click events
@@ -15,28 +15,28 @@ All the renderer/scene/camera scaffolding is already included and any instance o
 
 ## Quick start
 
-```
+```js
 import ThreeRenderObjects from 'three-render-objects';
 ```
 or
-```
-var ThreeRenderObjects = require('three-render-objects');
+```js
+const ThreeRenderObjects = require('three-render-objects');
 ```
 or even
-```
+```html
 <script src="//unpkg.com/three-render-objects"></script>
 ```
 then
-```
+```js
 const myCanvas = ThreeRenderObjects();
 myCanvas(<myDOMElement>)
-    .objects(<myData>);
+  .objects(<myData>);
 ```
 
 ## API reference
 
 ### Initialisation
-```
+```js
 ThreeRenderObjects({ configOptions })(<domElement>)
 ```
 
@@ -104,9 +104,9 @@ ThreeRenderObjects({ configOptions })(<domElement>)
 | <b>getSceneCoords</b>(<i>x</i>, <i>y</i>, <i>distance</i>) | Utility method to translate viewport distance coordinates to the scene 3D domain. Given a set of `x`,`y` viewport coordinates and distance from the camera, returns the current equivalent `{x, y, z}` in 3D scene coordinates. If no distance is provided, defaults to `0`. |
 | <b>intersectingObjects</b>(<i>x</i>, <i>y</i>) | Utility method to retrieve the list of objects under the line of sight of the given viewport coordinates. Returns an array of [intersectObject](https://threejs.org/docs/#api/en/core/Raycaster.intersectObject), sorted by distance (from closest to farthest). |
 
-[npm-img]: https://img.shields.io/npm/v/three-render-objects.svg
+[npm-img]: https://img.shields.io/npm/v/three-render-objects
 [npm-url]: https://npmjs.org/package/three-render-objects
-[build-size-img]: https://img.shields.io/bundlephobia/minzip/three-render-objects.svg
+[build-size-img]: https://img.shields.io/bundlephobia/minzip/three-render-objects
 [build-size-url]: https://bundlephobia.com/result?p=three-render-objects
-[dependencies-img]: https://img.shields.io/david/vasturiano/three-render-objects.svg
-[dependencies-url]: https://david-dm.org/vasturiano/three-render-objects
+[npm-downloads-img]: https://img.shields.io/npm/dt/three-render-objects
+[npm-downloads-url]: https://www.npmtrends.com/three-render-objects

package/dist/three-render-objects.common.js

@@ -85,7 +85,7 @@ function _iterableToArray(iter) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
   if (_i == null) return;
   var _arr = [];
@@ -160,7 +160,7 @@ var three = window.THREE ? window.THREE // Prefer consumption from global THREE,
   Spherical: three$1.Spherical,
   Clock: three$1.Clock
 };
-var threeRenderObjects = Kapsule__default['default']({
+var threeRenderObjects = Kapsule__default["default"]({
   props: {
     width: {
       "default": window.innerWidth,
@@ -266,12 +266,12 @@ var threeRenderObjects = Kapsule__default['default']({
 
           if (topObject !== state.hoverObj) {
             state.onHover(topObject, state.hoverObj);
-            state.toolTipElem.innerHTML = topObject ? accessorFn__default['default'](state.tooltipContent)(topObject) || '' : '';
+            state.toolTipElem.innerHTML = topObject ? accessorFn__default["default"](state.tooltipContent)(topObject) || '' : '';
             state.hoverObj = topObject;
           }
         }
 
-        TWEEN__default['default'].update(); // update camera animation tweens
+        TWEEN__default["default"].update(); // update camera animation tweens
       }
 
       return this;
@@ -303,9 +303,9 @@ var threeRenderObjects = Kapsule__default['default']({
         } else {
           var camPos = Object.assign({}, camera.position);
           var camLookAt = getLookAt();
-          new TWEEN__default['default'].Tween(camPos).to(finalPos, transitionDuration).easing(TWEEN__default['default'].Easing.Quadratic.Out).onUpdate(setCameraPos).start(); // Face direction in 1/3rd of time
+          new TWEEN__default["default"].Tween(camPos).to(finalPos, transitionDuration).easing(TWEEN__default["default"].Easing.Quadratic.Out).onUpdate(setCameraPos).start(); // Face direction in 1/3rd of time
 
-          new TWEEN__default['default'].Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(TWEEN__default['default'].Easing.Quadratic.Out).onUpdate(setLookAt).start();
+          new TWEEN__default["default"].Tween(camLookAt).to(finalLookAt, transitionDuration / 3).easing(TWEEN__default["default"].Easing.Quadratic.Out).onUpdate(setLookAt).start();
         }
 
         return this;
@@ -326,7 +326,14 @@ var threeRenderObjects = Kapsule__default['default']({
       }
 
       function setLookAt(lookAt) {
-        state.controls.target = new three.Vector3(lookAt.x, lookAt.y, lookAt.z);
+        var lookAtVect = new three.Vector3(lookAt.x, lookAt.y, lookAt.z);
+
+        if (state.controls.target) {
+          state.controls.target = lookAtVect;
+        } else {
+          // Fly controls doesn't have target attribute
+          camera.lookAt(lookAtVect); // note: lookAt may be overridden by other controls in some cases
+        }
       }
 
       function getLookAt() {
@@ -607,8 +614,8 @@ var threeRenderObjects = Kapsule__default['default']({
   update: function update(state, changedProps) {
     // resize canvas
     if (state.width && state.height && (changedProps.hasOwnProperty('width') || changedProps.hasOwnProperty('height'))) {
-      state.container.style.width = state.width;
-      state.container.style.height = state.height;
+      state.container.style.width = "".concat(state.width, "px");
+      state.container.style.height = "".concat(state.height, "px");
       [state.renderer, state.postProcessingComposer].concat(_toConsumableArray(state.extraRenderers)).forEach(function (r) {
         return r.setSize(state.width, state.height);
       });

package/dist/three-render-objects.d.ts

@@ -81,5 +81,4 @@ type ThreeRenderObjectsInstance = ThreeRenderObjectsGenericInstance<ThreeRenderO
 
 declare function ThreeRenderObjects(configOptions?: ConfigOptions): ThreeRenderObjectsInstance;
 
-export default ThreeRenderObjects;
-export { ConfigOptions, ThreeRenderObjectsGenericInstance, ThreeRenderObjectsInstance };
+export { ConfigOptions, ThreeRenderObjectsGenericInstance, ThreeRenderObjectsInstance, ThreeRenderObjects as default };