@deck.gl/carto 8.8.7 → 8.8.10

package/dist/dist.dev.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("h3"), require("deck"));
+		module.exports = factory(require("deck"), require("h3"));
 	else if(typeof define === 'function' && define.amd)
-		define(["h3", "deck"], factory);
+		define(["deck", "h3"], factory);
 	else if(typeof exports === 'object')
-		exports["deck"] = factory(require("h3"), require("deck"));
+		exports["deck"] = factory(require("deck"), require("h3"));
 	else
-		root["deck"] = factory(root["h3"], root["deck"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE_h3_js__, __WEBPACK_EXTERNAL_MODULE__deck_gl_core__) {
+		root["deck"] = factory(root["deck"], root["h3"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__deck_gl_extensions__, __WEBPACK_EXTERNAL_MODULE_h3_js__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -13033,7 +13033,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const VERSION =  true ? "8.8.7" : undefined;
+const VERSION =  true ? "8.8.10" : undefined;
 const isBrowser = Object(_lib_is_browser__WEBPACK_IMPORTED_MODULE_0__["default"])();
 //# sourceMappingURL=globals.js.map
 
@@ -54157,7 +54157,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const VERSION =  true ? "8.8.7" : undefined;
+const VERSION =  true ? "8.8.10" : undefined;
 const isBrowser = Object(_env_is_browser__WEBPACK_IMPORTED_MODULE_0__["default"])();
 //# sourceMappingURL=globals.js.map
 
@@ -54597,9 +54597,7 @@ if (!deck.LineLayer) {
 // More info: https://github.com/ajduberstein/pydeck_custom_layer
 
 
-globalThis.CartoLayerLibrary = {
-  CartoLayer: CartoUtils.CartoLayer
-};
+globalThis.CartoLayerLibrary = CartoUtils;
 module.exports = Object.assign(deck, {
   carto: CartoUtils
 });
@@ -54668,7 +54666,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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_aggregation_layers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @deck.gl/aggregation-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_aggregation_layers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @deck.gl/aggregation-layers */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_aggregation_layers__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_aggregation_layers__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _layers_carto_tile_layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layers/carto-tile-layer */ "./src/layers/carto-tile-layer.ts");
 /* harmony import */ var _layers_h3_tile_layer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layers/h3-tile-layer */ "./src/layers/h3-tile-layer.ts");
@@ -55396,7 +55394,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config */ "./src/config.ts");
 /* harmony import */ var _maps_api_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./maps-api-common */ "./src/api/maps-api-common.ts");
 /* harmony import */ var _parseMap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./parseMap */ "./src/api/parseMap.ts");
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
 /**
@@ -55798,7 +55796,7 @@ async function _fetchDataUrl({
 /* global clearInterval, setInterval, URL */
 
 
-async function _fetchMapDataset(dataset, accessToken, credentials, clientId, headers, queryParameters) {
+async function _fetchMapDataset(dataset, accessToken, credentials, clientId, headers) {
   const {
     aggregationExp,
     aggregationResLevel,
@@ -55807,7 +55805,8 @@ async function _fetchMapDataset(dataset, accessToken, credentials, clientId, hea
     format,
     geoColumn,
     source,
-    type
+    type,
+    queryParameters
   } = dataset; // First fetch metadata
 
   const {
@@ -56021,7 +56020,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseMap", function() { return parseMap; });
 /* harmony import */ var _luma_gl_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @luma.gl/constants */ "../../node_modules/@luma.gl/constants/dist/esm/index.js");
 /* harmony import */ var _layer_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layer-map */ "./src/api/layer-map.ts");
-/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.ts");
 
@@ -56467,7 +56466,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return CartoLayer; });
-/* 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__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* 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 _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../api */ "./src/api/index.ts");
 /* harmony import */ var _api_layer_map__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../api/layer-map */ "./src/api/layer-map.ts");
@@ -56730,105 +56729,39 @@ _defineProperty(CartoLayer, "defaultProps", defaultProps);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return CartoTileLayer; });
-/* 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 _loaders_gl_gis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @loaders.gl/gis */ "../../node_modules/@loaders.gl/gis/dist/esm/index.js");
-/* harmony import */ var _schema_carto_tile__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./schema/carto-tile */ "./src/layers/schema/carto-tile.ts");
+/* harmony import */ var _loaders_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @loaders.gl/core */ "../../node_modules/@loaders.gl/core/dist/esm/index.js");
+/* harmony import */ var _schema_carto_vector_tile_loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./schema/carto-vector-tile-loader */ "./src/layers/schema/carto-vector-tile-loader.ts");
+/* harmony import */ var _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/extensions */ "@deck.gl/extensions");
+/* harmony import */ var _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__);
+/* 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 _api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../api/maps-api-common */ "./src/api/maps-api-common.ts");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/* global TextDecoder */
 
 
+Object(_loaders_gl_core__WEBPACK_IMPORTED_MODULE_0__["registerLoaders"])([_schema_carto_vector_tile_loader__WEBPACK_IMPORTED_MODULE_1__["default"]]);
 
 
 
 
 
-
-
-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_tile__WEBPACK_IMPORTED_MODULE_3__["TileReader"].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 parseCartoTile(arrayBuffer, options) {
-  if (!arrayBuffer) return null;
-  const formatTiles = options && options.cartoTile && options.cartoTile.formatTiles;
-  if (formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__["TILE_FORMATS"].GEOJSON) return Object(_loaders_gl_gis__WEBPACK_IMPORTED_MODULE_2__["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)
-    }
-  }; // Note: there is slight, difference in `numericProps` type, however geojson/mvtlayer can cope with this
-
-  return data;
-}
-
 const defaultTileFormat = _api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__["TILE_FORMATS"].BINARY;
-const CartoTileLoader = {
-  name: 'CARTO Tile',
-  version: '1',
-  id: 'cartoTile',
-  module: 'carto',
-  extensions: ['pbf'],
-  mimeTypes: ['application/vnd.carto-vector-tile', 'application/x-protobuf' // Back-compatibility
-  ],
-  category: 'geometry',
-  worker: false,
-  parse: async (arrayBuffer, options) => parseCartoTile(arrayBuffer, options),
-  parseSync: parseCartoTile,
-  options: {
-    cartoTile: {
-      formatTiles: defaultTileFormat
-    }
-  }
-};
-const defaultProps = { ..._deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLayer"].defaultProps,
-  formatTiles: defaultTileFormat,
-  loaders: [CartoTileLoader]
+const defaultProps = { ..._deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["MVTLayer"].defaultProps,
+  formatTiles: defaultTileFormat
 };
 /** All properties supported by CartoTileLayer. */
 
-class CartoTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLayer"] {
+class CartoTileLayer extends _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["MVTLayer"] {
+  initializeState() {
+    super.initializeState();
+    const binary = this.props.formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__["TILE_FORMATS"].BINARY;
+    this.setState({
+      binary
+    });
+  }
+
   getTileData(tile) {
-    const url = Object(_deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["_getURLFromTemplate"])(this.state.data, tile);
+    const url = Object(_deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["_getURLFromTemplate"])(this.state.data, tile);
 
     if (!url) {
       return Promise.reject('Invalid URL');
@@ -56841,15 +56774,12 @@ class CartoTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLaye
     } = this.props;
     const {
       signal
-    } = tile;
-    loadOptions = { ...loadOptions,
-      mimeType: 'application/x-protobuf'
-    };
+    } = tile; // The backend doesn't yet support our custom mime-type, so force it here
+    // TODO remove once backend sends the correct mime-type
 
-    if (formatTiles) {
-      _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["log"].assert(Object.values(_api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__["TILE_FORMATS"]).includes(formatTiles), `Invalid value for formatTiles: ${formatTiles}. Use value from TILE_FORMATS`);
-      loadOptions.cartoTile = {
-        formatTiles
+    if (formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_4__["TILE_FORMATS"].BINARY) {
+      loadOptions = { ...loadOptions,
+        mimeType: 'application/vnd.carto-vector-tile'
       };
     }
 
@@ -56875,13 +56805,28 @@ class CartoTileLayer extends _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["MVTLaye
     } = tileBbox;
     const subLayerProps = { ...props,
       autoHighlight: false,
-      extensions: [new _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["ClipExtension"](), ...(props.extensions || [])],
+      extensions: [new _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["ClipExtension"](), ...(props.extensions || [])],
       clipBounds: [west, south, east, north]
     };
-    const subLayer = new _deck_gl_core__WEBPACK_IMPORTED_MODULE_1__["GeoJsonLayer"](subLayerProps);
+    const subLayer = new _deck_gl_extensions__WEBPACK_IMPORTED_MODULE_2__["GeoJsonLayer"](subLayerProps);
     return subLayer;
   }
 
+  getPickingInfo(params) {
+    const info = super.getPickingInfo(params);
+
+    if (this.state.binary && info.index !== -1) {
+      const {
+        data
+      } = params.sourceLayer.props;
+      info.object = Object(_loaders_gl_gis__WEBPACK_IMPORTED_MODULE_3__["binaryToGeojson"])(data, {
+        globalFeatureId: info.index
+      });
+    }
+
+    return info;
+  }
+
 }
 
 _defineProperty(CartoTileLayer, "layerName", 'CartoTileLayer');
@@ -56900,7 +56845,7 @@ _defineProperty(CartoTileLayer, "defaultProps", defaultProps);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return H3TileLayer; });
-/* 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__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* 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 _h3_tileset_2d__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./h3-tileset-2d */ "./src/layers/h3-tileset-2d.ts");
 /* harmony import */ var _spatial_index_tile_layer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spatial-index-tile-layer */ "./src/layers/spatial-index-tile-layer.ts");
@@ -57019,7 +56964,7 @@ _defineProperty(H3TileLayer, "defaultProps", defaultProps);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHexagonResolution", function() { return getHexagonResolution; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return H3Tileset2D; });
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! h3-js */ "h3-js");
 /* harmony import */ var h3_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(h3_js__WEBPACK_IMPORTED_MODULE_1__);
@@ -57175,7 +57120,7 @@ class H3Tileset2D extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__["_Til
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadbinLayer; });
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _quadbin_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-utils */ "./src/layers/quadbin-utils.ts");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -57222,7 +57167,7 @@ _defineProperty(QuadbinLayer, "defaultProps", defaultProps);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadbinTileLayer; });
-/* 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__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* 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 _quadbin_layer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-layer */ "./src/layers/quadbin-layer.ts");
 /* harmony import */ var _quadbin_tileset_2d__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./quadbin-tileset-2d */ "./src/layers/quadbin-tileset-2d.ts");
@@ -57313,7 +57258,7 @@ _defineProperty(QuadbinTileLayer, "defaultProps", defaultProps);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return QuadbinTileset2D; });
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _quadbin_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./quadbin-utils */ "./src/layers/quadbin-utils.ts");
 
@@ -57474,10 +57419,9 @@ function getQuadbinPolygon(quadbin) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* 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 _spatialjson_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./spatialjson-utils */ "./src/layers/schema/spatialjson-utils.ts");
-/* harmony import */ var _carto_spatial_tile__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./carto-spatial-tile */ "./src/layers/schema/carto-spatial-tile.ts");
+/* harmony import */ var _carto_spatial_tile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./carto-spatial-tile */ "./src/layers/schema/carto-spatial-tile.ts");
+/* harmony import */ var _tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tile-loader-utils */ "./src/layers/schema/tile-loader-utils.ts");
+/* harmony import */ var _spatialjson_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spatialjson-utils */ "./src/layers/schema/spatialjson-utils.ts");
 
 
 
@@ -57487,8 +57431,7 @@ const CartoSpatialTileLoader = {
   id: 'cartoSpatialTile',
   module: 'carto',
   extensions: ['pbf'],
-  mimeTypes: ['application/vnd.carto-spatial-tile', 'application/x-protobuf' // Back-compatibility
-  ],
+  mimeTypes: ['application/vnd.carto-spatial-tile'],
   category: 'geometry',
   worker: false,
   parse: async (arrayBuffer, options) => parseCartoSpatialTile(arrayBuffer, options),
@@ -57496,41 +57439,18 @@ const CartoSpatialTileLoader = {
   options: {}
 };
 
-function parsePbf(buffer) {
-  const pbf = new pbf__WEBPACK_IMPORTED_MODULE_0___default.a(buffer);
-  const tile = _carto_spatial_tile__WEBPACK_IMPORTED_MODULE_2__["TileReader"].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 parseCartoSpatialTile(arrayBuffer, options) {
   if (!arrayBuffer) return null;
-  const tile = parsePbf(arrayBuffer);
+  const tile = Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["parsePbf"])(arrayBuffer, _carto_spatial_tile__WEBPACK_IMPORTED_MODULE_0__["TileReader"]);
   const {
     cells
   } = tile;
   const data = {
     cells: { ...cells,
-      properties: unpackProperties(cells.properties)
+      properties: Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["unpackProperties"])(cells.properties)
     }
   };
-  return Object(_spatialjson_utils__WEBPACK_IMPORTED_MODULE_1__["binaryToSpatialjson"])(data);
+  return Object(_spatialjson_utils__WEBPACK_IMPORTED_MODULE_2__["binaryToSpatialjson"])(data);
 }
 
 /* harmony default export */ __webpack_exports__["default"] = (CartoSpatialTileLoader);
@@ -57711,6 +57631,20 @@ class IntsReader {
     if (tag === 1) pbf.readPackedVarint(obj.value);else if (tag === 2) obj.size = pbf.readVarint(true);
   }
 
+} // Fields ========================================
+
+
+class FieldsReader {
+  static read(pbf, end) {
+    return pbf.readFields(FieldsReader._readField, {
+      id: 0
+    }, end);
+  }
+
+  static _readField(tag, obj, pbf) {
+    if (tag === 1) obj.id = pbf.readVarint();
+  }
+
 } // NumericProp ========================================
 
 
@@ -57749,7 +57683,8 @@ class PointsReader {
       globalFeatureIds: null,
       featureIds: null,
       properties: [],
-      numericProps: {}
+      numericProps: {},
+      fields: []
     }, end);
   }
 
@@ -57757,7 +57692,7 @@ class PointsReader {
     if (tag === 1) obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 5) {
       const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
       obj.numericProps[entry.key] = entry.value;
-    }
+    } else if (tag === 6) obj.fields.push(FieldsReader.read(pbf, pbf.readVarint() + pbf.pos));
   }
 
 }
@@ -57771,7 +57706,8 @@ class LinesReader {
       globalFeatureIds: null,
       featureIds: null,
       properties: [],
-      numericProps: {}
+      numericProps: {},
+      fields: []
     }, end);
   }
 
@@ -57779,7 +57715,7 @@ class LinesReader {
     if (tag === 1) obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.pathIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 5) obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 6) {
       const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
       obj.numericProps[entry.key] = entry.value;
-    }
+    } else if (tag === 7) obj.fields.push(FieldsReader.read(pbf, pbf.readVarint() + pbf.pos));
   }
 
 } // Polygons ========================================
@@ -57795,7 +57731,8 @@ class PolygonsReader {
       primitivePolygonIndices: null,
       triangles: null,
       properties: [],
-      numericProps: {}
+      numericProps: {},
+      fields: []
     }, end);
   }
 
@@ -57803,7 +57740,7 @@ class PolygonsReader {
     if (tag === 1) obj.positions = DoublesReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 2) obj.polygonIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 3) obj.globalFeatureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 4) obj.featureIds = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 5) obj.primitivePolygonIndices = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 6) obj.triangles = IntsReader.read(pbf, pbf.readVarint() + pbf.pos);else if (tag === 7) obj.properties.push(PropertiesReader.read(pbf, pbf.readVarint() + pbf.pos));else if (tag === 8) {
       const entry = NumericPropKeyValueReader.read(pbf, pbf.readVarint() + pbf.pos);
       obj.numericProps[entry.key] = entry.value;
-    }
+    } else if (tag === 9) obj.fields.push(FieldsReader.read(pbf, pbf.readVarint() + pbf.pos));
   }
 
 } // Tile ========================================
@@ -57826,6 +57763,60 @@ class TileReader {
 
 /***/ }),
 
+/***/ "./src/layers/schema/carto-vector-tile-loader.ts":
+/*!*******************************************************!*\
+  !*** ./src/layers/schema/carto-vector-tile-loader.ts ***!
+  \*******************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _carto_tile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./carto-tile */ "./src/layers/schema/carto-tile.ts");
+/* harmony import */ var _tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tile-loader-utils */ "./src/layers/schema/tile-loader-utils.ts");
+
+
+const CartoVectorTileLoader = {
+  name: 'CARTO Vector Tile',
+  version: '1',
+  id: 'cartoVectorTile',
+  module: 'carto',
+  extensions: ['pbf'],
+  mimeTypes: ['application/vnd.carto-vector-tile'],
+  category: 'geometry',
+  worker: false,
+  parse: async (arrayBuffer, options) => parseCartoVectorTile(arrayBuffer, options),
+  parseSync: parseCartoVectorTile,
+  options: {}
+};
+
+function parseCartoVectorTile(arrayBuffer, options) {
+  if (!arrayBuffer) return null;
+  const tile = Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["parsePbf"])(arrayBuffer, _carto_tile__WEBPACK_IMPORTED_MODULE_0__["TileReader"]);
+  const {
+    points,
+    lines,
+    polygons
+  } = tile;
+  const data = {
+    points: { ...points,
+      properties: Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["unpackProperties"])(points.properties)
+    },
+    lines: { ...lines,
+      properties: Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["unpackProperties"])(lines.properties)
+    },
+    polygons: { ...polygons,
+      properties: Object(_tile_loader_utils__WEBPACK_IMPORTED_MODULE_1__["unpackProperties"])(polygons.properties)
+    }
+  }; // Note: there is slight, difference in `numericProps` type, however geojson/mvtlayer can cope with this
+
+  return data;
+}
+
+/* harmony default export */ __webpack_exports__["default"] = (CartoVectorTileLoader);
+
+/***/ }),
+
 /***/ "./src/layers/schema/spatialjson-utils.ts":
 /*!************************************************!*\
   !*** ./src/layers/schema/spatialjson-utils.ts ***!
@@ -57865,6 +57856,44 @@ function binaryToSpatialjson(binary) {
 
 /***/ }),
 
+/***/ "./src/layers/schema/tile-loader-utils.ts":
+/*!************************************************!*\
+  !*** ./src/layers/schema/tile-loader-utils.ts ***!
+  \************************************************/
+/*! exports provided: parsePbf, unpackProperties */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parsePbf", function() { return parsePbf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unpackProperties", function() { return unpackProperties; });
+/* 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__);
+
+function parsePbf(buffer, TileReader) {
+  const pbf = new pbf__WEBPACK_IMPORTED_MODULE_0___default.a(buffer);
+  const tile = TileReader.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;
+  });
+}
+
+/***/ }),
+
 /***/ "./src/layers/spatial-index-tile-layer.ts":
 /*!************************************************!*\
   !*** ./src/layers/spatial-index-tile-layer.ts ***!
@@ -57877,8 +57906,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return SpatialIndexTileLayer; });
 /* harmony import */ var _loaders_gl_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @loaders.gl/core */ "../../node_modules/@loaders.gl/core/dist/esm/index.js");
 /* harmony import */ var _schema_carto_spatial_tile_loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./schema/carto-spatial-tile-loader */ "./src/layers/schema/carto-spatial-tile-loader.ts");
-/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/core");
+/* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @deck.gl/geo-layers */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../api/maps-api-common */ "./src/api/maps-api-common.ts");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
@@ -57886,11 +57916,52 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 Object(_loaders_gl_core__WEBPACK_IMPORTED_MODULE_0__["registerLoaders"])([_schema_carto_spatial_tile_loader__WEBPACK_IMPORTED_MODULE_1__["default"]]);
 
 
+
 function isFeatureIdDefined(value) {
   return value !== undefined && value !== null && value !== '';
 }
 
 class SpatialIndexTileLayer extends _deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2__["TileLayer"] {
+  getTileData(tile) {
+    const {
+      data,
+      getTileData,
+      fetch
+    } = this.props;
+    const {
+      signal
+    } = tile;
+    tile.url = typeof data === 'string' || Array.isArray(data) ? Object(_deck_gl_geo_layers__WEBPACK_IMPORTED_MODULE_2__["_getURLFromTemplate"])(data, tile) : null;
+
+    if (!tile.url) {
+      return Promise.reject('Invalid URL');
+    }
+
+    if (getTileData) {
+      return getTileData(tile);
+    }
+
+    let loadOptions = this.getLoadOptions(); // @ts-ignore
+
+    const {
+      formatTiles
+    } = this.props; // The backend doesn't yet support our custom mime-type, so force it here
+    // TODO remove entire `getTileData` method once backend sends the correct mime-type
+
+    if (formatTiles === _api_maps_api_common__WEBPACK_IMPORTED_MODULE_3__["TILE_FORMATS"].BINARY) {
+      loadOptions = { ...loadOptions,
+        mimeType: 'application/vnd.carto-spatial-tile'
+      };
+    }
+
+    return fetch(tile.url, {
+      propName: 'data',
+      layer: this,
+      loadOptions,
+      signal
+    });
+  }
+
   _updateAutoHighlight(info) {
     const {
       hoveredFeatureId
@@ -58189,7 +58260,7 @@ function assert(condition, message = '') {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "assert", function() { return assert; });
-/* 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__ = __webpack_require__(/*! @deck.gl/core */ "@deck.gl/extensions");
 /* harmony import */ var _deck_gl_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_deck_gl_core__WEBPACK_IMPORTED_MODULE_0__);
 
 function assert(condition, message) {
@@ -58286,14 +58357,14 @@ function assert(condition, message) {
 
 /***/ }),
 
-/***/ "@deck.gl/core":
+/***/ "@deck.gl/extensions":
 /*!***********************!*\
   !*** external "deck" ***!
   \***********************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__deck_gl_core__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__deck_gl_extensions__;
 
 /***/ }),