globe.gl 2.36.0 → 2.36.2

package/dist/globe.gl.js

@@ -1,11 +1,11 @@
-// Version 2.36.0 globe.gl - https://github.com/vasturiano/globe.gl
+// Version 2.36.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) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Globe = factory());
 })(this, (function () { 'use strict';
 
-  function styleInject$1(css, ref) {
+  function styleInject$2(css, ref) {
     if ( ref === undefined ) ref = {};
     var insertAt = ref.insertAt;
 
@@ -32,16 +32,16 @@
     }
   }
 
-  var css_248z$1 = ".scene-container .clickable {\n  cursor: pointer;\n}";
-  styleInject$1(css_248z$1);
+  var css_248z$2 = ".scene-container .clickable {\n  cursor: pointer;\n}";
+  styleInject$2(css_248z$2);
 
-  function _arrayLikeToArray$8(r, a) {
+  function _arrayLikeToArray$9(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
   function _arrayWithoutHoles$7(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$8(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$9(r);
   }
   function _defineProperty$3(e, r, t) {
     return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, {
@@ -99,7 +99,7 @@
     return t;
   }
   function _toConsumableArray$7(r) {
-    return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$8(r) || _nonIterableSpread$7();
+    return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$9(r) || _nonIterableSpread$7();
   }
   function _toPrimitive$5(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -115,11 +115,11 @@
     var i = _toPrimitive$5(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$8(r, a) {
+  function _unsupportedIterableToArray$9(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$8(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$9(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : undefined;
     }
   }
 
@@ -40584,7 +40584,7 @@ void main() {
   var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
 
   /** Used as a reference to the global object. */
-  var root = freeGlobal || freeSelf || Function('return this')();
+  var root$1 = freeGlobal || freeSelf || Function('return this')();
 
   /**
    * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -40603,7 +40603,7 @@ void main() {
    * // => Logs the number of milliseconds it took for the deferred invocation.
    */
   var now$1 = function() {
-    return root.Date.now();
+    return root$1.Date.now();
   };
 
   /** Used to match a single whitespace character. */
@@ -40641,7 +40641,7 @@ void main() {
   }
 
   /** Built-in value references. */
-  var Symbol$1 = root.Symbol;
+  var Symbol$1 = root$1.Symbol;
 
   /** Used for built-in method references. */
   var objectProto$1 = Object.prototype;
@@ -41028,12 +41028,12 @@ void main() {
     return debounced;
   }
 
-  function _arrayLikeToArray$7(r, a) {
+  function _arrayLikeToArray$8(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$7(r) {
+  function _arrayWithHoles$8(r) {
     if (Array.isArray(r)) return r;
   }
   function _classCallCheck$5(a, n) {
@@ -41044,7 +41044,7 @@ void main() {
       writable: false
     }), e;
   }
-  function _iterableToArrayLimit$7(r, l) {
+  function _iterableToArrayLimit$8(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -41068,17 +41068,17 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$7() {
+  function _nonIterableRest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _slicedToArray$7(r, e) {
-    return _arrayWithHoles$7(r) || _iterableToArrayLimit$7(r, e) || _unsupportedIterableToArray$7(r, e) || _nonIterableRest$7();
+  function _slicedToArray$8(r, e) {
+    return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$8(r, e) || _nonIterableRest$8();
   }
-  function _unsupportedIterableToArray$7(r, a) {
+  function _unsupportedIterableToArray$8(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$7(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$8(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : undefined;
     }
   }
 
@@ -41095,7 +41095,7 @@ void main() {
     this.triggerUpdate = triggerUpdate;
     this.onChange = onChange;
   });
-  function index$2 (_ref2) {
+  function index$3 (_ref2) {
     var _ref2$stateInit = _ref2.stateInit,
       stateInit = _ref2$stateInit === undefined ? function () {
         return {};
@@ -41195,7 +41195,7 @@ void main() {
 
       // Link aliases
       Object.entries(aliases).forEach(function (_ref4) {
-        var _ref5 = _slicedToArray$7(_ref4, 2),
+        var _ref5 = _slicedToArray$8(_ref4, 2),
           alias = _ref5[0],
           target = _ref5[1];
         return comp[alias] = comp[target];
@@ -42840,7 +42840,7 @@ void main() {
   treeProto.y = tree_y;
   treeProto.z = tree_z;
 
-  function ascending(a, b) {
+  function ascending$1(a, b) {
     return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
   }
 
@@ -42861,11 +42861,11 @@ void main() {
     // tell if the comparator is symmetric, and an asymmetric comparator can’t be
     // used to test whether a single value is comparable.
     if (f.length !== 2) {
-      compare1 = ascending;
-      compare2 = (d, x) => ascending(f(d), x);
+      compare1 = ascending$1;
+      compare2 = (d, x) => ascending$1(f(d), x);
       delta = (d, x) => f(d) - x;
     } else {
-      compare1 = f === ascending || f === descending ? f : zero$1;
+      compare1 = f === ascending$1 || f === descending ? f : zero$1;
       compare2 = f;
       delta = f;
     }
@@ -42910,7 +42910,7 @@ void main() {
     return x === null ? NaN : +x;
   }
 
-  const ascendingBisect = bisector(ascending);
+  const ascendingBisect = bisector(ascending$1);
   const bisectRight = ascendingBisect.right;
   bisector(number$1).center;
 
@@ -43526,7 +43526,7 @@ void main() {
         : m1) * 255;
   }
 
-  var constant = x => () => x;
+  var constant$1 = x => () => x;
 
   function linear$1(a, d) {
     return function(t) {
@@ -43542,13 +43542,13 @@ void main() {
 
   function gamma(y) {
     return (y = +y) === 1 ? nogamma : function(a, b) {
-      return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
+      return b - a ? exponential(a, b, y) : constant$1(isNaN(a) ? b : a);
     };
   }
 
   function nogamma(a, b) {
     var d = b - a;
-    return d ? linear$1(a, d) : constant(isNaN(a) ? b : a);
+    return d ? linear$1(a, d) : constant$1(isNaN(a) ? b : a);
   }
 
   var rgb$1 = (function rgbGamma(y) {
@@ -43708,7 +43708,7 @@ void main() {
 
   function interpolate(a, b) {
     var t = typeof b, c;
-    return b == null || t === "boolean" ? constant(b)
+    return b == null || t === "boolean" ? constant$1(b)
         : (t === "number" ? interpolateNumber
         : t === "string" ? ((c = color$1(b)) ? (b = c, rgb$1) : string)
         : b instanceof color$1 ? rgb$1
@@ -46460,16 +46460,16 @@ void main() {
         .clipAngle(142);
   }
 
-  function _arrayLikeToArray$6(r, a) {
+  function _arrayLikeToArray$7(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$6(r) {
+  function _arrayWithHoles$7(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$6(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$6(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$7(r);
   }
   function _assertClassBrand$2(e, t, n) {
     if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
@@ -46547,7 +46547,7 @@ void main() {
   function _iterableToArray$6(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$6(r, l) {
+  function _iterableToArrayLimit$7(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -46571,7 +46571,7 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$6() {
+  function _nonIterableRest$7() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$6() {
@@ -46587,11 +46587,11 @@ void main() {
       return t.__proto__ = e, t;
     }, _setPrototypeOf$4(t, e);
   }
-  function _slicedToArray$6(r, e) {
-    return _arrayWithHoles$6(r) || _iterableToArrayLimit$6(r, e) || _unsupportedIterableToArray$6(r, e) || _nonIterableRest$6();
+  function _slicedToArray$7(r, e) {
+    return _arrayWithHoles$7(r) || _iterableToArrayLimit$7(r, e) || _unsupportedIterableToArray$7(r, e) || _nonIterableRest$7();
   }
   function _toConsumableArray$6(r) {
-    return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$6(r) || _nonIterableSpread$6();
+    return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$7(r) || _nonIterableSpread$6();
   }
   function _toPrimitive$4(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -46607,11 +46607,11 @@ void main() {
     var i = _toPrimitive$4(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$6(r, a) {
+  function _unsupportedIterableToArray$7(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$6(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$7(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : undefined;
     }
   }
 
@@ -46892,7 +46892,7 @@ void main() {
             var lat0 = lat - latLen / 2;
             var lat1 = lat + latLen / 2;
             d.hullPnts = [[lat, lng], [lat0, lng0], [lat1, lng0], [lat0, lng1], [lat1, lng1]].map(function (_ref2) {
-              var _ref3 = _slicedToArray$6(_ref2, 2),
+              var _ref3 = _slicedToArray$7(_ref2, 2),
                 lat = _ref3[0],
                 lng = _ref3[1];
               return polar2Cartesian$3(lat, lng, _classPrivateFieldGet2$2(_radius, _this3));
@@ -46972,11 +46972,11 @@ void main() {
         var lngRange = [povCoords.lng - searchRadiusLng, povCoords.lng + searchRadiusLng];
         var latRange = [povCoords.lat + searchRadiusLat, povCoords.lat - searchRadiusLat];
         var _findTileXY = findTileXY(this.level, _classPrivateFieldGet2$2(_isMercator, this), lngRange[0], latRange[0]),
-          _findTileXY2 = _slicedToArray$6(_findTileXY, 2),
+          _findTileXY2 = _slicedToArray$7(_findTileXY, 2),
           x0 = _findTileXY2[0],
           y0 = _findTileXY2[1];
         var _findTileXY3 = findTileXY(this.level, _classPrivateFieldGet2$2(_isMercator, this), lngRange[1], latRange[1]),
-          _findTileXY4 = _slicedToArray$6(_findTileXY3, 2),
+          _findTileXY4 = _slicedToArray$7(_findTileXY3, 2),
           x1 = _findTileXY4[0],
           y1 = _findTileXY4[1];
         !tiles.record && (tiles.record = {}); // Index gen tiles by XY
@@ -47041,7 +47041,7 @@ void main() {
           var _map = [lat + latLen / 2, lat - latLen / 2].map(function (lat) {
               return 0.5 - lat / 180;
             }),
-            _map2 = _slicedToArray$6(_map, 2),
+            _map2 = _slicedToArray$7(_map, 2),
             _y = _map2[0],
             _y2 = _map2[1];
           convertMercatorUV(tile.geometry.attributes.uv, _y, _y2);
@@ -47720,16 +47720,16 @@ void main() {
       return {vertices, holes, dimensions};
   }
 
-  function _arrayLikeToArray$5(r, a) {
+  function _arrayLikeToArray$6(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$5(r) {
+  function _arrayWithHoles$6(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$5(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$5(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$6(r);
   }
   function _assertThisInitialized$3(e) {
     if (undefined === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -47749,7 +47749,7 @@ void main() {
   function _createForOfIteratorHelper(r, e) {
     var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (!t) {
-      if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e) {
+      if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e) {
         t && (r = t);
         var n = 0,
           F = function () {};
@@ -47822,7 +47822,7 @@ void main() {
   function _iterableToArray$5(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$5(r, l) {
+  function _iterableToArrayLimit$6(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -47849,7 +47849,7 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$5() {
+  function _nonIterableRest$6() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$5() {
@@ -47865,17 +47865,17 @@ void main() {
       return t.__proto__ = e, t;
     }, _setPrototypeOf$3(t, e);
   }
-  function _slicedToArray$5(r, e) {
-    return _arrayWithHoles$5(r) || _iterableToArrayLimit$5(r, e) || _unsupportedIterableToArray$5(r, e) || _nonIterableRest$5();
+  function _slicedToArray$6(r, e) {
+    return _arrayWithHoles$6(r) || _iterableToArrayLimit$6(r, e) || _unsupportedIterableToArray$6(r, e) || _nonIterableRest$6();
   }
   function _toConsumableArray$5(r) {
-    return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$5(r) || _nonIterableSpread$5();
+    return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$6(r) || _nonIterableSpread$5();
   }
-  function _unsupportedIterableToArray$5(r, a) {
+  function _unsupportedIterableToArray$6(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$5(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$6(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : undefined;
     }
   }
 
@@ -47975,7 +47975,7 @@ void main() {
         coords.map(function (c) {
           return genPoint(c, r);
         }).forEach(function (_ref) {
-          var _ref2 = _slicedToArray$5(_ref, 1),
+          var _ref2 = _slicedToArray$6(_ref, 1),
             newPnt = _ref2[0];
           concatGroup(result, newPnt);
         });
@@ -47983,7 +47983,7 @@ void main() {
       }
       function genLineString(coords, r) {
         var coords3d = interpolateLine(coords, resolution).map(function (_ref3) {
-          var _ref4 = _slicedToArray$5(_ref3, 3),
+          var _ref4 = _slicedToArray$6(_ref3, 3),
             lng = _ref4[0],
             lat = _ref4[1],
             _ref4$ = _ref4[2],
@@ -48010,7 +48010,7 @@ void main() {
         coords.map(function (c) {
           return genLineString(c, r);
         }).forEach(function (_ref5) {
-          var _ref6 = _slicedToArray$5(_ref5, 1),
+          var _ref6 = _slicedToArray$6(_ref5, 1),
             newLine = _ref6[0];
           concatGroup(result, newLine);
         });
@@ -48019,7 +48019,7 @@ void main() {
       function genPolygon(coords, r) {
         var coords3d = coords.map(function (coordsSegment) {
           return interpolateLine(coordsSegment, resolution).map(function (_ref7) {
-            var _ref8 = _slicedToArray$5(_ref7, 3),
+            var _ref8 = _slicedToArray$6(_ref7, 3),
               lng = _ref8[0],
               lat = _ref8[1],
               _ref8$ = _ref8[2],
@@ -48072,7 +48072,7 @@ void main() {
         coords.map(function (c) {
           return genPolygon(c, r);
         }).forEach(function (_ref9) {
-          var _ref10 = _slicedToArray$5(_ref9, 2),
+          var _ref10 = _slicedToArray$6(_ref9, 2),
             newOuter = _ref10[0],
             newHoles = _ref10[1];
           concatGroup(outer, newOuter);
@@ -49485,7 +49485,7 @@ void main() {
     toTrianglesDrawMode: toTrianglesDrawMode
   });
 
-  var index$1 = (function (p) {
+  var index$2 = (function (p) {
     return typeof p === 'function' ? p // fn
     : typeof p === 'string' ? function (obj) {
       return obj[p];
@@ -49496,14 +49496,14 @@ void main() {
   }); // constant
 
   // This file is autogenerated. It's used to publish ESM to npm.
-  function _typeof(obj) {
+  function _typeof$1(obj) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
       return typeof obj;
     } : function (obj) {
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    }, _typeof$1(obj);
   }
 
   // https://github.com/bgrins/TinyColor
@@ -49767,7 +49767,7 @@ void main() {
   // If input is an object, force 1 into "1.0" to handle ratios properly
   // String input requires "1.0" as input, so 1 will be treated as 1
   tinycolor.fromRatio = function (color, opts) {
-    if (_typeof(color) == "object") {
+    if (_typeof$1(color) == "object") {
       var newColor = {};
       for (var i in color) {
         if (color.hasOwnProperty(i)) {
@@ -49813,7 +49813,7 @@ void main() {
     if (typeof color == "string") {
       color = stringInputToObject(color);
     }
-    if (_typeof(color) == "object") {
+    if (_typeof$1(color) == "object") {
       if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
         rgb = rgbToRgb(color.r, color.g, color.b);
         ok = true;
@@ -50674,16 +50674,16 @@ void main() {
     };
   }
 
-  function _arrayLikeToArray$4(r, a) {
+  function _arrayLikeToArray$5(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$4(r) {
+  function _arrayWithHoles$5(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$4(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$4(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$5(r);
   }
   function _assertClassBrand$1(e, t, n) {
     if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
@@ -50718,7 +50718,7 @@ void main() {
   function _iterableToArray$4(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$4(r, l) {
+  function _iterableToArrayLimit$5(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -50742,17 +50742,17 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$4() {
+  function _nonIterableRest$5() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _slicedToArray$4(r, e) {
-    return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$4(r, e) || _nonIterableRest$4();
+  function _slicedToArray$5(r, e) {
+    return _arrayWithHoles$5(r) || _iterableToArrayLimit$5(r, e) || _unsupportedIterableToArray$5(r, e) || _nonIterableRest$5();
   }
   function _toConsumableArray$4(r) {
-    return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$4(r) || _nonIterableSpread$4();
+    return _arrayWithoutHoles$4(r) || _iterableToArray$4(r) || _unsupportedIterableToArray$5(r) || _nonIterableSpread$4();
   }
   function _toPrimitive$3(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -50768,11 +50768,11 @@ void main() {
     var i = _toPrimitive$3(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$4(r, a) {
+  function _unsupportedIterableToArray$5(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$4(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$5(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : undefined;
     }
   }
 
@@ -50810,7 +50810,7 @@ void main() {
       key: "entries",
       value: function entries() {
         return _toConsumableArray$4(_classPrivateFieldGet2$1(_objMap, this).entries()).map(function (_ref) {
-          var _ref2 = _slicedToArray$4(_ref, 2),
+          var _ref2 = _slicedToArray$5(_ref, 2),
             o = _ref2[0],
             d = _ref2[1];
           return [d, o];
@@ -50819,7 +50819,7 @@ void main() {
     }, {
       key: "id",
       value: function id(p) {
-        _classPrivateFieldSet2$1(_id$a, this, index$1(p));
+        _classPrivateFieldSet2$1(_id$a, this, index$2(p));
         return this;
       }
     }, {
@@ -53006,16 +53006,16 @@ void main() {
     return v(data) ;
   }
 
-  function _arrayLikeToArray$3(r, a) {
+  function _arrayLikeToArray$4(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$3(r) {
+  function _arrayWithHoles$4(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$3(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$3(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$4(r);
   }
   function _assertThisInitialized$2(e) {
     if (undefined === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -53060,7 +53060,7 @@ void main() {
   function _iterableToArray$3(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$3(r, l) {
+  function _iterableToArrayLimit$4(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -53084,7 +53084,7 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$3() {
+  function _nonIterableRest$4() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$3() {
@@ -53100,17 +53100,17 @@ void main() {
       return t.__proto__ = e, t;
     }, _setPrototypeOf$2(t, e);
   }
-  function _slicedToArray$3(r, e) {
-    return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$3();
+  function _slicedToArray$4(r, e) {
+    return _arrayWithHoles$4(r) || _iterableToArrayLimit$4(r, e) || _unsupportedIterableToArray$4(r, e) || _nonIterableRest$4();
   }
   function _toConsumableArray$3(r) {
-    return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$3(r) || _nonIterableSpread$3();
+    return _arrayWithoutHoles$3(r) || _iterableToArray$3(r) || _unsupportedIterableToArray$4(r) || _nonIterableSpread$3();
   }
-  function _unsupportedIterableToArray$3(r, a) {
+  function _unsupportedIterableToArray$4(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$4(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : undefined;
     }
   }
 
@@ -53127,11 +53127,11 @@ void main() {
       coordinates: polygon
     };
     var _geoBounds = geoBounds(boundariesGeojson),
-      _geoBounds2 = _slicedToArray$3(_geoBounds, 2),
-      _geoBounds2$ = _slicedToArray$3(_geoBounds2[0], 2),
+      _geoBounds2 = _slicedToArray$4(_geoBounds, 2),
+      _geoBounds2$ = _slicedToArray$4(_geoBounds2[0], 2),
       minLng = _geoBounds2$[0],
       minLat = _geoBounds2$[1],
-      _geoBounds2$2 = _slicedToArray$3(_geoBounds2[1], 2),
+      _geoBounds2$2 = _slicedToArray$4(_geoBounds2[1], 2),
       maxLng = _geoBounds2$2[0],
       maxLat = _geoBounds2$2[1];
     var crossesPoleOrAntimeridian = minLng > maxLng // crosses antimeridian
@@ -53143,7 +53143,7 @@ void main() {
       // Use d3-geo-voronoi. Slowest, but most accurate for polygons that cross poles or anti-meridian
       var vt = geoVoronoi(points).triangles(); // geoDelaunay generates more triangles than needed
       var pntMap = new Map(points.map(function (_ref2, idx) {
-        var _ref3 = _slicedToArray$3(_ref2, 2),
+        var _ref3 = _slicedToArray$4(_ref2, 2),
           lng = _ref3[0],
           lat = _ref3[1];
         return ["".concat(lng, "-").concat(lat), idx];
@@ -53154,7 +53154,7 @@ void main() {
 
         var inds = [];
         triangle.forEach(function (_ref4) {
-          var _ref5 = _slicedToArray$3(_ref4, 2),
+          var _ref5 = _slicedToArray$4(_ref4, 2),
             lng = _ref5[0],
             lat = _ref5[1];
           var k = "".concat(lng, "-").concat(lat);
@@ -53216,7 +53216,7 @@ void main() {
       return d[1];
     }), [0, 1]);
     var uvs = points.map(function (_ref6) {
-      var _ref7 = _slicedToArray$3(_ref6, 2),
+      var _ref7 = _slicedToArray$4(_ref6, 2),
         lng = _ref7[0],
         lat = _ref7[1];
       return [lngUvScale(lng), latUvScale(lat)];
@@ -53260,11 +53260,11 @@ void main() {
       coordinates: polygon
     };
     var _geoBounds3 = geoBounds(boundariesGeojson),
-      _geoBounds4 = _slicedToArray$3(_geoBounds3, 2),
-      _geoBounds4$ = _slicedToArray$3(_geoBounds4[0], 2),
+      _geoBounds4 = _slicedToArray$4(_geoBounds3, 2),
+      _geoBounds4$ = _slicedToArray$4(_geoBounds4[0], 2),
       minLng = _geoBounds4$[0],
       minLat = _geoBounds4$[1],
-      _geoBounds4$2 = _slicedToArray$3(_geoBounds4[1], 2),
+      _geoBounds4$2 = _slicedToArray$4(_geoBounds4[1], 2),
       maxLng = _geoBounds4$2[0],
       maxLat = _geoBounds4$2[1];
 
@@ -53335,15 +53335,15 @@ void main() {
   // support both modes for backwards threejs compatibility
   var setAttributeFn = new THREE$j.BufferGeometry().setAttribute ? 'setAttribute' : 'addAttribute';
   var ConicPolygonGeometry = /*#__PURE__*/function (_THREE$BufferGeometry) {
-    function ConicPolygonGeometry(polygonGeoJson, startHeight, endHeight, closedBottom, closedTop, includeSides, curvatureResolution) {
+    function ConicPolygonGeometry(polygonGeoJson, bottomHeight, topHeight, closedBottom, closedTop, includeSides, curvatureResolution) {
       var _this;
       _classCallCheck$1(this, ConicPolygonGeometry);
       _this = _callSuper$1(this, ConicPolygonGeometry);
       _this.type = 'ConicPolygonGeometry';
       _this.parameters = {
         polygonGeoJson: polygonGeoJson,
-        startHeight: startHeight,
-        endHeight: endHeight,
+        bottomHeight: bottomHeight,
+        topHeight: topHeight,
         closedBottom: closedBottom,
         closedTop: closedTop,
         includeSides: includeSides,
@@ -53351,8 +53351,8 @@ void main() {
       };
 
       // defaults
-      startHeight = startHeight || 0;
-      endHeight = endHeight || 1;
+      bottomHeight = bottomHeight || 0;
+      topHeight = topHeight || 1;
       closedBottom = closedBottom !== undefined ? closedBottom : true;
       closedTop = closedTop !== undefined ? closedTop : true;
       includeSides = includeSides !== undefined ? includeSides : true;
@@ -53381,8 +53381,8 @@ void main() {
         _this.addGroup(prevIndCnt, indices.length - prevIndCnt, groupCnt++);
       };
       includeSides && addGroup(generateTorso());
-      closedBottom && addGroup(generateCap(startHeight, false));
-      closedTop && addGroup(generateCap(endHeight, true));
+      closedBottom && addGroup(generateCap(bottomHeight, false));
+      closedTop && addGroup(generateCap(topHeight, true));
 
       // build geometry
       _this.setIndex(indices);
@@ -53395,22 +53395,25 @@ void main() {
       //
 
       function generateVertices(polygon, altitude) {
+        var altFn = typeof altitude === 'function' ? altitude : function () {
+          return altitude;
+        };
         var coords3d = polygon.map(function (coords) {
           return coords.map(function (_ref) {
-            var _ref2 = _slicedToArray$3(_ref, 2),
+            var _ref2 = _slicedToArray$4(_ref, 2),
               lng = _ref2[0],
               lat = _ref2[1];
-            return polar2Cartesian$1(lat, lng, altitude);
+            return polar2Cartesian$1(lat, lng, altFn(lng, lat));
           });
         });
         // returns { vertices, holes, coordinates }. Each point generates 3 vertice items (x,y,z).
         return flatten(coords3d);
       }
       function generateTorso() {
-        var _generateVertices = generateVertices(contour, startHeight),
+        var _generateVertices = generateVertices(contour, bottomHeight),
           bottomVerts = _generateVertices.vertices,
           holes = _generateVertices.holes;
-        var _generateVertices2 = generateVertices(contour, endHeight),
+        var _generateVertices2 = generateVertices(contour, topHeight),
           topVerts = _generateVertices2.vertices;
         var vertices = merge([topVerts, bottomVerts]);
         var numPoints = Math.round(topVerts.length / 3);
@@ -53465,21 +53468,21 @@ void main() {
     ];
   }
 
-  function _arrayLikeToArray$2(r, a) {
+  function _arrayLikeToArray$3(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$2(r) {
+  function _arrayWithHoles$3(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$2(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$2(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$3(r);
   }
   function _iterableToArray$2(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$2(r, l) {
+  function _iterableToArrayLimit$3(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -53503,7 +53506,7 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$2() {
+  function _nonIterableRest$3() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$2() {
@@ -53529,11 +53532,11 @@ void main() {
     }
     return t;
   }
-  function _slicedToArray$2(r, e) {
-    return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$2();
+  function _slicedToArray$3(r, e) {
+    return _arrayWithHoles$3(r) || _iterableToArrayLimit$3(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest$3();
   }
   function _toConsumableArray$2(r) {
-    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2();
+    return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$3(r) || _nonIterableSpread$2();
   }
   function _toPrimitive$2(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -53549,15 +53552,15 @@ void main() {
     var i = _toPrimitive$2(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$2(r, a) {
+  function _unsupportedIterableToArray$3(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$2(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : undefined;
     }
   }
 
-  var index = (function () {
+  var index$1 = (function () {
     var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var keyAccessors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var multiItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -53631,7 +53634,7 @@ void main() {
           });
         } else {
           Object.entries(node).forEach(function (_ref2) {
-            var _ref3 = _slicedToArray$2(_ref2, 2),
+            var _ref3 = _slicedToArray$3(_ref2, 2),
               key = _ref3[0],
               val = _ref3[1];
             return flatten(val, [].concat(_toConsumableArray$2(accKeys), [key]));
@@ -70570,16 +70573,16 @@ void main() {
 
   }
 
-  function _arrayLikeToArray$1(r, a) {
+  function _arrayLikeToArray$2(r, a) {
     (null == a || a > r.length) && (a = r.length);
     for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
     return n;
   }
-  function _arrayWithHoles$1(r) {
+  function _arrayWithHoles$2(r) {
     if (Array.isArray(r)) return r;
   }
   function _arrayWithoutHoles$1(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray$1(r);
+    if (Array.isArray(r)) return _arrayLikeToArray$2(r);
   }
   function _assertClassBrand(e, t, n) {
     if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
@@ -70673,7 +70676,7 @@ void main() {
   function _iterableToArray$1(r) {
     if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-  function _iterableToArrayLimit$1(r, l) {
+  function _iterableToArrayLimit$2(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
       var e,
@@ -70700,7 +70703,7 @@ void main() {
       return a;
     }
   }
-  function _nonIterableRest$1() {
+  function _nonIterableRest$2() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _nonIterableSpread$1() {
@@ -70757,8 +70760,8 @@ void main() {
       return t.__proto__ = e, t;
     }, _setPrototypeOf$1(t, e);
   }
-  function _slicedToArray$1(r, e) {
-    return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest$1();
+  function _slicedToArray$2(r, e) {
+    return _arrayWithHoles$2(r) || _iterableToArrayLimit$2(r, e) || _unsupportedIterableToArray$2(r, e) || _nonIterableRest$2();
   }
   function _superPropBase(t, o) {
     for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf$1(t)););
@@ -70771,7 +70774,7 @@ void main() {
     } : p;
   }
   function _toConsumableArray$1(r) {
-    return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1();
+    return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$1();
   }
   function _toPrimitive$1(t, r) {
     if ("object" != typeof t || !t) return t;
@@ -70787,11 +70790,11 @@ void main() {
     var i = _toPrimitive$1(t, "string");
     return "symbol" == typeof i ? i : i + "";
   }
-  function _unsupportedIterableToArray$1(r, a) {
+  function _unsupportedIterableToArray$2(r, a) {
     if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
+      if ("string" == typeof r) return _arrayLikeToArray$2(r, a);
       var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : undefined;
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : undefined;
     }
   }
 
@@ -70981,7 +70984,7 @@ void main() {
 
   //
 
-  var GlobeLayerKapsule = index$2({
+  var GlobeLayerKapsule = index$3({
     props: {
       globeImageUrl: {},
       bumpImageUrl: {},
@@ -71165,7 +71168,7 @@ void main() {
     var rgbaMatch = /^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.eE+-]+)\s*\)$/.exec(str.trim().toLowerCase());
     if (rgbaMatch) {
       var _rgbaMatch$slice = rgbaMatch.slice(1),
-        _rgbaMatch$slice2 = _slicedToArray$1(_rgbaMatch$slice, 4),
+        _rgbaMatch$slice2 = _slicedToArray$2(_rgbaMatch$slice, 4),
         r = _rgbaMatch$slice2[0],
         g = _rgbaMatch$slice2[1],
         b = _rgbaMatch$slice2[2],
@@ -71289,7 +71292,7 @@ void main() {
 
   //
 
-  var PointsLayerKapsule = index$2({
+  var PointsLayerKapsule = index$3({
     props: {
       pointsData: {
         "default": []
@@ -71341,11 +71344,11 @@ void main() {
     },
     update: function update(state, changedProps) {
       // Data accessors
-      var latAccessor = index$1(state.pointLat);
-      var lngAccessor = index$1(state.pointLng);
-      var altitudeAccessor = index$1(state.pointAltitude);
-      var radiusAccessor = index$1(state.pointRadius);
-      var colorAccessor = index$1(state.pointColor);
+      var latAccessor = index$2(state.pointLat);
+      var lngAccessor = index$2(state.pointLng);
+      var altitudeAccessor = index$2(state.pointAltitude);
+      var radiusAccessor = index$2(state.pointRadius);
+      var colorAccessor = index$2(state.pointColor);
 
       // shared geometry
       var pointGeometry = new THREE$e.CylinderGeometry(1, 1, 1, state.pointResolution);
@@ -71532,7 +71535,7 @@ void main() {
 
   //
 
-  var ArcsLayerKapsule = index$2({
+  var ArcsLayerKapsule = index$3({
     props: {
       arcsData: {
         "default": []
@@ -71636,7 +71639,7 @@ void main() {
       // Kick-off dash animations
       state.ticker.onTick.add(function (_, timeDelta) {
         state.dataMapper.entries().map(function (_ref2) {
-          var _ref3 = _slicedToArray$1(_ref2, 2),
+          var _ref3 = _slicedToArray$2(_ref2, 2),
             obj = _ref3[1];
           return obj;
         }).filter(function (o) {
@@ -71651,18 +71654,18 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var startLatAccessor = index$1(state.arcStartLat);
-      var startLngAccessor = index$1(state.arcStartLng);
-      var endLatAccessor = index$1(state.arcEndLat);
-      var endLngAccessor = index$1(state.arcEndLng);
-      var altitudeAccessor = index$1(state.arcAltitude);
-      var altitudeAutoScaleAccessor = index$1(state.arcAltitudeAutoScale);
-      var strokeAccessor = index$1(state.arcStroke);
-      var colorAccessor = index$1(state.arcColor);
-      var dashLengthAccessor = index$1(state.arcDashLength);
-      var dashGapAccessor = index$1(state.arcDashGap);
-      var dashInitialGapAccessor = index$1(state.arcDashInitialGap);
-      var dashAnimateTimeAccessor = index$1(state.arcDashAnimateTime);
+      var startLatAccessor = index$2(state.arcStartLat);
+      var startLngAccessor = index$2(state.arcStartLng);
+      var endLatAccessor = index$2(state.arcEndLat);
+      var endLngAccessor = index$2(state.arcEndLng);
+      var altitudeAccessor = index$2(state.arcAltitude);
+      var altitudeAutoScaleAccessor = index$2(state.arcAltitudeAutoScale);
+      var strokeAccessor = index$2(state.arcStroke);
+      var colorAccessor = index$2(state.arcColor);
+      var dashLengthAccessor = index$2(state.arcDashLength);
+      var dashGapAccessor = index$2(state.arcDashGap);
+      var dashInitialGapAccessor = index$2(state.arcDashInitialGap);
+      var dashAnimateTimeAccessor = index$2(state.arcDashAnimateTime);
       state.dataMapper.onUpdateObj(function (group, arc) {
         var stroke = strokeAccessor(arc);
         var useTube = stroke !== null && stroke !== undefined;
@@ -71759,7 +71762,7 @@ void main() {
           endLat = _ref4.endLat,
           endLng = _ref4.endLng;
         var getVec = function getVec(_ref5) {
-          var _ref6 = _slicedToArray$1(_ref5, 3),
+          var _ref6 = _slicedToArray$2(_ref5, 3),
             lng = _ref6[0],
             lat = _ref6[1],
             alt = _ref6[2];
@@ -71782,7 +71785,7 @@ void main() {
           var _map = [0.25, 0.75].map(function (t) {
               return [].concat(_toConsumableArray$1(interpolate(t)), [altitude * 1.5]);
             }),
-            _map2 = _slicedToArray$1(_map, 2),
+            _map2 = _slicedToArray$2(_map, 2),
             m1Pnt = _map2[0],
             m2Pnt = _map2[1];
           var curve = _construct$1(THREE$d.CubicBezierCurve3, _toConsumableArray$1([startPnt, m1Pnt, m2Pnt, endPnt].map(getVec)));
@@ -71875,7 +71878,7 @@ void main() {
 
   //
 
-  var HexBinLayerKapsule = index$2({
+  var HexBinLayerKapsule = index$3({
     props: {
       hexBinPointsData: {
         "default": []
@@ -71941,20 +71944,20 @@ void main() {
     },
     update: function update(state, changedProps) {
       // Accessors
-      var latAccessor = index$1(state.hexBinPointLat);
-      var lngAccessor = index$1(state.hexBinPointLng);
-      var weightAccessor = index$1(state.hexBinPointWeight);
-      var altitudeAccessor = index$1(state.hexAltitude);
-      var topColorAccessor = index$1(state.hexTopColor);
-      var sideColorAccessor = index$1(state.hexSideColor);
-      var marginAccessor = index$1(state.hexMargin);
-      var byH3Idx = index(state.hexBinPointsData.map(function (d) {
+      var latAccessor = index$2(state.hexBinPointLat);
+      var lngAccessor = index$2(state.hexBinPointLng);
+      var weightAccessor = index$2(state.hexBinPointWeight);
+      var altitudeAccessor = index$2(state.hexAltitude);
+      var topColorAccessor = index$2(state.hexTopColor);
+      var sideColorAccessor = index$2(state.hexSideColor);
+      var marginAccessor = index$2(state.hexMargin);
+      var byH3Idx = index$1(state.hexBinPointsData.map(function (d) {
         return _objectSpread2(_objectSpread2({}, d), {}, {
           h3Idx: latLngToCell(latAccessor(d), lngAccessor(d), state.hexBinResolution)
         });
       }), 'h3Idx');
       var hexBins = Object.entries(byH3Idx).map(function (_ref3) {
-        var _ref4 = _slicedToArray$1(_ref3, 2),
+        var _ref4 = _slicedToArray$2(_ref3, 2),
           h3Idx = _ref4[0],
           points = _ref4[1];
         return {
@@ -72040,15 +72043,15 @@ void main() {
           return st - (st - end) * rat;
         };
         var margin = Math.max(0, Math.min(1, +marginAccessor(d)));
-        var _obj$__hexCenter = _slicedToArray$1(obj.__hexCenter, 2),
+        var _obj$__hexCenter = _slicedToArray$2(obj.__hexCenter, 2),
           clat = _obj$__hexCenter[0],
           clng = _obj$__hexCenter[1];
         var geoJson = margin === 0 ? obj.__hexGeoJson : obj.__hexGeoJson.map(function (_ref5) {
-          var _ref6 = _slicedToArray$1(_ref5, 2),
+          var _ref6 = _slicedToArray$2(_ref5, 2),
             elng = _ref6[0],
             elat = _ref6[1];
           return [[elng, clng], [elat, clat]].map(function (_ref7) {
-            var _ref8 = _slicedToArray$1(_ref7, 2),
+            var _ref8 = _slicedToArray$2(_ref7, 2),
               st = _ref8[0],
               end = _ref8[1];
             return relNum(st, end, margin);
@@ -72132,7 +72135,7 @@ void main() {
     return Math.exp(-sq(x / bw) / 2) / (bw * sqrt2PI);
   }
   var getGeoKDE = function getGeoKDE(_ref) {
-    var _ref2 = _slicedToArray$1(_ref, 2),
+    var _ref2 = _slicedToArray$2(_ref, 2),
       lng = _ref2[0],
       lat = _ref2[1];
     var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -72209,7 +72212,7 @@ void main() {
     c.opacity = Math.cbrt(t);
     return c.formatRgb();
   };
-  var HeatmapsLayerKapsule = index$2({
+  var HeatmapsLayerKapsule = index$3({
     props: {
       heatmapsData: {
         "default": []
@@ -72277,15 +72280,15 @@ void main() {
     },
     update: function update(state) {
       // Accessors
-      var pointsAccessor = index$1(state.heatmapPoints);
-      var latPntAccessor = index$1(state.heatmapPointLat);
-      var lngPntAccessor = index$1(state.heatmapPointLng);
-      var weightPntAccessor = index$1(state.heatmapPointWeight);
-      var bandwidthAccessor = index$1(state.heatmapBandwidth);
-      var colorFnAccessor = index$1(state.heatmapColorFn);
-      var saturationAccessor = index$1(state.heatmapColorSaturation);
-      var baseAltitudeAccessor = index$1(state.heatmapBaseAltitude);
-      var topAltitudeAccessor = index$1(state.heatmapTopAltitude);
+      var pointsAccessor = index$2(state.heatmapPoints);
+      var latPntAccessor = index$2(state.heatmapPointLat);
+      var lngPntAccessor = index$2(state.heatmapPointLng);
+      var weightPntAccessor = index$2(state.heatmapPointWeight);
+      var bandwidthAccessor = index$2(state.heatmapBandwidth);
+      var colorFnAccessor = index$2(state.heatmapColorFn);
+      var saturationAccessor = index$2(state.heatmapColorSaturation);
+      var baseAltitudeAccessor = index$2(state.heatmapBaseAltitude);
+      var topAltitudeAccessor = index$2(state.heatmapTopAltitude);
       state.dataMapper.onUpdateObj(function (obj, d) {
         // Accessors
         var bandwidth = bandwidthAccessor(d);
@@ -72321,7 +72324,7 @@ void main() {
         // Get vertex polar coordinates
         var vertexCoords = bufferAttr2Array(obj.geometry.getAttribute('position'));
         var vertexGeoCoords = vertexCoords.map(function (_ref2) {
-          var _ref3 = _slicedToArray$1(_ref2, 3),
+          var _ref3 = _slicedToArray$2(_ref2, 3),
             x = _ref3[0],
             y = _ref3[1],
             z = _ref3[2];
@@ -72338,7 +72341,7 @@ void main() {
         // Compute KDE
         var pntsOctree = new PointsOctree(pnts, bandwidth * BW_RADIUS_INFLUENCE);
         var kdeVals = vertexGeoCoords.map(function (vxCoords, idx) {
-          var _vertexCoords$idx = _slicedToArray$1(vertexCoords[idx], 3),
+          var _vertexCoords$idx = _slicedToArray$2(vertexCoords[idx], 3),
             x = _vertexCoords$idx[0],
             y = _vertexCoords$idx[1],
             z = _vertexCoords$idx[2];
@@ -72418,7 +72421,7 @@ void main() {
 
   //
 
-  var PolygonsLayerKapsule = index$2({
+  var PolygonsLayerKapsule = index$3({
     props: {
       polygonsData: {
         "default": []
@@ -72490,14 +72493,14 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var geoJsonAccessor = index$1(state.polygonGeoJsonGeometry);
-      var altitudeAccessor = index$1(state.polygonAltitude);
-      var capCurvatureResolutionAccessor = index$1(state.polygonCapCurvatureResolution);
-      var capColorAccessor = index$1(state.polygonCapColor);
-      var capMaterialAccessor = index$1(state.polygonCapMaterial);
-      var sideColorAccessor = index$1(state.polygonSideColor);
-      var sideMaterialAccessor = index$1(state.polygonSideMaterial);
-      var strokeColorAccessor = index$1(state.polygonStrokeColor);
+      var geoJsonAccessor = index$2(state.polygonGeoJsonGeometry);
+      var altitudeAccessor = index$2(state.polygonAltitude);
+      var capCurvatureResolutionAccessor = index$2(state.polygonCapCurvatureResolution);
+      var capColorAccessor = index$2(state.polygonCapColor);
+      var capMaterialAccessor = index$2(state.polygonCapMaterial);
+      var sideColorAccessor = index$2(state.polygonSideColor);
+      var sideMaterialAccessor = index$2(state.polygonSideMaterial);
+      var strokeColorAccessor = index$2(state.polygonStrokeColor);
       var singlePolygons = [];
       state.polygonsData.forEach(function (polygon) {
         var objAttrs = {
@@ -72538,7 +72541,7 @@ void main() {
           strokeColor = _ref2.strokeColor,
           altitude = _ref2.altitude,
           capCurvatureResolution = _ref2.capCurvatureResolution;
-        var _obj$children = _slicedToArray$1(obj.children, 2),
+        var _obj$children = _slicedToArray$2(obj.children, 2),
           conicObj = _obj$children[0],
           strokeObj = _obj$children[1];
 
@@ -72621,7 +72624,7 @@ void main() {
       };
     };
     return Object.entries(attrs).every(function (_ref3) {
-      var _ref4 = _slicedToArray$1(_ref3, 2),
+      var _ref4 = _slicedToArray$2(_ref3, 2),
         k = _ref4[0],
         v = _ref4[1];
       return obj.hasOwnProperty(k) && compFn(k)(obj[k], v);
@@ -72642,7 +72645,7 @@ void main() {
 
   //
 
-  var HexedPolygonsLayerKapsule = index$2({
+  var HexedPolygonsLayerKapsule = index$3({
     props: {
       hexPolygonsData: {
         "default": []
@@ -72705,14 +72708,14 @@ void main() {
     },
     update: function update(state) {
       // Accessors
-      var geoJsonAccessor = index$1(state.hexPolygonGeoJsonGeometry);
-      var colorAccessor = index$1(state.hexPolygonColor);
-      var altitudeAccessor = index$1(state.hexPolygonAltitude);
-      var resolutionAccessor = index$1(state.hexPolygonResolution);
-      var marginAccessor = index$1(state.hexPolygonMargin);
-      var useDotsAccessor = index$1(state.hexPolygonUseDots);
-      var curvatureResolutionAccessor = index$1(state.hexPolygonCurvatureResolution);
-      var dotResolutionAccessor = index$1(state.hexPolygonDotResolution);
+      var geoJsonAccessor = index$2(state.hexPolygonGeoJsonGeometry);
+      var colorAccessor = index$2(state.hexPolygonColor);
+      var altitudeAccessor = index$2(state.hexPolygonAltitude);
+      var resolutionAccessor = index$2(state.hexPolygonResolution);
+      var marginAccessor = index$2(state.hexPolygonMargin);
+      var useDotsAccessor = index$2(state.hexPolygonUseDots);
+      var curvatureResolutionAccessor = index$2(state.hexPolygonCurvatureResolution);
+      var dotResolutionAccessor = index$2(state.hexPolygonDotResolution);
       state.dataMapper.onUpdateObj(function (obj, d) {
         var geoJson = geoJsonAccessor(d);
         var h3Res = resolutionAccessor(d);
@@ -72787,7 +72790,7 @@ void main() {
               curvatureResolution = _obj$__currentTargetD.curvatureResolution;
             obj.geometry && obj.geometry.dispose();
             obj.geometry = !hexBins.length ? new THREE$9.BufferGeometry() : (BufferGeometryUtils.mergeGeometries || BufferGeometryUtils.mergeBufferGeometries)(hexBins.map(function (h) {
-              var _h$hexCenter = _slicedToArray$1(h.hexCenter, 2),
+              var _h$hexCenter = _slicedToArray$2(h.hexCenter, 2),
                 clat = _h$hexCenter[0],
                 clng = _h$hexCenter[1];
               if (useDots) {
@@ -72806,11 +72809,11 @@ void main() {
 
                 // compute new geojson with relative margin
                 var _geoJson = margin === 0 ? h.hexGeoJson : h.hexGeoJson.map(function (_ref2) {
-                  var _ref3 = _slicedToArray$1(_ref2, 2),
+                  var _ref3 = _slicedToArray$2(_ref2, 2),
                     elng = _ref3[0],
                     elat = _ref3[1];
                   return [[elng, clng], [elat, clat]].map(function (_ref4) {
-                    var _ref5 = _slicedToArray$1(_ref4, 2),
+                    var _ref5 = _slicedToArray$2(_ref4, 2),
                       st = _ref5[0],
                       end = _ref5[1];
                     return relNum(st, end, margin);
@@ -72854,7 +72857,7 @@ void main() {
     })));
     return function (k) {
       return k === 0 ? fromPnts : k === 1 ? toPnts : interpolator(k).map(function (_ref2) {
-        var _ref3 = _slicedToArray$1(_ref2, 3),
+        var _ref3 = _slicedToArray$2(_ref2, 3),
           x = _ref3[0],
           y = _ref3[1],
           z = _ref3[2];
@@ -72877,7 +72880,7 @@ void main() {
 
   //
 
-  var PathsLayerKapsule = index$2({
+  var PathsLayerKapsule = index$3({
     props: {
       pathsData: {
         "default": []
@@ -72976,7 +72979,7 @@ void main() {
       // Kick-off dash animations
       state.ticker.onTick.add(function (_, timeDelta) {
         state.dataMapper.entries().map(function (_ref2) {
-          var _ref3 = _slicedToArray$1(_ref2, 2),
+          var _ref3 = _slicedToArray$2(_ref2, 2),
             obj = _ref3[1];
           return obj;
         }).filter(function (o) {
@@ -72999,16 +73002,16 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var pointsAccessor = index$1(state.pathPoints);
-      var pointLatAccessor = index$1(state.pathPointLat);
-      var pointLngAccessor = index$1(state.pathPointLng);
-      var pointAltAccessor = index$1(state.pathPointAlt);
-      var strokeAccessor = index$1(state.pathStroke);
-      var colorAccessor = index$1(state.pathColor);
-      var dashLengthAccessor = index$1(state.pathDashLength);
-      var dashGapAccessor = index$1(state.pathDashGap);
-      var dashInitialGapAccessor = index$1(state.pathDashInitialGap);
-      var dashAnimateTimeAccessor = index$1(state.pathDashAnimateTime);
+      var pointsAccessor = index$2(state.pathPoints);
+      var pointLatAccessor = index$2(state.pathPointLat);
+      var pointLngAccessor = index$2(state.pathPointLng);
+      var pointAltAccessor = index$2(state.pathPointAlt);
+      var strokeAccessor = index$2(state.pathStroke);
+      var colorAccessor = index$2(state.pathColor);
+      var dashLengthAccessor = index$2(state.pathDashLength);
+      var dashGapAccessor = index$2(state.pathDashGap);
+      var dashInitialGapAccessor = index$2(state.pathDashInitialGap);
+      var dashAnimateTimeAccessor = index$2(state.pathDashAnimateTime);
       state.dataMapper.onUpdateObj(function (group, path) {
         var stroke = strokeAccessor(path);
         var useFatLine = stroke !== null && stroke !== undefined;
@@ -73190,7 +73193,7 @@ void main() {
           return result;
         };
         var getVec = function getVec(_ref6) {
-          var _ref7 = _slicedToArray$1(_ref6, 3),
+          var _ref7 = _slicedToArray$2(_ref6, 3),
             lat = _ref7[0],
             lng = _ref7[1],
             alt = _ref7[2];
@@ -73264,7 +73267,7 @@ void main() {
 
   //
 
-  var TilesLayerKapsule = index$2({
+  var TilesLayerKapsule = index$3({
     props: {
       tilesData: {
         "default": []
@@ -73329,14 +73332,14 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var latAccessor = index$1(state.tileLat);
-      var lngAccessor = index$1(state.tileLng);
-      var altitudeAccessor = index$1(state.tileAltitude);
-      var widthAccessor = index$1(state.tileWidth);
-      var heightAccessor = index$1(state.tileHeight);
-      var useGlobeProjectionAccessor = index$1(state.tileUseGlobeProjection);
-      var materialAccessor = index$1(state.tileMaterial);
-      var curvatureResolutionAccessor = index$1(state.tileCurvatureResolution);
+      var latAccessor = index$2(state.tileLat);
+      var lngAccessor = index$2(state.tileLng);
+      var altitudeAccessor = index$2(state.tileAltitude);
+      var widthAccessor = index$2(state.tileWidth);
+      var heightAccessor = index$2(state.tileHeight);
+      var useGlobeProjectionAccessor = index$2(state.tileUseGlobeProjection);
+      var materialAccessor = index$2(state.tileMaterial);
+      var curvatureResolutionAccessor = index$2(state.tileCurvatureResolution);
       state.dataMapper.onUpdateObj(function (obj, d) {
         obj.material = materialAccessor(d); // set material
 
@@ -73408,7 +73411,7 @@ void main() {
 
   //
 
-  var LabelsLayerKapsule = index$2({
+  var LabelsLayerKapsule = index$3({
     props: {
       labelsData: {
         "default": []
@@ -73498,23 +73501,23 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var latAccessor = index$1(state.labelLat);
-      var lngAccessor = index$1(state.labelLng);
-      var altitudeAccessor = index$1(state.labelAltitude);
-      var textAccessor = index$1(state.labelText);
-      var sizeAccessor = index$1(state.labelSize);
-      var rotationAccessor = index$1(state.labelRotation);
-      var colorAccessor = index$1(state.labelColor);
-      var includeDotAccessor = index$1(state.labelIncludeDot);
-      var dotRadiusAccessor = index$1(state.labelDotRadius);
-      var dotOrientationAccessor = index$1(state.labelDotOrientation);
+      var latAccessor = index$2(state.labelLat);
+      var lngAccessor = index$2(state.labelLng);
+      var altitudeAccessor = index$2(state.labelAltitude);
+      var textAccessor = index$2(state.labelText);
+      var sizeAccessor = index$2(state.labelSize);
+      var rotationAccessor = index$2(state.labelRotation);
+      var colorAccessor = index$2(state.labelColor);
+      var includeDotAccessor = index$2(state.labelIncludeDot);
+      var dotRadiusAccessor = index$2(state.labelDotRadius);
+      var dotOrientationAccessor = index$2(state.labelDotOrientation);
       var orientations = new Set(['right', 'top', 'bottom']);
       var pxPerDeg = 2 * Math.PI * GLOBE_RADIUS / 360;
       state.dataMapper.onUpdateObj(function (obj, d) {
-        var _obj$children = _slicedToArray$1(obj.children, 2),
+        var _obj$children = _slicedToArray$2(obj.children, 2),
           dotObj = _obj$children[0],
           textObj = _obj$children[1];
-        var _textObj$children = _slicedToArray$1(textObj.children, 1),
+        var _textObj$children = _slicedToArray$2(textObj.children, 1),
           bbObj = _textObj$children[0];
 
         // update color
@@ -73651,7 +73654,7 @@ void main() {
     Vector3: Vector3
   };
   var FrameTicker = _FrameTicker["default"] || _FrameTicker;
-  var RingsLayerKapsule = index$2({
+  var RingsLayerKapsule = index$3({
     props: {
       ringsData: {
         "default": []
@@ -73727,17 +73730,17 @@ void main() {
         if (!state.ringsData.length) return;
 
         // Data accessors
-        var colorAccessor = index$1(state.ringColor);
-        var altitudeAccessor = index$1(state.ringAltitude);
-        var maxRadiusAccessor = index$1(state.ringMaxRadius);
-        var propagationSpeedAccessor = index$1(state.ringPropagationSpeed);
-        var repeatPeriodAccessor = index$1(state.ringRepeatPeriod);
+        var colorAccessor = index$2(state.ringColor);
+        var altitudeAccessor = index$2(state.ringAltitude);
+        var maxRadiusAccessor = index$2(state.ringMaxRadius);
+        var propagationSpeedAccessor = index$2(state.ringPropagationSpeed);
+        var repeatPeriodAccessor = index$2(state.ringRepeatPeriod);
         state.dataMapper.entries().filter(function (_ref2) {
-          var _ref3 = _slicedToArray$1(_ref2, 2),
+          var _ref3 = _slicedToArray$2(_ref2, 2),
             o = _ref3[1];
           return o;
         }).forEach(function (_ref4) {
-          var _ref5 = _slicedToArray$1(_ref4, 2),
+          var _ref5 = _slicedToArray$2(_ref4, 2),
             d = _ref5[0],
             obj = _ref5[1];
           if ((obj.__nextRingTime || 0) <= time) {
@@ -73806,9 +73809,9 @@ void main() {
     },
     update: function update(state) {
       // Data accessors
-      var latAccessor = index$1(state.ringLat);
-      var lngAccessor = index$1(state.ringLng);
-      var altitudeAccessor = index$1(state.ringAltitude);
+      var latAccessor = index$2(state.ringLat);
+      var lngAccessor = index$2(state.ringLng);
+      var altitudeAccessor = index$2(state.ringAltitude);
       var globeCenter = state.scene.localToWorld(new THREE$3.Vector3(0, 0, 0)); // translate from local to world coords
 
       state.dataMapper.onUpdateObj(function (obj, d) {
@@ -73830,7 +73833,7 @@ void main() {
 
   //
 
-  var HtmlElementsLayerKapsule = index$2({
+  var HtmlElementsLayerKapsule = index$3({
     props: {
       htmlElementsData: {
         "default": []
@@ -73863,7 +73866,7 @@ void main() {
         if (!state.dataMapper) return;
         // default to all if no obj specified
         var objs = obj ? [obj] : state.dataMapper.entries().map(function (_ref) {
-          var _ref2 = _slicedToArray$1(_ref, 2),
+          var _ref2 = _slicedToArray$2(_ref, 2),
             o = _ref2[1];
           return o;
         }).filter(function (d) {
@@ -73886,7 +73889,7 @@ void main() {
       state.dataMapper = new ThreeDigest(threeObj, {
         objBindAttr: '__threeObjHtml'
       }).onCreateObj(function (d) {
-        var elem = index$1(state.htmlElement)(d);
+        var elem = index$2(state.htmlElement)(d);
         var obj = new THREE$2.CSS2DObject(elem);
         obj.__globeObjType = 'html'; // Add object type
 
@@ -73896,9 +73899,9 @@ void main() {
     update: function update(state, changedProps) {
       var _this = this;
       // Data accessors
-      var latAccessor = index$1(state.htmlLat);
-      var lngAccessor = index$1(state.htmlLng);
-      var altitudeAccessor = index$1(state.htmlAltitude);
+      var latAccessor = index$2(state.htmlLat);
+      var lngAccessor = index$2(state.htmlLng);
+      var altitudeAccessor = index$2(state.htmlAltitude);
 
       // objs need to be recreated if this prop has changed
       changedProps.hasOwnProperty('htmlElement') && state.dataMapper.clear();
@@ -73938,7 +73941,7 @@ void main() {
 
   //
 
-  var ObjectsLayerKapsule = index$2({
+  var ObjectsLayerKapsule = index$3({
     props: {
       objectsData: {
         "default": []
@@ -73976,7 +73979,7 @@ void main() {
       state.dataMapper = new ThreeDigest(threeObj, {
         objBindAttr: '__threeObjObject'
       }).onCreateObj(function (d) {
-        var obj = index$1(state.objectThreeObject)(d);
+        var obj = index$2(state.objectThreeObject)(d);
         if (state.objectThreeObject === obj) {
           // clone object if it's a shared object among all points
           obj = obj.clone();
@@ -73990,11 +73993,11 @@ void main() {
     },
     update: function update(state, changedProps) {
       // Data accessors
-      var latAccessor = index$1(state.objectLat);
-      var lngAccessor = index$1(state.objectLng);
-      var altitudeAccessor = index$1(state.objectAltitude);
-      var parallelAccessor = index$1(state.objectFacesSurface);
-      var rotationAccessor = index$1(state.objectRotation);
+      var latAccessor = index$2(state.objectLat);
+      var lngAccessor = index$2(state.objectLng);
+      var altitudeAccessor = index$2(state.objectAltitude);
+      var parallelAccessor = index$2(state.objectFacesSurface);
+      var rotationAccessor = index$2(state.objectRotation);
 
       // objs need to be recreated if this prop has changed
       changedProps.hasOwnProperty('objectThreeObject') && state.dataMapper.clear();
@@ -74013,7 +74016,7 @@ void main() {
 
   //
 
-  var CustomLayerKapsule = index$2({
+  var CustomLayerKapsule = index$3({
     props: {
       customLayerData: {
         "default": []
@@ -74032,7 +74035,7 @@ void main() {
       state.dataMapper = new ThreeDigest(threeObj, {
         objBindAttr: '__threeObjCustom'
       }).onCreateObj(function (d) {
-        var obj = index$1(state.customThreeObject)(d, GLOBE_RADIUS);
+        var obj = index$2(state.customThreeObject)(d, GLOBE_RADIUS);
         if (obj) {
           if (state.customThreeObject === obj) {
             // clone object if it's a shared object among all points
@@ -74048,7 +74051,7 @@ void main() {
         emptyObject(state.scene);
       } // Clear the existing objects to create all new, if there's no update method (brute-force)
 
-      var customObjectUpdateAccessor = index$1(state.customThreeObjectUpdate);
+      var customObjectUpdateAccessor = index$2(state.customThreeObjectUpdate);
 
       // objs need to be recreated if this prop has changed
       changedProps.hasOwnProperty('customThreeObject') && state.dataMapper.clear();
@@ -74135,7 +74138,7 @@ void main() {
 
   //
 
-  var Globe = index$2({
+  var Globe = index$3({
     props: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
       onGlobeReady: {
         triggerUpdate: false
@@ -80334,16 +80337,16 @@ void main() {
    * @param {Node?} [elseNode=null] - The node that is evaluate when the condition ends up `false`.
    * @returns {ConditionalNode}
    */
-  const select = /*@__PURE__*/ nodeProxy( ConditionalNode );
+  const select$1 = /*@__PURE__*/ nodeProxy( ConditionalNode );
 
-  addMethodChaining( 'select', select );
+  addMethodChaining( 'select', select$1 );
 
   //
 
   const cond = ( ...params ) => { // @deprecated, r168
 
   	console.warn( 'TSL.ConditionalNode: cond() has been renamed to select().' );
-  	return select( ...params );
+  	return select$1( ...params );
 
   };
 
@@ -82439,7 +82442,7 @@ void main() {
    * @param {ConditionalNode?} conditional - An optional conditional node. It allows to decide whether the discard should be executed or not.
    * @return {Node} The `discard` expression.
    */
-  const Discard = ( conditional ) => ( conditional ? select( conditional, expression( 'discard' ) ) : expression( 'discard' ) ).append();
+  const Discard = ( conditional ) => ( conditional ? select$1( conditional, expression( 'discard' ) ) : expression( 'discard' ) ).append();
 
   addMethodChaining( 'discard', Discard );
 
@@ -92255,19 +92258,19 @@ void main() {
 
   	const r2 = roughness.pow2();
 
-  	const a = select(
+  	const a = select$1(
   		roughness.lessThan( 0.25 ),
   		float( -339.2 ).mul( r2 ).add( float( 161.4 ).mul( roughness ) ).sub( 25.9 ),
   		float( -8.48 ).mul( r2 ).add( float( 14.3 ).mul( roughness ) ).sub( 9.95 )
   	);
 
-  	const b = select(
+  	const b = select$1(
   		roughness.lessThan( 0.25 ),
   		float( 44.0 ).mul( r2 ).sub( float( 23.7 ).mul( roughness ) ).add( 3.26 ),
   		float( 1.97 ).mul( r2 ).sub( float( 3.27 ).mul( roughness ) ).add( 0.72 )
   	);
 
-  	const DG = select( roughness.lessThan( 0.25 ), 0.0, float( 0.1 ).mul( roughness ).sub( 0.025 ) ).add( a.mul( dotNV ).add( b ).exp() );
+  	const DG = select$1( roughness.lessThan( 0.25 ), 0.0, float( 0.1 ).mul( roughness ).sub( 0.025 ) ).add( a.mul( dotNV ).add( b ).exp() );
 
   	return DG.mul( 1.0 / Math.PI ).saturate();
 
@@ -92759,11 +92762,11 @@ void main() {
 
   		If( absDirection.x.greaterThan( absDirection.y ), () => {
 
-  			face.assign( select( direction.x.greaterThan( 0.0 ), 0.0, 3.0 ) );
+  			face.assign( select$1( direction.x.greaterThan( 0.0 ), 0.0, 3.0 ) );
 
   		} ).Else( () => {
 
-  			face.assign( select( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
+  			face.assign( select$1( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
 
   		} );
 
@@ -92771,11 +92774,11 @@ void main() {
 
   		If( absDirection.z.greaterThan( absDirection.y ), () => {
 
-  			face.assign( select( direction.z.greaterThan( 0.0 ), 2.0, 5.0 ) );
+  			face.assign( select$1( direction.z.greaterThan( 0.0 ), 2.0, 5.0 ) );
 
   		} ).Else( () => {
 
-  			face.assign( select( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
+  			face.assign( select$1( direction.y.greaterThan( 0.0 ), 1.0, 4.0 ) );
 
   		} );
 
@@ -92982,7 +92985,7 @@ void main() {
 
   const blur = /*@__PURE__*/ Fn( ( { n, latitudinal, poleAxis, outputDirection, weights, samples, dTheta, mipInt, envMap, CUBEUV_TEXEL_WIDTH, CUBEUV_TEXEL_HEIGHT, CUBEUV_MAX_MIP } ) => {
 
-  	const axis = vec3( select( latitudinal, poleAxis, cross( poleAxis, outputDirection ) ) ).toVar();
+  	const axis = vec3( select$1( latitudinal, poleAxis, cross( poleAxis, outputDirection ) ) ).toVar();
 
   	If( all( axis.equals( vec3( 0.0 ) ) ), () => {
 
@@ -99277,7 +99280,7 @@ void main() {
   	If( boolNode, method ) {
 
   		const methodNode = new ShaderNode( method );
-  		this._currentCond = select( boolNode, methodNode );
+  		this._currentCond = select$1( boolNode, methodNode );
 
   		return this.add( this._currentCond );
 
@@ -99293,7 +99296,7 @@ void main() {
   	ElseIf( boolNode, method ) {
 
   		const methodNode = new ShaderNode( method );
-  		const ifNode = select( boolNode, methodNode );
+  		const ifNode = select$1( boolNode, methodNode );
 
   		this._currentCond.elseNode = ifNode;
   		this._currentCond = ifNode;
@@ -100446,7 +100449,7 @@ void main() {
   	color = color.mul( exposure );
 
   	const x = min$1( color.r, min$1( color.g, color.b ) );
-  	const offset = select( x.lessThan( 0.08 ), x.sub( mul( 6.25, x.mul( x ) ) ), 0.04 );
+  	const offset = select$1( x.lessThan( 0.08 ), x.sub( mul( 6.25, x.mul( x ) ) ), 0.04 );
 
   	color.subAssign( offset );
 
@@ -132651,6 +132654,1083 @@ var<${access}> ${name} : ${structName};`;
   // prettier-ignore
   curry /* ::<number | string, string, string> */(transparentize);
 
+  var xhtml = "http://www.w3.org/1999/xhtml";
+
+  var namespaces = {
+    svg: "http://www.w3.org/2000/svg",
+    xhtml: xhtml,
+    xlink: "http://www.w3.org/1999/xlink",
+    xml: "http://www.w3.org/XML/1998/namespace",
+    xmlns: "http://www.w3.org/2000/xmlns/"
+  };
+
+  function namespace(name) {
+    var prefix = name += "", i = prefix.indexOf(":");
+    if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1);
+    return namespaces.hasOwnProperty(prefix) ? {space: namespaces[prefix], local: name} : name; // eslint-disable-line no-prototype-builtins
+  }
+
+  function creatorInherit(name) {
+    return function() {
+      var document = this.ownerDocument,
+          uri = this.namespaceURI;
+      return uri === xhtml && document.documentElement.namespaceURI === xhtml
+          ? document.createElement(name)
+          : document.createElementNS(uri, name);
+    };
+  }
+
+  function creatorFixed(fullname) {
+    return function() {
+      return this.ownerDocument.createElementNS(fullname.space, fullname.local);
+    };
+  }
+
+  function creator(name) {
+    var fullname = namespace(name);
+    return (fullname.local
+        ? creatorFixed
+        : creatorInherit)(fullname);
+  }
+
+  function none() {}
+
+  function selector(selector) {
+    return selector == null ? none : function() {
+      return this.querySelector(selector);
+    };
+  }
+
+  function selection_select(select) {
+    if (typeof select !== "function") select = selector(select);
+
+    for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+      for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
+        if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {
+          if ("__data__" in node) subnode.__data__ = node.__data__;
+          subgroup[i] = subnode;
+        }
+      }
+    }
+
+    return new Selection(subgroups, this._parents);
+  }
+
+  // Given something array like (or null), returns something that is strictly an
+  // array. This is used to ensure that array-like objects passed to d3.selectAll
+  // or selection.selectAll are converted into proper arrays when creating a
+  // selection; we don’t ever want to create a selection backed by a live
+  // HTMLCollection or NodeList. However, note that selection.selectAll will use a
+  // static NodeList as a group, since it safely derived from querySelectorAll.
+  function array(x) {
+    return x == null ? [] : Array.isArray(x) ? x : Array.from(x);
+  }
+
+  function empty() {
+    return [];
+  }
+
+  function selectorAll(selector) {
+    return selector == null ? empty : function() {
+      return this.querySelectorAll(selector);
+    };
+  }
+
+  function arrayAll(select) {
+    return function() {
+      return array(select.apply(this, arguments));
+    };
+  }
+
+  function selection_selectAll(select) {
+    if (typeof select === "function") select = arrayAll(select);
+    else select = selectorAll(select);
+
+    for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+      for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
+        if (node = group[i]) {
+          subgroups.push(select.call(node, node.__data__, i, group));
+          parents.push(node);
+        }
+      }
+    }
+
+    return new Selection(subgroups, parents);
+  }
+
+  function matcher(selector) {
+    return function() {
+      return this.matches(selector);
+    };
+  }
+
+  function childMatcher(selector) {
+    return function(node) {
+      return node.matches(selector);
+    };
+  }
+
+  var find = Array.prototype.find;
+
+  function childFind(match) {
+    return function() {
+      return find.call(this.children, match);
+    };
+  }
+
+  function childFirst() {
+    return this.firstElementChild;
+  }
+
+  function selection_selectChild(match) {
+    return this.select(match == null ? childFirst
+        : childFind(typeof match === "function" ? match : childMatcher(match)));
+  }
+
+  var filter = Array.prototype.filter;
+
+  function children() {
+    return Array.from(this.children);
+  }
+
+  function childrenFilter(match) {
+    return function() {
+      return filter.call(this.children, match);
+    };
+  }
+
+  function selection_selectChildren(match) {
+    return this.selectAll(match == null ? children
+        : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
+  }
+
+  function selection_filter(match) {
+    if (typeof match !== "function") match = matcher(match);
+
+    for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+      for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
+        if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
+          subgroup.push(node);
+        }
+      }
+    }
+
+    return new Selection(subgroups, this._parents);
+  }
+
+  function sparse(update) {
+    return new Array(update.length);
+  }
+
+  function selection_enter() {
+    return new Selection(this._enter || this._groups.map(sparse), this._parents);
+  }
+
+  function EnterNode(parent, datum) {
+    this.ownerDocument = parent.ownerDocument;
+    this.namespaceURI = parent.namespaceURI;
+    this._next = null;
+    this._parent = parent;
+    this.__data__ = datum;
+  }
+
+  EnterNode.prototype = {
+    constructor: EnterNode,
+    appendChild: function(child) { return this._parent.insertBefore(child, this._next); },
+    insertBefore: function(child, next) { return this._parent.insertBefore(child, next); },
+    querySelector: function(selector) { return this._parent.querySelector(selector); },
+    querySelectorAll: function(selector) { return this._parent.querySelectorAll(selector); }
+  };
+
+  function constant(x) {
+    return function() {
+      return x;
+    };
+  }
+
+  function bindIndex(parent, group, enter, update, exit, data) {
+    var i = 0,
+        node,
+        groupLength = group.length,
+        dataLength = data.length;
+
+    // Put any non-null nodes that fit into update.
+    // Put any null nodes into enter.
+    // Put any remaining data into enter.
+    for (; i < dataLength; ++i) {
+      if (node = group[i]) {
+        node.__data__ = data[i];
+        update[i] = node;
+      } else {
+        enter[i] = new EnterNode(parent, data[i]);
+      }
+    }
+
+    // Put any non-null nodes that don’t fit into exit.
+    for (; i < groupLength; ++i) {
+      if (node = group[i]) {
+        exit[i] = node;
+      }
+    }
+  }
+
+  function bindKey(parent, group, enter, update, exit, data, key) {
+    var i,
+        node,
+        nodeByKeyValue = new Map,
+        groupLength = group.length,
+        dataLength = data.length,
+        keyValues = new Array(groupLength),
+        keyValue;
+
+    // Compute the key for each node.
+    // If multiple nodes have the same key, the duplicates are added to exit.
+    for (i = 0; i < groupLength; ++i) {
+      if (node = group[i]) {
+        keyValues[i] = keyValue = key.call(node, node.__data__, i, group) + "";
+        if (nodeByKeyValue.has(keyValue)) {
+          exit[i] = node;
+        } else {
+          nodeByKeyValue.set(keyValue, node);
+        }
+      }
+    }
+
+    // Compute the key for each datum.
+    // If there a node associated with this key, join and add it to update.
+    // If there is not (or the key is a duplicate), add it to enter.
+    for (i = 0; i < dataLength; ++i) {
+      keyValue = key.call(parent, data[i], i, data) + "";
+      if (node = nodeByKeyValue.get(keyValue)) {
+        update[i] = node;
+        node.__data__ = data[i];
+        nodeByKeyValue.delete(keyValue);
+      } else {
+        enter[i] = new EnterNode(parent, data[i]);
+      }
+    }
+
+    // Add any remaining nodes that were not bound to data to exit.
+    for (i = 0; i < groupLength; ++i) {
+      if ((node = group[i]) && (nodeByKeyValue.get(keyValues[i]) === node)) {
+        exit[i] = node;
+      }
+    }
+  }
+
+  function datum(node) {
+    return node.__data__;
+  }
+
+  function selection_data(value, key) {
+    if (!arguments.length) return Array.from(this, datum);
+
+    var bind = key ? bindKey : bindIndex,
+        parents = this._parents,
+        groups = this._groups;
+
+    if (typeof value !== "function") value = constant(value);
+
+    for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
+      var parent = parents[j],
+          group = groups[j],
+          groupLength = group.length,
+          data = arraylike(value.call(parent, parent && parent.__data__, j, parents)),
+          dataLength = data.length,
+          enterGroup = enter[j] = new Array(dataLength),
+          updateGroup = update[j] = new Array(dataLength),
+          exitGroup = exit[j] = new Array(groupLength);
+
+      bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
+
+      // Now connect the enter nodes to their following update node, such that
+      // appendChild can insert the materialized enter node before this node,
+      // rather than at the end of the parent node.
+      for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
+        if (previous = enterGroup[i0]) {
+          if (i0 >= i1) i1 = i0 + 1;
+          while (!(next = updateGroup[i1]) && ++i1 < dataLength);
+          previous._next = next || null;
+        }
+      }
+    }
+
+    update = new Selection(update, parents);
+    update._enter = enter;
+    update._exit = exit;
+    return update;
+  }
+
+  // Given some data, this returns an array-like view of it: an object that
+  // exposes a length property and allows numeric indexing. Note that unlike
+  // selectAll, this isn’t worried about “live” collections because the resulting
+  // array will only be used briefly while data is being bound. (It is possible to
+  // cause the data to change while iterating by using a key function, but please
+  // don’t; we’d rather avoid a gratuitous copy.)
+  function arraylike(data) {
+    return typeof data === "object" && "length" in data
+      ? data // Array, TypedArray, NodeList, array-like
+      : Array.from(data); // Map, Set, iterable, string, or anything else
+  }
+
+  function selection_exit() {
+    return new Selection(this._exit || this._groups.map(sparse), this._parents);
+  }
+
+  function selection_join(onenter, onupdate, onexit) {
+    var enter = this.enter(), update = this, exit = this.exit();
+    if (typeof onenter === "function") {
+      enter = onenter(enter);
+      if (enter) enter = enter.selection();
+    } else {
+      enter = enter.append(onenter + "");
+    }
+    if (onupdate != null) {
+      update = onupdate(update);
+      if (update) update = update.selection();
+    }
+    if (onexit == null) exit.remove(); else onexit(exit);
+    return enter && update ? enter.merge(update).order() : update;
+  }
+
+  function selection_merge(context) {
+    var selection = context.selection ? context.selection() : context;
+
+    for (var groups0 = this._groups, groups1 = selection._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+      for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
+        if (node = group0[i] || group1[i]) {
+          merge[i] = node;
+        }
+      }
+    }
+
+    for (; j < m0; ++j) {
+      merges[j] = groups0[j];
+    }
+
+    return new Selection(merges, this._parents);
+  }
+
+  function selection_order() {
+
+    for (var groups = this._groups, j = -1, m = groups.length; ++j < m;) {
+      for (var group = groups[j], i = group.length - 1, next = group[i], node; --i >= 0;) {
+        if (node = group[i]) {
+          if (next && node.compareDocumentPosition(next) ^ 4) next.parentNode.insertBefore(node, next);
+          next = node;
+        }
+      }
+    }
+
+    return this;
+  }
+
+  function selection_sort(compare) {
+    if (!compare) compare = ascending;
+
+    function compareNode(a, b) {
+      return a && b ? compare(a.__data__, b.__data__) : !a - !b;
+    }
+
+    for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
+      for (var group = groups[j], n = group.length, sortgroup = sortgroups[j] = new Array(n), node, i = 0; i < n; ++i) {
+        if (node = group[i]) {
+          sortgroup[i] = node;
+        }
+      }
+      sortgroup.sort(compareNode);
+    }
+
+    return new Selection(sortgroups, this._parents).order();
+  }
+
+  function ascending(a, b) {
+    return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+  }
+
+  function selection_call() {
+    var callback = arguments[0];
+    arguments[0] = this;
+    callback.apply(null, arguments);
+    return this;
+  }
+
+  function selection_nodes() {
+    return Array.from(this);
+  }
+
+  function selection_node() {
+
+    for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+      for (var group = groups[j], i = 0, n = group.length; i < n; ++i) {
+        var node = group[i];
+        if (node) return node;
+      }
+    }
+
+    return null;
+  }
+
+  function selection_size() {
+    let size = 0;
+    for (const node of this) ++size; // eslint-disable-line no-unused-vars
+    return size;
+  }
+
+  function selection_empty() {
+    return !this.node();
+  }
+
+  function selection_each(callback) {
+
+    for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+      for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
+        if (node = group[i]) callback.call(node, node.__data__, i, group);
+      }
+    }
+
+    return this;
+  }
+
+  function attrRemove(name) {
+    return function() {
+      this.removeAttribute(name);
+    };
+  }
+
+  function attrRemoveNS(fullname) {
+    return function() {
+      this.removeAttributeNS(fullname.space, fullname.local);
+    };
+  }
+
+  function attrConstant(name, value) {
+    return function() {
+      this.setAttribute(name, value);
+    };
+  }
+
+  function attrConstantNS(fullname, value) {
+    return function() {
+      this.setAttributeNS(fullname.space, fullname.local, value);
+    };
+  }
+
+  function attrFunction(name, value) {
+    return function() {
+      var v = value.apply(this, arguments);
+      if (v == null) this.removeAttribute(name);
+      else this.setAttribute(name, v);
+    };
+  }
+
+  function attrFunctionNS(fullname, value) {
+    return function() {
+      var v = value.apply(this, arguments);
+      if (v == null) this.removeAttributeNS(fullname.space, fullname.local);
+      else this.setAttributeNS(fullname.space, fullname.local, v);
+    };
+  }
+
+  function selection_attr(name, value) {
+    var fullname = namespace(name);
+
+    if (arguments.length < 2) {
+      var node = this.node();
+      return fullname.local
+          ? node.getAttributeNS(fullname.space, fullname.local)
+          : node.getAttribute(fullname);
+    }
+
+    return this.each((value == null
+        ? (fullname.local ? attrRemoveNS : attrRemove) : (typeof value === "function"
+        ? (fullname.local ? attrFunctionNS : attrFunction)
+        : (fullname.local ? attrConstantNS : attrConstant)))(fullname, value));
+  }
+
+  function defaultView(node) {
+    return (node.ownerDocument && node.ownerDocument.defaultView) // node is a Node
+        || (node.document && node) // node is a Window
+        || node.defaultView; // node is a Document
+  }
+
+  function styleRemove(name) {
+    return function() {
+      this.style.removeProperty(name);
+    };
+  }
+
+  function styleConstant(name, value, priority) {
+    return function() {
+      this.style.setProperty(name, value, priority);
+    };
+  }
+
+  function styleFunction(name, value, priority) {
+    return function() {
+      var v = value.apply(this, arguments);
+      if (v == null) this.style.removeProperty(name);
+      else this.style.setProperty(name, v, priority);
+    };
+  }
+
+  function selection_style(name, value, priority) {
+    return arguments.length > 1
+        ? this.each((value == null
+              ? styleRemove : typeof value === "function"
+              ? styleFunction
+              : styleConstant)(name, value, priority == null ? "" : priority))
+        : styleValue(this.node(), name);
+  }
+
+  function styleValue(node, name) {
+    return node.style.getPropertyValue(name)
+        || defaultView(node).getComputedStyle(node, null).getPropertyValue(name);
+  }
+
+  function propertyRemove(name) {
+    return function() {
+      delete this[name];
+    };
+  }
+
+  function propertyConstant(name, value) {
+    return function() {
+      this[name] = value;
+    };
+  }
+
+  function propertyFunction(name, value) {
+    return function() {
+      var v = value.apply(this, arguments);
+      if (v == null) delete this[name];
+      else this[name] = v;
+    };
+  }
+
+  function selection_property(name, value) {
+    return arguments.length > 1
+        ? this.each((value == null
+            ? propertyRemove : typeof value === "function"
+            ? propertyFunction
+            : propertyConstant)(name, value))
+        : this.node()[name];
+  }
+
+  function classArray(string) {
+    return string.trim().split(/^|\s+/);
+  }
+
+  function classList(node) {
+    return node.classList || new ClassList(node);
+  }
+
+  function ClassList(node) {
+    this._node = node;
+    this._names = classArray(node.getAttribute("class") || "");
+  }
+
+  ClassList.prototype = {
+    add: function(name) {
+      var i = this._names.indexOf(name);
+      if (i < 0) {
+        this._names.push(name);
+        this._node.setAttribute("class", this._names.join(" "));
+      }
+    },
+    remove: function(name) {
+      var i = this._names.indexOf(name);
+      if (i >= 0) {
+        this._names.splice(i, 1);
+        this._node.setAttribute("class", this._names.join(" "));
+      }
+    },
+    contains: function(name) {
+      return this._names.indexOf(name) >= 0;
+    }
+  };
+
+  function classedAdd(node, names) {
+    var list = classList(node), i = -1, n = names.length;
+    while (++i < n) list.add(names[i]);
+  }
+
+  function classedRemove(node, names) {
+    var list = classList(node), i = -1, n = names.length;
+    while (++i < n) list.remove(names[i]);
+  }
+
+  function classedTrue(names) {
+    return function() {
+      classedAdd(this, names);
+    };
+  }
+
+  function classedFalse(names) {
+    return function() {
+      classedRemove(this, names);
+    };
+  }
+
+  function classedFunction(names, value) {
+    return function() {
+      (value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);
+    };
+  }
+
+  function selection_classed(name, value) {
+    var names = classArray(name + "");
+
+    if (arguments.length < 2) {
+      var list = classList(this.node()), i = -1, n = names.length;
+      while (++i < n) if (!list.contains(names[i])) return false;
+      return true;
+    }
+
+    return this.each((typeof value === "function"
+        ? classedFunction : value
+        ? classedTrue
+        : classedFalse)(names, value));
+  }
+
+  function textRemove() {
+    this.textContent = "";
+  }
+
+  function textConstant(value) {
+    return function() {
+      this.textContent = value;
+    };
+  }
+
+  function textFunction(value) {
+    return function() {
+      var v = value.apply(this, arguments);
+      this.textContent = v == null ? "" : v;
+    };
+  }
+
+  function selection_text(value) {
+    return arguments.length
+        ? this.each(value == null
+            ? textRemove : (typeof value === "function"
+            ? textFunction
+            : textConstant)(value))
+        : this.node().textContent;
+  }
+
+  function htmlRemove() {
+    this.innerHTML = "";
+  }
+
+  function htmlConstant(value) {
+    return function() {
+      this.innerHTML = value;
+    };
+  }
+
+  function htmlFunction(value) {
+    return function() {
+      var v = value.apply(this, arguments);
+      this.innerHTML = v == null ? "" : v;
+    };
+  }
+
+  function selection_html(value) {
+    return arguments.length
+        ? this.each(value == null
+            ? htmlRemove : (typeof value === "function"
+            ? htmlFunction
+            : htmlConstant)(value))
+        : this.node().innerHTML;
+  }
+
+  function raise() {
+    if (this.nextSibling) this.parentNode.appendChild(this);
+  }
+
+  function selection_raise() {
+    return this.each(raise);
+  }
+
+  function lower() {
+    if (this.previousSibling) this.parentNode.insertBefore(this, this.parentNode.firstChild);
+  }
+
+  function selection_lower() {
+    return this.each(lower);
+  }
+
+  function selection_append(name) {
+    var create = typeof name === "function" ? name : creator(name);
+    return this.select(function() {
+      return this.appendChild(create.apply(this, arguments));
+    });
+  }
+
+  function constantNull() {
+    return null;
+  }
+
+  function selection_insert(name, before) {
+    var create = typeof name === "function" ? name : creator(name),
+        select = before == null ? constantNull : typeof before === "function" ? before : selector(before);
+    return this.select(function() {
+      return this.insertBefore(create.apply(this, arguments), select.apply(this, arguments) || null);
+    });
+  }
+
+  function remove() {
+    var parent = this.parentNode;
+    if (parent) parent.removeChild(this);
+  }
+
+  function selection_remove() {
+    return this.each(remove);
+  }
+
+  function selection_cloneShallow() {
+    var clone = this.cloneNode(false), parent = this.parentNode;
+    return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+  }
+
+  function selection_cloneDeep() {
+    var clone = this.cloneNode(true), parent = this.parentNode;
+    return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+  }
+
+  function selection_clone(deep) {
+    return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
+  }
+
+  function selection_datum(value) {
+    return arguments.length
+        ? this.property("__data__", value)
+        : this.node().__data__;
+  }
+
+  function contextListener(listener) {
+    return function(event) {
+      listener.call(this, event, this.__data__);
+    };
+  }
+
+  function parseTypenames(typenames) {
+    return typenames.trim().split(/^|\s+/).map(function(t) {
+      var name = "", i = t.indexOf(".");
+      if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);
+      return {type: t, name: name};
+    });
+  }
+
+  function onRemove(typename) {
+    return function() {
+      var on = this.__on;
+      if (!on) return;
+      for (var j = 0, i = -1, m = on.length, o; j < m; ++j) {
+        if (o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name) {
+          this.removeEventListener(o.type, o.listener, o.options);
+        } else {
+          on[++i] = o;
+        }
+      }
+      if (++i) on.length = i;
+      else delete this.__on;
+    };
+  }
+
+  function onAdd(typename, value, options) {
+    return function() {
+      var on = this.__on, o, listener = contextListener(value);
+      if (on) for (var j = 0, m = on.length; j < m; ++j) {
+        if ((o = on[j]).type === typename.type && o.name === typename.name) {
+          this.removeEventListener(o.type, o.listener, o.options);
+          this.addEventListener(o.type, o.listener = listener, o.options = options);
+          o.value = value;
+          return;
+        }
+      }
+      this.addEventListener(typename.type, listener, options);
+      o = {type: typename.type, name: typename.name, value: value, listener: listener, options: options};
+      if (!on) this.__on = [o];
+      else on.push(o);
+    };
+  }
+
+  function selection_on(typename, value, options) {
+    var typenames = parseTypenames(typename + ""), i, n = typenames.length, t;
+
+    if (arguments.length < 2) {
+      var on = this.node().__on;
+      if (on) for (var j = 0, m = on.length, o; j < m; ++j) {
+        for (i = 0, o = on[j]; i < n; ++i) {
+          if ((t = typenames[i]).type === o.type && t.name === o.name) {
+            return o.value;
+          }
+        }
+      }
+      return;
+    }
+
+    on = value ? onAdd : onRemove;
+    for (i = 0; i < n; ++i) this.each(on(typenames[i], value, options));
+    return this;
+  }
+
+  function dispatchEvent(node, type, params) {
+    var window = defaultView(node),
+        event = window.CustomEvent;
+
+    if (typeof event === "function") {
+      event = new event(type, params);
+    } else {
+      event = window.document.createEvent("Event");
+      if (params) event.initEvent(type, params.bubbles, params.cancelable), event.detail = params.detail;
+      else event.initEvent(type, false, false);
+    }
+
+    node.dispatchEvent(event);
+  }
+
+  function dispatchConstant(type, params) {
+    return function() {
+      return dispatchEvent(this, type, params);
+    };
+  }
+
+  function dispatchFunction(type, params) {
+    return function() {
+      return dispatchEvent(this, type, params.apply(this, arguments));
+    };
+  }
+
+  function selection_dispatch(type, params) {
+    return this.each((typeof params === "function"
+        ? dispatchFunction
+        : dispatchConstant)(type, params));
+  }
+
+  function* selection_iterator() {
+    for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+      for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
+        if (node = group[i]) yield node;
+      }
+    }
+  }
+
+  var root = [null];
+
+  function Selection(groups, parents) {
+    this._groups = groups;
+    this._parents = parents;
+  }
+
+  function selection_selection() {
+    return this;
+  }
+
+  Selection.prototype = {
+    constructor: Selection,
+    select: selection_select,
+    selectAll: selection_selectAll,
+    selectChild: selection_selectChild,
+    selectChildren: selection_selectChildren,
+    filter: selection_filter,
+    data: selection_data,
+    enter: selection_enter,
+    exit: selection_exit,
+    join: selection_join,
+    merge: selection_merge,
+    selection: selection_selection,
+    order: selection_order,
+    sort: selection_sort,
+    call: selection_call,
+    nodes: selection_nodes,
+    node: selection_node,
+    size: selection_size,
+    empty: selection_empty,
+    each: selection_each,
+    attr: selection_attr,
+    style: selection_style,
+    property: selection_property,
+    classed: selection_classed,
+    text: selection_text,
+    html: selection_html,
+    raise: selection_raise,
+    lower: selection_lower,
+    append: selection_append,
+    insert: selection_insert,
+    remove: selection_remove,
+    clone: selection_clone,
+    datum: selection_datum,
+    on: selection_on,
+    dispatch: selection_dispatch,
+    [Symbol.iterator]: selection_iterator
+  };
+
+  function select(selector) {
+    return typeof selector === "string"
+        ? new Selection([[document.querySelector(selector)]], [document.documentElement])
+        : new Selection([[selector]], root);
+  }
+
+  function sourceEvent(event) {
+    let sourceEvent;
+    while (sourceEvent = event.sourceEvent) event = sourceEvent;
+    return event;
+  }
+
+  function pointer(event, node) {
+    event = sourceEvent(event);
+    if (node === undefined) node = event.currentTarget;
+    if (node) {
+      var svg = node.ownerSVGElement || node;
+      if (svg.createSVGPoint) {
+        var point = svg.createSVGPoint();
+        point.x = event.clientX, point.y = event.clientY;
+        point = point.matrixTransform(node.getScreenCTM().inverse());
+        return [point.x, point.y];
+      }
+      if (node.getBoundingClientRect) {
+        var rect = node.getBoundingClientRect();
+        return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
+      }
+    }
+    return [event.pageX, event.pageY];
+  }
+
+  function _arrayLikeToArray$1(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithHoles$1(r) {
+    if (Array.isArray(r)) return r;
+  }
+  function _iterableToArrayLimit$1(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = true,
+        o = false;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = true, n = r;
+      } finally {
+        try {
+          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+  function _nonIterableRest$1() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _slicedToArray$1(r, e) {
+    return _arrayWithHoles$1(r) || _iterableToArrayLimit$1(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest$1();
+  }
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+  function _unsupportedIterableToArray$1(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : undefined;
+    }
+  }
+
+  function styleInject$1(css, ref) {
+    if (ref === undefined) ref = {};
+    var insertAt = ref.insertAt;
+    if (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);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      head.appendChild(style);
+    }
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+  }
+
+  var css_248z$1 = ".float-tooltip-kap {\n  position: absolute;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font: 12px sans-serif;\n  color: #eee;\n  background: rgba(0,0,0,0.6);\n  pointer-events: none;\n}\n";
+  styleInject$1(css_248z$1);
+
+  var index = index$3({
+    props: {
+      content: {
+        "default": false
+      }
+    },
+    init: function init(domNode, state) {
+      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref$style = _ref.style,
+        style = _ref$style === undefined ? {} : _ref$style;
+      var isD3Selection = !!domNode && _typeof(domNode) === 'object' && !!domNode.node && typeof domNode.node === 'function';
+      var el = select(isD3Selection ? domNode.node() : domNode);
+      state.tooltipEl = el.append('div').attr('class', 'float-tooltip-kap');
+      Object.entries(style).forEach(function (_ref2) {
+        var _ref3 = _slicedToArray$1(_ref2, 2),
+          k = _ref3[0],
+          v = _ref3[1];
+        return state.tooltipEl.style(k, v);
+      });
+      state.tooltipEl // start off-screen
+      .style('left', '-100000px').style('display', 'none');
+      state.mouseInside = false;
+      el.on('mousemove.tooltip', function (ev) {
+        state.mouseInside = true;
+        var mousePos = pointer(ev);
+        var domNode = el.node();
+        var canvasWidth = domNode.offsetWidth;
+        var canvasHeight = domNode.offsetHeight;
+        state.tooltipEl.style('left', mousePos[0] + 'px').style('top', mousePos[1] + 'px')
+        // adjust horizontal position to not exceed canvas boundaries
+        .style('transform', "translate(-".concat(mousePos[0] / canvasWidth * 100, "%, ").concat(
+        // flip to above if near bottom
+        canvasHeight - mousePos[1] < 100 ? 'calc(-100% - 6px)' : '21px', ")"));
+      });
+      el.on('mouseover.tooltip', function () {
+        state.mouseInside = true;
+        state.content && state.tooltipEl.style('display', 'inline');
+      });
+      el.on('mouseout.tooltip', function () {
+        state.mouseInside = false;
+        state.tooltipEl.style('display', 'none');
+      });
+    },
+    update: function update(state) {
+      state.tooltipEl.style('display', !!state.content && state.mouseInside ? 'inline' : 'none');
+      state.tooltipEl.html(state.content || '');
+    }
+  });
+
   function styleInject(css, ref) {
     if (ref === undefined) ref = {};
     var insertAt = ref.insertAt;
@@ -132676,7 +133756,7 @@ var<${access}> ${name} : ${structName};`;
     }
   }
 
-  var css_248z = ".scene-nav-info {\n  bottom: 5px;\n  width: 100%;\n  text-align: center;\n  color: slategrey;\n  opacity: 0.7;\n  font-size: 10px;\n}\n\n.scene-tooltip {\n  top: 0;\n  color: lavender;\n  font-size: 15px;\n}\n\n.scene-nav-info, .scene-tooltip {\n  position: absolute;\n  font-family: sans-serif;\n  pointer-events: none;\n  user-select: none;\n}\n\n.scene-container canvas:focus {\n  outline: none;\n}";
+  var css_248z = ".scene-nav-info {\n  bottom: 5px;\n  width: 100%;\n  text-align: center;\n  color: slategrey;\n  opacity: 0.7;\n  font-size: 10px;\n}\n\n.scene-tooltip {\n  top: 0;\n  color: lavender;\n  font-size: 15px;\n  background: rgba(0,0,0,0.5);\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.scene-nav-info, .scene-tooltip {\n  position: absolute;\n  font-family: sans-serif;\n  pointer-events: none;\n  user-select: none;\n}\n\n.scene-container canvas:focus {\n  outline: none;\n}";
   styleInject(css_248z);
 
   function _arrayLikeToArray(r, a) {
@@ -132781,7 +133861,7 @@ var<${access}> ${name} : ${structName};`;
     Spherical: Spherical,
     Clock: Clock
   };
-  var threeRenderObjects = index$2({
+  var threeRenderObjects = index$3({
     props: {
       width: {
         "default": window.innerWidth,
@@ -132817,7 +133897,7 @@ var<${access}> ${name} : ${structName};`;
         onChange: function onChange(_, state) {
           // Reset hover state
           state.hoverObj = null;
-          if (state.toolTipElem) state.toolTipElem.innerHTML = '';
+          state.tooltip && state.tooltip.content(null);
         },
         triggerUpdate: false
       },
@@ -132887,7 +133967,7 @@ var<${access}> ${name} : ${structName};`;
             }
             if (topObject !== state.hoverObj) {
               state.onHover(topObject, state.hoverObj);
-              state.toolTipElem.innerHTML = topObject ? index$1(state.tooltipContent)(topObject) || '' : '';
+              state.tooltip.content(topObject ? index$2(state.tooltipContent)(topObject) || null : null);
               state.hoverObj = topObject;
             }
           }
@@ -133091,9 +134171,7 @@ var<${access}> ${name} : ${structName};`;
       state.navInfo.style.display = state.showNavInfo ? null : 'none';
 
       // Setup tooltip
-      state.toolTipElem = document.createElement('div');
-      state.toolTipElem.classList.add('scene-tooltip');
-      state.container.appendChild(state.toolTipElem);
+      state.tooltip = new index(state.container);
 
       // Capture pointer coords on move or touchstart
       state.pointerPos = new three.Vector2();
@@ -133115,14 +134193,6 @@ var<${access}> ${name} : ${structName};`;
             var offset = getOffset(state.container);
             state.pointerPos.x = ev.pageX - offset.left;
             state.pointerPos.y = ev.pageY - offset.top;
-
-            // Move tooltip
-            state.toolTipElem.style.top = "".concat(state.pointerPos.y, "px");
-            state.toolTipElem.style.left = "".concat(state.pointerPos.x, "px");
-            // adjust horizontal position to not exceed canvas boundaries
-            state.toolTipElem.style.transform = "translate(-".concat(state.pointerPos.x / state.width * 100, "%, ").concat(
-            // flip to above if near bottom
-            state.height - state.pointerPos.y < 100 ? 'calc(-100% - 8px)' : '21px', ")");
           }
           function getOffset(el) {
             var rect = el.getBoundingClientRect(),
@@ -133357,7 +134427,7 @@ var<${access}> ${name} : ${structName};`;
 
   //
 
-  var globe = index$2({
+  var globe = index$3({
     props: _objectSpread2$1(_objectSpread2$1({
       onZoom: {
         triggerUpdate: false
@@ -133778,7 +134848,7 @@ var<${access}> ${name} : ${structName};`;
         };
         var globeObj = getGlobeObj(obj);
         var objType = globeObj && globeObj.__globeObjType;
-        return globeObj && objType && objAccessors.hasOwnProperty(objType) && dataAccessors.hasOwnProperty(objType) ? index$1(objAccessors[objType])(dataAccessors[objType](globeObj.__data)) || '' : '';
+        return globeObj && objType && objAccessors.hasOwnProperty(objType) && dataAccessors.hasOwnProperty(objType) ? index$2(objAccessors[objType])(dataAccessors[objType](globeObj.__data)) || '' : '';
       }).onHover(function (obj) {
         // Update tooltip and trigger onHover events
         var hoverObjFns = {