globe.gl 2.26.6 → 2.26.8

package/dist/globe.gl.common.js

@@ -8,26 +8,15 @@ var accessorFn = require('accessor-fn');
 var Kapsule = require('kapsule');
 var TWEEN = require('@tweenjs/tween.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var ThreeGlobe__default = /*#__PURE__*/_interopDefaultLegacy(ThreeGlobe);
-var ThreeRenderObjects__default = /*#__PURE__*/_interopDefaultLegacy(ThreeRenderObjects);
-var accessorFn__default = /*#__PURE__*/_interopDefaultLegacy(accessorFn);
-var Kapsule__default = /*#__PURE__*/_interopDefaultLegacy(Kapsule);
-var TWEEN__default = /*#__PURE__*/_interopDefaultLegacy(TWEEN);
-
 function styleInject(css, ref) {
   if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
-
   if (!css || typeof document === 'undefined') {
     return;
   }
-
   var head = document.head || document.getElementsByTagName('head')[0];
   var style = document.createElement('style');
   style.type = 'text/css';
-
   if (insertAt === 'top') {
     if (head.firstChild) {
       head.insertBefore(style, head.firstChild);
@@ -37,7 +26,6 @@ function styleInject(css, ref) {
   } else {
     head.appendChild(style);
   }
-
   if (style.styleSheet) {
     style.styleSheet.cssText = css;
   } else {
@@ -50,17 +38,14 @@ styleInject(css_248z);
 
 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 _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -70,10 +55,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -85,35 +68,26 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-
   var target = _objectWithoutPropertiesLoose(source, excluded);
-
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -121,22 +95,17 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -145,15 +114,11 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -176,11 +141,9 @@ function linkKapsule (kapsulePropName, kapsuleType) {
       // link method pass-through
       return function (state) {
         var kapsuleInstance = state[kapsulePropName];
-
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         var returnVal = kapsuleInstance[method].apply(kapsuleInstance, args);
         return returnVal === kapsuleInstance ? this // chain based on the parent object, not the inner kapsule
         : returnVal;
@@ -190,7 +153,6 @@ function linkKapsule (kapsulePropName, kapsuleType) {
 }
 
 var _excluded = ["rendererConfig", "waitForGlobeReady"];
-
 var THREE = _objectSpread2(_objectSpread2({}, window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
 : {
   AmbientLight: three.AmbientLight,
@@ -199,25 +161,30 @@ var THREE = _objectSpread2(_objectSpread2({}, window.THREE ? window.THREE // Pre
 }), {}, {
   CSS2DRenderer: CSS2DRenderer_js.CSS2DRenderer
 });
-// Expose config from ThreeGlobe
 
-var bindGlobe = linkKapsule('globe', ThreeGlobe__default["default"]);
+//
+
+// Expose config from ThreeGlobe
+var bindGlobe = linkKapsule('globe', ThreeGlobe);
 var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'globeMaterial', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonCurvatureResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'htmlElementsData', 'htmlLat', 'htmlLng', 'htmlAltitude', 'htmlElement', 'htmlTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
   return _defineProperty({}, p, bindGlobe.linkProp(p));
 })));
 var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {
   return _defineProperty({}, p, bindGlobe.linkMethod(p));
-}))); // Expose config from renderObjs
+})));
 
-var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects__default["default"]);
+// Expose config from renderObjs
+var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects);
 var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray(['width', 'height', 'backgroundColor', 'backgroundImageUrl', 'enablePointerInteraction'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkProp(p));
 })));
 var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['postProcessingComposer'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkMethod(p));
-}))); //
+})));
 
-var globe = Kapsule__default["default"]({
+//
+
+var globe = Kapsule({
   props: _objectSpread2(_objectSpread2({
     onZoom: {
       triggerUpdate: false
@@ -380,14 +347,12 @@ var globe = Kapsule__default["default"]({
         cancelAnimationFrame(state.animationFrameRequestId);
         state.animationFrameRequestId = null;
       }
-
       return this;
     },
     resumeAnimation: function resumeAnimation(state) {
       if (state.animationFrameRequestId === null) {
         this._animationCycle();
       }
-
       return this;
     },
     _animationCycle: function _animationCycle(state) {
@@ -398,8 +363,9 @@ var globe = Kapsule__default["default"]({
     pointOfView: function pointOfView(state) {
       var geoCoords = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var transitionDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      var curGeoCoords = getGeoCoords(); // Getter
+      var curGeoCoords = getGeoCoords();
 
+      // Getter
       if (geoCoords.lat === undefined && geoCoords.lng === undefined && geoCoords.altitude === undefined) {
         return curGeoCoords;
       } else {
@@ -417,38 +383,32 @@ var globe = Kapsule__default["default"]({
           while (curGeoCoords.lng - finalGeoCoords.lng > 180) {
             curGeoCoords.lng -= 360;
           }
-
           while (curGeoCoords.lng - finalGeoCoords.lng < -180) {
             curGeoCoords.lng += 360;
           }
-
-          new TWEEN__default["default"].Tween(curGeoCoords).to(finalGeoCoords, transitionDuration).easing(TWEEN__default["default"].Easing.Cubic.InOut).onUpdate(setCameraPos).start();
+          new TWEEN.Tween(curGeoCoords).to(finalGeoCoords, transitionDuration).easing(TWEEN.Easing.Cubic.InOut).onUpdate(setCameraPos).start();
         }
-
         return this;
-      } //
+      }
 
+      //
 
       function getGeoCoords() {
         return state.globe.toGeoCoords(state.renderObjs.cameraPosition());
       }
-
       function setCameraPos(_ref5) {
         var lat = _ref5.lat,
-            lng = _ref5.lng,
-            altitude = _ref5.altitude;
+          lng = _ref5.lng,
+          altitude = _ref5.altitude;
         state.renderObjs.cameraPosition(state.globe.getCoords(lat, lng, altitude));
       }
     },
     getScreenCoords: function getScreenCoords(state) {
       var _state$globe;
-
       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);
-
       return state.renderObjs.getScreenCoords(cartesianCoords.x, cartesianCoords.y, cartesianCoords.z);
     },
     toGlobeCoords: function toGlobeCoords(state, x, y) {
@@ -458,9 +418,8 @@ var globe = Kapsule__default["default"]({
       if (!globeIntersects) return null; // coords outside globe
 
       var _state$globe$toGeoCoo = state.globe.toGeoCoords(globeIntersects.point),
-          lat = _state$globe$toGeoCoo.lat,
-          lng = _state$globe$toGeoCoo.lng;
-
+        lat = _state$globe$toGeoCoo.lat,
+        lng = _state$globe$toGeoCoo.lng;
       return {
         lat: lat,
         lng: lng
@@ -499,47 +458,48 @@ var globe = Kapsule__default["default"]({
   }, linkedGlobeMethods), linkedRenderObjsMethods),
   stateInit: function stateInit(_ref6) {
     var rendererConfig = _ref6.rendererConfig,
-        _ref6$waitForGlobeRea = _ref6.waitForGlobeReady,
-        waitForGlobeReady = _ref6$waitForGlobeRea === void 0 ? true : _ref6$waitForGlobeRea,
-        globeInitConfig = _objectWithoutProperties(_ref6, _excluded);
-
-    var globe = new ThreeGlobe__default["default"](_objectSpread2({
+      _ref6$waitForGlobeRea = _ref6.waitForGlobeReady,
+      waitForGlobeReady = _ref6$waitForGlobeRea === void 0 ? true : _ref6$waitForGlobeRea,
+      globeInitConfig = _objectWithoutProperties(_ref6, _excluded);
+    var globe = new ThreeGlobe(_objectSpread2({
       waitForGlobeReady: waitForGlobeReady
     }, globeInitConfig));
     return {
       globe: globe,
-      renderObjs: ThreeRenderObjects__default["default"]({
+      renderObjs: ThreeRenderObjects({
         controlType: 'orbit',
         rendererConfig: rendererConfig,
         waitForLoadComplete: waitForGlobeReady,
         extraRenderers: [new THREE.CSS2DRenderer()] // Used in HTML elements layer
-
       }).skyRadius(globe.getGlobeRadius() * 500).showNavInfo(false)
     };
   },
   init: function init(domNode, state) {
     var _this = this;
-
     // Wipe DOM
-    domNode.innerHTML = ''; // Add relative container
+    domNode.innerHTML = '';
 
+    // Add relative container
     domNode.appendChild(state.container = document.createElement('div'));
-    state.container.style.position = 'relative'; // Add renderObjs
+    state.container.style.position = 'relative';
 
+    // Add renderObjs
     var roDomNode = document.createElement('div');
     state.container.appendChild(roDomNode);
-    state.renderObjs(roDomNode); // inject renderer size on three-globe
+    state.renderObjs(roDomNode);
 
-    state.globe.rendererSize(state.renderObjs.renderer().getSize(new THREE.Vector2())); // set initial distance
+    // inject renderer size on three-globe
+    state.globe.rendererSize(state.renderObjs.renderer().getSize(new THREE.Vector2()));
 
+    // set initial distance
     this.pointOfView({
       altitude: 2.5
-    }); // calibrate orbit controls
+    });
 
+    // calibrate orbit controls
     var globeR = state.globe.getGlobeRadius();
     var controls = state.renderObjs.controls();
     controls.minDistance = globeR * 1.01; // just above the surface
-
     controls.maxDistance = globeR * 100;
     controls.enablePan = false;
     controls.enableDamping = true;
@@ -549,26 +509,23 @@ var globe = Kapsule__default["default"]({
     controls.addEventListener('change', function () {
       // adjust controls speed based on altitude
       var pov = _this.pointOfView();
-
       controls.rotateSpeed = pov.altitude * 0.2; // Math.pow(pov.altitude + 1, 2) * 0.025;
-
       controls.zoomSpeed = (pov.altitude + 1) * 0.1; // Math.sqrt(pov.altitude) * 0.2;
-      // Update three-globe pov when camera moves, for proper hiding of elements
 
+      // Update three-globe pov when camera moves, for proper hiding of elements
       state.globe.setPointOfView(state.renderObjs.camera().position);
       state.onZoom && state.onZoom(pov);
-    }); // config renderObjs
+    });
 
+    // config renderObjs
     var getGlobeObj = function getGlobeObj(object) {
-      var obj = object; // recurse up object chain until finding the globe object
-
+      var obj = object;
+      // recurse up object chain until finding the globe object
       while (obj && !obj.hasOwnProperty('__globeObjType')) {
         obj = obj.parent;
       }
-
       return obj;
     };
-
     var dataAccessors = {
       point: function point(d) {
         return d;
@@ -601,16 +558,16 @@ var globe = Kapsule__default["default"]({
         return d;
       }
     };
-    state.renderObjs.objects([// Populate scene
+    state.renderObjs.objects([
+    // Populate scene
     new THREE.AmbientLight(0xbbbbbb), new THREE.DirectionalLight(0xffffff, 0.6), state.globe]).hoverOrderComparator(function (a, b) {
       var aObj = getGlobeObj(a);
-      var bObj = getGlobeObj(b); // de-prioritize background / non-globe objects
+      var bObj = getGlobeObj(b);
 
+      // de-prioritize background / non-globe objects
       var isBackground = function isBackground(o) {
         return !o;
       }; // || o.__globeObjType === 'globe' || o.__globeObjType === 'atmosphere';
-
-
       return isBackground(aObj) - isBackground(bObj);
     }).tooltipContent(function (obj) {
       var objAccessors = {
@@ -627,7 +584,7 @@ var globe = Kapsule__default["default"]({
       };
       var globeObj = getGlobeObj(obj);
       var objType = globeObj && globeObj.__globeObjType;
-      return globeObj && objType && objAccessors.hasOwnProperty(objType) && dataAccessors.hasOwnProperty(objType) ? accessorFn__default["default"](objAccessors[objType])(dataAccessors[objType](globeObj.__data)) || '' : '';
+      return globeObj && objType && objAccessors.hasOwnProperty(objType) && dataAccessors.hasOwnProperty(objType) ? accessorFn(objAccessors[objType])(dataAccessors[objType](globeObj.__data)) || '' : '';
     }).onHover(function (obj) {
       // Update tooltip and trigger onHover events
       var hoverObjFns = {
@@ -655,34 +612,32 @@ var globe = Kapsule__default["default"]({
         object: state.onObjectClick,
         custom: state.onCustomLayerClick
       };
-      var hoverObj = getGlobeObj(obj); // ignore non-recognised obj types
+      var hoverObj = getGlobeObj(obj);
 
+      // ignore non-recognised obj types
       hoverObj && !hoverObjFns.hasOwnProperty(hoverObj.__globeObjType) && (hoverObj = null);
-
       if (hoverObj !== state.hoverObj) {
         var prevObjType = state.hoverObj ? state.hoverObj.__globeObjType : null;
         var prevObjData = state.hoverObj ? dataAccessors[prevObjType](state.hoverObj.__data) : null;
         var objType = hoverObj ? hoverObj.__globeObjType : null;
         var objData = hoverObj ? dataAccessors[objType](hoverObj.__data) : null;
-
         if (prevObjType && prevObjType !== objType) {
           // Hover out
           hoverObjFns[prevObjType] && hoverObjFns[prevObjType](null, prevObjData);
         }
-
         if (objType) {
           // Hover in
           hoverObjFns[objType] && hoverObjFns[objType](objData, prevObjType === objType ? prevObjData : null);
-        } // set pointer if hovered object is clickable
-
+        }
 
+        // set pointer if hovered object is clickable
         state.renderObjs.renderer().domElement.classList[objType && clickObjFns[objType] ? 'add' : 'remove']('clickable');
         state.hoverObj = hoverObj;
       }
     }).onClick(function (obj, ev, point) {
       if (!obj) return; // ignore background clicks
-      // Handle click events on objects
 
+      // Handle click events on objects
       var objFns = {
         globe: state.onGlobeClick,
         point: state.onPointClick,
@@ -698,15 +653,14 @@ var globe = Kapsule__default["default"]({
       };
       var globeObj = getGlobeObj(obj);
       var objType = globeObj.__globeObjType;
-
       if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
-        var args = [ev]; // include click coords
+        var args = [ev];
 
+        // include click coords
         if (objType === 'globe') {
           var _this$toGeoCoords = _this.toGeoCoords(point),
-              lat = _this$toGeoCoords.lat,
-              lng = _this$toGeoCoords.lng;
-
+            lat = _this$toGeoCoords.lat,
+            lng = _this$toGeoCoords.lng;
           args.unshift({
             lat: lat,
             lng: lng
@@ -714,14 +668,13 @@ var globe = Kapsule__default["default"]({
         } else {
           args.push(_this.toGeoCoords(point));
         }
-
         dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
         objFns[objType].apply(objFns, args);
       }
     }).onRightClick(function (obj, ev, point) {
       if (!obj) return; // ignore background clicks
-      // Handle right-click events
 
+      // Handle right-click events
       var objFns = {
         globe: state.onGlobeRightClick,
         point: state.onPointRightClick,
@@ -737,15 +690,14 @@ var globe = Kapsule__default["default"]({
       };
       var globeObj = getGlobeObj(obj);
       var objType = globeObj.__globeObjType;
-
       if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
-        var args = [ev]; // include click coords
+        var args = [ev];
 
+        // include click coords
         if (objType === 'globe') {
           var _this$toGeoCoords2 = _this.toGeoCoords(point),
-              lat = _this$toGeoCoords2.lat,
-              lng = _this$toGeoCoords2.lng;
-
+            lat = _this$toGeoCoords2.lat,
+            lng = _this$toGeoCoords2.lng;
           args.unshift({
             lat: lat,
             lng: lng
@@ -753,13 +705,14 @@ var globe = Kapsule__default["default"]({
         } else {
           args.push(_this.toGeoCoords(point));
         }
-
         dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
         objFns[objType].apply(objFns, args);
       }
-    }); //
-    // Kick-off renderer
+    });
 
+    //
+
+    // Kick-off renderer
     this._animationCycle();
   }
 });

package/dist/globe.gl.d.ts

@@ -1,4 +1,5 @@
 import { WebGLRendererParameters, Scene, Camera, WebGLRenderer, Object3D } from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
 import { ConfigOptions as ConfigOptions$1, ThreeGlobeGeneric } from 'three-globe';
 
@@ -112,7 +113,7 @@ interface GlobeGenericInstance<ChainableInstance>
   camera(): Camera;
   renderer(): WebGLRenderer;
   postProcessingComposer(): EffectComposer;
-  controls(): object;
+  controls(): OrbitControls;
 
   // Utility
   getScreenCoords(lat: number, lng: number, altitude?: number): { x: number, y: number };