globe.gl 2.28.0 → 2.28.2

package/dist/globe.gl.d.ts

@@ -25,7 +25,7 @@ interface GeoCoords {
 type PointerEventsFilterFn = (object: Object3D, data?: object) => boolean;
 
 // don't surface these internal props from inner ThreeGlobe
-type ExcludedInnerProps = 'setPointOfView';
+type ExcludedInnerProps = 'setPointOfView' | 'pauseAnimation' | 'resumeAnimation';
 
 interface GlobeGenericInstance<ChainableInstance>
   extends Omit<ThreeGlobeGeneric<ChainableInstance>, ExcludedInnerProps> {

package/dist/globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.28.0 globe.gl - https://github.com/vasturiano/globe.gl
+// Version 2.28.2 globe.gl - https://github.com/vasturiano/globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -65469,8 +65469,17 @@
     },
 
     methods: {
+      pauseAnimation: function pauseAnimation(state) {
+        var _state$ticker;
+        (_state$ticker = state.ticker) === null || _state$ticker === void 0 ? void 0 : _state$ticker.pause();
+      },
+      resumeAnimation: function resumeAnimation(state) {
+        var _state$ticker2;
+        (_state$ticker2 = state.ticker) === null || _state$ticker2 === void 0 ? void 0 : _state$ticker2.resume();
+      },
       _destructor: function _destructor(state) {
-        state.ticker && state.ticker.dispose();
+        var _state$ticker3;
+        (_state$ticker3 = state.ticker) === null || _state$ticker3 === void 0 ? void 0 : _state$ticker3.dispose();
       }
     },
     init: function init(threeObj, state) {
@@ -66477,8 +66486,17 @@
     },
 
     methods: {
+      pauseAnimation: function pauseAnimation(state) {
+        var _state$ticker;
+        (_state$ticker = state.ticker) === null || _state$ticker === void 0 ? void 0 : _state$ticker.pause();
+      },
+      resumeAnimation: function resumeAnimation(state) {
+        var _state$ticker2;
+        (_state$ticker2 = state.ticker) === null || _state$ticker2 === void 0 ? void 0 : _state$ticker2.resume();
+      },
       _destructor: function _destructor(state) {
-        state.ticker && state.ticker.dispose();
+        var _state$ticker3;
+        (_state$ticker3 = state.ticker) === null || _state$ticker3 === void 0 ? void 0 : _state$ticker3.dispose();
       }
     },
     init: function init(threeObj, state) {
@@ -67203,8 +67221,17 @@
     },
 
     methods: {
+      pauseAnimation: function pauseAnimation(state) {
+        var _state$ticker;
+        (_state$ticker = state.ticker) === null || _state$ticker === void 0 ? void 0 : _state$ticker.pause();
+      },
+      resumeAnimation: function resumeAnimation(state) {
+        var _state$ticker2;
+        (_state$ticker2 = state.ticker) === null || _state$ticker2 === void 0 ? void 0 : _state$ticker2.resume();
+      },
       _destructor: function _destructor(state) {
-        state.ticker && state.ticker.dispose();
+        var _state$ticker3;
+        (_state$ticker3 = state.ticker) === null || _state$ticker3 === void 0 ? void 0 : _state$ticker3.dispose();
       }
     },
     init: function init(threeObj, state) {
@@ -67679,8 +67706,34 @@
           return l.isBehindGlobe(isBehindGlobe);
         });
       },
+      pauseAnimation: function pauseAnimation(state) {
+        if (state.animationFrameRequestId !== null) {
+          cancelAnimationFrame(state.animationFrameRequestId);
+          state.animationFrameRequestId = null;
+        }
+        state.pausableLayers.forEach(function (l) {
+          var _l$pauseAnimation;
+          return (_l$pauseAnimation = l.pauseAnimation) === null || _l$pauseAnimation === void 0 ? void 0 : _l$pauseAnimation.call(l);
+        });
+        return this;
+      },
+      resumeAnimation: function resumeAnimation(state) {
+        if (state.animationFrameRequestId === null) {
+          this._animationCycle();
+        }
+        state.pausableLayers.forEach(function (l) {
+          var _l$resumeAnimation;
+          return (_l$resumeAnimation = l.resumeAnimation) === null || _l$resumeAnimation === void 0 ? void 0 : _l$resumeAnimation.call(l);
+        });
+        return this;
+      },
+      _animationCycle: function _animationCycle(state) {
+        state.animationFrameRequestId = requestAnimationFrame(this._animationCycle);
+        TWEEN$1.update(); // run tween updates
+      },
+
       _destructor: function _destructor(state) {
-        cancelAnimationFrame(state.animationFrameRequestId);
+        this.pauseAnimation();
         state.destructableLayers.forEach(function (l) {
           return l._destructor();
         });
@@ -67708,6 +67761,9 @@
         }),
         destructableLayers: Object.values(layers).filter(function (l) {
           return l.hasOwnProperty('_destructor');
+        }),
+        pausableLayers: Object.values(layers).filter(function (l) {
+          return l.hasOwnProperty('pauseAnimation');
         })
       });
     },
@@ -67756,11 +67812,8 @@
       };
       waitForGlobeReady ? state.globeLayer.onReady(initGlobe) : initGlobe();
 
-      // run tween updates
-      (function onFrame() {
-        state.animationFrameRequestId = requestAnimationFrame(onFrame);
-        TWEEN$1.update();
-      })(); // IIFE
+      // Kick-off animation cycle
+      this._animationCycle();
     },
     update: function update(state) {}
   });
@@ -72339,16 +72392,20 @@
     }, linkedGlobeProps), linkedRenderObjsProps),
     methods: _objectSpread2$2(_objectSpread2$2({
       pauseAnimation: function pauseAnimation(state) {
+        var _state$globe;
         if (state.animationFrameRequestId !== null) {
           cancelAnimationFrame(state.animationFrameRequestId);
           state.animationFrameRequestId = null;
         }
+        (_state$globe = state.globe) === null || _state$globe === void 0 ? void 0 : _state$globe.pauseAnimation();
         return this;
       },
       resumeAnimation: function resumeAnimation(state) {
+        var _state$globe2;
         if (state.animationFrameRequestId === null) {
           this._animationCycle();
         }
+        (_state$globe2 = state.globe) === null || _state$globe2 === void 0 ? void 0 : _state$globe2.resumeAnimation();
         return this;
       },
       _animationCycle: function _animationCycle(state) {
@@ -72396,11 +72453,11 @@
         }
       },
       getScreenCoords: function getScreenCoords(state) {
-        var _state$globe;
+        var _state$globe3;
         for (var _len = arguments.length, geoCoords = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           geoCoords[_key - 1] = arguments[_key];
         }
-        var cartesianCoords = (_state$globe = state.globe).getCoords.apply(_state$globe, geoCoords);
+        var cartesianCoords = (_state$globe3 = state.globe).getCoords.apply(_state$globe3, geoCoords);
         return state.renderObjs.getScreenCoords(cartesianCoords.x, cartesianCoords.y, cartesianCoords.z);
       },
       toGlobeCoords: function toGlobeCoords(state, x, y) {