@deck.gl/carto 8.7.0-alpha.9 → 8.7.0-beta.4

package/dist/dist.dev.js

@@ -10469,1421 +10469,6 @@ function deprecated(method, version) {
 
 /***/ }),
 
-/***/ "../../node_modules/@math.gl/culling/dist/esm/constants.js":
-/*!**************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/constants.js ***!
-  \**************************************************************************************/
-/*! exports provided: INTERSECTION */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "INTERSECTION", function() { return INTERSECTION; });
-const INTERSECTION = Object.freeze({
-  OUTSIDE: -1,
-  INTERSECTING: 0,
-  INSIDE: 1
-});
-//# sourceMappingURL=constants.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/index.js":
-/*!**********************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/index.js ***!
-  \**********************************************************************************/
-/*! exports provided: INTERSECTION, AxisAlignedBoundingBox, BoundingSphere, OrientedBoundingBox, CullingVolume, Plane, _PerspectiveOffCenterFrustum, _PerspectiveFrustum, makeBoundingSphereFromPoints, makeAxisAlignedBoundingBoxFromPoints, makeOrientedBoundingBoxFromPoints, computeEigenDecomposition, Intersect, INTERSECT */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "../../node_modules/@math.gl/culling/dist/esm/constants.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "INTERSECTION", function() { return _constants__WEBPACK_IMPORTED_MODULE_0__["INTERSECTION"]; });
-
-/* harmony import */ var _lib_bounding_volumes_axis_aligned_bounding_box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lib/bounding-volumes/axis-aligned-bounding-box */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/axis-aligned-bounding-box.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AxisAlignedBoundingBox", function() { return _lib_bounding_volumes_axis_aligned_bounding_box__WEBPACK_IMPORTED_MODULE_1__["default"]; });
-
-/* harmony import */ var _lib_bounding_volumes_bounding_sphere__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/bounding-volumes/bounding-sphere */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/bounding-sphere.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BoundingSphere", function() { return _lib_bounding_volumes_bounding_sphere__WEBPACK_IMPORTED_MODULE_2__["default"]; });
-
-/* harmony import */ var _lib_bounding_volumes_oriented_bounding_box__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./lib/bounding-volumes/oriented-bounding-box */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/oriented-bounding-box.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OrientedBoundingBox", function() { return _lib_bounding_volumes_oriented_bounding_box__WEBPACK_IMPORTED_MODULE_3__["default"]; });
-
-/* harmony import */ var _lib_culling_volume__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/culling-volume */ "../../node_modules/@math.gl/culling/dist/esm/lib/culling-volume.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CullingVolume", function() { return _lib_culling_volume__WEBPACK_IMPORTED_MODULE_4__["default"]; });
-
-/* harmony import */ var _lib_plane__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib/plane */ "../../node_modules/@math.gl/culling/dist/esm/lib/plane.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Plane", function() { return _lib_plane__WEBPACK_IMPORTED_MODULE_5__["default"]; });
-
-/* harmony import */ var _lib_perspective_off_center_frustum__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./lib/perspective-off-center-frustum */ "../../node_modules/@math.gl/culling/dist/esm/lib/perspective-off-center-frustum.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_PerspectiveOffCenterFrustum", function() { return _lib_perspective_off_center_frustum__WEBPACK_IMPORTED_MODULE_6__["default"]; });
-
-/* harmony import */ var _lib_perspective_frustum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./lib/perspective-frustum */ "../../node_modules/@math.gl/culling/dist/esm/lib/perspective-frustum.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_PerspectiveFrustum", function() { return _lib_perspective_frustum__WEBPACK_IMPORTED_MODULE_7__["default"]; });
-
-/* harmony import */ var _lib_algorithms_bounding_sphere_from_points__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./lib/algorithms/bounding-sphere-from-points */ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-sphere-from-points.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "makeBoundingSphereFromPoints", function() { return _lib_algorithms_bounding_sphere_from_points__WEBPACK_IMPORTED_MODULE_8__["default"]; });
-
-/* harmony import */ var _lib_algorithms_bounding_box_from_points__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./lib/algorithms/bounding-box-from-points */ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-box-from-points.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "makeAxisAlignedBoundingBoxFromPoints", function() { return _lib_algorithms_bounding_box_from_points__WEBPACK_IMPORTED_MODULE_9__["makeAxisAlignedBoundingBoxFromPoints"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "makeOrientedBoundingBoxFromPoints", function() { return _lib_algorithms_bounding_box_from_points__WEBPACK_IMPORTED_MODULE_9__["makeOrientedBoundingBoxFromPoints"]; });
-
-/* harmony import */ var _lib_algorithms_compute_eigen_decomposition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./lib/algorithms/compute-eigen-decomposition */ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/compute-eigen-decomposition.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "computeEigenDecomposition", function() { return _lib_algorithms_compute_eigen_decomposition__WEBPACK_IMPORTED_MODULE_10__["default"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return _constants__WEBPACK_IMPORTED_MODULE_0__["INTERSECTION"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "INTERSECT", function() { return _constants__WEBPACK_IMPORTED_MODULE_0__["INTERSECTION"]; });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-//# sourceMappingURL=index.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-box-from-points.js":
-/*!********************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-box-from-points.js ***!
-  \********************************************************************************************************************/
-/*! exports provided: makeOrientedBoundingBoxFromPoints, makeAxisAlignedBoundingBoxFromPoints */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeOrientedBoundingBoxFromPoints", function() { return makeOrientedBoundingBoxFromPoints; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "makeAxisAlignedBoundingBoxFromPoints", function() { return makeAxisAlignedBoundingBoxFromPoints; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _compute_eigen_decomposition__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./compute-eigen-decomposition */ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/compute-eigen-decomposition.js");
-/* harmony import */ var _bounding_volumes_oriented_bounding_box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../bounding-volumes/oriented-bounding-box */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/oriented-bounding-box.js");
-/* harmony import */ var _bounding_volumes_axis_aligned_bounding_box__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../bounding-volumes/axis-aligned-bounding-box */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/axis-aligned-bounding-box.js");
-
-
-
-
-const scratchVector2 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVector3 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVector4 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVector5 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVector6 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchCovarianceResult = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-const scratchEigenResult = {
-  diagonal: new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"](),
-  unitary: new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]()
-};
-function makeOrientedBoundingBoxFromPoints(positions, result = new _bounding_volumes_oriented_bounding_box__WEBPACK_IMPORTED_MODULE_2__["default"]()) {
-  if (!positions || positions.length === 0) {
-    result.halfAxes = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]([0, 0, 0, 0, 0, 0, 0, 0, 0]);
-    result.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-    return result;
-  }
-
-  const length = positions.length;
-  const meanPoint = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](0, 0, 0);
-
-  for (const position of positions) {
-    meanPoint.add(position);
-  }
-
-  const invLength = 1.0 / length;
-  meanPoint.multiplyByScalar(invLength);
-  let exx = 0.0;
-  let exy = 0.0;
-  let exz = 0.0;
-  let eyy = 0.0;
-  let eyz = 0.0;
-  let ezz = 0.0;
-
-  for (const position of positions) {
-    const p = scratchVector2.copy(position).subtract(meanPoint);
-    exx += p.x * p.x;
-    exy += p.x * p.y;
-    exz += p.x * p.z;
-    eyy += p.y * p.y;
-    eyz += p.y * p.z;
-    ezz += p.z * p.z;
-  }
-
-  exx *= invLength;
-  exy *= invLength;
-  exz *= invLength;
-  eyy *= invLength;
-  eyz *= invLength;
-  ezz *= invLength;
-  const covarianceMatrix = scratchCovarianceResult;
-  covarianceMatrix[0] = exx;
-  covarianceMatrix[1] = exy;
-  covarianceMatrix[2] = exz;
-  covarianceMatrix[3] = exy;
-  covarianceMatrix[4] = eyy;
-  covarianceMatrix[5] = eyz;
-  covarianceMatrix[6] = exz;
-  covarianceMatrix[7] = eyz;
-  covarianceMatrix[8] = ezz;
-  const {
-    unitary
-  } = Object(_compute_eigen_decomposition__WEBPACK_IMPORTED_MODULE_1__["default"])(covarianceMatrix, scratchEigenResult);
-  const rotation = result.halfAxes.copy(unitary);
-  let v1 = rotation.getColumn(0, scratchVector4);
-  let v2 = rotation.getColumn(1, scratchVector5);
-  let v3 = rotation.getColumn(2, scratchVector6);
-  let u1 = -Number.MAX_VALUE;
-  let u2 = -Number.MAX_VALUE;
-  let u3 = -Number.MAX_VALUE;
-  let l1 = Number.MAX_VALUE;
-  let l2 = Number.MAX_VALUE;
-  let l3 = Number.MAX_VALUE;
-
-  for (const position of positions) {
-    scratchVector2.copy(position);
-    u1 = Math.max(scratchVector2.dot(v1), u1);
-    u2 = Math.max(scratchVector2.dot(v2), u2);
-    u3 = Math.max(scratchVector2.dot(v3), u3);
-    l1 = Math.min(scratchVector2.dot(v1), l1);
-    l2 = Math.min(scratchVector2.dot(v2), l2);
-    l3 = Math.min(scratchVector2.dot(v3), l3);
-  }
-
-  v1 = v1.multiplyByScalar(0.5 * (l1 + u1));
-  v2 = v2.multiplyByScalar(0.5 * (l2 + u2));
-  v3 = v3.multiplyByScalar(0.5 * (l3 + u3));
-  result.center.copy(v1).add(v2).add(v3);
-  const scale = scratchVector3.set(u1 - l1, u2 - l2, u3 - l3).multiplyByScalar(0.5);
-  const scaleMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]([scale[0], 0, 0, 0, scale[1], 0, 0, 0, scale[2]]);
-  result.halfAxes.multiplyRight(scaleMatrix);
-  return result;
-}
-function makeAxisAlignedBoundingBoxFromPoints(positions, result = new _bounding_volumes_axis_aligned_bounding_box__WEBPACK_IMPORTED_MODULE_3__["default"]()) {
-  if (!positions || positions.length === 0) {
-    result.minimum.set(0, 0, 0);
-    result.maximum.set(0, 0, 0);
-    result.center.set(0, 0, 0);
-    result.halfDiagonal.set(0, 0, 0);
-    return result;
-  }
-
-  let minimumX = positions[0][0];
-  let minimumY = positions[0][1];
-  let minimumZ = positions[0][2];
-  let maximumX = positions[0][0];
-  let maximumY = positions[0][1];
-  let maximumZ = positions[0][2];
-
-  for (const p of positions) {
-    const x = p[0];
-    const y = p[1];
-    const z = p[2];
-    minimumX = Math.min(x, minimumX);
-    maximumX = Math.max(x, maximumX);
-    minimumY = Math.min(y, minimumY);
-    maximumY = Math.max(y, maximumY);
-    minimumZ = Math.min(z, minimumZ);
-    maximumZ = Math.max(z, maximumZ);
-  }
-
-  result.minimum.set(minimumX, minimumY, minimumZ);
-  result.maximum.set(maximumX, maximumY, maximumZ);
-  result.center.copy(result.minimum).add(result.maximum).scale(0.5);
-  result.halfDiagonal.copy(result.maximum).subtract(result.center);
-  return result;
-}
-//# sourceMappingURL=bounding-box-from-points.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-sphere-from-points.js":
-/*!***********************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/algorithms/bounding-sphere-from-points.js ***!
-  \***********************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return makeBoundingSphereFromPoints; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _bounding_volumes_bounding_sphere__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../bounding-volumes/bounding-sphere */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/bounding-sphere.js");
-
-
-const fromPointsXMin = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsYMin = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsZMin = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsXMax = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsYMax = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsZMax = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsCurrentPos = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsScratch = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsRitterCenter = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsMinBoxPt = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsMaxBoxPt = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const fromPointsNaiveCenterScratch = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const volumeConstant = 4.0 / 3.0 * Math.PI;
-function makeBoundingSphereFromPoints(positions, result = new _bounding_volumes_bounding_sphere__WEBPACK_IMPORTED_MODULE_1__["default"]()) {
-  if (!positions || positions.length === 0) {
-    return result.fromCenterRadius([0, 0, 0], 0);
-  }
-
-  const currentPos = fromPointsCurrentPos.copy(positions[0]);
-  const xMin = fromPointsXMin.copy(currentPos);
-  const yMin = fromPointsYMin.copy(currentPos);
-  const zMin = fromPointsZMin.copy(currentPos);
-  const xMax = fromPointsXMax.copy(currentPos);
-  const yMax = fromPointsYMax.copy(currentPos);
-  const zMax = fromPointsZMax.copy(currentPos);
-
-  for (const position of positions) {
-    currentPos.copy(position);
-    const x = currentPos.x;
-    const y = currentPos.y;
-    const z = currentPos.z;
-
-    if (x < xMin.x) {
-      xMin.copy(currentPos);
-    }
-
-    if (x > xMax.x) {
-      xMax.copy(currentPos);
-    }
-
-    if (y < yMin.y) {
-      yMin.copy(currentPos);
-    }
-
-    if (y > yMax.y) {
-      yMax.copy(currentPos);
-    }
-
-    if (z < zMin.z) {
-      zMin.copy(currentPos);
-    }
-
-    if (z > zMax.z) {
-      zMax.copy(currentPos);
-    }
-  }
-
-  const xSpan = fromPointsScratch.copy(xMax).subtract(xMin).magnitudeSquared();
-  const ySpan = fromPointsScratch.copy(yMax).subtract(yMin).magnitudeSquared();
-  const zSpan = fromPointsScratch.copy(zMax).subtract(zMin).magnitudeSquared();
-  let diameter1 = xMin;
-  let diameter2 = xMax;
-  let maxSpan = xSpan;
-
-  if (ySpan > maxSpan) {
-    maxSpan = ySpan;
-    diameter1 = yMin;
-    diameter2 = yMax;
-  }
-
-  if (zSpan > maxSpan) {
-    maxSpan = zSpan;
-    diameter1 = zMin;
-    diameter2 = zMax;
-  }
-
-  const ritterCenter = fromPointsRitterCenter;
-  ritterCenter.x = (diameter1.x + diameter2.x) * 0.5;
-  ritterCenter.y = (diameter1.y + diameter2.y) * 0.5;
-  ritterCenter.z = (diameter1.z + diameter2.z) * 0.5;
-  let radiusSquared = fromPointsScratch.copy(diameter2).subtract(ritterCenter).magnitudeSquared();
-  let ritterRadius = Math.sqrt(radiusSquared);
-  const minBoxPt = fromPointsMinBoxPt;
-  minBoxPt.x = xMin.x;
-  minBoxPt.y = yMin.y;
-  minBoxPt.z = zMin.z;
-  const maxBoxPt = fromPointsMaxBoxPt;
-  maxBoxPt.x = xMax.x;
-  maxBoxPt.y = yMax.y;
-  maxBoxPt.z = zMax.z;
-  const naiveCenter = fromPointsNaiveCenterScratch.copy(minBoxPt).add(maxBoxPt).multiplyByScalar(0.5);
-  let naiveRadius = 0;
-
-  for (const position of positions) {
-    currentPos.copy(position);
-    const r = fromPointsScratch.copy(currentPos).subtract(naiveCenter).magnitude();
-
-    if (r > naiveRadius) {
-      naiveRadius = r;
-    }
-
-    const oldCenterToPointSquared = fromPointsScratch.copy(currentPos).subtract(ritterCenter).magnitudeSquared();
-
-    if (oldCenterToPointSquared > radiusSquared) {
-      const oldCenterToPoint = Math.sqrt(oldCenterToPointSquared);
-      ritterRadius = (ritterRadius + oldCenterToPoint) * 0.5;
-      radiusSquared = ritterRadius * ritterRadius;
-      const oldToNew = oldCenterToPoint - ritterRadius;
-      ritterCenter.x = (ritterRadius * ritterCenter.x + oldToNew * currentPos.x) / oldCenterToPoint;
-      ritterCenter.y = (ritterRadius * ritterCenter.y + oldToNew * currentPos.y) / oldCenterToPoint;
-      ritterCenter.z = (ritterRadius * ritterCenter.z + oldToNew * currentPos.z) / oldCenterToPoint;
-    }
-  }
-
-  if (ritterRadius < naiveRadius) {
-    ritterCenter.to(result.center);
-    result.radius = ritterRadius;
-  } else {
-    naiveCenter.to(result.center);
-    result.radius = naiveRadius;
-  }
-
-  return result;
-}
-//# sourceMappingURL=bounding-sphere-from-points.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/algorithms/compute-eigen-decomposition.js":
-/*!***********************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/algorithms/compute-eigen-decomposition.js ***!
-  \***********************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return computeEigenDecomposition; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-
-const scratchMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-const scratchUnitary = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-const scratchDiagonal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-const jMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-const jMatrixTranspose = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]();
-function computeEigenDecomposition(matrix, result = {}) {
-  const EIGEN_TOLERANCE = _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["_MathUtils"].EPSILON20;
-  const EIGEN_MAX_SWEEPS = 10;
-  let count = 0;
-  let sweep = 0;
-  const unitaryMatrix = scratchUnitary;
-  const diagonalMatrix = scratchDiagonal;
-  unitaryMatrix.identity();
-  diagonalMatrix.copy(matrix);
-  const epsilon = EIGEN_TOLERANCE * computeFrobeniusNorm(diagonalMatrix);
-
-  while (sweep < EIGEN_MAX_SWEEPS && offDiagonalFrobeniusNorm(diagonalMatrix) > epsilon) {
-    shurDecomposition(diagonalMatrix, jMatrix);
-    jMatrixTranspose.copy(jMatrix).transpose();
-    diagonalMatrix.multiplyRight(jMatrix);
-    diagonalMatrix.multiplyLeft(jMatrixTranspose);
-    unitaryMatrix.multiplyRight(jMatrix);
-
-    if (++count > 2) {
-      ++sweep;
-      count = 0;
-    }
-  }
-
-  result.unitary = unitaryMatrix.toTarget(result.unitary);
-  result.diagonal = diagonalMatrix.toTarget(result.diagonal);
-  return result;
-}
-
-function computeFrobeniusNorm(matrix) {
-  let norm = 0.0;
-
-  for (let i = 0; i < 9; ++i) {
-    const temp = matrix[i];
-    norm += temp * temp;
-  }
-
-  return Math.sqrt(norm);
-}
-
-const rowVal = [1, 0, 0];
-const colVal = [2, 2, 1];
-
-function offDiagonalFrobeniusNorm(matrix) {
-  let norm = 0.0;
-
-  for (let i = 0; i < 3; ++i) {
-    const temp = matrix[scratchMatrix.getElementIndex(colVal[i], rowVal[i])];
-    norm += 2.0 * temp * temp;
-  }
-
-  return Math.sqrt(norm);
-}
-
-function shurDecomposition(matrix, result) {
-  const tolerance = _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["_MathUtils"].EPSILON15;
-  let maxDiagonal = 0.0;
-  let rotAxis = 1;
-
-  for (let i = 0; i < 3; ++i) {
-    const temp = Math.abs(matrix[scratchMatrix.getElementIndex(colVal[i], rowVal[i])]);
-
-    if (temp > maxDiagonal) {
-      rotAxis = i;
-      maxDiagonal = temp;
-    }
-  }
-
-  const p = rowVal[rotAxis];
-  const q = colVal[rotAxis];
-  let c = 1.0;
-  let s = 0.0;
-
-  if (Math.abs(matrix[scratchMatrix.getElementIndex(q, p)]) > tolerance) {
-    const qq = matrix[scratchMatrix.getElementIndex(q, q)];
-    const pp = matrix[scratchMatrix.getElementIndex(p, p)];
-    const qp = matrix[scratchMatrix.getElementIndex(q, p)];
-    const tau = (qq - pp) / 2.0 / qp;
-    let t;
-
-    if (tau < 0.0) {
-      t = -1.0 / (-tau + Math.sqrt(1.0 + tau * tau));
-    } else {
-      t = 1.0 / (tau + Math.sqrt(1.0 + tau * tau));
-    }
-
-    c = 1.0 / Math.sqrt(1.0 + t * t);
-    s = t * c;
-  }
-
-  _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"].IDENTITY.to(result);
-  result[scratchMatrix.getElementIndex(p, p)] = result[scratchMatrix.getElementIndex(q, q)] = c;
-  result[scratchMatrix.getElementIndex(q, p)] = s;
-  result[scratchMatrix.getElementIndex(p, q)] = -s;
-  return result;
-}
-//# sourceMappingURL=compute-eigen-decomposition.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/axis-aligned-bounding-box.js":
-/*!***************************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/axis-aligned-bounding-box.js ***!
-  \***************************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return AxisAlignedBoundingBox; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "../../node_modules/@math.gl/culling/dist/esm/constants.js");
-
-
-const scratchVector = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchNormal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-class AxisAlignedBoundingBox {
-  constructor(minimum = [0, 0, 0], maximum = [0, 0, 0], center = null) {
-    center = center || scratchVector.copy(minimum).add(maximum).scale(0.5);
-    this.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](center);
-    this.halfDiagonal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](maximum).subtract(this.center);
-    this.minimum = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](minimum);
-    this.maximum = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](maximum);
-  }
-
-  clone() {
-    return new AxisAlignedBoundingBox(this.minimum, this.maximum, this.center);
-  }
-
-  equals(right) {
-    return this === right || Boolean(right) && this.minimum.equals(right.minimum) && this.maximum.equals(right.maximum);
-  }
-
-  transform(transformation) {
-    this.center.transformAsPoint(transformation);
-    this.halfDiagonal.transform(transformation);
-    this.minimum.transform(transformation);
-    this.maximum.transform(transformation);
-    return this;
-  }
-
-  intersectPlane(plane) {
-    const {
-      halfDiagonal
-    } = this;
-    const normal = scratchNormal.from(plane.normal);
-    const e = halfDiagonal.x * Math.abs(normal.x) + halfDiagonal.y * Math.abs(normal.y) + halfDiagonal.z * Math.abs(normal.z);
-    const s = this.center.dot(normal) + plane.distance;
-
-    if (s - e > 0) {
-      return _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INSIDE;
-    }
-
-    if (s + e < 0) {
-      return _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].OUTSIDE;
-    }
-
-    return _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INTERSECTING;
-  }
-
-  distanceTo(point) {
-    return Math.sqrt(this.distanceSquaredTo(point));
-  }
-
-  distanceSquaredTo(point) {
-    const offset = scratchVector.from(point).subtract(this.center);
-    const {
-      halfDiagonal
-    } = this;
-    let distanceSquared = 0.0;
-    let d;
-    d = Math.abs(offset.x) - halfDiagonal.x;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    d = Math.abs(offset.y) - halfDiagonal.y;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    d = Math.abs(offset.z) - halfDiagonal.z;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    return distanceSquared;
-  }
-
-}
-//# sourceMappingURL=axis-aligned-bounding-box.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/bounding-sphere.js":
-/*!*****************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/bounding-sphere.js ***!
-  \*****************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return BoundingSphere; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gl-matrix/mat4 */ "../../node_modules/gl-matrix/esm/mat4.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "../../node_modules/@math.gl/culling/dist/esm/constants.js");
-
-
-
-const scratchVector = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVector2 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-class BoundingSphere {
-  constructor(center = [0, 0, 0], radius = 0.0) {
-    this.radius = -0;
-    this.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-    this.fromCenterRadius(center, radius);
-  }
-
-  fromCenterRadius(center, radius) {
-    this.center.from(center);
-    this.radius = radius;
-    return this;
-  }
-
-  fromCornerPoints(corner, oppositeCorner) {
-    oppositeCorner = scratchVector.from(oppositeCorner);
-    this.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]().from(corner).add(oppositeCorner).scale(0.5);
-    this.radius = this.center.distance(oppositeCorner);
-    return this;
-  }
-
-  equals(right) {
-    return this === right || Boolean(right) && this.center.equals(right.center) && this.radius === right.radius;
-  }
-
-  clone() {
-    return new BoundingSphere(this.center, this.radius);
-  }
-
-  union(boundingSphere) {
-    const leftCenter = this.center;
-    const leftRadius = this.radius;
-    const rightCenter = boundingSphere.center;
-    const rightRadius = boundingSphere.radius;
-    const toRightCenter = scratchVector.copy(rightCenter).subtract(leftCenter);
-    const centerSeparation = toRightCenter.magnitude();
-
-    if (leftRadius >= centerSeparation + rightRadius) {
-      return this.clone();
-    }
-
-    if (rightRadius >= centerSeparation + leftRadius) {
-      return boundingSphere.clone();
-    }
-
-    const halfDistanceBetweenTangentPoints = (leftRadius + centerSeparation + rightRadius) * 0.5;
-    scratchVector2.copy(toRightCenter).scale((-leftRadius + halfDistanceBetweenTangentPoints) / centerSeparation).add(leftCenter);
-    this.center.copy(scratchVector2);
-    this.radius = halfDistanceBetweenTangentPoints;
-    return this;
-  }
-
-  expand(point) {
-    point = scratchVector.from(point);
-    const radius = point.subtract(this.center).magnitude();
-
-    if (radius > this.radius) {
-      this.radius = radius;
-    }
-
-    return this;
-  }
-
-  transform(transform) {
-    this.center.transform(transform);
-    const scale = gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["getScaling"](scratchVector, transform);
-    this.radius = Math.max(scale[0], Math.max(scale[1], scale[2])) * this.radius;
-    return this;
-  }
-
-  distanceSquaredTo(point) {
-    const d = this.distanceTo(point);
-    return d * d;
-  }
-
-  distanceTo(point) {
-    point = scratchVector.from(point);
-    const delta = point.subtract(this.center);
-    return Math.max(0, delta.len() - this.radius);
-  }
-
-  intersectPlane(plane) {
-    const center = this.center;
-    const radius = this.radius;
-    const normal = plane.normal;
-    const distanceToPlane = normal.dot(center) + plane.distance;
-
-    if (distanceToPlane < -radius) {
-      return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].OUTSIDE;
-    }
-
-    if (distanceToPlane < radius) {
-      return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].INTERSECTING;
-    }
-
-    return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].INSIDE;
-  }
-
-}
-//# sourceMappingURL=bounding-sphere.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/oriented-bounding-box.js":
-/*!***********************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/oriented-bounding-box.js ***!
-  \***********************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return OrientedBoundingBox; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _bounding_sphere__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bounding-sphere */ "../../node_modules/@math.gl/culling/dist/esm/lib/bounding-volumes/bounding-sphere.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "../../node_modules/@math.gl/culling/dist/esm/constants.js");
-
-
-
-const scratchVector3 = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchOffset = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVectorU = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVectorV = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchVectorW = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchCorner = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchToCenter = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const MATRIX3 = {
-  COLUMN0ROW0: 0,
-  COLUMN0ROW1: 1,
-  COLUMN0ROW2: 2,
-  COLUMN1ROW0: 3,
-  COLUMN1ROW1: 4,
-  COLUMN1ROW2: 5,
-  COLUMN2ROW0: 6,
-  COLUMN2ROW1: 7,
-  COLUMN2ROW2: 8
-};
-class OrientedBoundingBox {
-  constructor(center = [0, 0, 0], halfAxes = [0, 0, 0, 0, 0, 0, 0, 0, 0]) {
-    this.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]().from(center);
-    this.halfAxes = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"](halfAxes);
-  }
-
-  get halfSize() {
-    const xAxis = this.halfAxes.getColumn(0);
-    const yAxis = this.halfAxes.getColumn(1);
-    const zAxis = this.halfAxes.getColumn(2);
-    return [new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](xAxis).len(), new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](yAxis).len(), new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](zAxis).len()];
-  }
-
-  get quaternion() {
-    const xAxis = this.halfAxes.getColumn(0);
-    const yAxis = this.halfAxes.getColumn(1);
-    const zAxis = this.halfAxes.getColumn(2);
-    const normXAxis = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](xAxis).normalize();
-    const normYAxis = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](yAxis).normalize();
-    const normZAxis = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](zAxis).normalize();
-    return new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Quaternion"]().fromMatrix3(new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]([...normXAxis, ...normYAxis, ...normZAxis]));
-  }
-
-  fromCenterHalfSizeQuaternion(center, halfSize, quaternion) {
-    const quaternionObject = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Quaternion"](quaternion);
-    const directionsMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]().fromQuaternion(quaternionObject);
-    directionsMatrix[0] = directionsMatrix[0] * halfSize[0];
-    directionsMatrix[1] = directionsMatrix[1] * halfSize[0];
-    directionsMatrix[2] = directionsMatrix[2] * halfSize[0];
-    directionsMatrix[3] = directionsMatrix[3] * halfSize[1];
-    directionsMatrix[4] = directionsMatrix[4] * halfSize[1];
-    directionsMatrix[5] = directionsMatrix[5] * halfSize[1];
-    directionsMatrix[6] = directionsMatrix[6] * halfSize[2];
-    directionsMatrix[7] = directionsMatrix[7] * halfSize[2];
-    directionsMatrix[8] = directionsMatrix[8] * halfSize[2];
-    this.center = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]().from(center);
-    this.halfAxes = directionsMatrix;
-    return this;
-  }
-
-  clone() {
-    return new OrientedBoundingBox(this.center, this.halfAxes);
-  }
-
-  equals(right) {
-    return this === right || Boolean(right) && this.center.equals(right.center) && this.halfAxes.equals(right.halfAxes);
-  }
-
-  getBoundingSphere(result = new _bounding_sphere__WEBPACK_IMPORTED_MODULE_1__["default"]()) {
-    const halfAxes = this.halfAxes;
-    const u = halfAxes.getColumn(0, scratchVectorU);
-    const v = halfAxes.getColumn(1, scratchVectorV);
-    const w = halfAxes.getColumn(2, scratchVectorW);
-    const cornerVector = scratchVector3.copy(u).add(v).add(w);
-    result.center.copy(this.center);
-    result.radius = cornerVector.magnitude();
-    return result;
-  }
-
-  intersectPlane(plane) {
-    const center = this.center;
-    const normal = plane.normal;
-    const halfAxes = this.halfAxes;
-    const normalX = normal.x;
-    const normalY = normal.y;
-    const normalZ = normal.z;
-    const radEffective = Math.abs(normalX * halfAxes[MATRIX3.COLUMN0ROW0] + normalY * halfAxes[MATRIX3.COLUMN0ROW1] + normalZ * halfAxes[MATRIX3.COLUMN0ROW2]) + Math.abs(normalX * halfAxes[MATRIX3.COLUMN1ROW0] + normalY * halfAxes[MATRIX3.COLUMN1ROW1] + normalZ * halfAxes[MATRIX3.COLUMN1ROW2]) + Math.abs(normalX * halfAxes[MATRIX3.COLUMN2ROW0] + normalY * halfAxes[MATRIX3.COLUMN2ROW1] + normalZ * halfAxes[MATRIX3.COLUMN2ROW2]);
-    const distanceToPlane = normal.dot(center) + plane.distance;
-
-    if (distanceToPlane <= -radEffective) {
-      return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].OUTSIDE;
-    } else if (distanceToPlane >= radEffective) {
-      return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].INSIDE;
-    }
-
-    return _constants__WEBPACK_IMPORTED_MODULE_2__["INTERSECTION"].INTERSECTING;
-  }
-
-  distanceTo(point) {
-    return Math.sqrt(this.distanceSquaredTo(point));
-  }
-
-  distanceSquaredTo(point) {
-    const offset = scratchOffset.from(point).subtract(this.center);
-    const halfAxes = this.halfAxes;
-    const u = halfAxes.getColumn(0, scratchVectorU);
-    const v = halfAxes.getColumn(1, scratchVectorV);
-    const w = halfAxes.getColumn(2, scratchVectorW);
-    const uHalf = u.magnitude();
-    const vHalf = v.magnitude();
-    const wHalf = w.magnitude();
-    u.normalize();
-    v.normalize();
-    w.normalize();
-    let distanceSquared = 0.0;
-    let d;
-    d = Math.abs(offset.dot(u)) - uHalf;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    d = Math.abs(offset.dot(v)) - vHalf;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    d = Math.abs(offset.dot(w)) - wHalf;
-
-    if (d > 0) {
-      distanceSquared += d * d;
-    }
-
-    return distanceSquared;
-  }
-
-  computePlaneDistances(position, direction, result = [-0, -0]) {
-    let minDist = Number.POSITIVE_INFINITY;
-    let maxDist = Number.NEGATIVE_INFINITY;
-    const center = this.center;
-    const halfAxes = this.halfAxes;
-    const u = halfAxes.getColumn(0, scratchVectorU);
-    const v = halfAxes.getColumn(1, scratchVectorV);
-    const w = halfAxes.getColumn(2, scratchVectorW);
-    const corner = scratchCorner.copy(u).add(v).add(w).add(center);
-    const toCenter = scratchToCenter.copy(corner).subtract(position);
-    let mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    corner.copy(center).add(u).add(v).subtract(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    corner.copy(center).add(u).subtract(v).add(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    corner.copy(center).add(u).subtract(v).subtract(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    center.copy(corner).subtract(u).add(v).add(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    center.copy(corner).subtract(u).add(v).subtract(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    center.copy(corner).subtract(u).subtract(v).add(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    center.copy(corner).subtract(u).subtract(v).subtract(w);
-    toCenter.copy(corner).subtract(position);
-    mag = direction.dot(toCenter);
-    minDist = Math.min(mag, minDist);
-    maxDist = Math.max(mag, maxDist);
-    result[0] = minDist;
-    result[1] = maxDist;
-    return result;
-  }
-
-  transform(transformation) {
-    this.center.transformAsPoint(transformation);
-    const xAxis = this.halfAxes.getColumn(0, scratchVectorU);
-    xAxis.transformAsPoint(transformation);
-    const yAxis = this.halfAxes.getColumn(1, scratchVectorV);
-    yAxis.transformAsPoint(transformation);
-    const zAxis = this.halfAxes.getColumn(2, scratchVectorW);
-    zAxis.transformAsPoint(transformation);
-    this.halfAxes = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix3"]([...xAxis, ...yAxis, ...zAxis]);
-    return this;
-  }
-
-  getTransform() {
-    throw new Error('not implemented');
-  }
-
-}
-//# sourceMappingURL=oriented-bounding-box.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/culling-volume.js":
-/*!***********************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/culling-volume.js ***!
-  \***********************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return CullingVolume; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "../../node_modules/@math.gl/culling/dist/esm/constants.js");
-/* harmony import */ var _plane__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./plane */ "../../node_modules/@math.gl/culling/dist/esm/lib/plane.js");
-
-
-
-const faces = [new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]([1, 0, 0]), new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]([0, 1, 0]), new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]([0, 0, 1])];
-const scratchPlaneCenter = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlaneNormal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlane = new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"](1.0, 0.0, 0.0), 0.0);
-class CullingVolume {
-  static get MASK_OUTSIDE() {
-    return 0xffffffff;
-  }
-
-  static get MASK_INSIDE() {
-    return 0x00000000;
-  }
-
-  static get MASK_INDETERMINATE() {
-    return 0x7fffffff;
-  }
-
-  constructor(planes = []) {
-    this.planes = planes;
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(this.planes.every(plane => plane instanceof _plane__WEBPACK_IMPORTED_MODULE_2__["default"]));
-  }
-
-  fromBoundingSphere(boundingSphere) {
-    this.planes.length = 2 * faces.length;
-    const center = boundingSphere.center;
-    const radius = boundingSphere.radius;
-    let planeIndex = 0;
-
-    for (const faceNormal of faces) {
-      let plane0 = this.planes[planeIndex];
-      let plane1 = this.planes[planeIndex + 1];
-
-      if (!plane0) {
-        plane0 = this.planes[planeIndex] = new _plane__WEBPACK_IMPORTED_MODULE_2__["default"]();
-      }
-
-      if (!plane1) {
-        plane1 = this.planes[planeIndex + 1] = new _plane__WEBPACK_IMPORTED_MODULE_2__["default"]();
-      }
-
-      const plane0Center = scratchPlaneCenter.copy(faceNormal).scale(-radius).add(center);
-      const plane0Distance = -faceNormal.dot(plane0Center);
-      plane0.fromPointNormal(plane0Center, faceNormal);
-      const plane1Center = scratchPlaneCenter.copy(faceNormal).scale(radius).add(center);
-      const negatedFaceNormal = scratchPlaneNormal.copy(faceNormal).negate();
-      const plane1Distance = -negatedFaceNormal.dot(plane1Center);
-      plane1.fromPointNormal(plane1Center, negatedFaceNormal);
-      planeIndex += 2;
-    }
-
-    return this;
-  }
-
-  computeVisibility(boundingVolume) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(boundingVolume);
-    let intersect = _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INSIDE;
-
-    for (const plane of this.planes) {
-      const result = boundingVolume.intersectPlane(plane);
-
-      switch (result) {
-        case _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].OUTSIDE:
-          return _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].OUTSIDE;
-
-        case _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INTERSECTING:
-          intersect = _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INTERSECTING;
-          break;
-
-        default:
-      }
-    }
-
-    return intersect;
-  }
-
-  computeVisibilityWithPlaneMask(boundingVolume, parentPlaneMask) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(boundingVolume, 'boundingVolume is required.');
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Number.isFinite(parentPlaneMask), 'parentPlaneMask is required.');
-
-    if (parentPlaneMask === CullingVolume.MASK_OUTSIDE || parentPlaneMask === CullingVolume.MASK_INSIDE) {
-      return parentPlaneMask;
-    }
-
-    let mask = CullingVolume.MASK_INSIDE;
-    const planes = this.planes;
-
-    for (let k = 0; k < this.planes.length; ++k) {
-      const flag = k < 31 ? 1 << k : 0;
-
-      if (k < 31 && (parentPlaneMask & flag) === 0) {
-        continue;
-      }
-
-      const plane = planes[k];
-      const result = boundingVolume.intersectPlane(plane);
-
-      if (result === _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].OUTSIDE) {
-        return CullingVolume.MASK_OUTSIDE;
-      } else if (result === _constants__WEBPACK_IMPORTED_MODULE_1__["INTERSECTION"].INTERSECTING) {
-        mask |= flag;
-      }
-    }
-
-    return mask;
-  }
-
-}
-//# sourceMappingURL=culling-volume.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/perspective-frustum.js":
-/*!****************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/perspective-frustum.js ***!
-  \****************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return PerspectiveFrustum; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _perspective_off_center_frustum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./perspective-off-center-frustum */ "../../node_modules/@math.gl/culling/dist/esm/lib/perspective-off-center-frustum.js");
-
-
-
-const defined = val => val !== null && typeof val !== 'undefined';
-
-class PerspectiveFrustum {
-  constructor(options = {}) {
-    options = {
-      near: 1.0,
-      far: 500000000.0,
-      xOffset: 0.0,
-      yOffset: 0.0,
-      ...options
-    };
-    this._offCenterFrustum = new _perspective_off_center_frustum__WEBPACK_IMPORTED_MODULE_1__["default"]();
-    this.fov = options.fov;
-    this._fov = undefined;
-    this._fovy = undefined;
-    this._sseDenominator = undefined;
-    this.aspectRatio = options.aspectRatio;
-    this._aspectRatio = undefined;
-    this.near = options.near;
-    this._near = this.near;
-    this.far = options.far;
-    this._far = this.far;
-    this.xOffset = options.xOffset;
-    this._xOffset = this.xOffset;
-    this.yOffset = options.yOffset;
-    this._yOffset = this.yOffset;
-  }
-
-  clone() {
-    return new PerspectiveFrustum({
-      aspectRatio: this.aspectRatio,
-      fov: this.fov,
-      near: this.near,
-      far: this.far
-    });
-  }
-
-  equals(other) {
-    if (!defined(other) || !(other instanceof PerspectiveFrustum)) {
-      return false;
-    }
-
-    update(this);
-    update(other);
-    return this.fov === other.fov && this.aspectRatio === other.aspectRatio && this.near === other.near && this.far === other.far && this._offCenterFrustum.equals(other._offCenterFrustum);
-  }
-
-  get projectionMatrix() {
-    update(this);
-    return this._offCenterFrustum.projectionMatrix;
-  }
-
-  get infiniteProjectionMatrix() {
-    update(this);
-    return this._offCenterFrustum.infiniteProjectionMatrix;
-  }
-
-  get fovy() {
-    update(this);
-    return this._fovy;
-  }
-
-  get sseDenominator() {
-    update(this);
-    return this._sseDenominator;
-  }
-
-  computeCullingVolume(position, direction, up) {
-    update(this);
-    return this._offCenterFrustum.computeCullingVolume(position, direction, up);
-  }
-
-  getPixelDimensions(drawingBufferWidth, drawingBufferHeight, distance, result) {
-    update(this);
-    return this._offCenterFrustum.getPixelDimensions(drawingBufferWidth, drawingBufferHeight, distance, result);
-  }
-
-}
-
-function update(frustum) {
-  Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Number.isFinite(frustum.fov) && Number.isFinite(frustum.aspectRatio) && Number.isFinite(frustum.near) && Number.isFinite(frustum.far));
-  const f = frustum._offCenterFrustum;
-
-  if (frustum.fov !== frustum._fov || frustum.aspectRatio !== frustum._aspectRatio || frustum.near !== frustum._near || frustum.far !== frustum._far || frustum.xOffset !== frustum._xOffset || frustum.yOffset !== frustum._yOffset) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(frustum.fov >= 0 && frustum.fov < Math.PI);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(frustum.aspectRatio > 0);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(frustum.near >= 0 && frustum.near < frustum.far);
-    frustum._aspectRatio = frustum.aspectRatio;
-    frustum._fov = frustum.fov;
-    frustum._fovy = frustum.aspectRatio <= 1 ? frustum.fov : Math.atan(Math.tan(frustum.fov * 0.5) / frustum.aspectRatio) * 2.0;
-    frustum._near = frustum.near;
-    frustum._far = frustum.far;
-    frustum._sseDenominator = 2.0 * Math.tan(0.5 * frustum._fovy);
-    frustum._xOffset = frustum.xOffset;
-    frustum._yOffset = frustum.yOffset;
-    f.top = frustum.near * Math.tan(0.5 * frustum._fovy);
-    f.bottom = -f.top;
-    f.right = frustum.aspectRatio * f.top;
-    f.left = -f.right;
-    f.near = frustum.near;
-    f.far = frustum.far;
-    f.right += frustum.xOffset;
-    f.left += frustum.xOffset;
-    f.top += frustum.yOffset;
-    f.bottom += frustum.yOffset;
-  }
-}
-//# sourceMappingURL=perspective-frustum.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/perspective-off-center-frustum.js":
-/*!***************************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/perspective-off-center-frustum.js ***!
-  \***************************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return PerspectiveOffCenterFrustum; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-/* harmony import */ var _culling_volume__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./culling-volume */ "../../node_modules/@math.gl/culling/dist/esm/lib/culling-volume.js");
-/* harmony import */ var _plane__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./plane */ "../../node_modules/@math.gl/culling/dist/esm/lib/plane.js");
-
-
-
-const scratchPlaneUpVector = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlaneRightVector = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlaneNearCenter = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlaneFarCenter = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchPlaneNormal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-class PerspectiveOffCenterFrustum {
-  constructor(options = {}) {
-    options = {
-      near: 1.0,
-      far: 500000000.0,
-      ...options
-    };
-    this.left = options.left;
-    this._left = undefined;
-    this.right = options.right;
-    this._right = undefined;
-    this.top = options.top;
-    this._top = undefined;
-    this.bottom = options.bottom;
-    this._bottom = undefined;
-    this.near = options.near;
-    this._near = this.near;
-    this.far = options.far;
-    this._far = this.far;
-    this._cullingVolume = new _culling_volume__WEBPACK_IMPORTED_MODULE_1__["default"]([new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](), new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](), new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](), new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](), new _plane__WEBPACK_IMPORTED_MODULE_2__["default"](), new _plane__WEBPACK_IMPORTED_MODULE_2__["default"]()]);
-    this._perspectiveMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix4"]();
-    this._infinitePerspective = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix4"]();
-  }
-
-  clone() {
-    return new PerspectiveOffCenterFrustum({
-      right: this.right,
-      left: this.left,
-      top: this.top,
-      bottom: this.bottom,
-      near: this.near,
-      far: this.far
-    });
-  }
-
-  equals(other) {
-    return other && other instanceof PerspectiveOffCenterFrustum && this.right === other.right && this.left === other.left && this.top === other.top && this.bottom === other.bottom && this.near === other.near && this.far === other.far;
-  }
-
-  get projectionMatrix() {
-    update(this);
-    return this._perspectiveMatrix;
-  }
-
-  get infiniteProjectionMatrix() {
-    update(this);
-    return this._infinitePerspective;
-  }
-
-  computeCullingVolume(position, direction, up) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(position, 'position is required.');
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(direction, 'direction is required.');
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(up, 'up is required.');
-    const planes = this._cullingVolume.planes;
-    up = scratchPlaneUpVector.copy(up).normalize();
-    const right = scratchPlaneRightVector.copy(direction).cross(up).normalize();
-    const nearCenter = scratchPlaneNearCenter.copy(direction).multiplyByScalar(this.near).add(position);
-    const farCenter = scratchPlaneFarCenter.copy(direction).multiplyByScalar(this.far).add(position);
-    let normal = scratchPlaneNormal;
-    normal.copy(right).multiplyByScalar(this.left).add(nearCenter).subtract(position).cross(up);
-    planes[0].fromPointNormal(position, normal);
-    normal.copy(right).multiplyByScalar(this.right).add(nearCenter).subtract(position).cross(up).negate();
-    planes[1].fromPointNormal(position, normal);
-    normal.copy(up).multiplyByScalar(this.bottom).add(nearCenter).subtract(position).cross(right).negate();
-    planes[2].fromPointNormal(position, normal);
-    normal.copy(up).multiplyByScalar(this.top).add(nearCenter).subtract(position).cross(right);
-    planes[3].fromPointNormal(position, normal);
-    normal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]().copy(direction);
-    planes[4].fromPointNormal(nearCenter, normal);
-    normal.negate();
-    planes[5].fromPointNormal(farCenter, normal);
-    return this._cullingVolume;
-  }
-
-  getPixelDimensions(drawingBufferWidth, drawingBufferHeight, distance, result) {
-    update(this);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Number.isFinite(drawingBufferWidth) && Number.isFinite(drawingBufferHeight));
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(drawingBufferWidth > 0);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(drawingBufferHeight > 0);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(distance > 0);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(result);
-    const inverseNear = 1.0 / this.near;
-    let tanTheta = this.top * inverseNear;
-    const pixelHeight = 2.0 * distance * tanTheta / drawingBufferHeight;
-    tanTheta = this.right * inverseNear;
-    const pixelWidth = 2.0 * distance * tanTheta / drawingBufferWidth;
-    result.x = pixelWidth;
-    result.y = pixelHeight;
-    return result;
-  }
-
-}
-
-function update(frustum) {
-  Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Number.isFinite(frustum.right) && Number.isFinite(frustum.left) && Number.isFinite(frustum.top) && Number.isFinite(frustum.bottom) && Number.isFinite(frustum.near) && Number.isFinite(frustum.far));
-  const {
-    top,
-    bottom,
-    right,
-    left,
-    near,
-    far
-  } = frustum;
-
-  if (top !== frustum._top || bottom !== frustum._bottom || left !== frustum._left || right !== frustum._right || near !== frustum._near || far !== frustum._far) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(frustum.near > 0 && frustum.near < frustum.far, 'near must be greater than zero and less than far.');
-    frustum._left = left;
-    frustum._right = right;
-    frustum._top = top;
-    frustum._bottom = bottom;
-    frustum._near = near;
-    frustum._far = far;
-    frustum._perspectiveMatrix = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix4"]().frustum({
-      left,
-      right,
-      bottom,
-      top,
-      near,
-      far
-    });
-    frustum._infinitePerspective = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Matrix4"]().frustum({
-      left,
-      right,
-      bottom,
-      top,
-      near,
-      far: Infinity
-    });
-  }
-}
-//# sourceMappingURL=perspective-off-center-frustum.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/culling/dist/esm/lib/plane.js":
-/*!**************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/culling/dist/esm/lib/plane.js ***!
-  \**************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Plane; });
-/* harmony import */ var _math_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/core */ "../../node_modules/@math.gl/core/dist/esm/index.js");
-
-const scratchPosition = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-const scratchNormal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-class Plane {
-  constructor(normal = [0, 0, 1], distance = 0) {
-    this.normal = new _math_gl_core__WEBPACK_IMPORTED_MODULE_0__["Vector3"]();
-    this.distance = -0;
-    this.fromNormalDistance(normal, distance);
-  }
-
-  fromNormalDistance(normal, distance) {
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Number.isFinite(distance));
-    this.normal.from(normal).normalize();
-    this.distance = distance;
-    return this;
-  }
-
-  fromPointNormal(point, normal) {
-    point = scratchPosition.from(point);
-    this.normal.from(normal).normalize();
-    const distance = -this.normal.dot(point);
-    this.distance = distance;
-    return this;
-  }
-
-  fromCoefficients(a, b, c, d) {
-    this.normal.set(a, b, c);
-    Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["assert"])(Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["equals"])(this.normal.len(), 1));
-    this.distance = d;
-    return this;
-  }
-
-  clone(plane) {
-    return new Plane(this.normal, this.distance);
-  }
-
-  equals(right) {
-    return Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["equals"])(this.distance, right.distance) && Object(_math_gl_core__WEBPACK_IMPORTED_MODULE_0__["equals"])(this.normal, right.normal);
-  }
-
-  getPointDistance(point) {
-    return this.normal.dot(point) + this.distance;
-  }
-
-  transform(matrix4) {
-    const normal = scratchNormal.copy(this.normal).transformAsVector(matrix4).normalize();
-    const point = this.normal.scale(-this.distance).transform(matrix4);
-    return this.fromPointNormal(point, normal);
-  }
-
-  projectPointOntoPlane(point, result = [0, 0, 0]) {
-    point = scratchPosition.from(point);
-    const pointDistance = this.getPointDistance(point);
-    const scaledNormal = scratchNormal.copy(this.normal).scale(pointDistance);
-    return point.subtract(scaledNormal).to(result);
-  }
-
-}
-//# sourceMappingURL=plane.js.map
-
-/***/ }),
-
 /***/ "../../node_modules/@math.gl/polygon/dist/esm/cut-by-grid.js":
 /*!****************************************************************************************!*\
   !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/polygon/dist/esm/cut-by-grid.js ***!
@@ -13316,921 +11901,6 @@ function getPointAtIndex(positions, index, size, offset, out = []) {
 
 /***/ }),
 
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js":
-/*!****************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/assert.js ***!
-  \****************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return assert; });
-function assert(condition, message) {
-  if (!condition) {
-    throw new Error(message || '@math.gl/web-mercator: assertion failed.');
-  }
-}
-//# sourceMappingURL=assert.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js":
-/*!********************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js ***!
-  \********************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return fitBounds; });
-/* harmony import */ var _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-viewport */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js");
-/* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./assert */ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js");
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-
-
-
-function fitBounds({
-  width,
-  height,
-  bounds,
-  minExtent = 0,
-  maxZoom = 24,
-  padding = 0,
-  offset = [0, 0]
-}) {
-  const [[west, south], [east, north]] = bounds;
-
-  if (Number.isFinite(padding)) {
-    const p = padding;
-    padding = {
-      top: p,
-      bottom: p,
-      left: p,
-      right: p
-    };
-  } else {
-    Object(_assert__WEBPACK_IMPORTED_MODULE_1__["default"])(Number.isFinite(padding.top) && Number.isFinite(padding.bottom) && Number.isFinite(padding.left) && Number.isFinite(padding.right));
-  }
-
-  const viewport = new _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__["default"]({
-    width,
-    height,
-    longitude: 0,
-    latitude: 0,
-    zoom: 0
-  });
-  const nw = viewport.project([west, north]);
-  const se = viewport.project([east, south]);
-  const size = [Math.max(Math.abs(se[0] - nw[0]), minExtent), Math.max(Math.abs(se[1] - nw[1]), minExtent)];
-  const targetSize = [width - padding.left - padding.right - Math.abs(offset[0]) * 2, height - padding.top - padding.bottom - Math.abs(offset[1]) * 2];
-  Object(_assert__WEBPACK_IMPORTED_MODULE_1__["default"])(targetSize[0] > 0 && targetSize[1] > 0);
-  const scaleX = targetSize[0] / size[0];
-  const scaleY = targetSize[1] / size[1];
-  const offsetX = (padding.right - padding.left) / 2 / scaleX;
-  const offsetY = (padding.bottom - padding.top) / 2 / scaleY;
-  const center = [(se[0] + nw[0]) / 2 + offsetX, (se[1] + nw[1]) / 2 + offsetY];
-  const centerLngLat = viewport.unproject(center);
-  const zoom = Math.min(maxZoom, viewport.zoom + Object(_math_utils__WEBPACK_IMPORTED_MODULE_2__["log2"])(Math.abs(Math.min(scaleX, scaleY))));
-  Object(_assert__WEBPACK_IMPORTED_MODULE_1__["default"])(Number.isFinite(zoom));
-  return {
-    longitude: centerLngLat[0],
-    latitude: centerLngLat[1],
-    zoom
-  };
-}
-//# sourceMappingURL=fit-bounds.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js":
-/*!*************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js ***!
-  \*************************************************************************************************/
-/*! exports provided: default, getFlyToDuration */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return flyToViewport; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFlyToDuration", function() { return getFlyToDuration; });
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
-/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
-
-
-
-const EPSILON = 0.01;
-const VIEWPORT_TRANSITION_PROPS = ['longitude', 'latitude', 'zoom'];
-const DEFAULT_OPTS = {
-  curve: 1.414,
-  speed: 1.2
-};
-function flyToViewport(startProps, endProps, t, opts = {}) {
-  const viewport = {};
-  const {
-    startZoom,
-    startCenterXY,
-    uDelta,
-    w0,
-    u1,
-    S,
-    rho,
-    rho2,
-    r0
-  } = getFlyToTransitionParams(startProps, endProps, opts);
-
-  if (u1 < EPSILON) {
-    for (const key of VIEWPORT_TRANSITION_PROPS) {
-      const startValue = startProps[key];
-      const endValue = endProps[key];
-      viewport[key] = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["lerp"])(startValue, endValue, t);
-    }
-
-    return viewport;
-  }
-
-  const s = t * S;
-  const w = Math.cosh(r0) / Math.cosh(r0 + rho * s);
-  const u = w0 * ((Math.cosh(r0) * Math.tanh(r0 + rho * s) - Math.sinh(r0)) / rho2) / u1;
-  const scaleIncrement = 1 / w;
-  const newZoom = startZoom + Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["scaleToZoom"])(scaleIncrement);
-  const newCenterWorld = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["scale"]([], uDelta, u);
-  gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["add"](newCenterWorld, newCenterWorld, startCenterXY);
-  const newCenter = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToLngLat"])(newCenterWorld);
-  viewport.longitude = newCenter[0];
-  viewport.latitude = newCenter[1];
-  viewport.zoom = newZoom;
-  return viewport;
-}
-function getFlyToDuration(startProps, endProps, opts = {}) {
-  opts = Object.assign({}, DEFAULT_OPTS, opts);
-  const {
-    screenSpeed,
-    speed,
-    maxDuration
-  } = opts;
-  const {
-    S,
-    rho
-  } = getFlyToTransitionParams(startProps, endProps, opts);
-  const length = 1000 * S;
-  let duration;
-
-  if (Number.isFinite(screenSpeed)) {
-    duration = length / (screenSpeed / rho);
-  } else {
-    duration = length / speed;
-  }
-
-  return Number.isFinite(maxDuration) && duration > maxDuration ? 0 : duration;
-}
-
-function getFlyToTransitionParams(startProps, endProps, opts) {
-  opts = Object.assign({}, DEFAULT_OPTS, opts);
-  const rho = opts.curve;
-  const startZoom = startProps.zoom;
-  const startCenter = [startProps.longitude, startProps.latitude];
-  const startScale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["zoomToScale"])(startZoom);
-  const endZoom = endProps.zoom;
-  const endCenter = [endProps.longitude, endProps.latitude];
-  const scale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["zoomToScale"])(endZoom - startZoom);
-  const startCenterXY = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(startCenter);
-  const endCenterXY = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(endCenter);
-  const uDelta = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["sub"]([], endCenterXY, startCenterXY);
-  const w0 = Math.max(startProps.width, startProps.height);
-  const w1 = w0 / scale;
-  const u1 = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["length"](uDelta) * startScale;
-
-  const _u1 = Math.max(u1, EPSILON);
-
-  const rho2 = rho * rho;
-  const b0 = (w1 * w1 - w0 * w0 + rho2 * rho2 * _u1 * _u1) / (2 * w0 * rho2 * _u1);
-  const b1 = (w1 * w1 - w0 * w0 - rho2 * rho2 * _u1 * _u1) / (2 * w1 * rho2 * _u1);
-  const r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0);
-  const r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
-  const S = (r1 - r0) / rho;
-  return {
-    startZoom,
-    startCenterXY,
-    uDelta,
-    w0,
-    u1,
-    S,
-    rho,
-    rho2,
-    r0,
-    r1
-  };
-}
-//# sourceMappingURL=fly-to-viewport.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js":
-/*!********************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js ***!
-  \********************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return getBounds; });
-/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
-/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-
-
-
-const DEGREES_TO_RADIANS = Math.PI / 180;
-function getBounds(viewport, z = 0) {
-  const {
-    width,
-    height,
-    unproject
-  } = viewport;
-  const unprojectOps = {
-    targetZ: z
-  };
-  const bottomLeft = unproject([0, height], unprojectOps);
-  const bottomRight = unproject([width, height], unprojectOps);
-  let topLeft;
-  let topRight;
-  const halfFov = viewport.fovy ? 0.5 * viewport.fovy * DEGREES_TO_RADIANS : Math.atan(0.5 / viewport.altitude);
-  const angleToGround = (90 - viewport.pitch) * DEGREES_TO_RADIANS;
-
-  if (halfFov > angleToGround - 0.01) {
-    topLeft = unprojectOnFarPlane(viewport, 0, z);
-    topRight = unprojectOnFarPlane(viewport, width, z);
-  } else {
-    topLeft = unproject([0, 0], unprojectOps);
-    topRight = unproject([width, 0], unprojectOps);
-  }
-
-  return [bottomLeft, bottomRight, topRight, topLeft];
-}
-
-function unprojectOnFarPlane(viewport, x, targetZ) {
-  const {
-    pixelUnprojectionMatrix
-  } = viewport;
-  const coord0 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_2__["transformVector"])(pixelUnprojectionMatrix, [x, 0, 1, 1]);
-  const coord1 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_2__["transformVector"])(pixelUnprojectionMatrix, [x, viewport.height, 1, 1]);
-  const z = targetZ * viewport.distanceScales.unitsPerMeter[2];
-  const t = (z - coord0[2]) / (coord1[2] - coord0[2]);
-  const coord = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_1__["lerp"]([], coord0, coord1, t);
-  const result = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])(coord);
-  result[2] = targetZ;
-  return result;
-}
-//# sourceMappingURL=get-bounds.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/index.js":
-/*!***************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/index.js ***!
-  \***************************************************************************************/
-/*! exports provided: default, WebMercatorViewport, getBounds, fitBounds, normalizeViewportProps, flyToViewport, getFlyToDuration, lngLatToWorld, worldToLngLat, worldToPixels, pixelsToWorld, zoomToScale, scaleToZoom, altitudeToFovy, fovyToAltitude, getMeterZoom, getDistanceScales, addMetersToLngLat, getViewMatrix, getProjectionMatrix, getProjectionParameters */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-viewport */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__["default"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WebMercatorViewport", function() { return _web_mercator_viewport__WEBPACK_IMPORTED_MODULE_0__["default"]; });
-
-/* harmony import */ var _get_bounds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./get-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getBounds", function() { return _get_bounds__WEBPACK_IMPORTED_MODULE_1__["default"]; });
-
-/* harmony import */ var _fit_bounds__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fit-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fitBounds", function() { return _fit_bounds__WEBPACK_IMPORTED_MODULE_2__["default"]; });
-
-/* harmony import */ var _normalize_viewport_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./normalize-viewport-props */ "../../node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "normalizeViewportProps", function() { return _normalize_viewport_props__WEBPACK_IMPORTED_MODULE_3__["default"]; });
-
-/* harmony import */ var _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fly-to-viewport */ "../../node_modules/@math.gl/web-mercator/dist/esm/fly-to-viewport.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "flyToViewport", function() { return _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__["default"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFlyToDuration", function() { return _fly_to_viewport__WEBPACK_IMPORTED_MODULE_4__["getFlyToDuration"]; });
-
-/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lngLatToWorld", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["lngLatToWorld"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "worldToLngLat", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["worldToLngLat"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "worldToPixels", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["worldToPixels"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pixelsToWorld", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["pixelsToWorld"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "zoomToScale", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["zoomToScale"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scaleToZoom", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["scaleToZoom"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "altitudeToFovy", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["altitudeToFovy"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fovyToAltitude", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["fovyToAltitude"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getMeterZoom", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getMeterZoom"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getDistanceScales", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getDistanceScales"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "addMetersToLngLat", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["addMetersToLngLat"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getViewMatrix", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getViewMatrix"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getProjectionMatrix", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getProjectionMatrix"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getProjectionParameters", function() { return _web_mercator_utils__WEBPACK_IMPORTED_MODULE_5__["getProjectionParameters"]; });
-
-
-
-
-
-
-
-
-//# sourceMappingURL=index.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js":
-/*!********************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/math-utils.js ***!
-  \********************************************************************************************/
-/*! exports provided: createMat4, transformVector, mod, lerp, log2 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createMat4", function() { return createMat4; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "transformVector", function() { return transformVector; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mod", function() { return mod; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lerp", function() { return lerp; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "log2", function() { return log2; });
-/* harmony import */ var gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! gl-matrix/vec4 */ "../../node_modules/gl-matrix/esm/vec4.js");
-
-function createMat4() {
-  return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-}
-function transformVector(matrix, vector) {
-  const result = gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__["transformMat4"]([], vector, matrix);
-  gl_matrix_vec4__WEBPACK_IMPORTED_MODULE_0__["scale"](result, result, 1 / result[3]);
-  return result;
-}
-function mod(value, divisor) {
-  const modulus = value % divisor;
-  return modulus < 0 ? divisor + modulus : modulus;
-}
-function lerp(start, end, step) {
-  return step * end + (1 - step) * start;
-}
-
-function ieLog2(x) {
-  return Math.log(x) * Math.LOG2E;
-}
-
-const log2 = Math.log2 || ieLog2;
-//# sourceMappingURL=math-utils.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.js":
-/*!**********************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/normalize-viewport-props.js ***!
-  \**********************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return normalizeViewportProps; });
-/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-
-
-const TILE_SIZE = 512;
-function normalizeViewportProps({
-  width,
-  height,
-  longitude,
-  latitude,
-  zoom,
-  pitch = 0,
-  bearing = 0
-}) {
-  if (longitude < -180 || longitude > 180) {
-    longitude = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["mod"])(longitude + 180, 360) - 180;
-  }
-
-  if (bearing < -180 || bearing > 180) {
-    bearing = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["mod"])(bearing + 180, 360) - 180;
-  }
-
-  const minZoom = Object(_math_utils__WEBPACK_IMPORTED_MODULE_1__["log2"])(height / TILE_SIZE);
-
-  if (zoom <= minZoom) {
-    zoom = minZoom;
-    latitude = 0;
-  } else {
-    const halfHeightPixels = height / 2 / Math.pow(2, zoom);
-    const minLatitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])([0, halfHeightPixels])[1];
-
-    if (latitude < minLatitude) {
-      latitude = minLatitude;
-    } else {
-      const maxLatitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_0__["worldToLngLat"])([0, TILE_SIZE - halfHeightPixels])[1];
-
-      if (latitude > maxLatitude) {
-        latitude = maxLatitude;
-      }
-    }
-  }
-
-  return {
-    width,
-    height,
-    longitude,
-    latitude,
-    zoom,
-    pitch,
-    bearing
-  };
-}
-//# sourceMappingURL=normalize-viewport-props.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js":
-/*!****************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js ***!
-  \****************************************************************************************************/
-/*! exports provided: DEFAULT_ALTITUDE, zoomToScale, scaleToZoom, lngLatToWorld, worldToLngLat, getMeterZoom, getDistanceScales, addMetersToLngLat, getViewMatrix, getProjectionParameters, getProjectionMatrix, altitudeToFovy, fovyToAltitude, worldToPixels, pixelsToWorld */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_ALTITUDE", function() { return DEFAULT_ALTITUDE; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "zoomToScale", function() { return zoomToScale; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scaleToZoom", function() { return scaleToZoom; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lngLatToWorld", function() { return lngLatToWorld; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "worldToLngLat", function() { return worldToLngLat; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMeterZoom", function() { return getMeterZoom; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDistanceScales", function() { return getDistanceScales; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addMetersToLngLat", function() { return addMetersToLngLat; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getViewMatrix", function() { return getViewMatrix; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getProjectionParameters", function() { return getProjectionParameters; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getProjectionMatrix", function() { return getProjectionMatrix; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "altitudeToFovy", function() { return altitudeToFovy; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fovyToAltitude", function() { return fovyToAltitude; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "worldToPixels", function() { return worldToPixels; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pixelsToWorld", function() { return pixelsToWorld; });
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-/* harmony import */ var gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gl-matrix/mat4 */ "../../node_modules/gl-matrix/esm/mat4.js");
-/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
-/* harmony import */ var gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! gl-matrix/vec3 */ "../../node_modules/gl-matrix/esm/vec3.js");
-/* harmony import */ var _assert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./assert */ "../../node_modules/@math.gl/web-mercator/dist/esm/assert.js");
-
-
-
-
-
-const PI = Math.PI;
-const PI_4 = PI / 4;
-const DEGREES_TO_RADIANS = PI / 180;
-const RADIANS_TO_DEGREES = 180 / PI;
-const TILE_SIZE = 512;
-const EARTH_CIRCUMFERENCE = 40.03e6;
-const DEFAULT_ALTITUDE = 1.5;
-function zoomToScale(zoom) {
-  return Math.pow(2, zoom);
-}
-function scaleToZoom(scale) {
-  return Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["log2"])(scale);
-}
-function lngLatToWorld([lng, lat]) {
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(lng));
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(lat) && lat >= -90 && lat <= 90, 'invalid latitude');
-  const lambda2 = lng * DEGREES_TO_RADIANS;
-  const phi2 = lat * DEGREES_TO_RADIANS;
-  const x = TILE_SIZE * (lambda2 + PI) / (2 * PI);
-  const y = TILE_SIZE * (PI + Math.log(Math.tan(PI_4 + phi2 * 0.5))) / (2 * PI);
-  return [x, y];
-}
-function worldToLngLat([x, y]) {
-  const lambda2 = x / TILE_SIZE * (2 * PI) - PI;
-  const phi2 = 2 * (Math.atan(Math.exp(y / TILE_SIZE * (2 * PI) - PI)) - PI_4);
-  return [lambda2 * RADIANS_TO_DEGREES, phi2 * RADIANS_TO_DEGREES];
-}
-function getMeterZoom({
-  latitude
-}) {
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(latitude));
-  const latCosine = Math.cos(latitude * DEGREES_TO_RADIANS);
-  return scaleToZoom(EARTH_CIRCUMFERENCE * latCosine) - 9;
-}
-function getDistanceScales({
-  latitude,
-  longitude,
-  highPrecision = false
-}) {
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(latitude) && Number.isFinite(longitude));
-  const result = {};
-  const worldSize = TILE_SIZE;
-  const latCosine = Math.cos(latitude * DEGREES_TO_RADIANS);
-  const unitsPerDegreeX = worldSize / 360;
-  const unitsPerDegreeY = unitsPerDegreeX / latCosine;
-  const altUnitsPerMeter = worldSize / EARTH_CIRCUMFERENCE / latCosine;
-  result.unitsPerMeter = [altUnitsPerMeter, altUnitsPerMeter, altUnitsPerMeter];
-  result.metersPerUnit = [1 / altUnitsPerMeter, 1 / altUnitsPerMeter, 1 / altUnitsPerMeter];
-  result.unitsPerDegree = [unitsPerDegreeX, unitsPerDegreeY, altUnitsPerMeter];
-  result.degreesPerUnit = [1 / unitsPerDegreeX, 1 / unitsPerDegreeY, 1 / altUnitsPerMeter];
-
-  if (highPrecision) {
-    const latCosine2 = DEGREES_TO_RADIANS * Math.tan(latitude * DEGREES_TO_RADIANS) / latCosine;
-    const unitsPerDegreeY2 = unitsPerDegreeX * latCosine2 / 2;
-    const altUnitsPerDegree2 = worldSize / EARTH_CIRCUMFERENCE * latCosine2;
-    const altUnitsPerMeter2 = altUnitsPerDegree2 / unitsPerDegreeY * altUnitsPerMeter;
-    result.unitsPerDegree2 = [0, unitsPerDegreeY2, altUnitsPerDegree2];
-    result.unitsPerMeter2 = [altUnitsPerMeter2, 0, altUnitsPerMeter2];
-  }
-
-  return result;
-}
-function addMetersToLngLat(lngLatZ, xyz) {
-  const [longitude, latitude, z0] = lngLatZ;
-  const [x, y, z] = xyz;
-  const {
-    unitsPerMeter,
-    unitsPerMeter2
-  } = getDistanceScales({
-    longitude,
-    latitude,
-    highPrecision: true
-  });
-  const worldspace = lngLatToWorld(lngLatZ);
-  worldspace[0] += x * (unitsPerMeter[0] + unitsPerMeter2[0] * y);
-  worldspace[1] += y * (unitsPerMeter[1] + unitsPerMeter2[1] * y);
-  const newLngLat = worldToLngLat(worldspace);
-  const newZ = (z0 || 0) + (z || 0);
-  return Number.isFinite(z0) || Number.isFinite(z) ? [newLngLat[0], newLngLat[1], newZ] : newLngLat;
-}
-function getViewMatrix({
-  height,
-  pitch,
-  bearing,
-  altitude,
-  scale,
-  center = null
-}) {
-  const vm = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["createMat4"])();
-  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["translate"](vm, vm, [0, 0, -altitude]);
-  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["rotateX"](vm, vm, -pitch * DEGREES_TO_RADIANS);
-  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["rotateZ"](vm, vm, bearing * DEGREES_TO_RADIANS);
-  scale /= height;
-  gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["scale"](vm, vm, [scale, scale, scale]);
-
-  if (center) {
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["translate"](vm, vm, gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_3__["negate"]([], center));
-  }
-
-  return vm;
-}
-function getProjectionParameters({
-  width,
-  height,
-  fovy = altitudeToFovy(DEFAULT_ALTITUDE),
-  altitude,
-  pitch = 0,
-  nearZMultiplier = 1,
-  farZMultiplier = 1
-}) {
-  if (altitude !== undefined) {
-    fovy = altitudeToFovy(altitude);
-  }
-
-  const halfFov = 0.5 * fovy * DEGREES_TO_RADIANS;
-  const focalDistance = fovyToAltitude(fovy);
-  const pitchRadians = pitch * DEGREES_TO_RADIANS;
-  const topHalfSurfaceDistance = Math.sin(halfFov) * focalDistance / Math.sin(Math.min(Math.max(Math.PI / 2 - pitchRadians - halfFov, 0.01), Math.PI - 0.01));
-  const farZ = Math.sin(pitchRadians) * topHalfSurfaceDistance + focalDistance;
-  return {
-    fov: 2 * halfFov,
-    aspect: width / height,
-    focalDistance,
-    near: nearZMultiplier,
-    far: farZ * farZMultiplier
-  };
-}
-function getProjectionMatrix({
-  width,
-  height,
-  pitch,
-  altitude,
-  fovy,
-  nearZMultiplier,
-  farZMultiplier
-}) {
-  const {
-    fov,
-    aspect,
-    near,
-    far
-  } = getProjectionParameters({
-    width,
-    height,
-    altitude,
-    fovy,
-    pitch,
-    nearZMultiplier,
-    farZMultiplier
-  });
-  const projectionMatrix = gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_1__["perspective"]([], fov, aspect, near, far);
-  return projectionMatrix;
-}
-function altitudeToFovy(altitude) {
-  return 2 * Math.atan(0.5 / altitude) * RADIANS_TO_DEGREES;
-}
-function fovyToAltitude(fovy) {
-  return 0.5 / Math.tan(0.5 * fovy * DEGREES_TO_RADIANS);
-}
-function worldToPixels(xyz, pixelProjectionMatrix) {
-  const [x, y, z = 0] = xyz;
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(x) && Number.isFinite(y) && Number.isFinite(z));
-  return Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelProjectionMatrix, [x, y, z, 1]);
-}
-function pixelsToWorld(xyz, pixelUnprojectionMatrix, targetZ = 0) {
-  const [x, y, z] = xyz;
-  Object(_assert__WEBPACK_IMPORTED_MODULE_4__["default"])(Number.isFinite(x) && Number.isFinite(y), 'invalid pixel coordinate');
-
-  if (Number.isFinite(z)) {
-    const coord = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, z, 1]);
-    return coord;
-  }
-
-  const coord0 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, 0, 1]);
-  const coord1 = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["transformVector"])(pixelUnprojectionMatrix, [x, y, 1, 1]);
-  const z0 = coord0[2];
-  const z1 = coord1[2];
-  const t = z0 === z1 ? 0 : ((targetZ || 0) - z0) / (z1 - z0);
-  return gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_2__["lerp"]([], coord0, coord1, t);
-}
-//# sourceMappingURL=web-mercator-utils.js.map
-
-/***/ }),
-
-/***/ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js":
-/*!*******************************************************************************************************!*\
-  !*** /Users/alasarr/dev/deck.gl/node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js ***!
-  \*******************************************************************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return WebMercatorViewport; });
-/* harmony import */ var _math_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/math-utils.js");
-/* harmony import */ var _web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./web-mercator-utils */ "../../node_modules/@math.gl/web-mercator/dist/esm/web-mercator-utils.js");
-/* harmony import */ var _fit_bounds__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fit-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/fit-bounds.js");
-/* harmony import */ var _get_bounds__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-bounds */ "../../node_modules/@math.gl/web-mercator/dist/esm/get-bounds.js");
-/* harmony import */ var gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! gl-matrix/mat4 */ "../../node_modules/gl-matrix/esm/mat4.js");
-/* harmony import */ var gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! gl-matrix/vec2 */ "../../node_modules/gl-matrix/esm/vec2.js");
-/* harmony import */ var gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! gl-matrix/vec3 */ "../../node_modules/gl-matrix/esm/vec3.js");
-
-
-
-
-
-
-
-class WebMercatorViewport {
-  constructor({
-    width,
-    height,
-    latitude = 0,
-    longitude = 0,
-    zoom = 0,
-    pitch = 0,
-    bearing = 0,
-    altitude = null,
-    fovy = null,
-    position = null,
-    nearZMultiplier = 0.02,
-    farZMultiplier = 1.01
-  } = {
-    width: 1,
-    height: 1
-  }) {
-    width = width || 1;
-    height = height || 1;
-
-    if (fovy === null && altitude === null) {
-      altitude = _web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["DEFAULT_ALTITUDE"];
-      fovy = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["altitudeToFovy"])(altitude);
-    } else if (fovy === null) {
-      fovy = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["altitudeToFovy"])(altitude);
-    } else if (altitude === null) {
-      altitude = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["fovyToAltitude"])(fovy);
-    }
-
-    const scale = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["zoomToScale"])(zoom);
-    altitude = Math.max(0.75, altitude);
-    const distanceScales = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["getDistanceScales"])({
-      longitude,
-      latitude
-    });
-    const center = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])([longitude, latitude]);
-    center[2] = 0;
-
-    if (position) {
-      gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_6__["add"](center, center, gl_matrix_vec3__WEBPACK_IMPORTED_MODULE_6__["mul"]([], position, distanceScales.unitsPerMeter));
-    }
-
-    this.projectionMatrix = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["getProjectionMatrix"])({
-      width,
-      height,
-      pitch,
-      fovy,
-      nearZMultiplier,
-      farZMultiplier
-    });
-    this.viewMatrix = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["getViewMatrix"])({
-      height,
-      scale,
-      center,
-      pitch,
-      bearing,
-      altitude
-    });
-    this.width = width;
-    this.height = height;
-    this.scale = scale;
-    this.latitude = latitude;
-    this.longitude = longitude;
-    this.zoom = zoom;
-    this.pitch = pitch;
-    this.bearing = bearing;
-    this.altitude = altitude;
-    this.fovy = fovy;
-    this.center = center;
-    this.meterOffset = position || [0, 0, 0];
-    this.distanceScales = distanceScales;
-
-    this._initMatrices();
-
-    this.equals = this.equals.bind(this);
-    this.project = this.project.bind(this);
-    this.unproject = this.unproject.bind(this);
-    this.projectPosition = this.projectPosition.bind(this);
-    this.unprojectPosition = this.unprojectPosition.bind(this);
-    Object.freeze(this);
-  }
-
-  _initMatrices() {
-    const {
-      width,
-      height,
-      projectionMatrix,
-      viewMatrix
-    } = this;
-    const vpm = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["createMat4"])();
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["multiply"](vpm, vpm, projectionMatrix);
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["multiply"](vpm, vpm, viewMatrix);
-    this.viewProjectionMatrix = vpm;
-    const m = Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["createMat4"])();
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["scale"](m, m, [width / 2, -height / 2, 1]);
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["translate"](m, m, [1, -1, 0]);
-    gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["multiply"](m, m, vpm);
-    const mInverse = gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["invert"](Object(_math_utils__WEBPACK_IMPORTED_MODULE_0__["createMat4"])(), m);
-
-    if (!mInverse) {
-      throw new Error('Pixel project matrix not invertible');
-    }
-
-    this.pixelProjectionMatrix = m;
-    this.pixelUnprojectionMatrix = mInverse;
-  }
-
-  equals(viewport) {
-    if (!(viewport instanceof WebMercatorViewport)) {
-      return false;
-    }
-
-    return viewport.width === this.width && viewport.height === this.height && gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["equals"](viewport.projectionMatrix, this.projectionMatrix) && gl_matrix_mat4__WEBPACK_IMPORTED_MODULE_4__["equals"](viewport.viewMatrix, this.viewMatrix);
-  }
-
-  project(xyz, {
-    topLeft = true
-  } = {}) {
-    const worldPosition = this.projectPosition(xyz);
-    const coord = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToPixels"])(worldPosition, this.pixelProjectionMatrix);
-    const [x, y] = coord;
-    const y2 = topLeft ? y : this.height - y;
-    return xyz.length === 2 ? [x, y2] : [x, y2, coord[2]];
-  }
-
-  unproject(xyz, {
-    topLeft = true,
-    targetZ = undefined
-  } = {}) {
-    const [x, y, z] = xyz;
-    const y2 = topLeft ? y : this.height - y;
-    const targetZWorld = targetZ && targetZ * this.distanceScales.unitsPerMeter[2];
-    const coord = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["pixelsToWorld"])([x, y2, z], this.pixelUnprojectionMatrix, targetZWorld);
-    const [X, Y, Z] = this.unprojectPosition(coord);
-
-    if (Number.isFinite(z)) {
-      return [X, Y, Z];
-    }
-
-    return Number.isFinite(targetZ) ? [X, Y, targetZ] : [X, Y];
-  }
-
-  projectPosition(xyz) {
-    const [X, Y] = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(xyz);
-    const Z = (xyz[2] || 0) * this.distanceScales.unitsPerMeter[2];
-    return [X, Y, Z];
-  }
-
-  unprojectPosition(xyz) {
-    const [X, Y] = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToLngLat"])(xyz);
-    const Z = (xyz[2] || 0) * this.distanceScales.metersPerUnit[2];
-    return [X, Y, Z];
-  }
-
-  projectFlat(lngLat) {
-    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(lngLat);
-  }
-
-  unprojectFlat(xy) {
-    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToLngLat"])(xy);
-  }
-
-  getMapCenterByLngLatPosition({
-    lngLat,
-    pos
-  }) {
-    const fromLocation = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["pixelsToWorld"])(pos, this.pixelUnprojectionMatrix);
-    const toLocation = Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])(lngLat);
-    const translate = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_5__["add"]([], toLocation, gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_5__["negate"]([], fromLocation));
-    const newCenter = gl_matrix_vec2__WEBPACK_IMPORTED_MODULE_5__["add"]([], this.center, translate);
-    return Object(_web_mercator_utils__WEBPACK_IMPORTED_MODULE_1__["worldToLngLat"])(newCenter);
-  }
-
-  getLocationAtPoint({
-    lngLat,
-    pos
-  }) {
-    return this.getMapCenterByLngLatPosition({
-      lngLat,
-      pos
-    });
-  }
-
-  fitBounds(bounds, options = {}) {
-    const {
-      width,
-      height
-    } = this;
-    const {
-      longitude,
-      latitude,
-      zoom
-    } = Object(_fit_bounds__WEBPACK_IMPORTED_MODULE_2__["default"])(Object.assign({
-      width,
-      height,
-      bounds
-    }, options));
-    return new WebMercatorViewport({
-      width,
-      height,
-      longitude,
-      latitude,
-      zoom
-    });
-  }
-
-  getBounds(options) {
-    const corners = this.getBoundingRegion(options);
-    const west = Math.min(...corners.map(p => p[0]));
-    const east = Math.max(...corners.map(p => p[0]));
-    const south = Math.min(...corners.map(p => p[1]));
-    const north = Math.max(...corners.map(p => p[1]));
-    return [[west, south], [east, north]];
-  }
-
-  getBoundingRegion(options = {}) {
-    return Object(_get_bounds__WEBPACK_IMPORTED_MODULE_3__["default"])(this, options.z || 0);
-  }
-
-}
-//# sourceMappingURL=web-mercator-viewport.js.map
-
-/***/ }),
-
 /***/ "../../node_modules/cartocolor/cartocolor.js":
 /*!************************************************************************!*\
   !*** /Users/alasarr/dev/deck.gl/node_modules/cartocolor/cartocolor.js ***!
@@ -29992,6 +27662,101 @@ var forEach = function () {
   };
 }();
 
+/***/ }),
+
+/***/ "../../node_modules/ieee754/index.js":
+/*!****************************************************************!*\
+  !*** /Users/alasarr/dev/deck.gl/node_modules/ieee754/index.js ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+exports.read = function (buffer, offset, isLE, mLen, nBytes) {
+  var e, m
+  var eLen = (nBytes * 8) - mLen - 1
+  var eMax = (1 << eLen) - 1
+  var eBias = eMax >> 1
+  var nBits = -7
+  var i = isLE ? (nBytes - 1) : 0
+  var d = isLE ? -1 : 1
+  var s = buffer[offset + i]
+
+  i += d
+
+  e = s & ((1 << (-nBits)) - 1)
+  s >>= (-nBits)
+  nBits += eLen
+  for (; nBits > 0; e = (e * 256) + buffer[offset + i], i += d, nBits -= 8) {}
+
+  m = e & ((1 << (-nBits)) - 1)
+  e >>= (-nBits)
+  nBits += mLen
+  for (; nBits > 0; m = (m * 256) + buffer[offset + i], i += d, nBits -= 8) {}
+
+  if (e === 0) {
+    e = 1 - eBias
+  } else if (e === eMax) {
+    return m ? NaN : ((s ? -1 : 1) * Infinity)
+  } else {
+    m = m + Math.pow(2, mLen)
+    e = e - eBias
+  }
+  return (s ? -1 : 1) * m * Math.pow(2, e - mLen)
+}
+
+exports.write = function (buffer, value, offset, isLE, mLen, nBytes) {
+  var e, m, c
+  var eLen = (nBytes * 8) - mLen - 1
+  var eMax = (1 << eLen) - 1
+  var eBias = eMax >> 1
+  var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0)
+  var i = isLE ? 0 : (nBytes - 1)
+  var d = isLE ? 1 : -1
+  var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0
+
+  value = Math.abs(value)
+
+  if (isNaN(value) || value === Infinity) {
+    m = isNaN(value) ? 1 : 0
+    e = eMax
+  } else {
+    e = Math.floor(Math.log(value) / Math.LN2)
+    if (value * (c = Math.pow(2, -e)) < 1) {
+      e--
+      c *= 2
+    }
+    if (e + eBias >= 1) {
+      value += rt / c
+    } else {
+      value += rt * Math.pow(2, 1 - eBias)
+    }
+    if (value * c >= 2) {
+      e++
+      c /= 2
+    }
+
+    if (e + eBias >= eMax) {
+      m = 0
+      e = eMax
+    } else if (e + eBias >= 1) {
+      m = ((value * c) - 1) * Math.pow(2, mLen)
+      e = e + eBias
+    } else {
+      m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen)
+      e = 0
+    }
+  }
+
+  for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}
+
+  e = (e << mLen) | m
+  eLen += mLen
+  for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}
+
+  buffer[offset + i - d] |= s * 128
+}
+
+
 /***/ }),
 
 /***/ "../../node_modules/internmap/src/index.js":
@@ -52408,6 +50173,660 @@ webpackContext.id = "../../node_modules/moment/locale sync recursive ^\\.\\/.*$"
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/module.js */ "../../node_modules/webpack/buildin/module.js")(module)))
 
+/***/ }),
+
+/***/ "../../node_modules/pbf/index.js":
+/*!************************************************************!*\
+  !*** /Users/alasarr/dev/deck.gl/node_modules/pbf/index.js ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = Pbf;
+
+var ieee754 = __webpack_require__(/*! ieee754 */ "../../node_modules/ieee754/index.js");
+
+function Pbf(buf) {
+    this.buf = ArrayBuffer.isView && ArrayBuffer.isView(buf) ? buf : new Uint8Array(buf || 0);
+    this.pos = 0;
+    this.type = 0;
+    this.length = this.buf.length;
+}
+
+Pbf.Varint  = 0; // varint: int32, int64, uint32, uint64, sint32, sint64, bool, enum
+Pbf.Fixed64 = 1; // 64-bit: double, fixed64, sfixed64
+Pbf.Bytes   = 2; // length-delimited: string, bytes, embedded messages, packed repeated fields
+Pbf.Fixed32 = 5; // 32-bit: float, fixed32, sfixed32
+
+var SHIFT_LEFT_32 = (1 << 16) * (1 << 16),
+    SHIFT_RIGHT_32 = 1 / SHIFT_LEFT_32;
+
+// Threshold chosen based on both benchmarking and knowledge about browser string
+// data structures (which currently switch structure types at 12 bytes or more)
+var TEXT_DECODER_MIN_LENGTH = 12;
+var utf8TextDecoder = typeof TextDecoder === 'undefined' ? null : new TextDecoder('utf8');
+
+Pbf.prototype = {
+
+    destroy: function() {
+        this.buf = null;
+    },
+
+    // === READING =================================================================
+
+    readFields: function(readField, result, end) {
+        end = end || this.length;
+
+        while (this.pos < end) {
+            var val = this.readVarint(),
+                tag = val >> 3,
+                startPos = this.pos;
+
+            this.type = val & 0x7;
+            readField(tag, result, this);
+
+            if (this.pos === startPos) this.skip(val);
+        }
+        return result;
+    },
+
+    readMessage: function(readField, result) {
+        return this.readFields(readField, result, this.readVarint() + this.pos);
+    },
+
+    readFixed32: function() {
+        var val = readUInt32(this.buf, this.pos);
+        this.pos += 4;
+        return val;
+    },
+
+    readSFixed32: function() {
+        var val = readInt32(this.buf, this.pos);
+        this.pos += 4;
+        return val;
+    },
+
+    // 64-bit int handling is based on github.com/dpw/node-buffer-more-ints (MIT-licensed)
+
+    readFixed64: function() {
+        var val = readUInt32(this.buf, this.pos) + readUInt32(this.buf, this.pos + 4) * SHIFT_LEFT_32;
+        this.pos += 8;
+        return val;
+    },
+
+    readSFixed64: function() {
+        var val = readUInt32(this.buf, this.pos) + readInt32(this.buf, this.pos + 4) * SHIFT_LEFT_32;
+        this.pos += 8;
+        return val;
+    },
+
+    readFloat: function() {
+        var val = ieee754.read(this.buf, this.pos, true, 23, 4);
+        this.pos += 4;
+        return val;
+    },
+
+    readDouble: function() {
+        var val = ieee754.read(this.buf, this.pos, true, 52, 8);
+        this.pos += 8;
+        return val;
+    },
+
+    readVarint: function(isSigned) {
+        var buf = this.buf,
+            val, b;
+
+        b = buf[this.pos++]; val  =  b & 0x7f;        if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 7;  if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 14; if (b < 0x80) return val;
+        b = buf[this.pos++]; val |= (b & 0x7f) << 21; if (b < 0x80) return val;
+        b = buf[this.pos];   val |= (b & 0x0f) << 28;
+
+        return readVarintRemainder(val, isSigned, this);
+    },
+
+    readVarint64: function() { // for compatibility with v2.0.1
+        return this.readVarint(true);
+    },
+
+    readSVarint: function() {
+        var num = this.readVarint();
+        return num % 2 === 1 ? (num + 1) / -2 : num / 2; // zigzag encoding
+    },
+
+    readBoolean: function() {
+        return Boolean(this.readVarint());
+    },
+
+    readString: function() {
+        var end = this.readVarint() + this.pos;
+        var pos = this.pos;
+        this.pos = end;
+
+        if (end - pos >= TEXT_DECODER_MIN_LENGTH && utf8TextDecoder) {
+            // longer strings are fast with the built-in browser TextDecoder API
+            return readUtf8TextDecoder(this.buf, pos, end);
+        }
+        // short strings are fast with our custom implementation
+        return readUtf8(this.buf, pos, end);
+    },
+
+    readBytes: function() {
+        var end = this.readVarint() + this.pos,
+            buffer = this.buf.subarray(this.pos, end);
+        this.pos = end;
+        return buffer;
+    },
+
+    // verbose for performance reasons; doesn't affect gzipped size
+
+    readPackedVarint: function(arr, isSigned) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readVarint(isSigned));
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readVarint(isSigned));
+        return arr;
+    },
+    readPackedSVarint: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readSVarint());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readSVarint());
+        return arr;
+    },
+    readPackedBoolean: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readBoolean());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readBoolean());
+        return arr;
+    },
+    readPackedFloat: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readFloat());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readFloat());
+        return arr;
+    },
+    readPackedDouble: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readDouble());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readDouble());
+        return arr;
+    },
+    readPackedFixed32: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readFixed32());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readFixed32());
+        return arr;
+    },
+    readPackedSFixed32: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readSFixed32());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readSFixed32());
+        return arr;
+    },
+    readPackedFixed64: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readFixed64());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readFixed64());
+        return arr;
+    },
+    readPackedSFixed64: function(arr) {
+        if (this.type !== Pbf.Bytes) return arr.push(this.readSFixed64());
+        var end = readPackedEnd(this);
+        arr = arr || [];
+        while (this.pos < end) arr.push(this.readSFixed64());
+        return arr;
+    },
+
+    skip: function(val) {
+        var type = val & 0x7;
+        if (type === Pbf.Varint) while (this.buf[this.pos++] > 0x7f) {}
+        else if (type === Pbf.Bytes) this.pos = this.readVarint() + this.pos;
+        else if (type === Pbf.Fixed32) this.pos += 4;
+        else if (type === Pbf.Fixed64) this.pos += 8;
+        else throw new Error('Unimplemented type: ' + type);
+    },
+
+    // === WRITING =================================================================
+
+    writeTag: function(tag, type) {
+        this.writeVarint((tag << 3) | type);
+    },
+
+    realloc: function(min) {
+        var length = this.length || 16;
+
+        while (length < this.pos + min) length *= 2;
+
+        if (length !== this.length) {
+            var buf = new Uint8Array(length);
+            buf.set(this.buf);
+            this.buf = buf;
+            this.length = length;
+        }
+    },
+
+    finish: function() {
+        this.length = this.pos;
+        this.pos = 0;
+        return this.buf.subarray(0, this.length);
+    },
+
+    writeFixed32: function(val) {
+        this.realloc(4);
+        writeInt32(this.buf, val, this.pos);
+        this.pos += 4;
+    },
+
+    writeSFixed32: function(val) {
+        this.realloc(4);
+        writeInt32(this.buf, val, this.pos);
+        this.pos += 4;
+    },
+
+    writeFixed64: function(val) {
+        this.realloc(8);
+        writeInt32(this.buf, val & -1, this.pos);
+        writeInt32(this.buf, Math.floor(val * SHIFT_RIGHT_32), this.pos + 4);
+        this.pos += 8;
+    },
+
+    writeSFixed64: function(val) {
+        this.realloc(8);
+        writeInt32(this.buf, val & -1, this.pos);
+        writeInt32(this.buf, Math.floor(val * SHIFT_RIGHT_32), this.pos + 4);
+        this.pos += 8;
+    },
+
+    writeVarint: function(val) {
+        val = +val || 0;
+
+        if (val > 0xfffffff || val < 0) {
+            writeBigVarint(val, this);
+            return;
+        }
+
+        this.realloc(4);
+
+        this.buf[this.pos++] =           val & 0x7f  | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] = ((val >>>= 7) & 0x7f) | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] = ((val >>>= 7) & 0x7f) | (val > 0x7f ? 0x80 : 0); if (val <= 0x7f) return;
+        this.buf[this.pos++] =   (val >>> 7) & 0x7f;
+    },
+
+    writeSVarint: function(val) {
+        this.writeVarint(val < 0 ? -val * 2 - 1 : val * 2);
+    },
+
+    writeBoolean: function(val) {
+        this.writeVarint(Boolean(val));
+    },
+
+    writeString: function(str) {
+        str = String(str);
+        this.realloc(str.length * 4);
+
+        this.pos++; // reserve 1 byte for short string length
+
+        var startPos = this.pos;
+        // write the string directly to the buffer and see how much was written
+        this.pos = writeUtf8(this.buf, str, this.pos);
+        var len = this.pos - startPos;
+
+        if (len >= 0x80) makeRoomForExtraLength(startPos, len, this);
+
+        // finally, write the message length in the reserved place and restore the position
+        this.pos = startPos - 1;
+        this.writeVarint(len);
+        this.pos += len;
+    },
+
+    writeFloat: function(val) {
+        this.realloc(4);
+        ieee754.write(this.buf, val, this.pos, true, 23, 4);
+        this.pos += 4;
+    },
+
+    writeDouble: function(val) {
+        this.realloc(8);
+        ieee754.write(this.buf, val, this.pos, true, 52, 8);
+        this.pos += 8;
+    },
+
+    writeBytes: function(buffer) {
+        var len = buffer.length;
+        this.writeVarint(len);
+        this.realloc(len);
+        for (var i = 0; i < len; i++) this.buf[this.pos++] = buffer[i];
+    },
+
+    writeRawMessage: function(fn, obj) {
+        this.pos++; // reserve 1 byte for short message length
+
+        // write the message directly to the buffer and see how much was written
+        var startPos = this.pos;
+        fn(obj, this);
+        var len = this.pos - startPos;
+
+        if (len >= 0x80) makeRoomForExtraLength(startPos, len, this);
+
+        // finally, write the message length in the reserved place and restore the position
+        this.pos = startPos - 1;
+        this.writeVarint(len);
+        this.pos += len;
+    },
+
+    writeMessage: function(tag, fn, obj) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeRawMessage(fn, obj);
+    },
+
+    writePackedVarint:   function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedVarint, arr);   },
+    writePackedSVarint:  function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedSVarint, arr);  },
+    writePackedBoolean:  function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedBoolean, arr);  },
+    writePackedFloat:    function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedFloat, arr);    },
+    writePackedDouble:   function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedDouble, arr);   },
+    writePackedFixed32:  function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedFixed32, arr);  },
+    writePackedSFixed32: function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedSFixed32, arr); },
+    writePackedFixed64:  function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedFixed64, arr);  },
+    writePackedSFixed64: function(tag, arr) { if (arr.length) this.writeMessage(tag, writePackedSFixed64, arr); },
+
+    writeBytesField: function(tag, buffer) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeBytes(buffer);
+    },
+    writeFixed32Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeFixed32(val);
+    },
+    writeSFixed32Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeSFixed32(val);
+    },
+    writeFixed64Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeFixed64(val);
+    },
+    writeSFixed64Field: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeSFixed64(val);
+    },
+    writeVarintField: function(tag, val) {
+        this.writeTag(tag, Pbf.Varint);
+        this.writeVarint(val);
+    },
+    writeSVarintField: function(tag, val) {
+        this.writeTag(tag, Pbf.Varint);
+        this.writeSVarint(val);
+    },
+    writeStringField: function(tag, str) {
+        this.writeTag(tag, Pbf.Bytes);
+        this.writeString(str);
+    },
+    writeFloatField: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed32);
+        this.writeFloat(val);
+    },
+    writeDoubleField: function(tag, val) {
+        this.writeTag(tag, Pbf.Fixed64);
+        this.writeDouble(val);
+    },
+    writeBooleanField: function(tag, val) {
+        this.writeVarintField(tag, Boolean(val));
+    }
+};
+
+function readVarintRemainder(l, s, p) {
+    var buf = p.buf,
+        h, b;
+
+    b = buf[p.pos++]; h  = (b & 0x70) >> 4;  if (b < 0x80) return toNum(l, h, s);
+    b = buf[p.pos++]; h |= (b & 0x7f) << 3;  if (b < 0x80) return toNum(l, h, s);
+    b = buf[p.pos++]; h |= (b & 0x7f) << 10; if (b < 0x80) return toNum(l, h, s);
+    b = buf[p.pos++]; h |= (b & 0x7f) << 17; if (b < 0x80) return toNum(l, h, s);
+    b = buf[p.pos++]; h |= (b & 0x7f) << 24; if (b < 0x80) return toNum(l, h, s);
+    b = buf[p.pos++]; h |= (b & 0x01) << 31; if (b < 0x80) return toNum(l, h, s);
+
+    throw new Error('Expected varint not more than 10 bytes');
+}
+
+function readPackedEnd(pbf) {
+    return pbf.type === Pbf.Bytes ?
+        pbf.readVarint() + pbf.pos : pbf.pos + 1;
+}
+
+function toNum(low, high, isSigned) {
+    if (isSigned) {
+        return high * 0x100000000 + (low >>> 0);
+    }
+
+    return ((high >>> 0) * 0x100000000) + (low >>> 0);
+}
+
+function writeBigVarint(val, pbf) {
+    var low, high;
+
+    if (val >= 0) {
+        low  = (val % 0x100000000) | 0;
+        high = (val / 0x100000000) | 0;
+    } else {
+        low  = ~(-val % 0x100000000);
+        high = ~(-val / 0x100000000);
+
+        if (low ^ 0xffffffff) {
+            low = (low + 1) | 0;
+        } else {
+            low = 0;
+            high = (high + 1) | 0;
+        }
+    }
+
+    if (val >= 0x10000000000000000 || val < -0x10000000000000000) {
+        throw new Error('Given varint doesn\'t fit into 10 bytes');
+    }
+
+    pbf.realloc(10);
+
+    writeBigVarintLow(low, high, pbf);
+    writeBigVarintHigh(high, pbf);
+}
+
+function writeBigVarintLow(low, high, pbf) {
+    pbf.buf[pbf.pos++] = low & 0x7f | 0x80; low >>>= 7;
+    pbf.buf[pbf.pos++] = low & 0x7f | 0x80; low >>>= 7;
+    pbf.buf[pbf.pos++] = low & 0x7f | 0x80; low >>>= 7;
+    pbf.buf[pbf.pos++] = low & 0x7f | 0x80; low >>>= 7;
+    pbf.buf[pbf.pos]   = low & 0x7f;
+}
+
+function writeBigVarintHigh(high, pbf) {
+    var lsb = (high & 0x07) << 4;
+
+    pbf.buf[pbf.pos++] |= lsb         | ((high >>>= 3) ? 0x80 : 0); if (!high) return;
+    pbf.buf[pbf.pos++]  = high & 0x7f | ((high >>>= 7) ? 0x80 : 0); if (!high) return;
+    pbf.buf[pbf.pos++]  = high & 0x7f | ((high >>>= 7) ? 0x80 : 0); if (!high) return;
+    pbf.buf[pbf.pos++]  = high & 0x7f | ((high >>>= 7) ? 0x80 : 0); if (!high) return;
+    pbf.buf[pbf.pos++]  = high & 0x7f | ((high >>>= 7) ? 0x80 : 0); if (!high) return;
+    pbf.buf[pbf.pos++]  = high & 0x7f;
+}
+
+function makeRoomForExtraLength(startPos, len, pbf) {
+    var extraLen =
+        len <= 0x3fff ? 1 :
+        len <= 0x1fffff ? 2 :
+        len <= 0xfffffff ? 3 : Math.floor(Math.log(len) / (Math.LN2 * 7));
+
+    // if 1 byte isn't enough for encoding message length, shift the data to the right
+    pbf.realloc(extraLen);
+    for (var i = pbf.pos - 1; i >= startPos; i--) pbf.buf[i + extraLen] = pbf.buf[i];
+}
+
+function writePackedVarint(arr, pbf)   { for (var i = 0; i < arr.length; i++) pbf.writeVarint(arr[i]);   }
+function writePackedSVarint(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeSVarint(arr[i]);  }
+function writePackedFloat(arr, pbf)    { for (var i = 0; i < arr.length; i++) pbf.writeFloat(arr[i]);    }
+function writePackedDouble(arr, pbf)   { for (var i = 0; i < arr.length; i++) pbf.writeDouble(arr[i]);   }
+function writePackedBoolean(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeBoolean(arr[i]);  }
+function writePackedFixed32(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeFixed32(arr[i]);  }
+function writePackedSFixed32(arr, pbf) { for (var i = 0; i < arr.length; i++) pbf.writeSFixed32(arr[i]); }
+function writePackedFixed64(arr, pbf)  { for (var i = 0; i < arr.length; i++) pbf.writeFixed64(arr[i]);  }
+function writePackedSFixed64(arr, pbf) { for (var i = 0; i < arr.length; i++) pbf.writeSFixed64(arr[i]); }
+
+// Buffer code below from https://github.com/feross/buffer, MIT-licensed
+
+function readUInt32(buf, pos) {
+    return ((buf[pos]) |
+        (buf[pos + 1] << 8) |
+        (buf[pos + 2] << 16)) +
+        (buf[pos + 3] * 0x1000000);
+}
+
+function writeInt32(buf, val, pos) {
+    buf[pos] = val;
+    buf[pos + 1] = (val >>> 8);
+    buf[pos + 2] = (val >>> 16);
+    buf[pos + 3] = (val >>> 24);
+}
+
+function readInt32(buf, pos) {
+    return ((buf[pos]) |
+        (buf[pos + 1] << 8) |
+        (buf[pos + 2] << 16)) +
+        (buf[pos + 3] << 24);
+}
+
+function readUtf8(buf, pos, end) {
+    var str = '';
+    var i = pos;
+
+    while (i < end) {
+        var b0 = buf[i];
+        var c = null; // codepoint
+        var bytesPerSequence =
+            b0 > 0xEF ? 4 :
+            b0 > 0xDF ? 3 :
+            b0 > 0xBF ? 2 : 1;
+
+        if (i + bytesPerSequence > end) break;
+
+        var b1, b2, b3;
+
+        if (bytesPerSequence === 1) {
+            if (b0 < 0x80) {
+                c = b0;
+            }
+        } else if (bytesPerSequence === 2) {
+            b1 = buf[i + 1];
+            if ((b1 & 0xC0) === 0x80) {
+                c = (b0 & 0x1F) << 0x6 | (b1 & 0x3F);
+                if (c <= 0x7F) {
+                    c = null;
+                }
+            }
+        } else if (bytesPerSequence === 3) {
+            b1 = buf[i + 1];
+            b2 = buf[i + 2];
+            if ((b1 & 0xC0) === 0x80 && (b2 & 0xC0) === 0x80) {
+                c = (b0 & 0xF) << 0xC | (b1 & 0x3F) << 0x6 | (b2 & 0x3F);
+                if (c <= 0x7FF || (c >= 0xD800 && c <= 0xDFFF)) {
+                    c = null;
+                }
+            }
+        } else if (bytesPerSequence === 4) {
+            b1 = buf[i + 1];
+            b2 = buf[i + 2];
+            b3 = buf[i + 3];
+            if ((b1 & 0xC0) === 0x80 && (b2 & 0xC0) === 0x80 && (b3 & 0xC0) === 0x80) {
+                c = (b0 & 0xF) << 0x12 | (b1 & 0x3F) << 0xC | (b2 & 0x3F) << 0x6 | (b3 & 0x3F);
+                if (c <= 0xFFFF || c >= 0x110000) {
+                    c = null;
+                }
+            }
+        }
+
+        if (c === null) {
+            c = 0xFFFD;
+            bytesPerSequence = 1;
+
+        } else if (c > 0xFFFF) {
+            c -= 0x10000;
+            str += String.fromCharCode(c >>> 10 & 0x3FF | 0xD800);
+            c = 0xDC00 | c & 0x3FF;
+        }
+
+        str += String.fromCharCode(c);
+        i += bytesPerSequence;
+    }
+
+    return str;
+}
+
+function readUtf8TextDecoder(buf, pos, end) {
+    return utf8TextDecoder.decode(buf.subarray(pos, end));
+}
+
+function writeUtf8(buf, str, pos) {
+    for (var i = 0, c, lead; i < str.length; i++) {
+        c = str.charCodeAt(i); // code point
+
+        if (c > 0xD7FF && c < 0xE000) {
+            if (lead) {
+                if (c < 0xDC00) {
+                    buf[pos++] = 0xEF;
+                    buf[pos++] = 0xBF;
+                    buf[pos++] = 0xBD;
+                    lead = c;
+                    continue;
+                } else {
+                    c = lead - 0xD800 << 10 | c - 0xDC00 | 0x10000;
+                    lead = null;
+                }
+            } else {
+                if (c > 0xDBFF || (i + 1 === str.length)) {
+                    buf[pos++] = 0xEF;
+                    buf[pos++] = 0xBF;
+                    buf[pos++] = 0xBD;
+                } else {
+                    lead = c;
+                }
+                continue;
+            }
+        } else if (lead) {
+            buf[pos++] = 0xEF;
+            buf[pos++] = 0xBF;
+            buf[pos++] = 0xBD;
+            lead = null;
+        }
+
+        if (c < 0x80) {
+            buf[pos++] = c;
+        } else {
+            if (c < 0x800) {
+                buf[pos++] = c >> 0x6 | 0xC0;
+            } else {
+                if (c < 0x10000) {
+                    buf[pos++] = c >> 0xC | 0xE0;
+                } else {
+                    buf[pos++] = c >> 0x12 | 0xF0;
+                    buf[pos++] = c >> 0xC & 0x3F | 0x80;
+                }
+                buf[pos++] = c >> 0x6 & 0x3F | 0x80;
+            }
+            buf[pos++] = c & 0x3F | 0x80;
+        }
+    }
+    return pos;
+}
+
+
 /***/ }),
 
 /***/ "../../node_modules/webpack/buildin/module.js":
@@ -53951,7 +52370,7 @@ function calculateUniforms({
 /*!**********************************!*\
   !*** ../extensions/src/index.ts ***!
   \**********************************/
-/*! exports provided: BrushingExtension, DataFilterExtension, Fp64Extension, PathStyleExtension, FillStyleExtension, ClipExtension, project64 */
+/*! exports provided: BrushingExtension, DataFilterExtension, Fp64Extension, PathStyleExtension, FillStyleExtension, ClipExtension, MaskExtension, project64 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -53974,8 +52393,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _clip_clip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./clip/clip */ "../extensions/src/clip/clip.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClipExtension", function() { return _clip_clip__WEBPACK_IMPORTED_MODULE_5__["default"]; });
 
-/* harmony import */ var _fp64_project64__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fp64/project64 */ "../extensions/src/fp64/project64.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "project64", function() { return _fp64_project64__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+/* harmony import */ var _mask_mask__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mask/mask */ "../extensions/src/mask/mask.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MaskExtension", function() { return _mask_mask__WEBPACK_IMPORTED_MODULE_6__["default"]; });
+
+/* harmony import */ var _fp64_project64__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fp64/project64 */ "../extensions/src/fp64/project64.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "project64", function() { return _fp64_project64__WEBPACK_IMPORTED_MODULE_7__["default"]; });
+
 
 
 
@@ -53986,6 +52409,185 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "../extensions/src/mask/mask.js":
+/*!**************************************!*\
+  !*** ../extensions/src/mask/mask.js ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return MaskExtension; });
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _shader_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shader-module */ "../extensions/src/mask/shader-module.js");
+
+
+const defaultProps = {
+  maskId: ''
+};
+class MaskExtension extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["LayerExtension"] {
+  getShaders() {
+    // Infer by geometry if 'maskByInstance' prop isn't explictly set
+    let maskByInstance = ('instancePositions' in this.getAttributeManager().attributes); // Users can override by setting the `maskByInstance` prop
+
+    if ('maskByInstance' in this.props) {
+      maskByInstance = this.props.maskByInstance;
+    }
+
+    this.state.maskByInstance = maskByInstance;
+    return {
+      modules: [_shader_module__WEBPACK_IMPORTED_MODULE_1__["default"]]
+    };
+  }
+
+  draw({
+    uniforms,
+    context,
+    moduleParameters
+  }) {
+    uniforms.mask_maskByInstance = this.state.maskByInstance;
+    const {
+      maskId
+    } = this.props;
+    const {
+      maskChannels
+    } = moduleParameters;
+    const {
+      viewport
+    } = context;
+
+    if (maskChannels && maskChannels[maskId]) {
+      const {
+        index,
+        bounds,
+        coordinateOrigin: fromCoordinateOrigin
+      } = maskChannels[maskId];
+      let {
+        coordinateSystem: fromCoordinateSystem
+      } = maskChannels[maskId];
+      uniforms.mask_enabled = true;
+      uniforms.mask_channel = index;
+
+      if (fromCoordinateSystem === _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["COORDINATE_SYSTEM"].DEFAULT) {
+        fromCoordinateSystem = viewport.isGeospatial ? _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["COORDINATE_SYSTEM"].LNGLAT : _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["COORDINATE_SYSTEM"].CARTESIAN;
+      }
+
+      const opts = {
+        modelMatrix: null,
+        fromCoordinateOrigin,
+        fromCoordinateSystem
+      };
+      const bl = this.projectPosition([bounds[0], bounds[1], 0], opts);
+      const tr = this.projectPosition([bounds[2], bounds[3], 0], opts);
+      uniforms.mask_bounds = [bl[0], bl[1], tr[0], tr[1]];
+    } else {
+      if (maskId) {
+        _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["log"].warn(`Could not find a mask layer with id: ${maskId}`)();
+      }
+
+      uniforms.mask_enabled = false;
+    }
+  }
+
+}
+MaskExtension.extensionName = 'MaskExtension';
+MaskExtension.defaultProps = defaultProps;
+
+/***/ }),
+
+/***/ "../extensions/src/mask/shader-module.js":
+/*!***********************************************!*\
+  !*** ../extensions/src/mask/shader-module.js ***!
+  \***********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
+
+const vs = `
+uniform vec4 mask_bounds;
+uniform bool mask_maskByInstance;
+vec2 mask_getCoords(vec4 position) {
+  return (position.xy - mask_bounds.xy) / (mask_bounds.zw - mask_bounds.xy);
+}
+`;
+const fs = `
+uniform sampler2D mask_texture;
+uniform int mask_channel;
+uniform bool mask_enabled;
+bool mask_isInBounds(vec2 texCoords) {
+  if (!mask_enabled) {
+    return true;
+  }
+  vec4 maskColor = texture2D(mask_texture, texCoords);
+  float maskValue = 1.0;
+  if (mask_channel == 0) {
+    maskValue = maskColor.r;
+  } else if (mask_channel == 1) {
+    maskValue = maskColor.g;
+  } else if (mask_channel == 2) {
+    maskValue = maskColor.b;
+  } else if (mask_channel == 3) {
+    maskValue = maskColor.a;
+  }
+  return maskValue < 0.5;
+}
+`;
+const inject = {
+  'vs:#decl': `
+varying vec2 mask_texCoords;
+`,
+  'vs:#main-end': `
+   vec4 mask_common_position;
+   if (mask_maskByInstance) {
+     mask_common_position = project_position(vec4(geometry.worldPosition, 1.0));
+   } else {
+     mask_common_position = geometry.position;
+   }
+   mask_texCoords = mask_getCoords(mask_common_position);
+`,
+  'fs:#decl': `
+varying vec2 mask_texCoords;
+`,
+  'fs:#main-start': `
+  if (mask_enabled) {
+    bool mask = mask_isInBounds(mask_texCoords);
+
+    // Debug: show extent of render target
+    // gl_FragColor = vec4(mask_texCoords, 0.0, 1.0);
+    gl_FragColor = texture2D(mask_texture, mask_texCoords);
+
+    if (!mask) discard;
+  }
+`
+};
+
+const getMaskUniforms = (opts = {}) => {
+  const uniforms = {};
+
+  if (opts.maskMap) {
+    uniforms.mask_texture = opts.maskMap;
+  }
+
+  return uniforms;
+};
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  name: 'mask',
+  dependencies: [_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["project"]],
+  vs,
+  fs,
+  inject,
+  getUniforms: getMaskUniforms
+});
+
 /***/ }),
 
 /***/ "../extensions/src/path-style/path-style.js":
@@ -54261,450 +52863,6 @@ attribute float instanceOffsets;
 
 /***/ }),
 
-/***/ "../geo-layers/src/tile-layer/tile-2d-traversal.js":
-/*!*********************************************************!*\
-  !*** ../geo-layers/src/tile-layer/tile-2d-traversal.js ***!
-  \*********************************************************/
-/*! exports provided: getOSMTileIndices */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOSMTileIndices", function() { return getOSMTileIndices; });
-/* harmony import */ var _math_gl_culling__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @math.gl/culling */ "../../node_modules/@math.gl/culling/dist/esm/index.js");
-/* harmony import */ var _math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @math.gl/web-mercator */ "../../node_modules/@math.gl/web-mercator/dist/esm/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "../geo-layers/src/tile-layer/utils.js");
-/* eslint-disable complexity */
-
-
-
-const TILE_SIZE = 512; // number of world copies to check
-
-const MAX_MAPS = 3; // for calculating bounding volume of a tile in a non-web-mercator viewport
-
-const REF_POINTS_5 = [[0.5, 0.5], [0, 0], [0, 1], [1, 0], [1, 1]]; // 4 corners and center
-
-const REF_POINTS_9 = REF_POINTS_5.concat([[0, 0.5], [0.5, 0], [1, 0.5], [0.5, 1]]); // 4 corners, center and 4 mid points
-
-const REF_POINTS_11 = REF_POINTS_9.concat([[0.25, 0.5], [0.75, 0.5]]); // 2 additional points on equator for top tile
-
-class OSMNode {
-  constructor(x, y, z) {
-    this.x = x;
-    this.y = y;
-    this.z = z;
-  }
-
-  get children() {
-    if (!this._children) {
-      const x = this.x * 2;
-      const y = this.y * 2;
-      const z = this.z + 1;
-      this._children = [new OSMNode(x, y, z), new OSMNode(x, y + 1, z), new OSMNode(x + 1, y, z), new OSMNode(x + 1, y + 1, z)];
-    }
-
-    return this._children;
-  }
-
-  update(params) {
-    const {
-      viewport,
-      cullingVolume,
-      elevationBounds,
-      minZ,
-      maxZ,
-      bounds,
-      offset,
-      project
-    } = params;
-    const boundingVolume = this.getBoundingVolume(elevationBounds, offset, project); // First, check if this tile is visible
-
-    if (bounds && !this.insideBounds(bounds)) {
-      return false;
-    }
-
-    const isInside = cullingVolume.computeVisibility(boundingVolume);
-
-    if (isInside < 0) {
-      return false;
-    } // Avoid loading overlapping tiles - if a descendant is requested, do not request the ancester
-
-
-    if (!this.childVisible) {
-      let {
-        z
-      } = this;
-
-      if (z < maxZ && z >= minZ) {
-        // Adjust LOD
-        // If the tile is far enough from the camera, accept a lower zoom level
-        const distance = boundingVolume.distanceTo(viewport.cameraPosition) * viewport.scale / viewport.height;
-        z += Math.floor(Math.log2(distance));
-      }
-
-      if (z >= maxZ) {
-        // LOD is acceptable
-        this.selected = true;
-        return true;
-      }
-    } // LOD is not enough, recursively test child tiles
-
-
-    this.selected = false;
-    this.childVisible = true;
-
-    for (const child of this.children) {
-      child.update(params);
-    }
-
-    return true;
-  }
-
-  getSelected(result = []) {
-    if (this.selected) {
-      result.push(this);
-    }
-
-    if (this._children) {
-      for (const node of this._children) {
-        node.getSelected(result);
-      }
-    }
-
-    return result;
-  }
-
-  insideBounds([minX, minY, maxX, maxY]) {
-    const scale = Math.pow(2, this.z);
-    const extent = TILE_SIZE / scale;
-    return this.x * extent < maxX && this.y * extent < maxY && (this.x + 1) * extent > minX && (this.y + 1) * extent > minY;
-  }
-
-  getBoundingVolume(zRange, worldOffset, project) {
-    if (project) {
-      // Custom projection
-      // Estimate bounding box from sample points
-      // At low zoom level we need more samples to calculate the bounding volume correctly
-      const refPoints = this.z < 1 ? REF_POINTS_11 : this.z < 2 ? REF_POINTS_9 : REF_POINTS_5; // Convert from tile-relative coordinates to common space
-
-      const refPointPositions = [];
-
-      for (const p of refPoints) {
-        const lngLat = Object(_utils__WEBPACK_IMPORTED_MODULE_2__["osmTile2lngLat"])(this.x + p[0], this.y + p[1], this.z);
-        lngLat[2] = zRange[0];
-        refPointPositions.push(project(lngLat));
-
-        if (zRange[0] !== zRange[1]) {
-          // Account for the elevation volume
-          lngLat[2] = zRange[1];
-          refPointPositions.push(project(lngLat));
-        }
-      }
-
-      return Object(_math_gl_culling__WEBPACK_IMPORTED_MODULE_0__["makeOrientedBoundingBoxFromPoints"])(refPointPositions);
-    } // Use WebMercator projection
-
-
-    const scale = Math.pow(2, this.z);
-    const extent = TILE_SIZE / scale;
-    const originX = this.x * extent + worldOffset * TILE_SIZE; // deck's common space is y-flipped
-
-    const originY = TILE_SIZE - (this.y + 1) * extent;
-    return new _math_gl_culling__WEBPACK_IMPORTED_MODULE_0__["AxisAlignedBoundingBox"]([originX, originY, zRange[0]], [originX + extent, originY + extent, zRange[1]]);
-  }
-
-}
-
-function getOSMTileIndices(viewport, maxZ, zRange, bounds) {
-  const project = viewport.resolution ? viewport.projectPosition : null; // Get the culling volume of the current camera
-
-  const planes = Object.values(viewport.getFrustumPlanes()).map(({
-    normal,
-    distance
-  }) => new _math_gl_culling__WEBPACK_IMPORTED_MODULE_0__["Plane"](normal.clone().negate(), distance));
-  const cullingVolume = new _math_gl_culling__WEBPACK_IMPORTED_MODULE_0__["CullingVolume"](planes); // Project zRange from meters to common space
-
-  const unitsPerMeter = viewport.distanceScales.unitsPerMeter[2];
-  const elevationMin = zRange && zRange[0] * unitsPerMeter || 0;
-  const elevationMax = zRange && zRange[1] * unitsPerMeter || 0; // Always load at the current zoom level if pitch is small
-
-  const minZ = viewport.pitch <= 60 ? maxZ : 0; // Map extent to OSM position
-
-  if (bounds) {
-    const [minLng, minLat, maxLng, maxLat] = bounds;
-    const topLeft = Object(_math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])([minLng, maxLat]);
-    const bottomRight = Object(_math_gl_web_mercator__WEBPACK_IMPORTED_MODULE_1__["lngLatToWorld"])([maxLng, minLat]);
-    bounds = [topLeft[0], TILE_SIZE - topLeft[1], bottomRight[0], TILE_SIZE - bottomRight[1]];
-  }
-
-  const root = new OSMNode(0, 0, 0);
-  const traversalParams = {
-    viewport,
-    project,
-    cullingVolume,
-    elevationBounds: [elevationMin, elevationMax],
-    minZ,
-    maxZ,
-    bounds,
-    // num. of worlds from the center. For repeated maps
-    offset: 0
-  };
-  root.update(traversalParams);
-
-  if (viewport.subViewports && viewport.subViewports.length > 1) {
-    // Check worlds in repeated maps
-    traversalParams.offset = -1;
-
-    while (root.update(traversalParams)) {
-      if (--traversalParams.offset < -MAX_MAPS) {
-        break;
-      }
-    }
-
-    traversalParams.offset = 1;
-
-    while (root.update(traversalParams)) {
-      if (++traversalParams.offset > MAX_MAPS) {
-        break;
-      }
-    }
-  }
-
-  return root.getSelected();
-}
-
-/***/ }),
-
-/***/ "../geo-layers/src/tile-layer/utils.js":
-/*!*********************************************!*\
-  !*** ../geo-layers/src/tile-layer/utils.js ***!
-  \*********************************************/
-/*! exports provided: urlType, getURLFromTemplate, osmTile2lngLat, tileToBoundingBox, getTileIndices, isURLTemplate */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "urlType", function() { return urlType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getURLFromTemplate", function() { return getURLFromTemplate; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "osmTile2lngLat", function() { return osmTile2lngLat; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tileToBoundingBox", function() { return tileToBoundingBox; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTileIndices", function() { return getTileIndices; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isURLTemplate", function() { return isURLTemplate; });
-/* harmony import */ var _tile_2d_traversal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tile-2d-traversal */ "../geo-layers/src/tile-layer/tile-2d-traversal.js");
-
-const TILE_SIZE = 512;
-const DEFAULT_EXTENT = [-Infinity, -Infinity, Infinity, Infinity];
-const urlType = {
-  type: 'url',
-  value: null,
-  validate: (value, propType) => propType.optional && value === null || typeof value === 'string' || Array.isArray(value) && value.every(url => typeof url === 'string'),
-  equals: (value1, value2) => {
-    if (value1 === value2) {
-      return true;
-    }
-
-    if (!Array.isArray(value1) || !Array.isArray(value2)) {
-      return false;
-    }
-
-    const len = value1.length;
-
-    if (len !== value2.length) {
-      return false;
-    }
-
-    for (let i = 0; i < len; i++) {
-      if (value1[i] !== value2[i]) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-};
-
-function transformBox(bbox, modelMatrix) {
-  const transformedCoords = [// top-left
-  modelMatrix.transformPoint([bbox[0], bbox[1]]), // top-right
-  modelMatrix.transformPoint([bbox[2], bbox[1]]), // bottom-left
-  modelMatrix.transformPoint([bbox[0], bbox[3]]), // bottom-right
-  modelMatrix.transformPoint([bbox[2], bbox[3]])];
-  const transformedBox = [// Minimum x coord
-  Math.min(...transformedCoords.map(i => i[0])), // Minimum y coord
-  Math.min(...transformedCoords.map(i => i[1])), // Max x coord
-  Math.max(...transformedCoords.map(i => i[0])), // Max y coord
-  Math.max(...transformedCoords.map(i => i[1]))];
-  return transformedBox;
-}
-
-function getURLFromTemplate(template, properties) {
-  if (!template || !template.length) {
-    return null;
-  }
-
-  if (Array.isArray(template)) {
-    const index = Math.abs(properties.x + properties.y) % template.length;
-    template = template[index];
-  }
-
-  const {
-    x,
-    y,
-    z
-  } = properties;
-  return template.replace('{x}', x).replace('{y}', y).replace('{z}', z).replace('{-y}', Math.pow(2, z) - y - 1);
-}
-/**
- * gets the bounding box of a viewport
- */
-
-function getBoundingBox(viewport, zRange, extent) {
-  let bounds;
-
-  if (zRange && zRange.length === 2) {
-    const [minZ, maxZ] = zRange;
-    const bounds0 = viewport.getBounds({
-      z: minZ
-    });
-    const bounds1 = viewport.getBounds({
-      z: maxZ
-    });
-    bounds = [Math.min(bounds0[0], bounds1[0]), Math.min(bounds0[1], bounds1[1]), Math.max(bounds0[2], bounds1[2]), Math.max(bounds0[3], bounds1[3])];
-  } else {
-    bounds = viewport.getBounds();
-  }
-
-  if (!viewport.isGeospatial) {
-    return [// Top corner should not be more then bottom corner in either direction
-    Math.max(Math.min(bounds[0], extent[2]), extent[0]), Math.max(Math.min(bounds[1], extent[3]), extent[1]), // Bottom corner should not be less then top corner in either direction
-    Math.min(Math.max(bounds[2], extent[0]), extent[2]), Math.min(Math.max(bounds[3], extent[1]), extent[3])];
-  }
-
-  return [Math.max(bounds[0], extent[0]), Math.max(bounds[1], extent[1]), Math.min(bounds[2], extent[2]), Math.min(bounds[3], extent[3])];
-}
-
-function getIndexingCoords(bbox, scale, modelMatrixInverse) {
-  if (modelMatrixInverse) {
-    const transformedTileIndex = transformBox(bbox, modelMatrixInverse).map(i => i * scale / TILE_SIZE);
-    return transformedTileIndex;
-  }
-
-  return bbox.map(i => i * scale / TILE_SIZE);
-}
-
-function getScale(z, tileSize) {
-  return Math.pow(2, z) * TILE_SIZE / tileSize;
-} // https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames#Lon..2Flat._to_tile_numbers_2
-
-
-function osmTile2lngLat(x, y, z) {
-  const scale = getScale(z, TILE_SIZE);
-  const lng = x / scale * 360 - 180;
-  const n = Math.PI - 2 * Math.PI * y / scale;
-  const lat = 180 / Math.PI * Math.atan(0.5 * (Math.exp(n) - Math.exp(-n)));
-  return [lng, lat];
-}
-
-function tile2XY(x, y, z, tileSize) {
-  const scale = getScale(z, tileSize);
-  return [x / scale * TILE_SIZE, y / scale * TILE_SIZE];
-}
-
-function tileToBoundingBox(viewport, x, y, z, tileSize = TILE_SIZE) {
-  if (viewport.isGeospatial) {
-    const [west, north] = osmTile2lngLat(x, y, z);
-    const [east, south] = osmTile2lngLat(x + 1, y + 1, z);
-    return {
-      west,
-      north,
-      east,
-      south
-    };
-  }
-
-  const [left, top] = tile2XY(x, y, z, tileSize);
-  const [right, bottom] = tile2XY(x + 1, y + 1, z, tileSize);
-  return {
-    left,
-    top,
-    right,
-    bottom
-  };
-}
-
-function getIdentityTileIndices(viewport, z, tileSize, extent, modelMatrixInverse) {
-  const bbox = getBoundingBox(viewport, null, extent);
-  const scale = getScale(z, tileSize);
-  const [minX, minY, maxX, maxY] = getIndexingCoords(bbox, scale, modelMatrixInverse);
-  const indices = [];
-  /*
-      |  TILE  |  TILE  |  TILE  |
-        |(minX)            |(maxX)
-   */
-
-  for (let x = Math.floor(minX); x < maxX; x++) {
-    for (let y = Math.floor(minY); y < maxY; y++) {
-      indices.push({
-        x,
-        y,
-        z
-      });
-    }
-  }
-
-  return indices;
-}
-/**
- * Returns all tile indices in the current viewport. If the current zoom level is smaller
- * than minZoom, return an empty array. If the current zoom level is greater than maxZoom,
- * return tiles that are on maxZoom.
- */
-// eslint-disable-next-line complexity
-
-
-function getTileIndices({
-  viewport,
-  maxZoom,
-  minZoom,
-  zRange,
-  extent,
-  tileSize = TILE_SIZE,
-  modelMatrix,
-  modelMatrixInverse,
-  zoomOffset = 0
-}) {
-  let z = viewport.isGeospatial ? Math.round(viewport.zoom + Math.log2(TILE_SIZE / tileSize)) + zoomOffset : Math.ceil(viewport.zoom) + zoomOffset;
-
-  if (Number.isFinite(minZoom) && z < minZoom) {
-    if (!extent) {
-      return [];
-    }
-
-    z = minZoom;
-  }
-
-  if (Number.isFinite(maxZoom) && z > maxZoom) {
-    z = maxZoom;
-  }
-
-  let transformedExtent = extent;
-
-  if (modelMatrix && modelMatrixInverse && extent && !viewport.isGeospatial) {
-    transformedExtent = transformBox(extent, modelMatrix);
-  }
-
-  return viewport.isGeospatial ? Object(_tile_2d_traversal__WEBPACK_IMPORTED_MODULE_0__["getOSMTileIndices"])(viewport, z, zRange, extent) : getIdentityTileIndices(viewport, z, tileSize, transformedExtent || DEFAULT_EXTENT, modelMatrixInverse);
-}
-/**
- * Returns true if s is a valid URL template
- */
-
-function isURLTemplate(s) {
-  return /(?=.*{z})(?=.*{x})(?=.*({y}|{-y}))/.test(s);
-}
-
-/***/ }),
-
 /***/ "./bundle.ts":
 /*!*******************!*\
   !*** ./bundle.ts ***!
@@ -54730,7 +52888,7 @@ module.exports = Object.assign(deck, {
 /*!**************************!*\
   !*** ./src/api/index.js ***!
   \**************************/
-/*! exports provided: FORMATS, MAP_TYPES, API_VERSIONS, getDataV2, CONNECTIONS, fetchLayerData, fetchMap, getData, mapInstantiation */
+/*! exports provided: FORMATS, TILE_FORMATS, MAP_TYPES, API_VERSIONS, getDataV2, CONNECTIONS, fetchLayerData, fetchMap, getData, mapInstantiation */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -54738,6 +52896,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _maps_api_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./maps-api-common */ "./src/api/maps-api-common.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return _maps_api_common__WEBPACK_IMPORTED_MODULE_0__["FORMATS"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TILE_FORMATS", function() { return _maps_api_common__WEBPACK_IMPORTED_MODULE_0__["TILE_FORMATS"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return _maps_api_common__WEBPACK_IMPORTED_MODULE_0__["MAP_TYPES"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "API_VERSIONS", function() { return _maps_api_common__WEBPACK_IMPORTED_MODULE_0__["API_VERSIONS"]; });
@@ -54766,24 +52926,26 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/api/layer-map.js ***!
   \******************************/
-/*! exports provided: LAYER_MAP, getColorAccessor, getSizeAccessor, getTextAccessor, getTextPixelOffsetAccessor */
+/*! exports provided: getLayer, getColorAccessor, getSizeAccessor, getTextAccessor, getTextPixelOffsetAccessor, _domainFromValues */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LAYER_MAP", function() { return LAYER_MAP; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLayer", function() { return getLayer; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getColorAccessor", function() { return getColorAccessor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSizeAccessor", function() { return getSizeAccessor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTextAccessor", function() { return getTextAccessor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTextPixelOffsetAccessor", function() { return getTextPixelOffsetAccessor; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_domainFromValues", function() { return domainFromValues; });
 /* harmony import */ var d3_array__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! d3-array */ "../../node_modules/d3-array/src/index.js");
 /* harmony import */ var d3_color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! d3-color */ "../../node_modules/d3-color/src/index.js");
 /* harmony import */ var d3_scale__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! d3-scale */ "../../node_modules/d3-scale/src/index.js");
 /* harmony import */ var d3_format__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! d3-format */ "../../node_modules/d3-format/src/index.js");
 /* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! moment-timezone */ "../../node_modules/moment-timezone/index.js");
 /* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_5__);
+
 
 
 
@@ -54841,44 +53003,50 @@ function mergePropMaps(a, b) {
   };
 }
 
-const LAYER_MAP = {
-  point: {
-    Layer: _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__["GeoJsonLayer"],
-    propMap: mergePropMaps(sharedPropMap, {
-      visConfig: {
-        outline: 'stroked'
+function getLayer(type, config) {
+  const hexagonId = config.columns?.hex_id;
+  const layer = {
+    point: {
+      Layer: _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__["GeoJsonLayer"],
+      propMap: mergePropMaps(sharedPropMap, {
+        visConfig: {
+          outline: 'stroked'
+        }
+      }),
+      defaultProps
+    },
+    geojson: {
+      Layer: _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__["GeoJsonLayer"],
+      propMap: sharedPropMap,
+      defaultProps: { ...defaultProps,
+        lineWidthScale: 2
       }
-    }),
-    defaultProps
-  },
-  geojson: {
-    Layer: _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__["GeoJsonLayer"],
-    propMap: sharedPropMap,
-    defaultProps: { ...defaultProps,
-      lineWidthScale: 2
-    }
-  },
-  hexagonId: {
-    Layer: _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__["H3HexagonLayer"],
-    propMap: mergePropMaps(sharedPropMap, {
-      visConfig: {
-        coverage: 'coverage',
-        elevationScale: 'elevationScale'
+    },
+    hexagonId: {
+      Layer: _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__["H3HexagonLayer"],
+      propMap: mergePropMaps(sharedPropMap, {
+        visConfig: {
+          coverage: 'coverage',
+          elevationScale: 'elevationScale'
+        }
+      }),
+      defaultProps: { ...defaultProps,
+        getHexagon: d => d[hexagonId]
+      }
+    },
+    mvt: {
+      Layer: _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__["MVTLayer"],
+      propMap: sharedPropMap,
+      defaultProps: { ...defaultProps,
+        pointRadiusScale: 0.3,
+        lineWidthScale: 2,
+        uniqueIdProperty: 'geoid'
       }
-    }),
-    defaultProps: { ...defaultProps,
-      getHexagon: d => d.h3
-    }
-  },
-  mvt: {
-    Layer: _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_5__["MVTLayer"],
-    propMap: sharedPropMap,
-    defaultProps: { ...defaultProps,
-      pointRadiusScale: 0.3,
-      lineWidthScale: 2
     }
-  }
-};
+  }[type];
+  _deck_gl_core__WEBPACK_IMPORTED_MODULE_5__["log"].assert(layer, `Unsupported layer type: ${type}`);
+  return layer;
+}
 
 function domainFromAttribute(attribute, scaleType) {
   if (scaleType === 'ordinal' || scaleType === 'point') {
@@ -54899,6 +53067,11 @@ function domainFromAttribute(attribute, scaleType) {
 function domainFromValues(values, scaleType) {
   if (scaleType === 'ordinal') {
     return [...new Set(values)].sort();
+  } else if (scaleType === 'quantile') {
+    return values.sort((a, b) => a - b);
+  } else if (scaleType === 'log') {
+    const [d0, d1] = Object(d3_array__WEBPACK_IMPORTED_MODULE_0__["extent"])(values);
+    return [d0 === 0 ? 1e-5 : d0, d1];
   }
 
   return Object(d3_array__WEBPACK_IMPORTED_MODULE_0__["extent"])(values);
@@ -55008,13 +53181,14 @@ function getTextPixelOffsetAccessor({
   } : calculateOffset(radius);
 }
 
+
 /***/ }),
 
 /***/ "./src/api/maps-api-common.js":
 /*!************************************!*\
   !*** ./src/api/maps-api-common.js ***!
   \************************************/
-/*! exports provided: DEFAULT_USER_COMPONENT_IN_URL, DEFAULT_REGION_COMPONENT_IN_URL, API_VERSIONS, DEFAULT_MAPS_URL_FORMAT, MAP_TYPES, FORMATS, encodeParameter */
+/*! exports provided: DEFAULT_USER_COMPONENT_IN_URL, DEFAULT_REGION_COMPONENT_IN_URL, API_VERSIONS, DEFAULT_MAPS_URL_FORMAT, MAP_TYPES, FORMATS, TILE_FORMATS, encodeParameter */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -55025,6 +53199,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MAPS_URL_FORMAT", function() { return DEFAULT_MAPS_URL_FORMAT; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return MAP_TYPES; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return FORMATS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TILE_FORMATS", function() { return TILE_FORMATS; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "encodeParameter", function() { return encodeParameter; });
 const DEFAULT_USER_COMPONENT_IN_URL = '{user}';
 const DEFAULT_REGION_COMPONENT_IN_URL = '{region}';
@@ -55048,6 +53223,12 @@ const FORMATS = {
   NDJSON: 'ndjson',
   TILEJSON: 'tilejson',
   JSON: 'json'
+}; // AVAILABLE FORMATS FOR TILES
+
+const TILE_FORMATS = {
+  MVT: 'mvt',
+  GEOJSON: 'geojson',
+  BINARY: 'binary'
 };
 /**
  * Simple encode parameter
@@ -55282,6 +53463,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const MAX_GET_LENGTH = 2048;
+const DEFAULT_CLIENT = 'deck-gl-carto';
 /**
  * Request against Maps API
  */
@@ -55365,9 +53547,10 @@ function getParameters({
   source,
   geoColumn,
   columns,
-  schema
+  schema,
+  clientId
 }) {
-  const parameters = [Object(_maps_api_common__WEBPACK_IMPORTED_MODULE_1__["encodeParameter"])('client', 'deck-gl-carto')];
+  const parameters = [Object(_maps_api_common__WEBPACK_IMPORTED_MODULE_1__["encodeParameter"])('client', clientId || DEFAULT_CLIENT)];
 
   if (schema) {
     parameters.push(Object(_maps_api_common__WEBPACK_IMPORTED_MODULE_1__["encodeParameter"])('schema', true));
@@ -55396,7 +53579,8 @@ async function mapInstantiation({
   credentials,
   geoColumn,
   columns,
-  schema
+  schema,
+  clientId
 }) {
   const baseUrl = `${credentials.mapsUrl}/${connection}/${type}`;
   const url = `${baseUrl}?${getParameters({
@@ -55404,7 +53588,8 @@ async function mapInstantiation({
     source,
     geoColumn,
     columns,
-    schema
+    schema,
+    clientId
   })}`;
   const {
     accessToken
@@ -55415,7 +53600,7 @@ async function mapInstantiation({
     // need to be a POST request
     const body = JSON.stringify({
       q: source,
-      client: 'deck-gl-carto'
+      client: clientId || DEFAULT_CLIENT
     });
     return await request({
       method: 'POST',
@@ -55465,7 +53650,8 @@ async function fetchLayerData({
   geoColumn,
   columns,
   format,
-  schema
+  schema,
+  clientId
 }) {
   // Internally we split data fetching into two parts to allow us to
   // conditionally fetch the actual data, depending on the metadata state
@@ -55482,7 +53668,8 @@ async function fetchLayerData({
     geoColumn,
     columns,
     format,
-    schema
+    schema,
+    clientId
   });
   const data = await request({
     url,
@@ -55509,7 +53696,8 @@ async function _fetchDataUrl({
   geoColumn,
   columns,
   format,
-  schema
+  schema,
+  clientId
 }) {
   const defaultCredentials = Object(_config__WEBPACK_IMPORTED_MODULE_0__["getDefaultCredentials"])(); // Only pick up default credentials if they have been defined for
   // correct API version
@@ -55535,7 +53723,8 @@ async function _fetchDataUrl({
     credentials: localCreds,
     geoColumn,
     columns,
-    schema
+    schema,
+    clientId
   });
   let url;
   let mapFormat;
@@ -55576,7 +53765,8 @@ async function getData({
   credentials,
   geoColumn,
   columns,
-  format
+  format,
+  clientId
 }) {
   _deck_gl_core__WEBPACK_IMPORTED_MODULE_3__["log"].deprecated('getData', 'fetchLayerData')();
   const layerData = await fetchLayerData({
@@ -55587,13 +53777,14 @@ async function getData({
     geoColumn,
     columns,
     format,
-    schema: false
+    schema: false,
+    clientId
   });
   return layerData.data;
 }
 /* global clearInterval, setInterval, URLSearchParams */
 
-async function _fetchMapDataset(dataset, accessToken, credentials) {
+async function _fetchMapDataset(dataset, accessToken, credentials, clientId) {
   // First fetch metadata
   const {
     connectionName: connection,
@@ -55609,7 +53800,8 @@ async function _fetchMapDataset(dataset, accessToken, credentials) {
     },
     connection,
     source,
-    type
+    type,
+    clientId
   }); // Extract the last time the data changed
 
   const cache = parseInt(new URLSearchParams(url).get('cache'), 10);
@@ -55632,13 +53824,14 @@ async function _fetchMapDataset(dataset, accessToken, credentials) {
 async function fillInMapDatasets({
   datasets,
   token
-}, credentials) {
-  const promises = datasets.map(dataset => _fetchMapDataset(dataset, token, credentials));
+}, clientId, credentials) {
+  const promises = datasets.map(dataset => _fetchMapDataset(dataset, token, credentials, clientId));
   return await Promise.all(promises);
 }
 
 async function fetchMap({
   cartoMapId,
+  clientId,
   credentials,
   autoRefresh,
   onNewData
@@ -55671,7 +53864,7 @@ async function fetchMap({
 
   if (autoRefresh) {
     const intervalId = setInterval(async () => {
-      const changed = await fillInMapDatasets(map, credentials);
+      const changed = await fillInMapDatasets(map, clientId, credentials);
 
       if (changed.some(v => v === true)) {
         onNewData(Object(_parseMap__WEBPACK_IMPORTED_MODULE_2__["parseMap"])(map));
@@ -55684,7 +53877,7 @@ async function fetchMap({
   } // Mutates map.datasets so that dataset.data contains data
 
 
-  await fillInMapDatasets(map, credentials);
+  await fillInMapDatasets(map, clientId, credentials);
   return { ...Object(_parseMap__WEBPACK_IMPORTED_MODULE_2__["parseMap"])(map),
     ...{
       stopAutoRefresh
@@ -55740,31 +53933,35 @@ function parseMap(json) {
       config,
       visualChannels
     }) => {
-      _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].assert(type in _layer_map__WEBPACK_IMPORTED_MODULE_1__["LAYER_MAP"], `Unsupported layer type: ${type}`);
-      const {
-        Layer,
-        propMap,
-        defaultProps
-      } = _layer_map__WEBPACK_IMPORTED_MODULE_1__["LAYER_MAP"][type];
-      const {
-        dataId
-      } = config;
-      const dataset = datasets.find(d => d.id === dataId);
-      _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].assert(dataset, `No dataset matching dataId: ${dataId}`);
-      const {
-        data
-      } = dataset;
-      _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].assert(data, `No data loaded for dataId: ${dataId}`);
-      return new Layer({
-        id,
-        data,
-        ...defaultProps,
-        ...createBlendingProps(layerBlending),
-        ...(!config.textLabel && createInteractionProps(interactionConfig)),
-        ...createStyleProps(config, propMap),
-        ...createChannelProps(visualChannels, type, config, data) // Must come after style
+      try {
+        const {
+          Layer,
+          propMap,
+          defaultProps
+        } = Object(_layer_map__WEBPACK_IMPORTED_MODULE_1__["getLayer"])(type, config);
+        const {
+          dataId
+        } = config;
+        const dataset = datasets.find(d => d.id === dataId);
+        _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].assert(dataset, `No dataset matching dataId: ${dataId}`);
+        const {
+          data
+        } = dataset;
+        _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].assert(data, `No data loaded for dataId: ${dataId}`);
+        return new Layer({
+          id,
+          data,
+          ...defaultProps,
+          ...createBlendingProps(layerBlending),
+          ...(!config.textLabel && createInteractionProps(interactionConfig)),
+          ...createStyleProps(config, propMap),
+          ...createChannelProps(visualChannels, type, config, data) // Must come after style
 
-      });
+        });
+      } catch (e) {
+        _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__["log"].error(e.message)();
+        return undefined;
+      }
     })
   };
 }
@@ -55890,8 +54087,8 @@ function createChannelProps(visualChannels, type, config, data) {
   }
 
   if (strokeColorField) {
-    const opacity = visConfig.strokeOpacity !== undefined ? visConfig.strokeOpacity / visConfig.opacity : 1;
-    result.getLineColor = Object(_layer_map__WEBPACK_IMPORTED_MODULE_1__["getColorAccessor"])(strokeColorField, strokeColorScale, visConfig.colorRange, opacity, data);
+    const opacity = visConfig.strokeOpacity !== undefined ? visConfig.strokeOpacity : 1;
+    result.getLineColor = Object(_layer_map__WEBPACK_IMPORTED_MODULE_1__["getColorAccessor"])(strokeColorField, strokeColorScale, visConfig.strokeColorRange, opacity, data);
   }
 
   if (heightField) {
@@ -56008,7 +54205,7 @@ function buildMapsUrlFromBase(apiBaseUrl) {
 /*!**********************!*\
   !*** ./src/index.js ***!
   \**********************/
-/*! exports provided: getDefaultCredentials, setDefaultCredentials, CartoLayer, BASEMAP, colorBins, colorCategories, colorContinuous, FORMATS, MAP_TYPES, API_VERSIONS, fetchLayerData, fetchMap, _getDataV2, getData, _mapInstantiation */
+/*! exports provided: getDefaultCredentials, setDefaultCredentials, CartoLayer, _CartoDynamicTileLayer, BASEMAP, colorBins, colorCategories, colorContinuous, FORMATS, TILE_FORMATS, MAP_TYPES, API_VERSIONS, fetchLayerData, fetchMap, _getDataV2, getData, _mapInstantiation */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -56021,34 +54218,40 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _layers_carto_layer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layers/carto-layer */ "./src/layers/carto-layer.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CartoLayer", function() { return _layers_carto_layer__WEBPACK_IMPORTED_MODULE_1__["default"]; });
 
-/* harmony import */ var _basemap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./basemap */ "./src/basemap.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BASEMAP", function() { return _basemap__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+/* harmony import */ var _layers_carto_dynamic_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./layers/carto-dynamic-tile-layer */ "./src/layers/carto-dynamic-tile-layer.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_CartoDynamicTileLayer", function() { return _layers_carto_dynamic_tile_layer__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+
+/* harmony import */ var _basemap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./basemap */ "./src/basemap.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BASEMAP", function() { return _basemap__WEBPACK_IMPORTED_MODULE_3__["default"]; });
 
-/* harmony import */ var _style_color_bins_style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style/color-bins-style */ "./src/style/color-bins-style.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorBins", function() { return _style_color_bins_style__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+/* harmony import */ var _style_color_bins_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style/color-bins-style */ "./src/style/color-bins-style.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorBins", function() { return _style_color_bins_style__WEBPACK_IMPORTED_MODULE_4__["default"]; });
 
-/* harmony import */ var _style_color_categories_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style/color-categories-style */ "./src/style/color-categories-style.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorCategories", function() { return _style_color_categories_style__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+/* harmony import */ var _style_color_categories_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/color-categories-style */ "./src/style/color-categories-style.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorCategories", function() { return _style_color_categories_style__WEBPACK_IMPORTED_MODULE_5__["default"]; });
 
-/* harmony import */ var _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/color-continuous-style */ "./src/style/color-continuous-style.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorContinuous", function() { return _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+/* harmony import */ var _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./style/color-continuous-style */ "./src/style/color-continuous-style.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "colorContinuous", function() { return _style_color_continuous_style__WEBPACK_IMPORTED_MODULE_6__["default"]; });
 
-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./api */ "./src/api/index.js");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["FORMATS"]; });
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./api */ "./src/api/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["FORMATS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["MAP_TYPES"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TILE_FORMATS", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["TILE_FORMATS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "API_VERSIONS", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["API_VERSIONS"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MAP_TYPES", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["MAP_TYPES"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchLayerData", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["fetchLayerData"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "API_VERSIONS", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["API_VERSIONS"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchMap", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["fetchMap"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchLayerData", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["fetchLayerData"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getDataV2", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["getDataV2"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchMap", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["fetchMap"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getData", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["getData"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_getDataV2", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["getDataV2"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getData", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["getData"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_mapInstantiation", function() { return _api__WEBPACK_IMPORTED_MODULE_7__["mapInstantiation"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_mapInstantiation", function() { return _api__WEBPACK_IMPORTED_MODULE_6__["mapInstantiation"]; });
 
 
 
@@ -56070,12 +54273,14 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return CartoDynamicTileLayer; });
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @deck.gl/extensions */ "../extensions/src/index.ts");
-/* harmony import */ var _loaders_gl_gis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @loaders.gl/gis */ "../../node_modules/@loaders.gl/gis/dist/esm/index.js");
-/* harmony import */ var _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../api/maps-api-common */ "./src/api/maps-api-common.js");
-/* harmony import */ var _deck_gl_geo_layers_tile_layer_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @deck.gl/geo-layers/tile-layer/utils */ "../geo-layers/src/tile-layer/utils.js");
+/* harmony import */ var pbf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! pbf */ "../../node_modules/pbf/index.js");
+/* harmony import */ var pbf__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(pbf__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/extensions */ "../extensions/src/index.ts");
+/* harmony import */ var _loaders_gl_gis__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @loaders.gl/gis */ "../../node_modules/@loaders.gl/gis/dist/esm/index.js");
+/* harmony import */ var _schema_carto_dynamic_tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./schema/carto-dynamic-tile */ "./src/layers/schema/carto-dynamic-tile.js");
+/* harmony import */ var _api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../api/maps-api-common */ "./src/api/maps-api-common.js");
 /* global TextDecoder */
 
 
@@ -56085,15 +54290,56 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 function parseJSON(arrayBuffer) {
   return JSON.parse(new TextDecoder().decode(arrayBuffer));
 }
 
+function parsePbf(buffer) {
+  const pbf = new pbf__WEBPACK_IMPORTED_MODULE_0___default.a(buffer);
+  const tile = _schema_carto_dynamic_tile__WEBPACK_IMPORTED_MODULE_4__["Tile"].read(pbf);
+  return tile;
+}
+
+function unpackProperties(properties) {
+  if (!properties || !properties.length) {
+    return [];
+  }
+
+  return properties.map(item => {
+    const currentRecord = {};
+    item.data.forEach(({
+      key,
+      value
+    }) => {
+      currentRecord[key] = value;
+    });
+    return currentRecord;
+  });
+}
+
 function parseCartoDynamicTile(arrayBuffer, options) {
   if (!arrayBuffer) return null;
   const formatTiles = options && options.cartoDynamicTile && options.cartoDynamicTile.formatTiles;
-  if (formatTiles === 'geojson') return Object(_loaders_gl_gis__WEBPACK_IMPORTED_MODULE_2__["geojsonToBinary"])(parseJSON(arrayBuffer).features);
-  return null;
+  if (formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__["TILE_FORMATS"].GEOJSON) return Object(_loaders_gl_gis__WEBPACK_IMPORTED_MODULE_3__["geojsonToBinary"])(parseJSON(arrayBuffer).features);
+  const tile = parsePbf(arrayBuffer);
+  const {
+    points,
+    lines,
+    polygons
+  } = tile;
+  const data = {
+    points: { ...points,
+      properties: unpackProperties(points.properties)
+    },
+    lines: { ...lines,
+      properties: unpackProperties(lines.properties)
+    },
+    polygons: { ...polygons,
+      properties: unpackProperties(polygons.properties)
+    }
+  };
+  return data;
 }
 
 const CartoDynamicTileLoader = {
@@ -56108,13 +54354,13 @@ const CartoDynamicTileLoader = {
   parseSync: parseCartoDynamicTile,
   options: {
     cartoDynamicTile: {
-      formatTiles: 'geojson'
+      formatTiles: _api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__["TILE_FORMATS"].BINARY
     }
   }
 };
-class CartoDynamicTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["MVTLayer"] {
+class CartoDynamicTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLayer"] {
   getTileData(tile) {
-    let url = Object(_deck_gl_geo_layers_tile_layer_utils__WEBPACK_IMPORTED_MODULE_4__["getURLFromTemplate"])(this.state.data, tile);
+    let url = Object(_deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["_getURLFromTemplate"])(this.state.data, tile);
 
     if (!url) {
       return Promise.reject('Invalid URL');
@@ -56133,9 +54379,9 @@ class CartoDynamicTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["
     };
 
     if (formatTiles) {
-      _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["log"].assert(['geojson'].includes(formatTiles), `Invalid value for formatTiles: ${formatTiles}`);
-      url += `&${Object(_api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["encodeParameter"])('formatTiles', formatTiles)}`;
-      loadOptions.cartoBinaryTile = {
+      _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["log"].assert(Object.values(_api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__["TILE_FORMATS"]).includes(formatTiles), `Invalid value for formatTiles: ${formatTiles}. Use value from TILE_FORMATS`);
+      url += `&${Object(_api_maps_api_common__WEBPACK_IMPORTED_MODULE_5__["encodeParameter"])('formatTiles', formatTiles)}`;
+      loadOptions.cartoDynamicTile = {
         formatTiles
       };
     }
@@ -56162,16 +54408,16 @@ class CartoDynamicTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["
         north
       }
     } = props.tile;
-    props.extensions = [new _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_1__["ClipExtension"]()];
+    props.extensions = [new _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["ClipExtension"](), ...props.extensions];
     props.clipBounds = [west, south, east, north];
-    const subLayer = new _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["GeoJsonLayer"]({ ...props
+    const subLayer = new _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["GeoJsonLayer"]({ ...props
     });
     return subLayer;
   }
 
 }
 CartoDynamicTileLayer.layerName = 'CartoDynamicTileLayer';
-CartoDynamicTileLayer.defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["MVTLayer"].defaultProps,
+CartoDynamicTileLayer.defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLayer"].defaultProps,
   loaders: [CartoDynamicTileLoader]
 };
 
@@ -56229,6 +54475,11 @@ const defaultProps = {
   connection: null,
   // (String, optional): format of data
   format: null,
+  // (String, optional): format of data
+  formatTiles: _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["TILE_FORMATS"].GEOJSON,
+  // TODO: for 8.7 release switch to BINARY
+  // (String, optional): clientId identifier used for internal tracing, place here a string to identify the client who is doing the request.
+  clientId: null,
   // (String, optional): name of the `geo_column` in the CARTO platform. Use this override the default column ('geom'), from which the geometry information should be fetched.
   geoColumn: null,
   // (Array<String>, optional): names of columns to fetch. By default, all columns are fetched.
@@ -56309,6 +54560,7 @@ class CartoLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLa
       const {
         type,
         data: source,
+        clientId,
         credentials,
         ...rest
       } = this.props;
@@ -56332,6 +54584,7 @@ class CartoLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLa
         result = await Object(_api__WEBPACK_IMPORTED_MODULE_2__["fetchLayerData"])({
           type,
           source,
+          clientId,
           credentials,
           ...rest
         });
@@ -56362,8 +54615,13 @@ class CartoLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLa
       updateTriggers
     } = this.props;
     let layer;
+    /* global URLSearchParams */
+
+    const tilesFormat = apiVersion === _api__WEBPACK_IMPORTED_MODULE_2__["API_VERSIONS"].V3 && format === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["FORMATS"].TILEJSON && new URLSearchParams(data.tiles[0]).get('format');
+    const nonMvtTiles = tilesFormat && tilesFormat !== _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["TILE_FORMATS"].MVT;
+    const dynamicTiles = apiVersion === _api__WEBPACK_IMPORTED_MODULE_2__["API_VERSIONS"].V3 && type === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["MAP_TYPES"].TABLE && format === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["FORMATS"].TILEJSON;
 
-    if (apiVersion === _api__WEBPACK_IMPORTED_MODULE_2__["API_VERSIONS"].V3 && type === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["MAP_TYPES"].TABLE && format === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["FORMATS"].TILEJSON) {
+    if (nonMvtTiles || dynamicTiles) {
       layer = _carto_dynamic_tile_layer__WEBPACK_IMPORTED_MODULE_1__["default"];
     } else if (apiVersion === _api__WEBPACK_IMPORTED_MODULE_2__["API_VERSIONS"].V1 || apiVersion === _api__WEBPACK_IMPORTED_MODULE_2__["API_VERSIONS"].V2 || format === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["FORMATS"].TILEJSON) {
       layer = _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["MVTLayer"];
@@ -56372,9 +54630,11 @@ class CartoLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_0__["CompositeLa
     }
 
     const {
+      formatTiles,
       uniqueIdProperty
     } = defaultProps;
     const props = {
+      formatTiles,
       uniqueIdProperty,
       ...this.props
     };
@@ -56393,6 +54653,222 @@ CartoLayer.defaultProps = defaultProps;
 
 /***/ }),
 
+/***/ "./src/layers/schema/carto-dynamic-tile.js":
+/*!*************************************************!*\
+  !*** ./src/layers/schema/carto-dynamic-tile.js ***!
+  \*************************************************/
+/*! exports provided: Tile */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Tile", function() { return Tile; });
+// KeyValueObject ========================================
+const KeyValueObject = {};
+
+KeyValueObject.read = function (pbf, end) {
+  return pbf.readFields(KeyValueObject._readField, {
+    key: '',
+    value: ''
+  }, end);
+};
+
+KeyValueObject._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.key = pbf.readString();else if (tag === 2) obj.value = pbf.readString();
+}; // Properties ========================================
+
+
+const Properties = {};
+
+Properties.read = function (pbf, end) {
+  return pbf.readFields(Properties._readField, {
+    data: []
+  }, end);
+};
+
+Properties._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.data.push(KeyValueObject.read(pbf, pbf.readVarint() + pbf.pos));
+}; // Doubles ========================================
+
+
+const Doubles = {};
+
+Doubles.read = function (pbf, end) {
+  // TODO perhaps we can do better and directly map from the source
+  // ArrayBuffer using ArrayBuffer.slice()
+  const {
+    value,
+    size
+  } = pbf.readFields(Doubles._readField, {
+    value: [],
+    size: 0
+  }, end);
+  return {
+    value: new Float32Array(value),
+    size
+  };
+};
+
+Doubles._readField = function (tag, obj, pbf) {
+  if (tag === 1) pbf.readPackedDouble(obj.value);else if (tag === 2) obj.size = pbf.readVarint(true);
+}; // Ints ========================================
+
+
+const Ints = {};
+
+Ints.read = function (pbf, end) {
+  const {
+    value,
+    size
+  } = pbf.readFields(Ints._readField, {
+    value: [],
+    size: 0
+  }, end);
+  return {
+    value: new Uint32Array(value),
+    size
+  };
+};
+
+Ints._readField = function (tag, obj, pbf) {
+  if (tag === 1) pbf.readPackedVarint(obj.value);else if (tag === 2) obj.size = pbf.readVarint(true);
+}; // NumericProp ========================================
+
+
+const NumericProp = {};
+
+NumericProp.read = function (pbf, end) {
+  return pbf.readFields(NumericProp._readField, {
+    value: []
+  }, end);
+};
+
+NumericProp._readField = function (tag, obj, pbf) {
+  if (tag === 1) pbf.readPackedDouble(obj.value);
+}; // NumericPropKeyValue ========================================
+
+
+const NumericPropKeyValue = {};
+
+NumericPropKeyValue.read = function (pbf, end) {
+  return pbf.readFields(NumericPropKeyValue._readField, {
+    key: '',
+    value: null
+  }, end);
+};
+
+NumericPropKeyValue._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.key = pbf.readString();else if (tag === 2) obj.value = NumericProp.read(pbf, pbf.readVarint() + pbf.pos);
+}; // NumericProp._FieldEntry1 ========================================
+
+
+NumericProp._FieldEntry1 = {};
+
+NumericProp._FieldEntry1.read = function (pbf, end) {
+  return pbf.readFields(NumericProp._FieldEntry1._readField, {
+    key: '',
+    value: 0
+  }, end);
+};
+
+NumericProp._FieldEntry1._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.key = pbf.readString();else if (tag === 2) obj.value = pbf.readDouble();
+}; // StringProp ========================================
+
+
+const StringProp = {};
+
+StringProp.read = function (pbf, end) {
+  return pbf.readFields(StringProp._readField, {
+    value: []
+  }, end);
+};
+
+StringProp._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.value.push(pbf.readString());
+}; // Points ========================================
+
+
+const Points = {};
+
+Points.read = function (pbf, end) {
+  return pbf.readFields(Points._readField, {
+    positions: null,
+    globalFeatureIds: null,
+    featureIds: null,
+    properties: [],
+    numericProps: {}
+  }, end);
+};
+
+Points._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 5) {
+    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
+    obj.numericProps[entry.key] = entry.value;
+  }
+}; // Lines ========================================
+
+
+const Lines = {};
+
+Lines.read = function (pbf, end) {
+  return pbf.readFields(Lines._readField, {
+    positions: null,
+    pathIndices: null,
+    globalFeatureIds: null,
+    featureIds: null,
+    properties: [],
+    numericProps: {}
+  }, end);
+};
+
+Lines._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.pathIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 5) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 6) {
+    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
+    obj.numericProps[entry.key] = entry.value;
+  }
+}; // Polygons ========================================
+
+
+const Polygons = {};
+
+Polygons.read = function (pbf, end) {
+  return pbf.readFields(Polygons._readField, {
+    positions: null,
+    polygonIndices: null,
+    globalFeatureIds: null,
+    featureIds: null,
+    primitivePolygonIndices: null,
+    triangles: null,
+    properties: [],
+    numericProps: {}
+  }, end);
+};
+
+Polygons._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.positions = Doubles.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.polygonIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.globalFeatureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.featureIds = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 5) obj.primitivePolygonIndices = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 6) obj.triangles = Ints.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 7) obj.properties.push(Properties.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 8) {
+    const entry = NumericPropKeyValue.read(pbf, pbf.readVarint() + pbf.pos);
+    obj.numericProps[entry.key] = entry.value;
+  }
+}; // Tile ========================================
+
+
+const Tile = {};
+
+Tile.read = function (pbf, end) {
+  return pbf.readFields(Tile._readField, {
+    points: null,
+    lines: null,
+    polygons: null
+  }, end);
+};
+
+Tile._readField = function (tag, obj, pbf) {
+  if (tag === 1) obj.points = Points.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.lines = Lines.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.polygons = Polygons.read(pbf, pbf.readVarint() + pbf.pos);
+};
+
+/***/ }),
+
 /***/ "./src/style/color-bins-style.js":
 /*!***************************************!*\
   !*** ./src/style/color-bins-style.js ***!