@splunk/visualizations 24.3.4 → 24.5.0

package/Map.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 189);
+/******/ 	return __webpack_require__(__webpack_require__.s = 194);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -164,7 +164,7 @@ var VizBehavior;
 "use strict";
 
 
-var _defineProperty = __webpack_require__(8);
+var _defineProperty = __webpack_require__(7);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -186,7 +186,7 @@ exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOp
 
 var lodash_1 = __webpack_require__(2);
 
-var schemaUtils_1 = __webpack_require__(14);
+var schemaUtils_1 = __webpack_require__(15);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -350,12 +350,18 @@ exports.generatePrecisionValues = generatePrecisionValues;
 
 /***/ }),
 /* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/defineProperty");
+
+/***/ }),
+/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(20);
+var _typeof = __webpack_require__(21);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -476,12 +482,6 @@ var findClosestMatchFromDefaultList = function findClosestMatchFromDefaultList(s
 
 exports.findClosestMatchFromDefaultList = findClosestMatchFromDefaultList;
 
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
@@ -498,10 +498,16 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
 /* 11 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorUtils");
+module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 /* 12 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/colorUtils");
+
+/***/ }),
+/* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -515,11 +521,11 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(16);
+var SizeAwareWrapper_1 = __webpack_require__(17);
 
-var style_1 = __webpack_require__(13);
+var style_1 = __webpack_require__(14);
 
-var colorUtils_1 = __webpack_require__(11);
+var colorUtils_1 = __webpack_require__(12);
 
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
@@ -576,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.3.4 - fa50e80e6",
+      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -597,48 +603,177 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 exports.default = withFixedSizeContainer;
 
 /***/ }),
-/* 13 */
+/* 14 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
-/* 15 */
+/* 16 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 16 */
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 17 */,
 /* 18 */,
-/* 19 */,
-/* 20 */
+/* 19 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-context/TimezoneContext");
+
+/***/ }),
+/* 20 */,
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
-/* 21 */,
 /* 22 */,
-/* 23 */
+/* 23 */,
+/* 24 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickFieldFromJSONSchema = void 0;
+
+var lodash_1 = __webpack_require__(2);
+
+var pickFieldFromJSONSchema = function pickFieldFromJSONSchema(optionsSchema) {
+  var fieldName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+  return Object.keys(optionsSchema).reduce(function (accum, k) {
+    if (lodash_1.has(optionsSchema[k], fieldName)) {
+      accum[k] = optionsSchema[k][fieldName];
+    } else if (lodash_1.get(optionsSchema, [k, 'type']) === 'object' && lodash_1.has(optionsSchema[k], 'properties')) {
+      var nestedSchema = exports.pickFieldFromJSONSchema(optionsSchema[k].properties, fieldName);
+
+      if (!lodash_1.isEmpty(nestedSchema)) {
+        accum[k] = nestedSchema;
+      }
+    }
+
+    return accum;
+  }, {});
+};
+
+exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldShowIconPlaceholder = void 0;
+
+var React = __webpack_require__(1);
+
+var T = __webpack_require__(0);
+
+var lodash_1 = __webpack_require__(2);
+
+var i18n_1 = __webpack_require__(3);
+
+var Message_1 = __webpack_require__(9);
+
+var FixedSizeContainer_1 = __webpack_require__(13);
+/**
+ * @method shouldShowIconPlaceholder
+ * @param {object} dataSources
+ * @param {boolean} loading
+ * @returns {boolean}
+ */
+
+
+var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
+  var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var noData = data === undefined;
+  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var noFields = fields === undefined;
+  return loading || noData || noFields;
+};
+
+exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
+var propTypes = {
+  icon: T.func,
+  width: T.oneOfType([T.string, T.number]),
+  height: T.oneOfType([T.string, T.number]),
+  // eslint-disable-next-line react/no-unused-prop-types
+  backgroundColor: T.string,
+  iconColor: T.string
+};
+/**
+ * @method IconPlaceholder
+ * @param {IconPlaceholderProps} props
+ * @returns {React.ReactElement}
+ */
+
+var IconPlaceholder = function IconPlaceholder(props) {
+  var width = props.width,
+      height = props.height,
+      icon = props.icon,
+      iconColor = props.iconColor;
+
+  if (icon) {
+    return React.createElement(icon, {
+      style: {
+        left: '50%',
+        top: '50%',
+        color: iconColor,
+        opacity: 0.15,
+        position: 'absolute',
+        transform: 'translate(-50%, -50%)'
+      },
+      width: '50%',
+      height: '50%'
+    });
+  }
+
+  return React.createElement(Message_1.default, {
+    width: width,
+    height: height,
+    level: "warning",
+    message: i18n_1._('No DataSource Connected')
+  });
+};
+
+IconPlaceholder.propTypes = propTypes;
+IconPlaceholder.defaultProps = {
+  width: '100%',
+  height: 250
+};
+exports.default = FixedSizeContainer_1.default(IconPlaceholder);
+
+/***/ }),
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(8);
+var _defineProperty = __webpack_require__(7);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -649,7 +784,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(34);
+var DataSource_1 = __webpack_require__(36);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -702,7 +837,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 24 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -766,7 +901,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 25 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -775,31 +910,26 @@ exports.getPaginationParams = getPaginationParams;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pickFieldFromJSONSchema = void 0;
-
-var lodash_1 = __webpack_require__(2);
-
-var pickFieldFromJSONSchema = function pickFieldFromJSONSchema(optionsSchema) {
-  var fieldName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
-  return Object.keys(optionsSchema).reduce(function (accum, k) {
-    if (lodash_1.has(optionsSchema[k], fieldName)) {
-      accum[k] = optionsSchema[k][fieldName];
-    } else if (lodash_1.get(optionsSchema, [k, 'type']) === 'object' && lodash_1.has(optionsSchema[k], 'properties')) {
-      var nestedSchema = exports.pickFieldFromJSONSchema(optionsSchema[k].properties, fieldName);
-
-      if (!lodash_1.isEmpty(nestedSchema)) {
-        accum[k] = nestedSchema;
-      }
-    }
-
-    return accum;
-  }, {});
-};
+exports.VizCategory = void 0;
+var VizCategory;
 
-exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
+(function (VizCategory) {
+  VizCategory["SINGLE_VALUE"] = "Single Value";
+  VizCategory["TRENDS"] = "Trends";
+  VizCategory["COMPARISONS"] = "Comparisons";
+  VizCategory["TABLE"] = "Table";
+  VizCategory["GAUGE"] = "Gauge";
+  VizCategory["DISTRIBUTIONS"] = "Distributions";
+  VizCategory["CHOROPLETH"] = "Choropleth Maps";
+  VizCategory["SHAPES"] = "Shapes";
+  VizCategory["MISC"] = "misc";
+  VizCategory["FLOW"] = "Flow";
+  VizCategory["CORRELATION"] = "Correlation";
+  VizCategory["SPATIAL"] = "Spatial";
+})(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 26 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -808,154 +938,42 @@ exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldShowIconPlaceholder = void 0;
 
 var React = __webpack_require__(1);
 
-var T = __webpack_require__(0);
-
 var lodash_1 = __webpack_require__(2);
 
-var i18n_1 = __webpack_require__(3);
+var getSettingsFromThemedProps_1 = __webpack_require__(30);
 
-var Message_1 = __webpack_require__(9);
+var Options_1 = __webpack_require__(31);
 
-var FixedSizeContainer_1 = __webpack_require__(12);
-/**
- * @method shouldShowIconPlaceholder
- * @param {object} dataSources
- * @param {boolean} loading
- * @returns {boolean}
- */
+var SanitizeProps_1 = __webpack_require__(32);
 
+var TimezoneContext_1 = __webpack_require__(19);
 
-var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
-  var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
-  var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
-  var noFields = fields === undefined;
-  return loading || noData || noFields;
-};
+var moment_1 = __webpack_require__(33);
 
-exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
-var propTypes = {
-  icon: T.func,
-  width: T.oneOfType([T.string, T.number]),
-  height: T.oneOfType([T.string, T.number]),
-  // eslint-disable-next-line react/no-unused-prop-types
-  backgroundColor: T.string
-};
-/**
- * @method IconPlaceholder
- * @param {IconPlaceholderProps} props
- * @returns {React.ReactElement}
- */
+var styled_components_1 = __webpack_require__(4);
 
-var IconPlaceholder = function IconPlaceholder(props) {
-  var width = props.width,
-      height = props.height,
-      icon = props.icon;
+var SplunkVisualization_1 = __webpack_require__(34);
 
-  if (icon) {
-    return React.createElement(icon, {
-      style: {
-        left: '50%',
-        top: '50%',
-        color: 'grey',
-        position: 'absolute',
-        transform: 'translate(-50%, -50%)'
-      },
-      width: '50%',
-      height: '50%'
-    });
-  }
+var VizBehavior_1 = __webpack_require__(5);
 
-  return React.createElement(Message_1.default, {
-    width: width,
-    height: height,
-    level: "warning",
-    message: i18n_1._('No DataSource Connected')
-  });
-};
+var getSorting_1 = __webpack_require__(26);
 
-IconPlaceholder.propTypes = propTypes;
-IconPlaceholder.defaultProps = {
-  width: '100%',
-  height: 250
-};
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
+var getPagination_1 = __webpack_require__(27);
 
-/***/ }),
-/* 27 */
-/***/ (function(module, exports, __webpack_require__) {
+var useDeepMemo_1 = __webpack_require__(37);
 
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizCategory = void 0;
-var VizCategory;
-
-(function (VizCategory) {
-  VizCategory["SINGLE_VALUE"] = "Single Value";
-  VizCategory["TRENDS"] = "Trends";
-  VizCategory["COMPARISONS"] = "Comparisons";
-  VizCategory["TABLE"] = "Table";
-  VizCategory["GAUGE"] = "Gauge";
-  VizCategory["DISTRIBUTIONS"] = "Distributions";
-  VizCategory["CHOROPLETH"] = "Choropleth Maps";
-  VizCategory["SHAPES"] = "Shapes";
-  VizCategory["MISC"] = "misc";
-  VizCategory["FLOW"] = "Flow";
-  VizCategory["CORRELATION"] = "Correlation";
-  VizCategory["SPATIAL"] = "Spatial";
-})(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
-
-/***/ }),
-/* 28 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var React = __webpack_require__(1);
-
-var lodash_1 = __webpack_require__(2);
-
-var getSettingsFromThemedProps_1 = __webpack_require__(29);
-
-var Options_1 = __webpack_require__(30);
-
-var SanitizeProps_1 = __webpack_require__(31);
-
-var styled_components_1 = __webpack_require__(4);
-
-var SplunkVisualization_1 = __webpack_require__(32);
-
-var VizBehavior_1 = __webpack_require__(5);
-
-var getSorting_1 = __webpack_require__(23);
-
-var getPagination_1 = __webpack_require__(24);
+var JSONSchemaUtils_1 = __webpack_require__(24);
 
-var useDeepMemo_1 = __webpack_require__(35);
+var MissingPropsMessage_1 = __webpack_require__(38);
 
-var JSONSchemaUtils_1 = __webpack_require__(25);
+var withEditModeCover_1 = __webpack_require__(39);
 
-var MissingPropsMessage_1 = __webpack_require__(36);
+var withPlaceholder_1 = __webpack_require__(40);
 
-var withEditModeCover_1 = __webpack_require__(37);
-
-var withPlaceholder_1 = __webpack_require__(38);
-
-var hocUtils_1 = __webpack_require__(7);
+var hocUtils_1 = __webpack_require__(8);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -988,6 +1006,23 @@ var withDashboardViz = function withDashboardViz(opts) {
         theme = props.theme,
         onRequestParamsChange = props.onRequestParamsChange;
 
+    var _React$useContext = React.useContext(TimezoneContext_1.default),
+        serializedTimezone = _React$useContext.serializedTimezone;
+
+    if (serializedTimezone) {
+      /*
+          @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
+          This ensures that if a timezone was provided via TimezoneContext @splunk/moment time formatting
+           will use it.
+           @TODO(pwied):
+           - remove when we moved away from @splunk/moment
+           - provide timezone context to dynamic option evaluation phase
+      */
+      if (!moment_1.default.getDefaultSplunkTimezone()) {
+        moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
+      }
+    }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
 
@@ -1016,7 +1051,7 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options:  + ".concat(e.message));
         return {};
       }
-    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources]); // useEffect hook needs to be initialized before any early returns
+    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone]); // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
 
     React.useEffect(function () {
@@ -1139,25 +1174,31 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 32 */
+/* 33 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/moment");
+
+/***/ }),
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1175,7 +1216,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var VizActionHandler_1 = __webpack_require__(33); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(35); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1308,7 +1349,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 33 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1316,7 +1357,7 @@ exports.default = SplunkVisualization;
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(15);
+var _createClass = __webpack_require__(16);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1345,7 +1386,7 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 34 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1358,7 +1399,7 @@ exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
-/* 35 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1403,7 +1444,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 36 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1422,7 +1463,7 @@ var i18n_1 = __webpack_require__(3);
 
 var Message_1 = __webpack_require__(9);
 
-var FixedSizeContainer_1 = __webpack_require__(12);
+var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
  * @param {any} v
@@ -1483,7 +1524,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
-/* 37 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1497,14 +1538,14 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(7);
+var hocUtils_1 = __webpack_require__(8);
 
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.3.4 - fa50e80e6"
+  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1535,7 +1576,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 38 */
+/* 40 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1547,13 +1588,15 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var colorUtils_1 = __webpack_require__(11);
+var colorUtils_1 = __webpack_require__(12);
+
+var variables_1 = __webpack_require__(11);
 
-var IconPlaceholder_1 = __webpack_require__(26);
+var IconPlaceholder_1 = __webpack_require__(25);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var hocUtils_1 = __webpack_require__(7);
+var hocUtils_1 = __webpack_require__(8);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -1561,7 +1604,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
   var themes = config.themes;
 
   var Wrapper = function Wrapper(props) {
-    var _a;
+    var _a, _b;
 
     var dataSources = props.dataSources,
         loading = props.loading,
@@ -1570,14 +1613,17 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
     var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
+    var iconColor = variables_1.default.contentColorActive(props);
 
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
-        icon: config.icon,
+        icon: icon,
         width: width,
         height: height,
-        backgroundColor: bgColorFromTheme
+        backgroundColor: bgColorFromTheme,
+        iconColor: iconColor
       });
     }
 
@@ -1594,39 +1640,42 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 39 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
-/* 40 */,
-/* 41 */
+/* 42 */,
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
-/* 42 */
+/* 44 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-icons/placeholders");
+
+/***/ }),
+/* 45 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 43 */,
-/* 44 */,
-/* 45 */,
 /* 46 */,
 /* 47 */,
 /* 48 */,
-/* 49 */
+/* 49 */,
+/* 50 */,
+/* 51 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 /***/ }),
-/* 50 */,
-/* 51 */,
 /* 52 */,
 /* 53 */,
 /* 54 */,
@@ -1640,24 +1689,24 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 /* 62 */,
 /* 63 */,
 /* 64 */,
-/* 65 */,
-/* 66 */,
-/* 67 */,
-/* 68 */,
-/* 69 */
+/* 65 */
 /***/ (function(module, exports) {
 
-module.exports = require("d3-scale");
+module.exports = require("@splunk/themes");
 
 /***/ }),
-/* 70 */
+/* 66 */,
+/* 67 */,
+/* 68 */,
+/* 69 */,
+/* 70 */,
+/* 71 */,
+/* 72 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes");
+module.exports = require("d3-scale");
 
 /***/ }),
-/* 71 */,
-/* 72 */,
 /* 73 */,
 /* 74 */,
 /* 75 */,
@@ -1685,1269 +1734,1457 @@ module.exports = require("@splunk/themes");
 /* 97 */,
 /* 98 */,
 /* 99 */,
-/* 100 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
+/* 100 */,
 /* 101 */,
 /* 102 */,
 /* 103 */,
-/* 104 */,
-/* 105 */,
-/* 106 */,
-/* 107 */,
-/* 108 */,
-/* 109 */,
-/* 110 */,
-/* 111 */,
-/* 112 */,
-/* 113 */,
-/* 114 */,
-/* 115 */,
-/* 116 */,
-/* 117 */,
-/* 118 */,
-/* 119 */,
-/* 120 */,
-/* 121 */,
-/* 122 */,
-/* 123 */
+/* 104 */
 /***/ (function(module, exports) {
 
-module.exports = require("maplibre-gl");
+module.exports = require("@splunk/visualization-encoding/utils/dsl");
 
 /***/ }),
-/* 124 */,
-/* 125 */,
-/* 126 */,
-/* 127 */,
-/* 128 */,
-/* 129 */,
-/* 130 */,
-/* 131 */,
-/* 132 */,
-/* 133 */,
-/* 134 */,
-/* 135 */,
-/* 136 */,
-/* 137 */,
-/* 138 */,
-/* 139 */,
-/* 140 */,
-/* 141 */,
-/* 142 */,
-/* 143 */,
-/* 144 */,
-/* 145 */,
-/* 146 */,
-/* 147 */,
-/* 148 */,
-/* 149 */,
-/* 150 */,
-/* 151 */,
-/* 152 */,
-/* 153 */,
-/* 154 */,
-/* 155 */,
-/* 156 */,
-/* 157 */,
-/* 158 */,
-/* 159 */,
-/* 160 */,
-/* 161 */,
-/* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */,
-/* 167 */,
-/* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */,
-/* 173 */,
-/* 174 */,
-/* 175 */,
-/* 176 */,
-/* 177 */,
-/* 178 */,
-/* 179 */,
-/* 180 */,
-/* 181 */,
-/* 182 */,
-/* 183 */,
-/* 184 */,
-/* 185 */,
-/* 186 */,
-/* 187 */,
-/* 188 */,
-/* 189 */
+/* 105 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
+var _slicedToArray = __webpack_require__(51);
 
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
+var _toConsumableArray = __webpack_require__(41);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PureMap = exports.config = exports.themes = exports.computeVizProps = void 0;
-/* eslint-disable no-sequences */
-
-var React = __webpack_require__(1);
+exports.getGlobalLayerBoundaries = exports.isValidLatLon = exports.bakeBubbleData = exports.sanitizeValues = exports.transposeArray = exports.matchBubbleSize = exports.getStaticColors = exports.getZoomLevelFromGeobin = exports.getZoomConstraintsFromTileConfig = exports.getMapStyle = exports.getTilePreset = exports.MAX_BUBBLE_RADIUS = exports.MIN_BUBBLE_RADIUS = exports.MAP_STYLE_VERSION_NUMBER = exports.DEFAULT_SERIES_COLORS = exports.DEFAULT_CLUSTER_COLOR = exports.DEFAULT_RESULT_LIMIT = exports.MIN_LONGITUDE = exports.MAX_LONGITUDE = exports.MIN_LATITUDE = exports.MAX_LATITUDE = void 0;
 
-var colorUtils_1 = __webpack_require__(11);
+var lodash_1 = __webpack_require__(2);
 
-var types_1 = __webpack_require__(190);
+var d3_scale_1 = __webpack_require__(72);
 
-var dsl_1 = __webpack_require__(191);
+var colorUtils_1 = __webpack_require__(12);
 
-var JSONSchemaUtils_1 = __webpack_require__(25);
+var visualization_color_palettes_1 = __webpack_require__(43);
 
-var hocUtils_1 = __webpack_require__(7);
+exports.MAX_LATITUDE = 90;
+exports.MIN_LATITUDE = -90;
+exports.MAX_LONGITUDE = 180;
+exports.MIN_LONGITUDE = -180;
+exports.DEFAULT_RESULT_LIMIT = 1000;
+exports.DEFAULT_CLUSTER_COLOR = '#909090';
+exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL; // MapLibre requires a map style specification number which is always 8
 
-var PureMap_1 = __webpack_require__(192);
+exports.MAP_STYLE_VERSION_NUMBER = 8; // currently using one [min, max] value set for bubbles across all zoom levels
+// TODO: design choices on [min, max] bubble size for different zoom levels
 
-exports.PureMap = PureMap_1.default;
+exports.MIN_BUBBLE_RADIUS = 4;
+exports.MAX_BUBBLE_RADIUS = 50;
+/**
+ * Construct a tile preset {key: config} by combining the default + custom tile configs
+ * Also returns the default tile config for each theme - light/dark
+ * @param {MapContextInterface} args
+ * @param {BaseTileConfig[]} args.defaultTileConfig
+ * @param {BaseTileConfig[]} args.customTileConfig
+ * @returns {Object} tile preset
+ */
 
-var config_1 = __webpack_require__(200);
+var getTilePreset = function getTilePreset(_ref) {
+  var _ref$defaultTileConfi = _ref.defaultTileConfig,
+      defaultTileConfig = _ref$defaultTileConfi === void 0 ? [] : _ref$defaultTileConfi,
+      _ref$customTileConfig = _ref.customTileConfig,
+      customTileConfig = _ref$customTileConfig === void 0 ? [] : _ref$customTileConfig;
 
-exports.config = config_1.default;
+  var _a, _b;
 
-var withDashboardViz_1 = __webpack_require__(28);
+  var tilePreset = {};
+  var defaultTileLight = {};
+  var defaultTileDark = {};
+  var tileConfigs = [].concat(defaultTileConfig).concat(customTileConfig);
+  lodash_1.forEach(tileConfigs, function (tileConfig) {
+    var key = tileConfig === null || tileConfig === void 0 ? void 0 : tileConfig.key;
+    var updatedConfig = Object.assign(Object.assign({
+      theme: 'all'
+    }, tileConfig), {
+      version: exports.MAP_STYLE_VERSION_NUMBER
+    });
+    tilePreset[key] = updatedConfig;
+  });
 
-var computeVizProps = function computeVizProps(_ref) {
-  var themeFunc = _ref.themeFunc,
-      theme = _ref.theme,
-      layers = _ref.layers,
-      dataSources = _ref.dataSources;
-  var themeColorVariables = ['controlBackgroundColor', 'controlForegroundColor'];
-  var themeColors = {};
-  themeColorVariables.forEach(function (variable) {
-    themeColors[variable] = themeFunc(variable);
-  }); // Markers use different icons, Bubbles has different styles for light and dark theme
-  // this prop is passed for that
+  if (defaultTileConfig.length > 0) {
+    defaultTileLight = (_a = defaultTileConfig.find(function (config) {
+      return config.theme === 'light';
+    })) !== null && _a !== void 0 ? _a : defaultTileConfig.find(function (config) {
+      return config.theme === undefined;
+    });
+    defaultTileDark = (_b = defaultTileConfig.find(function (config) {
+      return config.theme === 'dark';
+    })) !== null && _b !== void 0 ? _b : defaultTileConfig.find(function (config) {
+      return config.theme === undefined;
+    });
+  }
 
-  var themeColorScheme = (theme === null || theme === void 0 ? void 0 : theme.splunkThemeV1) ? theme === null || theme === void 0 ? void 0 : theme.splunkThemeV1.colorScheme : 'dark';
-  layers.forEach(function (l) {
-    var _a, _b, _c, _d; // add key `geobin` to the layer object if the data is returned from geostats commands
-    // to distinguish geostats commands from table commands
+  return {
+    tilePreset: tilePreset,
+    defaultTileLight: defaultTileLight,
+    defaultTileDark: defaultTileDark
+  };
+};
 
+exports.getTilePreset = getTilePreset;
+/**
+ * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.
+ * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType
+ * Else return default tile config based on current theme
+ * @param {Object} args
+ * @param {BaseTileConfig[]} args.tilePreset
+ * @param {String} args.baseLayerTilerServer
+ * @param {String} args.baseLayerTileServerType
+ * @param {String} args.colorScheme
+ * @param {BaseTileConfig} args.defaultTileDark
+ * @param {BaseTileConfig} args.defaultTileLight
+ * @returns {BaseTileConfig} mapStyle
+ */
 
-    var dataSourceData = (_b = (_a = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : {};
-    var geobinIdx = ((_c = dataSourceData.fields) !== null && _c !== void 0 ? _c : []).map(function (field) {
-      return typeof field === 'string' ? field : field.name;
-    }).indexOf('geobin');
-    var layer = l;
+var getMapStyle = function getMapStyle(_ref2) {
+  var _ref2$baseLayerTileSe = _ref2.baseLayerTileServer,
+      baseLayerTileServer = _ref2$baseLayerTileSe === void 0 ? '' : _ref2$baseLayerTileSe,
+      _ref2$baseLayerTileSe2 = _ref2.baseLayerTileServerType,
+      baseLayerTileServerType = _ref2$baseLayerTileSe2 === void 0 ? '' : _ref2$baseLayerTileSe2,
+      _ref2$tilePreset = _ref2.tilePreset,
+      tilePreset = _ref2$tilePreset === void 0 ? {} : _ref2$tilePreset,
+      _ref2$colorScheme = _ref2.colorScheme,
+      colorScheme = _ref2$colorScheme === void 0 ? 'light' : _ref2$colorScheme,
+      _ref2$defaultTileLigh = _ref2.defaultTileLight,
+      defaultTileLight = _ref2$defaultTileLigh === void 0 ? {} : _ref2$defaultTileLigh,
+      _ref2$defaultTileDark = _ref2.defaultTileDark,
+      defaultTileDark = _ref2$defaultTileDark === void 0 ? {} : _ref2$defaultTileDark;
 
-    if (geobinIdx > -1) {
-      layer.geobin = dataSourceData.columns[geobinIdx];
-    }
+  if (baseLayerTileServer && tilePreset[baseLayerTileServer] && (tilePreset[baseLayerTileServer].theme === colorScheme || tilePreset[baseLayerTileServer].theme === 'all')) {
+    return tilePreset[baseLayerTileServer];
+  }
 
-    layer.bubbleSizeFields = ((_d = dataSourceData.fields) !== null && _d !== void 0 ? _d : []).map(function (field) {
-      return typeof field === 'string' ? field : field.name;
-    }).filter(function (field, index) {
-      var _a, _b;
+  if (baseLayerTileServer && baseLayerTileServerType) {
+    var tiles = [];
+    /**
+     * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain
+     * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'
+     * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers
+     */
+
+    if (baseLayerTileServer.match(/^(https?):\/\/{(s|S)}\../)) {
+      /**
+       * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains
+       * In order to preserve this behavior during conversion to splunk.map,
+       * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains
+       * TODO: in the future, add an additional prop - baseLayerTileServerSubdomains: ['x', 'y', 'z'], default being ['a', 'b', 'c']
+       */
+      tiles = [baseLayerTileServer.replace(/{(s|S)}/, 'a'), baseLayerTileServer.replace(/{(s|S)}/, 'b'), baseLayerTileServer.replace(/{(s|S)}/, 'c')];
+    } else {
+      tiles = [baseLayerTileServer];
+    } // TODO: remove hardcoded style when we allow users to pass in layer style through Viz options
 
-      return !['latitude', 'longitude', 'geobin'].includes(field) && types_1.inferDataTypeFromData((_b = (_a = dataSourceData.columns) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : []) === 'number';
-    }); // Sanitize colors within layers
 
-    layer.seriesColors = Array.isArray(layer.seriesColors) ? colorUtils_1.sanitizeArrayOfColors(layer.seriesColors) : undefined;
-    layer.dataColors = Array.isArray(layer.dataColors) ? colorUtils_1.sanitizeArrayOfColors(layer.dataColors) : undefined;
-  });
-  return Object.assign(Object.assign(Object.assign({}, themeColors), {
-    themeColorScheme: themeColorScheme
-  }), layers);
+    var mapStyle = {
+      version: exports.MAP_STYLE_VERSION_NUMBER,
+      sources: {
+        'base-tiles': {
+          type: baseLayerTileServerType,
+          tiles: tiles,
+          tileSize: 256
+        }
+      },
+      layers: [{
+        id: 'base-layer',
+        type: 'raster',
+        source: 'base-tiles',
+        minzoom: 0,
+        maxzoom: 10
+      }]
+    };
+    return mapStyle;
+  } // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults
+
+
+  return colorScheme === 'light' ? defaultTileLight : defaultTileDark;
 };
 
-exports.computeVizProps = computeVizProps; // HOC for stripping the internal fields for Maps
+exports.getMapStyle = getMapStyle;
 
-var withoutInternalFields = function withoutInternalFields(Viz) {
-  // eslint-disable-next-line react/display-name
-  var VizWithoutInternalFields = function VizWithoutInternalFields(_a) {
-    var dataSources = _a.dataSources,
-        otherProps = __rest(_a, ["dataSources"]);
+var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig(tileConfig) {
+  var sources = tileConfig.sources,
+      layers = tileConfig.layers; // check sources for minzoom maxzoom first
 
-    if (!dataSources || !dataSources.primary || !dataSources.primary.data) {
-      return React.createElement(Viz, Object.assign({}, otherProps));
+  var sourceKeys = Object.keys(sources);
+
+  for (var i = 0; i < sourceKeys.length; i += 1) {
+    var _sources$sourceKeys$i = sources[sourceKeys[i]],
+        minzoom = _sources$sourceKeys$i.minzoom,
+        maxzoom = _sources$sourceKeys$i.maxzoom;
+
+    if (lodash_1.isNumber(minzoom) && lodash_1.isNumber(maxzoom)) {
+      return {
+        minZoom: minzoom,
+        maxZoom: maxzoom
+      };
     }
+  } // then check layers
 
-    var primary = dataSources.primary;
-    var _primary$data = primary.data,
-        columns = _primary$data.columns,
-        fields = _primary$data.fields;
-    var newColumns = [];
-    var newFields = [];
 
-    if (fields && columns && fields.length === columns.length) {
-      // computed sorted index for removal
-      var indicesToRemove = new Set(fields.reduce(function (arr, e, i) {
-        return (typeof e === 'string' ? e.startsWith('_') : e.name.toString().startsWith('_')) && arr.push(i), arr;
-      }, []));
-      newFields = fields.filter(function (d, i) {
-        return !indicesToRemove.has(i);
-      });
-      newColumns = columns.filter(function (d, i) {
-        return !indicesToRemove.has(i);
-      });
+  for (var _i = 0; _i < layers.length; _i += 1) {
+    var _layers$_i = layers[_i],
+        _minzoom = _layers$_i.minzoom,
+        _maxzoom = _layers$_i.maxzoom;
+
+    if (lodash_1.isNumber(_minzoom) && lodash_1.isNumber(_maxzoom)) {
+      return {
+        minZoom: _minzoom,
+        maxZoom: _maxzoom
+      };
     }
+  } // Maplibre default - would reset previous min/maxZoom
 
-    var modifiedDatasources = Object.assign(Object.assign({}, dataSources), {
-      primary: Object.assign(Object.assign({}, primary), {
-        data: Object.assign(Object.assign({}, primary.data), {
-          columns: newColumns,
-          fields: newFields
-        })
-      })
+
+  return {
+    minZoom: 0,
+    maxZoom: 22
+  };
+};
+
+exports.getZoomConstraintsFromTileConfig = getZoomConstraintsFromTileConfig;
+
+var getZoomLevelFromGeobin = function getZoomLevelFromGeobin(geobinStr) {
+  var _a;
+
+  if (!geobinStr) {
+    return null;
+  } // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range
+
+
+  var geobinPattern = /bin_id_zl_([0-9]{0,2})?_y_/g;
+  var match = geobinPattern.exec(geobinStr);
+  return (_a = (match === null || match === void 0 ? void 0 : match.length) && parseInt(match[1], 10)) !== null && _a !== void 0 ? _a : null;
+};
+
+exports.getZoomLevelFromGeobin = getZoomLevelFromGeobin; // Bubble colors - static
+
+var getStaticColors = function getStaticColors(colorCount, colorArray) {
+  if (colorCount < 0 || !colorCount) {
+    return [exports.DEFAULT_CLUSTER_COLOR];
+  }
+
+  if (!colorArray || !colorArray.length) {
+    return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
+      return exports.DEFAULT_SERIES_COLORS[i];
     });
-    return React.createElement(Viz, Object.assign({
-      dataSources: modifiedDatasources
-    }, otherProps));
+  } // loop through colorArray to pick the first $colorCount colors
+  // start from begining again if colorCount > colorArray.length
+
+
+  return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
+    return colorUtils_1.isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
+  });
+};
+
+exports.getStaticColors = getStaticColors; // Bubble size
+
+var matchBubbleSize = function matchBubbleSize(dataRange, data) {
+  var size = d3_scale_1.scalePow().exponent(0.2).domain(dataRange).range([exports.MIN_BUBBLE_RADIUS, exports.MAX_BUBBLE_RADIUS])(data);
+
+  if (size > exports.MAX_BUBBLE_RADIUS) {
+    return exports.MAX_BUBBLE_RADIUS;
+  }
+
+  if (size < exports.MIN_BUBBLE_RADIUS) {
+    return exports.MIN_BUBBLE_RADIUS;
+  }
+
+  return size;
+};
+
+exports.matchBubbleSize = matchBubbleSize;
+
+var transposeArray = function transposeArray(array) {
+  if (!array || !array.length || !array[0] || !array[0].length) {
+    return [];
+  }
+
+  return array[0].map(function (_, i) {
+    return array.map(function (row) {
+      return row[i];
+    });
+  });
+};
+
+exports.transposeArray = transposeArray; // sanitize values: update all null, undefined, or negative values to 0
+
+var sanitizeValues = function sanitizeValues(values) {
+  // null / undefined
+  if (!values) {
+    return 0;
+  } // number
+
+
+  if (!Array.isArray(values)) {
+    return values > 0 ? values : 0;
+  } // array
+
+
+  return values.map(function (arr) {
+    return exports.sanitizeValues(arr);
+  });
+};
+
+exports.sanitizeValues = sanitizeValues;
+
+var bakeBubbleData = function bakeBubbleData(layer) {
+  var _a;
+
+  if (!layer || !((_a = layer.bubbleSize) === null || _a === void 0 ? void 0 : _a.length) || !layer.geobin || !layer.geobin.length || !layer.latitude || !layer.latitude.length || !layer.longitude || !layer.longitude.length) {
+    return null;
+  } // if bubbleSize is passed as an array of single number array (data series)
+  // e.g. [value0, value1, ...]
+  // format each value as an array to unify data operations for data series and frames
+
+
+  var sanitizedBubbleSize = exports.sanitizeValues(layer.bubbleSize);
+  var transposedBubbleSize;
+  var transposedSanitizedBubbleSize;
+  var isPie = false; // format array if bubbleSize is passed as an array of array (data frame)
+
+  if (Array.isArray(layer.bubbleSize[0])) {
+    // one-time array transpose,
+    // e.g. from [column0data, column0data] (multi series)
+    // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]
+    // or e.g. from [column0data] (single series)
+    // to [[column0data]]
+    // for easy access of values at each geo location,
+    // and min max pie size computation
+    transposedBubbleSize = exports.transposeArray(layer.bubbleSize);
+    transposedSanitizedBubbleSize = exports.transposeArray(sanitizedBubbleSize); // if multiple series in the dataframe, set isPie to true
+
+    if (layer.bubbleSize.length > 1) {
+      isPie = true;
+    }
+  } else {
+    transposedBubbleSize = layer.bubbleSize.map(function (n) {
+      return [n];
+    });
+    transposedSanitizedBubbleSize = sanitizedBubbleSize.map(function (n) {
+      return [n];
+    });
+  }
+
+  if (!transposedBubbleSize || !transposedBubbleSize.length) {
+    return null;
+  }
+
+  var data = layer.latitude.map(function (lat, i) {
+    return {
+      zoom: exports.getZoomLevelFromGeobin(layer.geobin[i]),
+      values: transposedBubbleSize[i],
+      sanitizedValues: transposedSanitizedBubbleSize[i],
+      coordinates: [layer.longitude[i], lat],
+      metadata: layer.metadata ? layer.metadata[i] : {}
+    };
+  }).filter(function (d) {
+    return Boolean(d.values);
+  }); // compute the min/max value to encode min/max pie or bubble size
+
+  var min = lodash_1.sum(transposedSanitizedBubbleSize[0]);
+  var max = lodash_1.sum(transposedSanitizedBubbleSize[1]);
+  transposedSanitizedBubbleSize.forEach(function (row) {
+    var bubbleSize = lodash_1.sum(row);
+    max = bubbleSize > max ? bubbleSize : max;
+    min = bubbleSize < min ? bubbleSize : min;
+  });
+  return {
+    data: data,
+    dataRange: [min, max],
+    isPie: isPie,
+    resultLimit: layer.resultLimit,
+    bubbleSizeFields: layer.bubbleSizeFields
   };
+};
 
-  VizWithoutInternalFields.propTypes = Viz.propTypes;
-  VizWithoutInternalFields.defaultProps = Viz.defaultProps;
-  VizWithoutInternalFields.config = Viz.config;
-  return VizWithoutInternalFields;
-}; // HOC for updating all null values in data columns to zeros
-// excluding 'latitude', 'longitude' and 'geobin'
+exports.bakeBubbleData = bakeBubbleData;
 
+var isValidLatLon = function isValidLatLon(latlon) {
+  if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {
+    return false;
+  }
 
-var withNullToZeros = function withNullToZeros(Viz) {
-  // eslint-disable-next-line react/display-name
-  var VizWithColumnsNullToZeros = function VizWithColumnsNullToZeros(_a) {
-    var dataSources = _a.dataSources,
-        options = _a.options,
-        otherProps = __rest(_a, ["dataSources", "options"]);
+  var _latlon = _slicedToArray(latlon, 2),
+      lat = _latlon[0],
+      lon = _latlon[1];
+
+  if (typeof lat !== 'number' || !(lat >= exports.MIN_LATITUDE && lat <= exports.MAX_LATITUDE)) {
+    return false;
+  }
+
+  if (typeof lon !== 'number' || !(lon >= exports.MIN_LONGITUDE && lon <= exports.MAX_LONGITUDE)) {
+    return false;
+  }
+
+  return true;
+};
 
-    if (!dataSources || !dataSources.primary || !dataSources.primary.data) {
-      return React.createElement(Viz, Object.assign({}, otherProps));
-    }
+exports.isValidLatLon = isValidLatLon; // Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles
 
-    var primary = dataSources.primary;
-    var _primary$data2 = primary.data,
-        columns = _primary$data2.columns,
-        fields = _primary$data2.fields;
-    var newColumns = columns;
-    var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default'));
+var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
+  if (!layers || !Array.isArray(layers) || !layers.length) {
+    return null;
+  }
 
-    if (mergedOptions.layers && mergedOptions.layers.length && mergedOptions.layers[0].type === 'bubble') {
-      var latitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';
-      var longitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';
-      var excludedFields = [latitudeField, longitudeField, 'geobin'];
-      var indicesToEvaluate = new Set(fields.reduce(function (arr, e, i) {
-        var field = typeof e === 'string' ? e : e.name.toString();
+  var LONGITUDE = 'longitude';
+  var LATITUDE = 'latitude';
 
-        if (!excludedFields.includes(field)) {
-          arr.push(i);
-        }
+  var getMin = function getMin(field) {
+    if (!layers.every(function (layer) {
+      return layer[field];
+    })) {
+      return field === LONGITUDE ? exports.MIN_LONGITUDE : exports.MIN_LATITUDE;
+    }
 
-        return arr;
-      }, []));
-      newColumns = columns.map(function (column, i) {
-        if (indicesToEvaluate.has(i)) {
-          return column.map(function (value) {
-            return !value ? 0 : value;
-          });
-        }
+    return layers.reduce(function (prevVal, layer) {
+      var _a;
 
-        return column;
-      });
+      return lodash_1.min([prevVal].concat(_toConsumableArray(((_a = lodash_1.get(layer, field)) !== null && _a !== void 0 ? _a : []).slice(0, layer.type === 'marker' && layer.resultLimit ? layer.resultLimit : exports.DEFAULT_RESULT_LIMIT))));
+    }, field === LONGITUDE ? exports.MAX_LONGITUDE : exports.MAX_LATITUDE);
+  };
+
+  var getMax = function getMax(field) {
+    if (!layers.every(function (layer) {
+      return layer[field];
+    })) {
+      return field === LONGITUDE ? exports.MAX_LONGITUDE : exports.MAX_LATITUDE;
     }
 
-    var modifiedDatasources = Object.assign(Object.assign({}, dataSources), {
-      primary: Object.assign(Object.assign({}, primary), {
-        data: Object.assign(Object.assign({}, primary.data), {
-          columns: newColumns
-        })
-      })
-    });
-    return React.createElement(Viz, Object.assign({
-      dataSources: modifiedDatasources,
-      options: options
-    }, otherProps));
+    return layers.reduce(function (prevVal, layer) {
+      var _a;
+
+      return lodash_1.max([prevVal].concat(_toConsumableArray(((_a = lodash_1.get(layer, field)) !== null && _a !== void 0 ? _a : []).slice(0, layer.type === 'marker' && layer.resultLimit ? layer.resultLimit : exports.DEFAULT_RESULT_LIMIT))));
+    }, field === LONGITUDE ? exports.MIN_LONGITUDE : exports.MIN_LATITUDE);
   };
 
-  VizWithColumnsNullToZeros.propTypes = Viz.propTypes;
-  VizWithColumnsNullToZeros.defaultProps = Viz.defaultProps;
-  VizWithColumnsNullToZeros.config = Viz.config;
-  return VizWithColumnsNullToZeros;
+  return [[getMin(LONGITUDE), getMin(LATITUDE)], [getMax(LONGITUDE), getMax(LATITUDE)]];
 };
 
-var Map = withoutInternalFields(withNullToZeros(withDashboardViz_1.default({
-  ReactViz: PureMap_1.default,
-  vizConfig: config_1.default,
-  computeVizProps: exports.computeVizProps,
-  disableEditModeCover: true,
-  useIconPlaceholder: function useIconPlaceholder() {
-    return false;
-  }
-})));
-var themes = config_1.default.themes;
-exports.themes = themes;
-exports.default = Map;
+exports.getGlobalLayerBoundaries = getGlobalLayerBoundaries;
 
 /***/ }),
-/* 190 */
+/* 106 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/utils/types");
+module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
-/* 191 */
+/* 107 */,
+/* 108 */,
+/* 109 */,
+/* 110 */,
+/* 111 */,
+/* 112 */,
+/* 113 */,
+/* 114 */,
+/* 115 */,
+/* 116 */,
+/* 117 */,
+/* 118 */,
+/* 119 */,
+/* 120 */,
+/* 121 */,
+/* 122 */,
+/* 123 */,
+/* 124 */,
+/* 125 */,
+/* 126 */,
+/* 127 */,
+/* 128 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/utils/dsl");
+module.exports = require("maplibre-gl");
 
 /***/ }),
-/* 192 */
+/* 129 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(49);
+var _slicedToArray = __webpack_require__(51);
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLatLng = exports.formatColor = exports.DEFAULT_ZOOM = exports.DEFAULT_SHOW_SCALE = exports.DEFAULT_SCALE_UNIT = exports.DEFAULT_CONTROL_FOREGROUND_COLOR = exports.DEFAULT_CONTROL_BACKGROUND_COLOR = exports.DEFAULT_CENTER = void 0;
+
+var maplibre_gl_1 = __webpack_require__(128);
 
 var React = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(2);
+var Tooltip_1 = __webpack_require__(202);
 
-var react_1 = __webpack_require__(1);
+var MarkerWrapper = function MarkerWrapper(_a) {
+  var longitude = _a.longitude,
+      latitude = _a.latitude,
+      _a$additionalFields = _a.additionalFields,
+      additionalFields = _a$additionalFields === void 0 ? [] : _a$additionalFields,
+      map = _a.map,
+      children = _a.children,
+      otherProps = __rest(_a, ["longitude", "latitude", "additionalFields", "map", "children"]);
 
-var T = __webpack_require__(0);
+  var container = React.useRef();
+  var marker = React.useRef();
 
-var chroma = __webpack_require__(193);
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isTooltipOpen = _React$useState2[0],
+      setTooltipOpenStatus = _React$useState2[1];
+
+  var openTooltip = React.useCallback(function () {
+    return setTooltipOpenStatus(true);
+  }, []);
+  var closeTooltip = React.useCallback(function () {
+    return setTooltipOpenStatus(false);
+  }, []);
+  var cleanupMarker = React.useCallback(function () {
+    if (marker.current) {
+      marker.current.remove();
+      marker.current = undefined;
+    }
+  }, []);
+  React.useEffect(function () {
+    try {
+      if (marker.current) {
+        marker.current.setLngLat([longitude, latitude]);
+      } else {
+        marker.current = new maplibre_gl_1.Marker(container.current);
+        marker.current.setLngLat([longitude, latitude]);
+        marker.current.addTo(map.current);
+      }
+    } catch (error) {
+      console.error(error);
+      cleanupMarker();
+    }
+  }, [latitude, longitude, map]);
+  React.useEffect(function () {
+    return cleanupMarker;
+  }, []);
+  return React.createElement("div", null, React.createElement("div", Object.assign({
+    ref: container,
+    "data-test": "map-marker",
+    onMouseOver: openTooltip,
+    onMouseLeave: closeTooltip,
+    onFocus: openTooltip,
+    onBlur: closeTooltip
+  }, otherProps), children), React.createElement(Tooltip_1.default, {
+    open: isTooltipOpen,
+    anchor: container.current,
+    latitude: latitude,
+    longitude: longitude,
+    additionalFields: additionalFields
+  }));
+};
 
-var maplibre_gl_1 = __webpack_require__(123);
+exports.default = MarkerWrapper;
 
-var MapContext_1 = __webpack_require__(194);
+/***/ }),
+/* 130 */,
+/* 131 */,
+/* 132 */,
+/* 133 */,
+/* 134 */,
+/* 135 */,
+/* 136 */,
+/* 137 */,
+/* 138 */,
+/* 139 */,
+/* 140 */,
+/* 141 */,
+/* 142 */,
+/* 143 */,
+/* 144 */,
+/* 145 */,
+/* 146 */,
+/* 147 */,
+/* 148 */,
+/* 149 */,
+/* 150 */,
+/* 151 */,
+/* 152 */,
+/* 153 */,
+/* 154 */,
+/* 155 */,
+/* 156 */,
+/* 157 */,
+/* 158 */,
+/* 159 */,
+/* 160 */,
+/* 161 */,
+/* 162 */,
+/* 163 */,
+/* 164 */,
+/* 165 */,
+/* 166 */,
+/* 167 */,
+/* 168 */,
+/* 169 */,
+/* 170 */,
+/* 171 */,
+/* 172 */,
+/* 173 */,
+/* 174 */,
+/* 175 */,
+/* 176 */,
+/* 177 */,
+/* 178 */,
+/* 179 */,
+/* 180 */,
+/* 181 */,
+/* 182 */,
+/* 183 */,
+/* 184 */,
+/* 185 */,
+/* 186 */,
+/* 187 */,
+/* 188 */,
+/* 189 */,
+/* 190 */,
+/* 191 */,
+/* 192 */,
+/* 193 */,
+/* 194 */
+/***/ (function(module, exports, __webpack_require__) {
 
-var PureMapContainer_1 = __webpack_require__(195);
+"use strict";
 
-__webpack_require__(196);
 
-var MapUtils_1 = __webpack_require__(197);
+var _slicedToArray = __webpack_require__(51);
 
-var Tooltip_1 = __webpack_require__(199);
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
 
-exports.DEFAULT_CENTER = [0, 0];
-exports.DEFAULT_CONTROL_BACKGROUND_COLOR = '#2b3033';
-exports.DEFAULT_CONTROL_FOREGROUND_COLOR = '#B5B5B5';
-exports.DEFAULT_SCALE_UNIT = 'imperial';
-exports.DEFAULT_SHOW_SCALE = true;
-exports.DEFAULT_ZOOM = 0; // convert rgb/rgba/hex color to encoded color & opacity for SVG strings
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
 
-var formatColor = function formatColor(color) {
-  var chromaColor = chroma(color);
-  return {
-    color: chroma(chromaColor.rgb()).hex().replace('#', '%23'),
-    opacity: chromaColor.alpha()
-  };
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 
-exports.formatColor = formatColor;
-PureMapContainer_1.default.displayName = 'PureMapContainer';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PureMap = exports.config = exports.themes = exports.computeVizProps = exports.convertToArrOfObjects = void 0;
+/* eslint-disable no-sequences */
 
-var PureMap = function PureMap(props) {
-  var width = props.width,
-      height = props.height,
-      backgroundColor = props.backgroundColor,
-      baseLayerTileServer = props.baseLayerTileServer,
-      baseLayerTileServerType = props.baseLayerTileServerType,
-      center = props.center,
-      controlBackgroundColor = props.controlBackgroundColor,
-      controlForegroundColor = props.controlForegroundColor,
-      layers = props.layers,
-      scaleUnit = props.scaleUnit,
-      showScale = props.showScale,
-      themeColorScheme = props.themeColorScheme,
-      zoom = props.zoom,
-      onMapLoad = props.onMapLoad;
+var React = __webpack_require__(1);
 
-  var _react_1$useContext = react_1.useContext(MapContext_1.default),
-      defaultTileConfig = _react_1$useContext.defaultTileConfig,
-      customTileConfig = _react_1$useContext.customTileConfig;
+var colorUtils_1 = __webpack_require__(12);
 
-  var basemapContainer = react_1.useRef(null);
-  var map = react_1.useRef(null);
-  var scaleControl = react_1.useRef(null);
-  var zoomControl = react_1.useRef(null);
+var dsl_1 = __webpack_require__(104);
 
-  var _react_1$useMemo = react_1.useMemo(function () {
-    return MapUtils_1.getTilePreset({
-      defaultTileConfig: defaultTileConfig,
-      customTileConfig: customTileConfig
+var JSONSchemaUtils_1 = __webpack_require__(24);
+
+var hocUtils_1 = __webpack_require__(8);
+
+var PureMap_1 = __webpack_require__(195);
+
+exports.PureMap = PureMap_1.default;
+
+var config_1 = __webpack_require__(204);
+
+exports.config = config_1.default;
+
+var withDashboardViz_1 = __webpack_require__(29); // util fn extracted from PureParallelCoordinates that transforms data structure to array of objects
+// TODO: pull this fn into common utils and utilize this fn in ParallelCoordinates
+
+
+var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
+  if (!columns || !columns[0].length) return [];
+  var data = [];
+
+  var _loop = function _loop(i) {
+    var newObj = {};
+    fields.forEach(function (field, index) {
+      var fieldName = typeof field === 'string' ? field : field.name;
+
+      if (columns[index][i] === '') {
+        newObj[fieldName] = null;
+      } else {
+        newObj[fieldName] = columns[index][i];
+      }
     });
-  }, [defaultTileConfig, customTileConfig]),
-      tilePreset = _react_1$useMemo.tilePreset,
-      defaultTileLight = _react_1$useMemo.defaultTileLight,
-      defaultTileDark = _react_1$useMemo.defaultTileDark;
+    data.push(newObj);
+  };
+
+  for (var i = 0; i < columns[0].length; i += 1) {
+    _loop(i);
+  }
+
+  return data;
+};
+
+exports.convertToArrOfObjects = convertToArrOfObjects;
+
+var computeVizProps = function computeVizProps(props) {
+  var _a, _b;
+
+  var themeFunc = props.themeFunc,
+      theme = props.theme,
+      layers = props.layers,
+      dataSources = props.dataSources,
+      onOptionsChange = props.onOptionsChange;
+  var themeColorVariables = ['controlBackgroundColor', 'controlForegroundColor'];
+  var themeColors = {};
+  themeColorVariables.forEach(function (variable) {
+    themeColors[variable] = themeFunc(variable);
+  }); // Markers use different icons, Bubbles has different styles for light and dark theme
+  // this prop is passed for that
 
-  var _React$useState = React.useState({}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tooltipProps = _React$useState2[0],
-      setTooltipProps = _React$useState2[1];
+  var themeColorScheme = (theme === null || theme === void 0 ? void 0 : theme.splunkThemeV1) ? theme === null || theme === void 0 ? void 0 : theme.splunkThemeV1.colorScheme : 'dark';
+  var dataSourceData = (_b = (_a = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : {}; // transforms data structure into array of objects to allow for indexing metadata at layer level
+  // TODO: explore any potential changes when multiple layers are supported
 
-  var lngLatCenter = react_1.useMemo(function () {
-    return [center[1], center[0]];
-  }, [center]);
-  var initializeMap = react_1.useCallback(function (mapStyle) {
-    map.current = new maplibre_gl_1.Map(Object.assign({
-      container: basemapContainer.current,
-      style: mapStyle,
-      center: lngLatCenter,
-      zoom: zoom
-    }, MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle))); // Fired immediately after all necessary resources have been downloaded
-    // and the first visually complete rendering of the map has occurred.
+  var transformedData = exports.convertToArrOfObjects(dataSourceData.columns, dataSourceData.fields);
+  layers.forEach(function (l) {
+    var _a; // add key `geobin` to the layer object if the data is returned from geostats commands
+    // to distinguish geostats commands from table commands
 
-    map.current.on('load', function () {
-      onMapLoad();
-    }); // zoom
 
-    zoomControl.current = new maplibre_gl_1.NavigationControl({
-      showCompass: false
-    });
-    map.current.addControl(zoomControl.current, 'top-left');
-  }, [lngLatCenter, zoom]);
-  var initializeScale = react_1.useCallback(function () {
-    scaleControl.current = new maplibre_gl_1.ScaleControl({
-      maxWidth: 70,
-      unit: scaleUnit
-    });
-    map.current.addControl(scaleControl.current);
-  }, [scaleUnit]);
-  var updateScale = react_1.useCallback(function () {
-    var _a;
+    var geobinIdx = ((_a = dataSourceData.fields) !== null && _a !== void 0 ? _a : []).map(function (field) {
+      return typeof field === 'string' ? field : field.name;
+    }).indexOf('geobin');
+    var layer = l;
 
-    if (showScale) {
-      (_a = scaleControl === null || scaleControl === void 0 ? void 0 : scaleControl.current) === null || _a === void 0 ? void 0 : _a.setUnit(scaleUnit);
-    }
-  }, [scaleUnit, showScale]);
-  react_1.useEffect(function () {
-    if (map.current) {
-      map.current.resize();
-    }
-  }, [width, height]);
-  react_1.useEffect(function () {
-    // do not render when defaultTileConfig, customTileConfig and tileset are not configured
-    if (Object.keys(tilePreset).length === 0 && (!baseLayerTileServer || !baseLayerTileServerType)) {
-      // eslint-disable-next-line no-console
-      console.warn('Map Tile Server configuration is missing or invalid. Please provide a valid configuration');
-      return;
-    }
+    if (geobinIdx > -1) {
+      layer.geobin = dataSourceData.columns[geobinIdx];
+    } // Sanitize colors within layers
 
-    var mapStyle = MapUtils_1.getMapStyle({
-      baseLayerTileServer: baseLayerTileServer,
-      baseLayerTileServerType: baseLayerTileServerType,
-      tilePreset: tilePreset,
-      colorScheme: themeColorScheme,
-      defaultTileLight: defaultTileLight,
-      defaultTileDark: defaultTileDark
-    });
-    mapStyle.version = MapUtils_1.MAP_STYLE_VERSION_NUMBER; // If the map has already been initialized, we update the styles
 
-    if (map.current) {
-      // Refer to https://maplibre.org/maplibre-gl-js-docs/api/map/#setstyle-example for options.diff (default is true)
-      map.current.setStyle(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
+    layer.seriesColors = Array.isArray(layer.seriesColors) ? colorUtils_1.sanitizeArrayOfColors(layer.seriesColors) : undefined;
+    layer.dataColors = Array.isArray(layer.dataColors) ? colorUtils_1.sanitizeArrayOfColors(layer.dataColors) : undefined;
+    layer.metadata = transformedData;
+  });
+  return Object.assign(Object.assign(Object.assign(Object.assign({}, themeColors), {
+    themeColorScheme: themeColorScheme
+  }), layers), {
+    onOptionsChange: onOptionsChange
+  });
+};
 
-      var _MapUtils_1$getZoomCo = MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle),
-          minZoom = _MapUtils_1$getZoomCo.minZoom,
-          maxZoom = _MapUtils_1$getZoomCo.maxZoom;
+exports.computeVizProps = computeVizProps;
 
-      map.current.setMinZoom(minZoom);
-      map.current.setMaxZoom(maxZoom);
-      updateScale();
-    } else {
-      // initialize the map only once with a constructed style from user configured options
-      // or default configs from the map context
-      initializeMap(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
-      initializeScale();
-      return;
-    } // eslint-disable-next-line consistent-return
+var withTooltipFields = function withTooltipFields(Viz) {
+  var VizWithTooltipFields = function VizWithTooltipFields(_a) {
+    var _b;
 
+    var dataSources = _a.dataSources,
+        options = _a.options,
+        otherProps = __rest(_a, ["dataSources", "options"]);
 
-    return function () {
-      // free resources
-      map === null || map === void 0 ? void 0 : map.current.remove();
-      map.current = undefined;
-    };
-  }, [tilePreset, initializeMap, initializeScale, updateScale, defaultTileLight, defaultTileDark, baseLayerTileServer, baseLayerTileServerType, themeColorScheme]);
-  react_1.useEffect(function () {
-    if (map.current) {
-      map.current.flyTo({
-        center: lngLatCenter,
-        zoom: zoom
-      });
+    if (!dataSources || !dataSources.primary || !dataSources.primary.data) {
+      return React.createElement(Viz, Object.assign({}, otherProps, {
+        options: options
+      }));
     }
-  }, [lngLatCenter, zoom]);
-  react_1.useEffect(function () {
-    var cleanupLayer = function cleanupLayer() {};
-
-    var markers = [];
-    var bubbles = [];
-
-    if (map.current && layers && layers.length && map.current.isStyleLoaded) {
-      try {
-        if (layers[0].type === 'marker' && !('geobin' in layers[0])) {
-          // support for only single layer
-          var markerLayer = layers[0];
-          markerLayer.seriesColors = markerLayer.seriesColors ? markerLayer.seriesColors : MapUtils_1.DEFAULT_SERIES_COLORS;
-
-          cleanupLayer = function cleanupLayer() {
-            if (markers) {
-              markers.forEach(function (marker) {
-                return marker === null || marker === void 0 ? void 0 : marker.remove();
-              });
-              markers = [];
-            }
-          };
 
-          if (markerLayer) {
-            // Remove any existing markers
-            cleanupLayer();
-            var renderedMarkerLayer = MapUtils_1.renderMarkerLayer(markerLayer, themeColorScheme, map, setTooltipProps);
-            markers = renderedMarkerLayer && renderedMarkerLayer.markers;
-          }
-        }
+    if ((_b = options.layers) === null || _b === void 0 ? void 0 : _b.length) {
+      options.layers.forEach(function (l) {
+        var _a;
 
-        if (layers[0].type === 'bubble') {
-          // support for only single layer
-          var bubbleLayer = layers[0];
-          bubbleLayer.seriesColors = bubbleLayer.seriesColors ? bubbleLayer.seriesColors : MapUtils_1.DEFAULT_SERIES_COLORS; // update bubbles on events
-
-          cleanupLayer = function cleanupLayer() {
-            if (bubbles && bubbles.length) {
-              bubbles.forEach(function (bubble) {
-                return bubble.remove();
-              });
-              bubbles = [];
-            }
-          }; // render bubbles with data returned from geostats cmds
+        var layer = l;
 
+        if (layer.type === 'bubble') {
+          var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default');
 
-          if (bubbleLayer.geobin && bubbleLayer.bubbleSize) {
-            bubbleLayer.seriesColors = bubbleLayer.seriesColors ? bubbleLayer.seriesColors : MapUtils_1.DEFAULT_SERIES_COLORS;
-            var data = MapUtils_1.bakeBubbleData(bubbleLayer);
-            var staticColors = MapUtils_1.getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors);
+          var _defaultOptions$layer = defaultOptions.layers.filter(function (_ref) {
+            var type = _ref.type;
+            return type === 'bubble';
+          }),
+              _defaultOptions$layer2 = _slicedToArray(_defaultOptions$layer, 1),
+              defaultBubbleLayer = _defaultOptions$layer2[0];
 
-            if (data && staticColors && staticColors.length) {
-              cleanupLayer(); // render bubbles when layers options get update
+          layer.bubbleSizeFields = dsl_1.getFieldsFromDSL((_a = layer.bubbleSize) !== null && _a !== void 0 ? _a : defaultBubbleLayer.bubbleSize, dataSources);
+        }
 
-              bubbles = MapUtils_1.updateBubbles(data, zoom, staticColors, bubbleLayer.dataColors, themeColorScheme, map, setTooltipProps); // render bubbles on zoom
+        var fields = dataSources.primary.data.fields;
 
-              map.current.on('zoomend', function () {
-                cleanupLayer();
-                bubbles = MapUtils_1.updateBubbles(data, map.current.getZoom(), staticColors, bubbleLayer.dataColors, themeColorScheme, map, setTooltipProps);
-              });
-            }
-          }
+        if (Array.isArray(layer.additionalTooltipFields) && Array.isArray(fields) && fields.length) {
+          var _layer$bubbleSizeFiel = layer.bubbleSizeFields,
+              bubbleSizeFields = _layer$bubbleSizeFiel === void 0 ? [] : _layer$bubbleSizeFiel;
+          layer.additionalTooltipFields = layer.additionalTooltipFields.filter(function (field) {
+            return (typeof fields[0] === 'string' ? fields.includes(field) : fields.map(function (f) {
+              return f.name;
+            }).includes(field)) && !bubbleSizeFields.includes(field);
+          });
         }
-      } catch (err) {
-        console.error(err);
-      }
+      });
     }
 
-    return function () {
-      cleanupLayer();
-    };
-  }, [layers, width, height, zoom, themeColorScheme]);
-  var baseMapLayer = React.createElement(React.Fragment, null, React.createElement(PureMapContainer_1.default, {
-    className: "puremap",
-    width: width,
-    height: height,
-    backgroundColor: backgroundColor,
-    controlBackgroundColor: controlBackgroundColor,
-    controlForegroundColor: controlForegroundColor,
-    controlIconColorEncoded: exports.formatColor(controlForegroundColor),
-    ref: basemapContainer,
-    showScale: showScale
-  }), React.createElement(Tooltip_1.default, Object.assign({}, tooltipProps)));
-  return baseMapLayer;
-};
+    return React.createElement(Viz, Object.assign({
+      dataSources: dataSources,
+      options: options
+    }, otherProps));
+  };
 
-var isLatLng = function isLatLng(props, propName, componentName) {
-  if (props[propName][0] >= -180 && props[propName][0] <= 180 && props[propName][1] >= -90 && props[propName][1] <= 90) {
-    throw new Error("".concat(componentName, " ").concat(propName, " may have reversed [lat, lon] ranges."));
-  }
+  VizWithTooltipFields.propTypes = Viz.propTypes;
+  VizWithTooltipFields.defaultProps = Viz.defaultProps;
+  VizWithTooltipFields.config = Viz.config;
+  return VizWithTooltipFields;
+}; // HOC for stripping the internal fields for Maps
 
-  if (props[propName][0] < -90 || props[propName][0] > 90 || props[propName][1] < -180 || props[propName][1] > 180) {
-    throw new Error("".concat(componentName, " ").concat(propName, " incorrect [lat, lon] ranges."));
-  }
 
-  return null;
-};
+var withoutInternalFields = function withoutInternalFields(Viz) {
+  // eslint-disable-next-line react/display-name
+  var VizWithoutInternalFields = function VizWithoutInternalFields(_a) {
+    var dataSources = _a.dataSources,
+        otherProps = __rest(_a, ["dataSources"]);
 
-exports.isLatLng = isLatLng;
-PureMap.propTypes = {
-  // eslint-disable-next-line react/no-unused-prop-types
-  mode: T.string,
-  width: T.oneOfType([T.string, T.number]),
-  height: T.oneOfType([T.string, T.number]),
-  backgroundColor: T.string,
-  baseLayerTileServer: T.string,
-  baseLayerTileServerType: T.string,
-  center: exports.isLatLng,
-  controlBackgroundColor: T.string,
-  controlForegroundColor: T.string,
-  layers: T.arrayOf(T.shape({
-    type: T.string,
-    latitude: T.arrayOf(T.number),
-    longitude: T.arrayOf(T.number),
-    label: T.string,
-    showInLegend: T.bool,
-    dataColors: T.oneOfType([T.string, T.arrayOf(T.string)]),
-    seriesColors: T.arrayOf(T.string),
-    tooltipFields: T.arrayOf(T.string),
-    resultLimit: T.number
-  })),
-  scaleUnit: T.string,
-  showScale: T.bool,
-  themeColorScheme: T.string,
-  zoom: T.number,
-  onMapLoad: T.func
-};
-PureMap.defaultProps = {
-  mode: 'view',
-  width: 800,
-  height: 500,
-  backgroundColor: '#0b0c0e',
-  center: exports.DEFAULT_CENTER,
-  controlBackgroundColor: exports.DEFAULT_CONTROL_BACKGROUND_COLOR,
-  controlForegroundColor: exports.DEFAULT_CONTROL_FOREGROUND_COLOR,
-  scaleUnit: exports.DEFAULT_SCALE_UNIT,
-  showScale: exports.DEFAULT_SHOW_SCALE,
-  layers: [],
-  themeColorScheme: 'dark',
-  zoom: exports.DEFAULT_ZOOM,
-  onMapLoad: lodash_1.noop
-};
-exports.default = PureMap;
+    if (!dataSources || !dataSources.primary || !dataSources.primary.data) {
+      return React.createElement(Viz, Object.assign({}, otherProps));
+    }
 
-/***/ }),
-/* 193 */
-/***/ (function(module, exports) {
+    var primary = dataSources.primary;
+    var _primary$data = primary.data,
+        columns = _primary$data.columns,
+        fields = _primary$data.fields;
+    var newColumns = [];
+    var newFields = [];
 
-module.exports = require("chroma-js");
+    if (fields && columns && fields.length === columns.length) {
+      // computed sorted index for removal
+      var indicesToRemove = new Set(fields.reduce(function (arr, e, i) {
+        return (typeof e === 'string' ? e.startsWith('_') : e.name.toString().startsWith('_')) && arr.push(i), arr;
+      }, []));
+      newFields = fields.filter(function (d, i) {
+        return !indicesToRemove.has(i);
+      });
+      newColumns = columns.filter(function (d, i) {
+        return !indicesToRemove.has(i);
+      });
+    }
 
-/***/ }),
-/* 194 */
-/***/ (function(module, exports) {
+    var modifiedDatasources = Object.assign(Object.assign({}, dataSources), {
+      primary: Object.assign(Object.assign({}, primary), {
+        data: Object.assign(Object.assign({}, primary.data), {
+          columns: newColumns,
+          fields: newFields
+        })
+      })
+    });
+    return React.createElement(Viz, Object.assign({
+      dataSources: modifiedDatasources
+    }, otherProps));
+  };
 
-module.exports = require("@splunk/visualization-context/MapContext");
+  VizWithoutInternalFields.propTypes = Viz.propTypes;
+  VizWithoutInternalFields.defaultProps = Viz.defaultProps;
+  VizWithoutInternalFields.config = Viz.config;
+  return VizWithoutInternalFields;
+}; // HOC for updating all null values in data columns to zeros
+// excluding 'latitude', 'longitude' and 'geobin'
 
-/***/ }),
-/* 195 */
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
+var withNullToZeros = function withNullToZeros(Viz) {
+  // eslint-disable-next-line react/display-name
+  var VizWithColumnsNullToZeros = function VizWithColumnsNullToZeros(_a) {
+    var _b, _c;
 
+    var dataSources = _a.dataSources,
+        options = _a.options,
+        otherProps = __rest(_a, ["dataSources", "options"]);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+    if (!dataSources || !dataSources.primary || !dataSources.primary.data) {
+      return React.createElement(Viz, Object.assign({}, otherProps));
+    }
 
-var styled_components_1 = __webpack_require__(4);
+    var primary = dataSources.primary;
+    var _primary$data2 = primary.data,
+        columns = _primary$data2.columns,
+        fields = _primary$data2.fields;
+    var newColumns = columns;
+    var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default'));
+
+    if (((_c = (_b = mergedOptions.layers) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) === 'bubble') {
+      var latitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';
+      var longitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';
+      var excludedFields = [latitudeField, longitudeField, 'geobin'];
+      var indicesToEvaluate = new Set(fields.reduce(function (arr, e, i) {
+        var field = typeof e === 'string' ? e : e.name.toString();
+
+        if (!excludedFields.includes(field)) {
+          arr.push(i);
+        }
 
-var lodash_1 = __webpack_require__(2);
+        return arr;
+      }, []));
+      newColumns = columns.map(function (column, i) {
+        if (indicesToEvaluate.has(i)) {
+          return column.map(function (value) {
+            return !value ? 0 : value;
+          });
+        }
 
-var style_1 = __webpack_require__(13);
+        return column;
+      });
+    }
 
-var PureMapContainer = styled_components_1.default.div.withConfig({
-  displayName: "PureMapContainer",
-  componentId: "sc-1gjwxfv-0"
-})(["overflow:hidden;position:relative;z-index:0;background-color:", ";", ";.custom-marker{width:22px;height:28px;cursor:pointer;}.custom-bubble{cursor:pointer;}.maplibregl-ctrl-top-left{position:absolute;top:12px;left:16px;.maplibregl-ctrl-group{width:40px !important;height:87px !important;border-radius:4px;margin:8px 0px;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.64),0px 11px 18px rgba(0,0,0,0.32),0px 3px 6px rgba(0,0,0,0.3);& button{width:40px;height:43px;border-top:0;}.mapboxgl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 1C9 0.447715 8.55229 0 8 0C7.44772 0 7 0.447715 7 1V7H1C0.447715 7 0 7.44772 0 8C0 8.55229 0.447715 9 1 9H7V15C7 15.5523 7.44772 16 8 16C8.55229 16 9 15.5523 9 15V9H15C15.5523 9 16 8.55229 16 8C16 7.44772 15.5523 7 15 7H9V1Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"14\" height=\"3\" viewBox=\"0 0 14 3\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 1.99707C0 1.44479 0.447715 0.99707 1 0.99707H13C13.5523 0.99707 14 1.44479 14 1.99707C14 2.54936 13.5523 2.99707 13 2.99707H1C0.447715 2.99707 0 2.54936 0 1.99707Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}}}.maplibregl-ctrl-bottom-left{display:", ";position:absolute;z-index:0;bottom:16px;left:12px;width:86px;height:29px;border-radius:4px;margin:0;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.13),0px 11px 18px rgba(0,0,0,0.06),0px 3px 6px rgba(0,0,0,0.06);.maplibregl-ctrl-scale{background-color:", ";color:", ";border:2px solid ", ";border-top:0;border-left:0;border-right:0;padding:0;margin:6px 8px 8px 8px;line-height:13px;letter-spacing:0.02em;font-family:sans-serif;font-size:10px;}}"], function (props) {
-  return props.backgroundColor;
-}, function (props) {
-  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
-}, function (props) {
-  return props.controlBackgroundColor;
-}, function (props) {
-  return props.controlIconColorEncoded.color;
-}, function (props) {
-  return props.controlIconColorEncoded.opacity;
-}, function (props) {
-  return props.controlIconColorEncoded.color;
-}, function (props) {
-  return props.controlIconColorEncoded.opacity;
-}, function (props) {
-  return props.showScale ? 'inline' : 'none';
-}, function (props) {
-  return props.controlBackgroundColor;
-}, function (props) {
-  return props.controlBackgroundColor;
-}, function (props) {
-  return props.controlForegroundColor;
-}, function (props) {
-  return props.controlForegroundColor;
-});
-exports.default = PureMapContainer;
+    var modifiedDatasources = Object.assign(Object.assign({}, dataSources), {
+      primary: Object.assign(Object.assign({}, primary), {
+        data: Object.assign(Object.assign({}, primary.data), {
+          columns: newColumns
+        })
+      })
+    });
+    return React.createElement(Viz, Object.assign({
+      dataSources: modifiedDatasources,
+      options: options
+    }, otherProps));
+  };
 
-/***/ }),
-/* 196 */
-/***/ (function(module, exports) {
+  VizWithColumnsNullToZeros.propTypes = Viz.propTypes;
+  VizWithColumnsNullToZeros.defaultProps = Viz.defaultProps;
+  VizWithColumnsNullToZeros.config = Viz.config;
+  return VizWithColumnsNullToZeros;
+};
 
-module.exports = require("maplibre-gl/dist/maplibre-gl.css");
+var Map = withoutInternalFields(withTooltipFields(withNullToZeros(withDashboardViz_1.default({
+  ReactViz: PureMap_1.default,
+  vizConfig: config_1.default,
+  computeVizProps: exports.computeVizProps,
+  disableEditModeCover: true,
+  useIconPlaceholder: function useIconPlaceholder() {
+    return false;
+  }
+}))));
+var themes = config_1.default.themes;
+exports.themes = themes;
+exports.default = Map;
 
 /***/ }),
-/* 197 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(49);
-
-var _toConsumableArray = __webpack_require__(39);
+var _slicedToArray = __webpack_require__(51);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pieSegment = exports.createPieChart = exports.updateBubbles = exports.bakeBubbleData = exports.sanitizeValues = exports.transposeArray = exports.matchSize = exports.getStaticColors = exports.getZoomLevelFromGeobin = exports.getZoomConstraintsFromTileConfig = exports.getMapStyle = exports.getTilePreset = exports.renderMarkerLayer = exports.getMarkerSVGBackgroundImg = exports.MAX_BUBBLE_RADIUS = exports.MIN_BUBBLE_RADIUS = exports.MAP_STYLE_VERSION_NUMBER = exports.DEFAULT_SERIES_COLORS = exports.DEFAULT_CLUSTER_COLOR = exports.DEFAULT_RESULT_LIMIT = void 0;
+exports.isLatLng = exports.formatColor = exports.DEFAULT_ZOOM = exports.DEFAULT_SHOW_SCALE = exports.DEFAULT_SCALE_UNIT = exports.DEFAULT_CONTROL_FOREGROUND_COLOR = exports.DEFAULT_CONTROL_BACKGROUND_COLOR = exports.DEFAULT_CENTER = void 0;
 
-var maplibre_gl_1 = __webpack_require__(123);
+var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(2);
 
-var d3_scale_1 = __webpack_require__(69);
-
-var colorUtils_1 = __webpack_require__(11);
-
-var visualization_color_palettes_1 = __webpack_require__(41);
-
-var MarkerIcons_1 = __webpack_require__(198);
-
-exports.DEFAULT_RESULT_LIMIT = 1000;
-exports.DEFAULT_CLUSTER_COLOR = '#909090';
-exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL; // MapLibre requires a map style specification number which is always 8
-
-exports.MAP_STYLE_VERSION_NUMBER = 8; // currently using one [min, max] value set for bubbles across all zoom levels
-// TODO: design choices on [min, max] bubble size for different zoom levels
+var react_1 = __webpack_require__(1);
 
-exports.MIN_BUBBLE_RADIUS = 4;
-exports.MAX_BUBBLE_RADIUS = 50; // Returns marker background img with the requiref fillColor based on the theme
+var T = __webpack_require__(0);
 
-var getMarkerSVGBackgroundImg = function getMarkerSVGBackgroundImg(color, theme) {
-  var fillColor = color.replace('#', '%23');
-  return theme === 'light' ? MarkerIcons_1.defaultMarkerLightTheme(fillColor) : MarkerIcons_1.defaultMarkerDarkTheme(fillColor);
-};
+var chroma = __webpack_require__(196);
 
-exports.getMarkerSVGBackgroundImg = getMarkerSVGBackgroundImg; // Given a map instance and marker layer inputs, this method adds marker layers
-// Note :- Separated this as a util function for better testability
+var maplibre_gl_1 = __webpack_require__(128);
 
-var renderMarkerLayer = function renderMarkerLayer(markerLayer, themeColorScheme, map, setTooltipProps) {
-  if (!markerLayer || !map || !map.current || !Array.isArray(markerLayer.latitude) || !Array.isArray(markerLayer.longitude)) {
-    return null;
-  }
+var MapContext_1 = __webpack_require__(197);
 
-  var lat = markerLayer.latitude;
-  var lon = markerLayer.longitude;
-  var isStaticColor = !markerLayer.dataColors;
-  var limit = Math.min(lat.length, lon.length, markerLayer.resultLimit ? markerLayer.resultLimit : exports.DEFAULT_RESULT_LIMIT);
-  var markers = [];
-  var colors = [];
+var PureMapContainer_1 = __webpack_require__(198);
 
-  var _loop = function _loop(i) {
-    var staticColor = markerLayer.seriesColors && colorUtils_1.isColor(markerLayer.seriesColors[0]) ? markerLayer.seriesColors[0] : exports.DEFAULT_CLUSTER_COLOR;
-    var dynamicColor = markerLayer.dataColors && colorUtils_1.isColor(markerLayer.dataColors[i]) ? markerLayer.dataColors[i] : exports.DEFAULT_CLUSTER_COLOR;
-    var color = isStaticColor ? staticColor : dynamicColor;
-    colors.push(color); // create a HTML element for each marker
-
-    var el = document.createElement('div');
-    el.className = 'custom-marker';
-    el.style.backgroundImage = "url('data:image/svg+xml;charset=UTF-8,".concat(exports.getMarkerSVGBackgroundImg(color, themeColorScheme), "')");
-    el.addEventListener('mouseover', function () {
-      setTooltipProps({
-        anchor: el,
-        longitude: lon[i],
-        latitude: lat[i]
-      });
-    });
-    el.addEventListener('mouseleave', function () {
-      setTooltipProps({
-        longitude: lon[i],
-        latitude: lat[i]
-      });
-    }); // make a marker for each [lon,lat] and add to the map
+var MapUtils_1 = __webpack_require__(105);
 
-    markers.push(new maplibre_gl_1.Marker(el).setLngLat([lon[i], lat[i]]).addTo(map.current));
-  };
+var ClusterLayer_1 = __webpack_require__(200);
 
-  for (var i = 0; i < limit; i += 1) {
-    _loop(i);
-  }
+exports.DEFAULT_CENTER = [0, 0];
+exports.DEFAULT_CONTROL_BACKGROUND_COLOR = '#2b3033';
+exports.DEFAULT_CONTROL_FOREGROUND_COLOR = '#B5B5B5';
+exports.DEFAULT_SCALE_UNIT = 'imperial';
+exports.DEFAULT_SHOW_SCALE = true;
+exports.DEFAULT_ZOOM = 0; // convert rgb/rgba/hex color to encoded color & opacity for SVG strings
 
+var formatColor = function formatColor(color) {
+  var chromaColor = chroma(color);
   return {
-    markers: markers,
-    colors: colors
+    color: chroma(chromaColor.rgb()).hex().replace('#', '%23'),
+    opacity: chromaColor.alpha()
   };
 };
 
-exports.renderMarkerLayer = renderMarkerLayer;
-/**
- * Construct a tile preset {key: config} by combining the default + custom tile configs
- * Also returns the default tile config for each theme - light/dark
- * @param {MapContextInterface} args
- * @param {BaseTileConfig[]} args.defaultTileConfig
- * @param {BaseTileConfig[]} args.customTileConfig
- * @returns {Object} tile preset
- */
+exports.formatColor = formatColor;
+PureMapContainer_1.default.displayName = 'PureMapContainer';
 
-var getTilePreset = function getTilePreset(_ref) {
-  var _ref$defaultTileConfi = _ref.defaultTileConfig,
-      defaultTileConfig = _ref$defaultTileConfi === void 0 ? [] : _ref$defaultTileConfi,
-      _ref$customTileConfig = _ref.customTileConfig,
-      customTileConfig = _ref$customTileConfig === void 0 ? [] : _ref$customTileConfig;
+var PureMap = function PureMap(props) {
+  var width = props.width,
+      height = props.height,
+      backgroundColor = props.backgroundColor,
+      baseLayerTileServer = props.baseLayerTileServer,
+      baseLayerTileServerType = props.baseLayerTileServerType,
+      center = props.center,
+      controlBackgroundColor = props.controlBackgroundColor,
+      controlForegroundColor = props.controlForegroundColor,
+      _props$layers = props.layers,
+      layers = _props$layers === void 0 ? [] : _props$layers,
+      scaleUnit = props.scaleUnit,
+      showScale = props.showScale,
+      themeColorScheme = props.themeColorScheme,
+      zoom = props.zoom,
+      onMapLoad = props.onMapLoad,
+      onMapClick = props.onMapClick,
+      onOptionsChange = props.onOptionsChange;
 
-  var _a, _b;
+  var _react_1$useContext = react_1.useContext(MapContext_1.default),
+      defaultTileConfig = _react_1$useContext.defaultTileConfig,
+      customTileConfig = _react_1$useContext.customTileConfig;
 
-  var tilePreset = {};
-  var defaultTileLight = {};
-  var defaultTileDark = {};
-  var tileConfigs = [].concat(defaultTileConfig).concat(customTileConfig);
-  lodash_1.forEach(tileConfigs, function (tileConfig) {
-    var key = tileConfig === null || tileConfig === void 0 ? void 0 : tileConfig.key;
-    var updatedConfig = Object.assign(Object.assign({
-      theme: 'all'
-    }, tileConfig), {
-      version: exports.MAP_STYLE_VERSION_NUMBER
-    });
-    tilePreset[key] = updatedConfig;
-  });
+  var basemapContainer = react_1.useRef(null);
+  var map = react_1.useRef(null);
+  var scaleControl = react_1.useRef(null);
+  var zoomControl = react_1.useRef(null);
 
-  if (defaultTileConfig.length > 0) {
-    defaultTileLight = (_a = defaultTileConfig.find(function (config) {
-      return config.theme === 'light';
-    })) !== null && _a !== void 0 ? _a : defaultTileConfig.find(function (config) {
-      return config.theme === undefined;
-    });
-    defaultTileDark = (_b = defaultTileConfig.find(function (config) {
-      return config.theme === 'dark';
-    })) !== null && _b !== void 0 ? _b : defaultTileConfig.find(function (config) {
-      return config.theme === undefined;
+  var _react_1$useMemo = react_1.useMemo(function () {
+    return MapUtils_1.getTilePreset({
+      defaultTileConfig: defaultTileConfig,
+      customTileConfig: customTileConfig
     });
-  }
-
-  return {
-    tilePreset: tilePreset,
-    defaultTileLight: defaultTileLight,
-    defaultTileDark: defaultTileDark
-  };
-};
-
-exports.getTilePreset = getTilePreset;
-/**
- * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.
- * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType
- * Else return default tile config based on current theme
- * @param {Object} args
- * @param {BaseTileConfig[]} args.tilePreset
- * @param {String} args.baseLayerTilerServer
- * @param {String} args.baseLayerTileServerType
- * @param {String} args.colorScheme
- * @param {BaseTileConfig} args.defaultTileDark
- * @param {BaseTileConfig} args.defaultTileLight
- * @returns {BaseTileConfig} mapStyle
- */
-
-var getMapStyle = function getMapStyle(_ref2) {
-  var _ref2$baseLayerTileSe = _ref2.baseLayerTileServer,
-      baseLayerTileServer = _ref2$baseLayerTileSe === void 0 ? '' : _ref2$baseLayerTileSe,
-      _ref2$baseLayerTileSe2 = _ref2.baseLayerTileServerType,
-      baseLayerTileServerType = _ref2$baseLayerTileSe2 === void 0 ? '' : _ref2$baseLayerTileSe2,
-      _ref2$tilePreset = _ref2.tilePreset,
-      tilePreset = _ref2$tilePreset === void 0 ? {} : _ref2$tilePreset,
-      _ref2$colorScheme = _ref2.colorScheme,
-      colorScheme = _ref2$colorScheme === void 0 ? 'light' : _ref2$colorScheme,
-      _ref2$defaultTileLigh = _ref2.defaultTileLight,
-      defaultTileLight = _ref2$defaultTileLigh === void 0 ? {} : _ref2$defaultTileLigh,
-      _ref2$defaultTileDark = _ref2.defaultTileDark,
-      defaultTileDark = _ref2$defaultTileDark === void 0 ? {} : _ref2$defaultTileDark;
-
-  if (baseLayerTileServer && tilePreset[baseLayerTileServer] && (tilePreset[baseLayerTileServer].theme === colorScheme || tilePreset[baseLayerTileServer].theme === 'all')) {
-    return tilePreset[baseLayerTileServer];
-  }
-
-  if (baseLayerTileServer && baseLayerTileServerType) {
-    var tiles = [];
-    /**
-     * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain
-     * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'
-     * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers
-     */
+  }, [defaultTileConfig, customTileConfig]),
+      tilePreset = _react_1$useMemo.tilePreset,
+      defaultTileLight = _react_1$useMemo.defaultTileLight,
+      defaultTileDark = _react_1$useMemo.defaultTileDark;
 
-    if (baseLayerTileServer.match(/^(https?):\/\/{(s|S)}\../)) {
-      /**
-       * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains
-       * In order to preserve this behavior during conversion to splunk.map,
-       * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains
-       * TODO: in the future, add an additional prop - baseLayerTileServerSubdomains: ['x', 'y', 'z'], default being ['a', 'b', 'c']
-       */
-      tiles = [baseLayerTileServer.replace(/{(s|S)}/, 'a'), baseLayerTileServer.replace(/{(s|S)}/, 'b'), baseLayerTileServer.replace(/{(s|S)}/, 'c')];
-    } else {
-      tiles = [baseLayerTileServer];
-    } // TODO: remove hardcoded style when we allow users to pass in layer style through Viz options
+  var _React$useState = React.useState(zoom !== null && zoom !== void 0 ? zoom : exports.DEFAULT_ZOOM),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentZoomLevel = _React$useState2[0],
+      setCurrentZoomLevel = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isMapLoaded = _React$useState4[0],
+      setMapIsLoaded = _React$useState4[1]; // Assign default center when no center is defined
 
-    var mapStyle = {
-      version: exports.MAP_STYLE_VERSION_NUMBER,
-      sources: {
-        'base-tiles': {
-          type: baseLayerTileServerType,
-          tiles: tiles,
-          tileSize: 256
-        }
-      },
-      layers: [{
-        id: 'base-layer',
-        type: 'raster',
-        source: 'base-tiles',
-        minzoom: 0,
-        maxzoom: 10
-      }]
+
+  var lngLatCenter = react_1.useMemo(function () {
+    if (!MapUtils_1.isValidLatLon(center)) {
+      return exports.DEFAULT_CENTER;
+    }
+
+    return [center[1], center[0]];
+  }, [center]); // Assign default zoom when no zoom is defined
+
+  var zoomLevel = react_1.useMemo(function () {
+    if (zoom === undefined) {
+      return exports.DEFAULT_ZOOM;
+    }
+
+    return zoom;
+  }, [zoom]);
+  var initializeMap = react_1.useCallback(function (mapStyle) {
+    var fitMapToContent = function fitMapToContent() {
+      var lngLatBounds = MapUtils_1.getGlobalLayerBoundaries([layers[0]]);
+      map.current.fitBounds(lngLatBounds, {
+        padding: MapUtils_1.MAX_BUBBLE_RADIUS + 5,
+        animate: false
+      });
     };
-    return mapStyle;
-  } // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults
 
+    map.current = new maplibre_gl_1.Map(Object.assign({
+      container: basemapContainer.current,
+      preserveDrawingBuffer: true,
+      style: mapStyle,
+      center: lngLatCenter,
+      zoom: zoomLevel
+    }, MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle))); // Fired immediately after all necessary resources have been downloaded
+    // and the first visually complete rendering of the map has occurred.
 
-  return colorScheme === 'light' ? defaultTileLight : defaultTileDark;
-};
+    map.current.on('load', function () {
+      if (layers.length > 0 && center === undefined && zoom === undefined) {
+        fitMapToContent();
+      }
 
-exports.getMapStyle = getMapStyle;
+      setMapIsLoaded(true); // TODO :- Temp timeout added for onMapLoad event to avoid flaky screenshots caused by
+      // https://maplibre.org/maplibre-gl-js-docs/api/map/#map#fitbounds. Need alternate approach to handle the same.
 
-var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig(tileConfig) {
-  var sources = tileConfig.sources,
-      layers = tileConfig.layers; // check sources for minzoom maxzoom first
+      setTimeout(function () {
+        return onMapLoad();
+      }, 500);
+    });
+    map.current.on('zoomend', function () {
+      setCurrentZoomLevel(map.current.getZoom());
+    }); // drag
+
+    map.current.on('dragend', function () {
+      var newCenter = map.current.getCenter();
+      onOptionsChange({
+        center: [newCenter.lat, newCenter.lng]
+      });
+    }); // zoom
 
-  var sourceKeys = Object.keys(sources);
+    map.current.on('zoomend', function () {
+      onOptionsChange({
+        zoom: map.current.getZoom()
+      });
+    }); // zoom
 
-  for (var i = 0; i < sourceKeys.length; i += 1) {
-    var _sources$sourceKeys$i = sources[sourceKeys[i]],
-        minzoom = _sources$sourceKeys$i.minzoom,
-        maxzoom = _sources$sourceKeys$i.maxzoom;
+    zoomControl.current = new maplibre_gl_1.NavigationControl({
+      showCompass: false
+    });
+    map.current.addControl(zoomControl.current, 'top-left');
+  }, [lngLatCenter, zoomLevel, layers.length]);
+  var initializeScale = react_1.useCallback(function () {
+    scaleControl.current = new maplibre_gl_1.ScaleControl({
+      maxWidth: 70,
+      unit: scaleUnit
+    });
+    map.current.addControl(scaleControl.current);
+  }, [scaleUnit]);
+  var updateScale = react_1.useCallback(function () {
+    var _a;
 
-    if (lodash_1.isNumber(minzoom) && lodash_1.isNumber(maxzoom)) {
-      return {
-        minZoom: minzoom,
-        maxZoom: maxzoom
-      };
+    if (showScale) {
+      (_a = scaleControl === null || scaleControl === void 0 ? void 0 : scaleControl.current) === null || _a === void 0 ? void 0 : _a.setUnit(scaleUnit);
+    }
+  }, [scaleUnit, showScale]);
+  react_1.useEffect(function () {
+    if (map.current) {
+      map.current.resize();
+    }
+  }, [width, height]);
+  react_1.useEffect(function () {
+    // do not render when defaultTileConfig, customTileConfig and tileset are not configured
+    if (Object.keys(tilePreset).length === 0 && (!baseLayerTileServer || !baseLayerTileServerType)) {
+      // eslint-disable-next-line no-console
+      console.warn('Map Tile Server configuration is missing or invalid. Please provide a valid configuration');
+      return;
     }
-  } // then check layers
 
+    var mapStyle = MapUtils_1.getMapStyle({
+      baseLayerTileServer: baseLayerTileServer,
+      baseLayerTileServerType: baseLayerTileServerType,
+      tilePreset: tilePreset,
+      colorScheme: themeColorScheme,
+      defaultTileLight: defaultTileLight,
+      defaultTileDark: defaultTileDark
+    });
+    mapStyle.version = MapUtils_1.MAP_STYLE_VERSION_NUMBER; // If the map has already been initialized, we update the styles
 
-  for (var _i = 0; _i < layers.length; _i += 1) {
-    var _layers$_i = layers[_i],
-        _minzoom = _layers$_i.minzoom,
-        _maxzoom = _layers$_i.maxzoom;
+    if (map.current) {
+      // Refer to https://maplibre.org/maplibre-gl-js-docs/api/map/#setstyle-example for options.diff (default is true)
+      map.current.setStyle(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
 
-    if (lodash_1.isNumber(_minzoom) && lodash_1.isNumber(_maxzoom)) {
-      return {
-        minZoom: _minzoom,
-        maxZoom: _maxzoom
-      };
+      var _MapUtils_1$getZoomCo = MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle),
+          minZoom = _MapUtils_1$getZoomCo.minZoom,
+          maxZoom = _MapUtils_1$getZoomCo.maxZoom;
+
+      map.current.setMinZoom(minZoom);
+      map.current.setMaxZoom(maxZoom);
+      updateScale();
+    } else {
+      // initialize the map only once with a constructed style from user configured options
+      // or default configs from the map context
+      initializeMap(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
+      initializeScale();
     }
-  } // Maplibre default - would reset previous min/maxZoom
+  }, [tilePreset, initializeMap, initializeScale, updateScale, defaultTileLight, defaultTileDark, baseLayerTileServer, baseLayerTileServerType, themeColorScheme]);
+  react_1.useEffect(function () {
+    if (map.current) {
+      map.current.flyTo({
+        center: lngLatCenter,
+        zoom: zoomLevel
+      });
+    }
+  }, [lngLatCenter, zoom]);
+  react_1.useEffect(function () {
+    return function () {
+      if (map.current) {
+        map.current.remove();
+      }
+    };
+  }, []);
 
+  var _layers = _slicedToArray(layers, 1),
+      clusterLayer = _layers[0];
 
-  return {
-    minZoom: 0,
-    maxZoom: 22
-  };
+  return React.createElement(React.Fragment, null, React.createElement(PureMapContainer_1.default, {
+    className: "puremap",
+    width: width,
+    height: height,
+    backgroundColor: backgroundColor,
+    controlBackgroundColor: controlBackgroundColor,
+    controlForegroundColor: controlForegroundColor,
+    controlIconColorEncoded: exports.formatColor(controlForegroundColor),
+    ref: basemapContainer,
+    showScale: showScale
+  }, isMapLoaded && clusterLayer && React.createElement(ClusterLayer_1.default, {
+    clusterLayer: clusterLayer,
+    themeColorScheme: themeColorScheme,
+    map: map,
+    zoom: currentZoomLevel,
+    onMapClick: onMapClick
+  })));
 };
 
-exports.getZoomConstraintsFromTileConfig = getZoomConstraintsFromTileConfig;
+var isLatLng = function isLatLng(props, propName, componentName) {
+  if (!props[propName]) {
+    return null;
+  }
 
-var getZoomLevelFromGeobin = function getZoomLevelFromGeobin(geobinStr) {
-  var _a;
+  var latAbs = Math.abs(props[propName][0]);
+  var lonAbs = Math.abs(props[propName][1]);
+  var latlon = props[propName];
 
-  if (!geobinStr) {
-    return null;
-  } // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range
+  if (latAbs > MapUtils_1.MAX_LATITUDE && lonAbs <= MapUtils_1.MAX_LATITUDE) {
+    throw new Error("".concat(componentName, " ").concat(propName, " may have reversed [lat, lon] ranges."));
+  }
 
+  if (!MapUtils_1.isValidLatLon(latlon)) {
+    throw new Error("".concat(componentName, " ").concat(propName, " incorrect [lat, lon] ranges."));
+  }
 
-  var geobinPattern = /bin_id_zl_([0-9]{0,2})?_y_/g;
-  var match = geobinPattern.exec(geobinStr);
-  return (_a = (match === null || match === void 0 ? void 0 : match.length) && parseInt(match[1], 10)) !== null && _a !== void 0 ? _a : null;
+  return null;
 };
 
-exports.getZoomLevelFromGeobin = getZoomLevelFromGeobin; // Bubble colors - static
+exports.isLatLng = isLatLng;
+PureMap.propTypes = {
+  // eslint-disable-next-line react/no-unused-prop-types
+  mode: T.string,
+  width: T.oneOfType([T.string, T.number]),
+  height: T.oneOfType([T.string, T.number]),
+  backgroundColor: T.string,
+  baseLayerTileServer: T.string,
+  baseLayerTileServerType: T.string,
+  center: exports.isLatLng,
+  controlBackgroundColor: T.string,
+  controlForegroundColor: T.string,
+  layers: T.arrayOf(T.shape({
+    type: T.string,
+    latitude: T.arrayOf(T.number),
+    longitude: T.arrayOf(T.number),
+    label: T.string,
+    showInLegend: T.bool,
+    dataColors: T.oneOfType([T.string, T.arrayOf(T.string)]),
+    seriesColors: T.arrayOf(T.string),
+    additionalTooltipFields: T.arrayOf(T.string),
+    resultLimit: T.number
+  })),
+  scaleUnit: T.string,
+  showScale: T.bool,
+  themeColorScheme: T.string,
+  zoom: T.number,
+  onMapLoad: T.func,
+  onMapClick: T.func,
+  onOptionsChange: T.func
+};
+PureMap.defaultProps = {
+  mode: 'view',
+  width: 800,
+  height: 500,
+  backgroundColor: '#0b0c0e',
+  controlBackgroundColor: exports.DEFAULT_CONTROL_BACKGROUND_COLOR,
+  controlForegroundColor: exports.DEFAULT_CONTROL_FOREGROUND_COLOR,
+  scaleUnit: exports.DEFAULT_SCALE_UNIT,
+  showScale: exports.DEFAULT_SHOW_SCALE,
+  layers: [],
+  themeColorScheme: 'dark',
+  onMapLoad: lodash_1.noop,
+  onMapClick: lodash_1.noop,
+  onOptionsChange: lodash_1.noop
+};
+exports.default = PureMap;
 
-var getStaticColors = function getStaticColors(colorCount, colorArray) {
-  if (colorCount < 0 || !colorCount) {
-    return [exports.DEFAULT_CLUSTER_COLOR];
-  }
+/***/ }),
+/* 196 */
+/***/ (function(module, exports) {
 
-  if (!colorArray || !colorArray.length) {
-    return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
-      return exports.DEFAULT_SERIES_COLORS[i];
-    });
-  } // loop through colorArray to pick the first $colorCount colors
-  // start from begining again if colorCount > colorArray.length
+module.exports = require("chroma-js");
 
+/***/ }),
+/* 197 */
+/***/ (function(module, exports) {
 
-  return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
-    return colorUtils_1.isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
-  });
-};
+module.exports = require("@splunk/visualization-context/MapContext");
 
-exports.getStaticColors = getStaticColors; // Bubble size
+/***/ }),
+/* 198 */
+/***/ (function(module, exports, __webpack_require__) {
 
-var matchSize = function matchSize(dataRange, data) {
-  var size = d3_scale_1.scalePow().exponent(0.2).domain(dataRange).range([exports.MIN_BUBBLE_RADIUS, exports.MAX_BUBBLE_RADIUS])(data);
+"use strict";
 
-  if (size > exports.MAX_BUBBLE_RADIUS) {
-    return exports.MAX_BUBBLE_RADIUS;
-  }
 
-  if (size < exports.MIN_BUBBLE_RADIUS) {
-    return exports.MIN_BUBBLE_RADIUS;
-  }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-  return size;
-};
+var styled_components_1 = __webpack_require__(4);
 
-exports.matchSize = matchSize;
+var lodash_1 = __webpack_require__(2);
 
-var transposeArray = function transposeArray(array) {
-  if (!array || !array.length || !array[0] || !array[0].length) {
-    return [];
-  }
+var style_1 = __webpack_require__(14);
 
-  return array[0].map(function (_, i) {
-    return array.map(function (row) {
-      return row[i];
-    });
-  });
-};
+var maplibre_gl_css_1 = __webpack_require__(199);
 
-exports.transposeArray = transposeArray; // sanitize values: update all null, undefined, or negative values to 0
+var PureMapContainer = styled_components_1.default.div.withConfig({
+  displayName: "PureMapContainer",
+  componentId: "sc-1gjwxfv-0"
+})(["", " overflow:hidden;position:relative;z-index:0;background-color:", ";", ";.maplibregl-ctrl-top-left{position:absolute;top:12px;left:16px;.maplibregl-ctrl-group{width:40px !important;height:87px !important;border-radius:4px;margin:8px 0px;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.64),0px 11px 18px rgba(0,0,0,0.32),0px 3px 6px rgba(0,0,0,0.3);& button{width:40px;height:43px;border-top:0;}.mapboxgl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 1C9 0.447715 8.55229 0 8 0C7.44772 0 7 0.447715 7 1V7H1C0.447715 7 0 7.44772 0 8C0 8.55229 0.447715 9 1 9H7V15C7 15.5523 7.44772 16 8 16C8.55229 16 9 15.5523 9 15V9H15C15.5523 9 16 8.55229 16 8C16 7.44772 15.5523 7 15 7H9V1Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"14\" height=\"3\" viewBox=\"0 0 14 3\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 1.99707C0 1.44479 0.447715 0.99707 1 0.99707H13C13.5523 0.99707 14 1.44479 14 1.99707C14 2.54936 13.5523 2.99707 13 2.99707H1C0.447715 2.99707 0 2.54936 0 1.99707Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}}}.maplibregl-ctrl-bottom-left{display:", ";position:absolute;z-index:0;bottom:16px;left:12px;width:86px;height:29px;border-radius:4px;margin:0;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.13),0px 11px 18px rgba(0,0,0,0.06),0px 3px 6px rgba(0,0,0,0.06);.maplibregl-ctrl-scale{background-color:", ";color:", ";border:2px solid ", ";border-top:0;border-left:0;border-right:0;padding:0;margin:6px 8px 8px 8px;line-height:13px;letter-spacing:0.02em;font-family:sans-serif;font-size:10px;}}"], maplibre_gl_css_1.default, function (props) {
+  return props.backgroundColor;
+}, function (props) {
+  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
+}, function (props) {
+  return props.controlBackgroundColor;
+}, function (props) {
+  return props.controlIconColorEncoded.color;
+}, function (props) {
+  return props.controlIconColorEncoded.opacity;
+}, function (props) {
+  return props.controlIconColorEncoded.color;
+}, function (props) {
+  return props.controlIconColorEncoded.opacity;
+}, function (props) {
+  return props.showScale ? 'inline' : 'none';
+}, function (props) {
+  return props.controlBackgroundColor;
+}, function (props) {
+  return props.controlBackgroundColor;
+}, function (props) {
+  return props.controlForegroundColor;
+}, function (props) {
+  return props.controlForegroundColor;
+});
+exports.default = PureMapContainer;
 
-var sanitizeValues = function sanitizeValues(values) {
-  // null / undefined
-  if (!values) {
-    return 0;
-  } // number
+/***/ }),
+/* 199 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = (".mapboxgl-map,.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mapboxgl-canvas,.maplibregl-canvas{position:absolute;left:0;top:0}.mapboxgl-map:-webkit-full-screen,.maplibregl-map:-webkit-full-screen{width:100%;height:100%}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.mapboxgl-ctrl-top-left,.maplibregl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top-right,.maplibregl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-bottom-left,.maplibregl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-right{right:0;bottom:0}.mapboxgl-ctrl,.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl,.maplibregl-ctrl-top-left .maplibregl-ctrl{margin:10px 0 0 10px;float:left}.mapboxgl-ctrl-top-right .mapboxgl-ctrl,.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:10px 10px 0 0;float:right}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0 0 10px 10px;float:left}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 10px 10px 0;float:right}.mapboxgl-ctrl-group,.maplibregl-ctrl-group{border-radius:4px;background:#fff}.mapboxgl-ctrl-group:not(:empty),.maplibregl-ctrl-group:not(:empty){-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty),.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button,.maplibregl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.mapboxgl-ctrl-group button+button,.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon,.maplibregl-ctrl button .maplibregl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon,.maplibregl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button,.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl button::-moz-focus-inner,.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus,.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled,.maplibregl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover,.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-group button:focus:focus-visible,.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible),.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child,.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child,.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child,.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E\")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{-webkit-animation:maplibregl-spin 2s linear infinite;-moz-animation:maplibregl-spin 2s infinite linear;-o-animation:maplibregl-spin 2s infinite linear;-ms-animation:maplibregl-spin 2s infinite linear;animation:maplibregl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E\")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E\")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E\")}}@-webkit-keyframes maplibregl-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-moz-keyframes maplibregl-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}@-o-keyframes maplibregl-spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(1turn)}}@-ms-keyframes maplibregl-spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(1turn)}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E\")}a.mapboxgl-ctrl-logo.mapboxgl-compact,a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E\")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo,a.maplibregl-ctrl-logo{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E\")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib,.maplibregl-ctrl.maplibregl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact,.maplibregl-ctrl-attrib.maplibregl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner,.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E\");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner,.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;right:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;left:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E\")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after,.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E\")}}.mapboxgl-ctrl-attrib a,.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover,.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map,.maplibregl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty,.maplibregl-attrib-empty{display:none}.mapboxgl-ctrl-scale,.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;border:2px solid #333;border-top:#333;padding:0 5px;color:#333;box-sizing:border-box}.mapboxgl-popup,.maplibregl-popup{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;will-change:transform;pointer-events:none}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right,.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{-webkit-flex-direction:column;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right,.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left,.maplibregl-popup-anchor-left{-webkit-flex-direction:row;flex-direction:row}.mapboxgl-popup-anchor-right,.maplibregl-popup-anchor-right{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.mapboxgl-popup-tip,.maplibregl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.maplibregl-popup-anchor-top .maplibregl-popup-tip{-webkit-align-self:center;align-self:center;border-top:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{-webkit-align-self:center;align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{-webkit-align-self:flex-start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{-webkit-align-self:flex-end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,.maplibregl-popup-anchor-left .maplibregl-popup-tip{-webkit-align-self:center;align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,.maplibregl-popup-anchor-right .maplibregl-popup-tip{-webkit-align-self:center;align-self:center;border-right:none;border-left-color:#fff}.mapboxgl-popup-close-button,.maplibregl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.mapboxgl-popup-close-button:hover,.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content,.maplibregl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content,.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer,.maplibregl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer,.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer,.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.mapboxgl-marker,.maplibregl-marker{position:absolute;top:0;left:0;will-change:transform}.mapboxgl-user-location-dot,.maplibregl-user-location-dot{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.mapboxgl-user-location-dot:before,.maplibregl-user-location-dot:before{background-color:#1da1f2;content:\"\";width:15px;height:15px;border-radius:50%;position:absolute;-webkit-animation:maplibregl-user-location-dot-pulse 2s infinite;-moz-animation:maplibregl-user-location-dot-pulse 2s infinite;-ms-animation:maplibregl-user-location-dot-pulse 2s infinite;animation:maplibregl-user-location-dot-pulse 2s infinite}.mapboxgl-user-location-dot:after,.maplibregl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:\"\";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}@-webkit-keyframes maplibregl-user-location-dot-pulse{0%{-webkit-transform:scale(1);opacity:1}70%{-webkit-transform:scale(3);opacity:0}to{-webkit-transform:scale(1);opacity:0}}@-ms-keyframes maplibregl-user-location-dot-pulse{0%{-ms-transform:scale(1);opacity:1}70%{-ms-transform:scale(3);opacity:0}to{-ms-transform:scale(1);opacity:0}}@keyframes maplibregl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.mapboxgl-user-location-dot-stale,.maplibregl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after,.maplibregl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle,.maplibregl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);width:1px;height:1px;border-radius:100%}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active,.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom,.maplibregl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}@media print{.mapbox-improve-map{display:none}}");
 
-  if (!Array.isArray(values)) {
-    return values > 0 ? values : 0;
-  } // array
+/***/ }),
+/* 200 */
+/***/ (function(module, exports, __webpack_require__) {
 
+"use strict";
 
-  return values.map(function (arr) {
-    return exports.sanitizeValues(arr);
-  });
-};
 
-exports.sanitizeValues = sanitizeValues;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var bakeBubbleData = function bakeBubbleData(layer) {
-  var _a;
+var React = __webpack_require__(1);
 
-  if (!layer || !((_a = layer.bubbleSize) === null || _a === void 0 ? void 0 : _a.length) || !layer.geobin || !layer.geobin.length || !layer.latitude || !layer.latitude.length || !layer.longitude || !layer.longitude.length) {
-    return null;
-  } // if bubbleSize is passed as an array of single number array (data series)
-  // e.g. [value0, value1, ...]
-  // format each value as an array to unify data operations for data series and frames
+var BubbleLayer_1 = __webpack_require__(201);
 
+var MarkerLayer_1 = __webpack_require__(203);
 
-  var sanitizedBubbleSize = exports.sanitizeValues(layer.bubbleSize);
-  var transposedBubbleSize = layer.bubbleSize.map(function (n) {
-    return [n];
-  });
-  var transposedSanitizedBubbleSize = sanitizedBubbleSize.map(function (n) {
-    return [n];
-  });
-  var isPie = false; // format array if bubbleSize is passed as an array of array (data frame)
+var ClusterLayer = function ClusterLayer(_ref) {
+  var clusterLayer = _ref.clusterLayer,
+      themeColorScheme = _ref.themeColorScheme,
+      zoom = _ref.zoom,
+      map = _ref.map,
+      onMapClick = _ref.onMapClick;
 
-  if (typeof layer.bubbleSize[0] !== 'number') {
-    // one-time array transpose,
-    // e.g. from [column0data, column0data] (multi series)
-    // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]
-    // or e.g. from [column0data] (single series)
-    // to [[column0data]]
-    // for easy access of values at each geo location,
-    // and min max pie size computation
-    transposedBubbleSize = exports.transposeArray(layer.bubbleSize);
-    transposedSanitizedBubbleSize = exports.transposeArray(sanitizedBubbleSize); // if multiple series in the dataframe, set isPie to true
+  var _a;
 
-    if (layer.bubbleSize.length > 1) {
-      isPie = true;
+  if (((_a = map === null || map === void 0 ? void 0 : map.current) === null || _a === void 0 ? void 0 : _a.isStyleLoaded) && [clusterLayer.longitude, clusterLayer.latitude].every(Array.isArray)) {
+    if ((clusterLayer === null || clusterLayer === void 0 ? void 0 : clusterLayer.type) === 'marker' && !('geobin' in clusterLayer)) {
+      return React.createElement(MarkerLayer_1.default, {
+        markerLayer: clusterLayer,
+        themeColorScheme: themeColorScheme,
+        map: map,
+        onMapClick: onMapClick
+      });
     }
-  }
 
-  if (!transposedBubbleSize || !transposedBubbleSize.length) {
-    return null;
+    if ((clusterLayer === null || clusterLayer === void 0 ? void 0 : clusterLayer.type) === 'bubble' && 'geobin' in clusterLayer && 'bubbleSize' in clusterLayer) {
+      return React.createElement(BubbleLayer_1.default, {
+        bubbleLayer: clusterLayer,
+        themeColorScheme: themeColorScheme,
+        map: map,
+        zoom: zoom,
+        onMapClick: onMapClick
+      });
+    }
   }
 
-  var data = layer.latitude.map(function (lat, i) {
-    return {
-      zoom: exports.getZoomLevelFromGeobin(layer.geobin[i]),
-      values: transposedBubbleSize[i],
-      sanitizedValues: transposedSanitizedBubbleSize[i],
-      coordinates: [layer.longitude[i], lat]
-    };
-  }).filter(function (d) {
-    return Boolean(d.values);
-  }); // compute the min/max value to encode min/max pie or bubble size
-
-  var min = lodash_1.sum(transposedSanitizedBubbleSize[0]);
-  var max = lodash_1.sum(transposedSanitizedBubbleSize[1]);
-  transposedSanitizedBubbleSize.forEach(function (row) {
-    var bubbleSize = lodash_1.sum(row);
-    max = bubbleSize > max ? bubbleSize : max;
-    min = bubbleSize < min ? bubbleSize : min;
-  });
-  return {
-    data: data,
-    dataRange: [min, max],
-    isPie: isPie,
-    resultLimit: layer.resultLimit,
-    bubbleSizeFields: layer.bubbleSizeFields
-  };
+  return null;
 };
 
-exports.bakeBubbleData = bakeBubbleData; // Update bubbles on each zoom level
-
-var updateBubbles = function updateBubbles(dataObj, zoomLevel, staticColors, dynamicColors, theme, map, setTooltipProps) {
-  if (!dataObj || !dataObj.data.length || !map || !map.current) {
-    return null;
-  }
-
-  var data = dataObj.data,
-      dataRange = dataObj.dataRange,
-      resultLimit = dataObj.resultLimit,
-      bubbleSizeFields = dataObj.bubbleSizeFields,
-      isPie = dataObj.isPie;
-
-  if (!data || !data.length || !dataRange || !dataRange.length) {
-    return null;
-  }
+exports.default = ClusterLayer;
 
-  var roundedZoom = Math.round(zoomLevel);
-  var themeColor = theme === 'light' ? '#ffffff' : '#1a1c20'; // filter data for the current zoom level and sort base on values
+/***/ }),
+/* 201 */
+/***/ (function(module, exports, __webpack_require__) {
 
-  var dataToRender = data.reduce(function (acc, datum, i) {
-    if (datum.zoom === roundedZoom) {
-      acc.push({
-        data: datum,
-        idx: i
-      });
-    }
+"use strict";
 
-    return acc;
-  }, []).slice(0, resultLimit || exports.DEFAULT_RESULT_LIMIT).sort(function (a, b) {
-    return lodash_1.sum(b.data.values) - lodash_1.sum(a.data.values);
-  });
-  return dataToRender.map(function (datum, i) {
-    // create an HTML element for each bubble
-    var colors = dynamicColors ? [dataToRender.map(function (obj) {
-      return colorUtils_1.isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : exports.DEFAULT_CLUSTER_COLOR;
-    })[i]] : staticColors;
-    var el = exports.createPieChart(datum.data.sanitizedValues, dataRange, colors, themeColor, isPie);
 
-    var _datum$data$coordinat = _slicedToArray(datum.data.coordinates, 2),
-        longitude = _datum$data$coordinat[0],
-        latitude = _datum$data$coordinat[1];
+var _slicedToArray = __webpack_require__(51);
 
-    var bubbleSize = datum.data.values.map(function (count, index) {
-      return {
-        name: bubbleSizeFields[index],
-        count: count,
-        color: colors[index]
-      };
-    });
-    el.addEventListener('mouseover', function () {
-      setTooltipProps({
-        anchor: el,
-        longitude: longitude,
-        latitude: latitude,
-        bubbleSize: bubbleSize
-      });
-    });
-    el.addEventListener('mouseleave', function () {
-      setTooltipProps({
-        longitude: longitude,
-        latitude: latitude,
-        bubbleSize: bubbleSize
-      });
-    });
-    return new maplibre_gl_1.Marker({
-      element: el
-    }).setLngLat(datum.data.coordinates).addTo(map.current);
-  });
-};
+var _defineProperty = __webpack_require__(7);
 
-exports.updateBubbles = updateBubbles; // Create an SVG pie from column values
+var _toConsumableArray = __webpack_require__(41);
 
-var createPieChart = function createPieChart(orginalValues, valueRange, colors, themeColor, isPie) {
-  // create a div for pie (bubble)
-  var el = document.createElement('div');
-  var allZeros = true;
-  orginalValues.forEach(function (v) {
-    if (v !== 0) {
-      allZeros = false;
-    }
-  });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Bubble = exports.PieSegment = void 0;
 
-  if (allZeros || !orginalValues || !orginalValues.length) {
-    return el;
-  } // sanitize values
+var React = __webpack_require__(1);
 
+var styled_components_1 = __webpack_require__(4);
 
-  var values = orginalValues.map(function (v) {
-    return v > 0 ? v : 0;
-  }); // compute offsets for pie segments
+var lodash_1 = __webpack_require__(2);
 
-  var offsets = [];
-  var total = 0;
-  values.forEach(function (count) {
-    offsets.push(total);
-    total += count;
-  });
-  var radius = exports.matchSize(valueRange, total);
-  var width = radius * 2; // create bubble svg
+var colorUtils_1 = __webpack_require__(12);
 
-  var html = "<div>\n         <svg width=\"".concat(width, "\" height=\"").concat(width, "\" viewbox=\"-3 -3 ").concat(width + 6, " ").concat(width + 6, "\" >"); // add border for pie
+var MapUtils_1 = __webpack_require__(105);
 
-  if (isPie) {
-    html += "<circle cx=".concat(radius, " cy=").concat(radius, " r=").concat(radius, " fill='none' stroke-width=\"2\" stroke=").concat(themeColor, " stroke-opacity=\"0.3\"/>");
-  } // create pie segments
+var MarkerWrapper_1 = __webpack_require__(129);
 
+exports.PieSegment = React.memo(function (_ref) {
+  var start = _ref.start,
+      end = _ref.end,
+      radius = _ref.radius,
+      color = _ref.color,
+      themeColor = _ref.themeColor,
+      segmentMetadata = _ref.segmentMetadata,
+      handleBubbleClick = _ref.handleBubbleClick;
 
-  values.forEach(function (v, i) {
-    html += exports.pieSegment(offsets[i] / total, (offsets[i] + v) / total, radius, colors[i], themeColor);
-  });
-  html += "</svg>\n        </div>";
-  el.className = 'custom-bubble';
-  el.innerHTML = html;
-  return el;
-};
+  var _ref2 = segmentMetadata !== null && segmentMetadata !== void 0 ? segmentMetadata : {},
+      name = _ref2.name,
+      value = _ref2.value;
 
-exports.createPieChart = createPieChart; // Create a pie segment
+  var handleSegmentClick = React.useCallback(function (e) {
+    handleBubbleClick(e, name, value);
+  }, [name, value, handleBubbleClick]);
 
-var pieSegment = function pieSegment(start, end, radius, color, themeColor) {
   if (end - start === 1) {
-    return "<circle cx=".concat(radius, " cy=").concat(radius, " r=").concat(radius - 1, " fill=").concat(color, " fill-opacity=\"0.5\" stroke-width=\"1.5\" stroke=").concat(color, " />");
+    return React.createElement("circle", {
+      onClick: handleSegmentClick,
+      cx: radius,
+      cy: radius,
+      r: radius - 1,
+      fill: color,
+      fillOpacity: 0.5,
+      strokeWidth: 1.5,
+      stroke: color
+    });
   }
 
   var a0 = 2 * Math.PI * (start - 0.25);
@@ -2957,37 +3194,209 @@ var pieSegment = function pieSegment(start, end, radius, color, themeColor) {
   var x1 = Math.cos(a1);
   var y1 = Math.sin(a1);
   var arc = end - start > 0.5 ? 1 : 0;
-  return "<path d=\"M ".concat(radius, " ").concat(radius, " L ").concat(radius + radius * x0, " ").concat(radius + radius * y0, " A ").concat(radius, " ").concat(radius, " 0 ").concat(arc, " 1 ").concat(radius + radius * x1, " ").concat(radius + radius * y1, " L ").concat(radius, " ").concat(radius, " A 0 0 0 ").concat(arc, " 0 ").concat(radius, " ").concat(radius, "\" fill=\"").concat(color, "\" fill-opacity=\"0.8\" stroke=\"").concat(themeColor, "\" stroke-width=\"2\" stroke-opacity=\"0.3\" />");
-};
+  return React.createElement("path", {
+    onClick: handleSegmentClick,
+    d: "M ".concat(radius, " ").concat(radius, " L ").concat(radius + radius * x0, " ").concat(radius + radius * y0, " A ").concat(radius, " ").concat(radius, " 0 ").concat(arc, " 1 ").concat(radius + radius * x1, " ").concat(radius + radius * y1, " L ").concat(radius, " ").concat(radius, " A 0 0 0 ").concat(arc, " 0 ").concat(radius, " ").concat(radius),
+    fill: color,
+    fillOpacity: 0.8,
+    stroke: themeColor,
+    strokeWidth: 2,
+    strokeOpacity: 0.3
+  });
+});
+exports.PieSegment.displayName = 'MapBubblePieSegment';
+var StyledMarkerWrapper = styled_components_1.default(MarkerWrapper_1.default).withConfig({
+  displayName: "BubbleLayer__StyledMarkerWrapper",
+  componentId: "sc-8aqbb-0"
+})(["cursor:pointer;"]);
+exports.Bubble = React.memo(function (_ref3) {
+  var originalValues = _ref3.originalValues,
+      valueRange = _ref3.valueRange,
+      colors = _ref3.colors,
+      themeColor = _ref3.themeColor,
+      isPie = _ref3.isPie,
+      latitude = _ref3.latitude,
+      longitude = _ref3.longitude,
+      bubbleSize = _ref3.bubbleSize,
+      _ref3$additionalField = _ref3.additionalFields,
+      additionalFields = _ref3$additionalField === void 0 ? [] : _ref3$additionalField,
+      map = _ref3.map,
+      handleMapClick = _ref3.handleMapClick;
+  var onBubbleClick = React.useCallback(function (e, name, value) {
+    handleMapClick(e, name, value);
+    e.stopPropagation();
+  }, [bubbleSize]);
+  var bubble = React.useMemo(function () {
+    var allZeros = originalValues.every(function (v) {
+      return v === 0;
+    });
 
-exports.pieSegment = pieSegment;
+    if (allZeros || !originalValues.length) {
+      return null;
+    } // sanitize values
 
-/***/ }),
-/* 198 */
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
+    var values = originalValues.map(function (v) {
+      return v > 0 ? v : 0;
+    }); // compute offsets for pie segments
 
+    var offsets = [];
+    var total = 0;
+    values.forEach(function (count) {
+      offsets.push(total);
+      total += count;
+    });
+    var radius = MapUtils_1.matchBubbleSize(valueRange, total);
+    var width = radius * 2;
+    return React.createElement("svg", {
+      width: width,
+      height: width,
+      viewBox: "-3 -3 ".concat(width + 6, " ").concat(width + 6)
+    }, isPie ? React.createElement("circle", {
+      cx: radius,
+      cy: radius,
+      r: radius,
+      fill: "none",
+      strokeWidth: 2,
+      stroke: themeColor,
+      strokeOpacity: 0.3
+    }) : null, values.map(function (v, i) {
+      return React.createElement(exports.PieSegment, {
+        key: String(i),
+        start: offsets[i] / total,
+        end: (offsets[i] + v) / total,
+        radius: radius,
+        color: colors[i],
+        themeColor: themeColor,
+        segmentMetadata: bubbleSize[i],
+        handleBubbleClick: onBubbleClick
+      });
+    }));
+  }, [colors, isPie, originalValues, themeColor, valueRange]);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+  if (!bubble) {
+    return null;
+  }
+
+  return React.createElement(StyledMarkerWrapper, {
+    longitude: longitude,
+    latitude: latitude,
+    additionalFields: [].concat(_toConsumableArray(bubbleSize), _toConsumableArray(additionalFields)),
+    map: map,
+    "data-test-type": "bubble"
+  }, bubble);
 });
-exports.defaultMarkerDarkTheme = exports.defaultMarkerLightTheme = void 0;
+exports.Bubble.displayName = 'MapBubble';
 
-var defaultMarkerLightTheme = function defaultMarkerLightTheme(fillColor) {
-  return "<svg width=\"22\" height=\"28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" fill=\"".concat(fillColor, "\"/><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" stroke=\"%2308090A\"/><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" stroke=\"").concat(fillColor, "\" stroke-opacity=\".7\"/></svg>");
-};
+var BubbleLayer = function BubbleLayer(props) {
+  var bubbleLayer = props.bubbleLayer,
+      themeColorScheme = props.themeColorScheme,
+      map = props.map,
+      zoom = props.zoom,
+      onMapClick = props.onMapClick;
+  bubbleLayer.seriesColors = bubbleLayer.seriesColors || MapUtils_1.DEFAULT_SERIES_COLORS;
+  bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];
+  var bakedData = React.useMemo(function () {
+    return MapUtils_1.bakeBubbleData(bubbleLayer);
+  }, [bubbleLayer]);
+  var staticColors = React.useMemo(function () {
+    return MapUtils_1.getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors);
+  }, [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]);
+
+  var _ref4 = bakedData !== null && bakedData !== void 0 ? bakedData : {},
+      _ref4$data = _ref4.data,
+      data = _ref4$data === void 0 ? [] : _ref4$data,
+      _ref4$dataRange = _ref4.dataRange,
+      dataRange = _ref4$dataRange === void 0 ? [] : _ref4$dataRange,
+      resultLimit = _ref4.resultLimit,
+      bubbleSizeFields = _ref4.bubbleSizeFields,
+      isPie = _ref4.isPie;
+
+  var _bubbleLayer$addition = bubbleLayer.additionalTooltipFields,
+      additionalTooltipFields = _bubbleLayer$addition === void 0 ? [] : _bubbleLayer$addition;
+  var roundedZoom = Math.round(zoom);
+  var themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';
+  var dynamicColors = bubbleLayer.dataColors; // filter data for the current zoom level and sort base on values
+
+  var dataToRender = React.useMemo(function () {
+    return data.reduce(function (acc, datum, i) {
+      if (datum.zoom === roundedZoom) {
+        acc.push({
+          data: datum,
+          idx: i
+        });
+      }
+
+      return acc;
+    }, []).slice(0, resultLimit || MapUtils_1.DEFAULT_RESULT_LIMIT).sort(function (a, b) {
+      return lodash_1.sum(b.data.values) - lodash_1.sum(a.data.values);
+    });
+  }, [data, resultLimit, roundedZoom]);
+
+  var _handleMapClick = React.useCallback(function (e, name, value, i) {
+    var _a, _b, _c; // retrieve metadata from the appropriate datum, indexed by i
+
+
+    var metadata = (_c = (_b = (_a = dataToRender[i]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.metadata) !== null && _c !== void 0 ? _c : {};
+    var payload = Object.keys(metadata).reduce(function (acc, curr) {
+      var key = "row.".concat(curr, ".value");
+      var val = String(metadata[curr]);
+      return Object.assign(Object.assign({}, acc), _defineProperty({}, key, val));
+    }, {
+      name: name,
+      value: String(value)
+    });
+    onMapClick({
+      e: e,
+      payload: payload
+    });
+  }, [dataToRender]);
 
-exports.defaultMarkerLightTheme = defaultMarkerLightTheme;
+  return React.createElement(React.Fragment, null, dataToRender.map(function (datum, i) {
+    var colors = dynamicColors ? [dataToRender.map(function (obj) {
+      return colorUtils_1.isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+    })[i]] : staticColors;
+
+    var _datum$data$coordinat = _slicedToArray(datum.data.coordinates, 2),
+        longitude = _datum$data$coordinat[0],
+        latitude = _datum$data$coordinat[1];
 
-var defaultMarkerDarkTheme = function defaultMarkerDarkTheme(fillColor) {
-  return "<svg width=\"22\" height=\"28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" fill=\"".concat(fillColor, "\"/><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" stroke=\"%2308090A\"/><path d=\"M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z\" stroke=\"").concat(fillColor, "\" stroke-opacity=\".15\"/></svg>");
+    var bubbleSize = datum.data.values.map(function (value, index) {
+      return {
+        name: bubbleSizeFields[index],
+        value: value,
+        color: colors[index]
+      };
+    });
+    var additionalFields = bubbleLayer.metadata ? additionalTooltipFields.map(function (field) {
+      return {
+        name: field,
+        value: datum.data.metadata[field]
+      };
+    }) : [];
+    return React.createElement(exports.Bubble, {
+      key: String(i),
+      originalValues: datum.data.values,
+      valueRange: dataRange,
+      colors: colors,
+      themeColor: themeColor,
+      isPie: isPie,
+      longitude: longitude,
+      latitude: latitude,
+      bubbleSize: bubbleSize,
+      additionalFields: additionalFields,
+      map: map,
+      handleMapClick: function handleMapClick(e, name, value) {
+        return _handleMapClick(e, name, value, i);
+      }
+    });
+  }));
 };
 
-exports.defaultMarkerDarkTheme = defaultMarkerDarkTheme;
+exports.default = BubbleLayer;
 
 /***/ }),
-/* 199 */
+/* 202 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3002,7 +3411,7 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var Popover_1 = __webpack_require__(100);
+var Popover_1 = __webpack_require__(106);
 
 var i18n_1 = __webpack_require__(3);
 
@@ -3013,7 +3422,7 @@ var StyledPopover = styled_components_1.default(Popover_1.default).withConfig({
 var StyledTable = styled_components_1.default.table.withConfig({
   displayName: "Tooltip__StyledTable",
   componentId: "xwewsa-1"
-})(["padding:2px 6px 2px 6px;width:100%;"]);
+})(["margin:2px 6px 2px 6px;width:calc(100% - 12px);"]);
 var StyledTitleColumn = styled_components_1.default.td.withConfig({
   displayName: "Tooltip__StyledTitleColumn",
   componentId: "xwewsa-2"
@@ -3022,8 +3431,8 @@ var StyledValueColumn = styled_components_1.default.td.withConfig({
   displayName: "Tooltip__StyledValueColumn",
   componentId: "xwewsa-3"
 })(["text-align:right;"]);
-var BubbleSizeColorBlock = styled_components_1.default.div.withConfig({
-  displayName: "Tooltip__BubbleSizeColorBlock",
+var StyledColorBlock = styled_components_1.default.div.withConfig({
+  displayName: "Tooltip__StyledColorBlock",
   componentId: "xwewsa-4"
 })(["background-color:", ";display:inline-block;margin-right:4px;border-radius:2px;width:6px;height:11px;transform:translateY(1px);"], function (props) {
   return props.color;
@@ -3063,13 +3472,14 @@ var convertDegToDMS = function convertDegToDMS(decimalDegree, type) {
 exports.convertDegToDMS = convertDegToDMS;
 
 var Tooltip = function Tooltip(_ref) {
-  var anchor = _ref.anchor,
+  var open = _ref.open,
+      anchor = _ref.anchor,
       latitude = _ref.latitude,
       longitude = _ref.longitude,
-      _ref$bubbleSize = _ref.bubbleSize,
-      bubbleSize = _ref$bubbleSize === void 0 ? [] : _ref$bubbleSize;
+      _ref$additionalFields = _ref.additionalFields,
+      additionalFields = _ref$additionalFields === void 0 ? [] : _ref$additionalFields;
   return React.createElement(StyledPopover, {
-    open: !!anchor,
+    open: open,
     anchor: anchor,
     "data-test": "map-marker-tooltip",
     defaultPlacement: "above"
@@ -3077,26 +3487,191 @@ var Tooltip = function Tooltip(_ref) {
     "data-test": "latitude"
   }, exports.convertDegToDMS(latitude, 'latitude'))), React.createElement("tr", null, React.createElement(StyledTitleColumn, null, i18n_1._('Longitude')), React.createElement(StyledValueColumn, {
     "data-test": "longitude"
-  }, exports.convertDegToDMS(longitude, 'longitude'))), bubbleSize.map(function (_ref2) {
+  }, exports.convertDegToDMS(longitude, 'longitude'))), additionalFields.map(function (_ref2, index) {
     var name = _ref2.name,
-        count = _ref2.count,
+        value = _ref2.value,
         color = _ref2.color;
     return React.createElement("tr", {
-      key: color
+      key: String(index)
     }, React.createElement(StyledTitleColumn, {
-      "data-test": "count-title"
-    }, React.createElement(BubbleSizeColorBlock, {
+      "data-test": "field-title"
+    }, color ? React.createElement(StyledColorBlock, {
+      "data-test": "field-color",
       color: color
-    }), name), React.createElement(StyledValueColumn, {
-      "data-test": "count-value"
-    }, count));
+    }) : null, name), React.createElement(StyledValueColumn, {
+      "data-test": "field-value"
+    }, value));
   }))));
 };
 
 exports.default = Tooltip;
 
 /***/ }),
-/* 200 */
+/* 203 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _defineProperty = __webpack_require__(7);
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateMarkerWrapperProps = exports.MarkerIcon = void 0;
+
+var styled_components_1 = __webpack_require__(4);
+
+var React = __webpack_require__(1);
+
+var colorUtils_1 = __webpack_require__(12);
+
+var lodash_1 = __webpack_require__(2);
+
+var MapUtils_1 = __webpack_require__(105);
+
+var MarkerWrapper_1 = __webpack_require__(129);
+
+var MarkerIcon = function MarkerIcon(_a) {
+  var theme = _a.theme,
+      color = _a.color,
+      otherProps = __rest(_a, ["theme", "color"]);
+
+  var strokeOpacity = theme === 'light' ? 0.7 : 0.15;
+  return React.createElement("svg", Object.assign({
+    width: 22,
+    height: 28,
+    fill: "none"
+  }, otherProps), React.createElement("path", {
+    d: "M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z",
+    fill: color
+  }), React.createElement("path", {
+    d: "M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z",
+    stroke: "#08090A"
+  }), React.createElement("path", {
+    d: "M11 .5C5.201.5.5 5.201.5 11c0 3.136 1.376 5.952 3.555 7.875 2.839 2.506 4.144 4.58 4.893 6.02.183.35.334.665.469.946l.014.03c.136.285.263.548.387.766.235.412.571.863 1.182.863.61 0 .947-.45 1.182-.863.124-.218.25-.48.387-.765l.014-.03c.135-.282.286-.597.469-.947.75-1.44 2.054-3.514 4.893-6.02A10.476 10.476 0 0 0 21.5 11C21.5 5.201 16.799.5 11 .5Z",
+    stroke: color,
+    strokeOpacity: strokeOpacity
+  }));
+};
+
+exports.MarkerIcon = MarkerIcon;
+var Marker = React.memo(function (_ref) {
+  var latitude = _ref.latitude,
+      longitude = _ref.longitude,
+      color = _ref.color,
+      themeColorScheme = _ref.themeColorScheme,
+      map = _ref.map,
+      additionalFields = _ref.additionalFields,
+      handleLayerClick = _ref.handleLayerClick;
+  var icon = React.useMemo(function () {
+    return React.createElement(exports.MarkerIcon, {
+      color: color,
+      theme: themeColorScheme,
+      onClick: handleLayerClick
+    });
+  }, [color, handleLayerClick, themeColorScheme]);
+  return React.createElement(StyledMarkerWrapper, {
+    latitude: latitude,
+    longitude: longitude,
+    map: map,
+    additionalFields: additionalFields,
+    "data-test-type": "marker"
+  }, icon);
+});
+Marker.displayName = 'MapMarker';
+var StyledMarkerWrapper = styled_components_1.default(MarkerWrapper_1.default).withConfig({
+  displayName: "MarkerLayer__StyledMarkerWrapper",
+  componentId: "ej9u2l-0"
+})(["width:22px;height:28px;cursor:pointer;"]);
+
+var generateMarkerWrapperProps = function generateMarkerWrapperProps(markerLayer) {
+  var onMapClick = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : lodash_1.noop;
+  var latArray = markerLayer.latitude;
+  var lonArray = markerLayer.longitude;
+  var isStaticColor = !markerLayer.dataColors;
+  var limit = Math.min(latArray.length, lonArray.length, markerLayer.resultLimit ? markerLayer.resultLimit : MapUtils_1.DEFAULT_RESULT_LIMIT);
+  var markerProps = [];
+
+  var _loop = function _loop(i) {
+    var staticColor = markerLayer.seriesColors && colorUtils_1.isColor(markerLayer.seriesColors[0]) ? markerLayer.seriesColors[0] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+    var dynamicColor = markerLayer.dataColors && colorUtils_1.isColor(markerLayer.dataColors[i]) ? markerLayer.dataColors[i] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+    var color = isStaticColor ? staticColor : dynamicColor;
+    var additionalFields = markerLayer.metadata ? markerLayer.additionalTooltipFields.map(function (field) {
+      return {
+        name: field,
+        value: markerLayer.metadata[i][field]
+      };
+    }) : [];
+
+    var handleLayerClick = function handleLayerClick(e) {
+      var _a;
+
+      var metadata = (_a = markerLayer === null || markerLayer === void 0 ? void 0 : markerLayer.metadata[i]) !== null && _a !== void 0 ? _a : {};
+      var payload = Object.keys(metadata).reduce(function (acc, curr) {
+        var key = "row.".concat(curr, ".value");
+        var value = String(metadata[curr]);
+        return Object.assign(Object.assign({}, acc), _defineProperty({}, key, value));
+      }, {});
+      onMapClick({
+        e: e,
+        payload: payload
+      });
+    };
+
+    markerProps.push({
+      latitude: latArray[i],
+      longitude: lonArray[i],
+      color: color,
+      additionalFields: additionalFields,
+      handleLayerClick: handleLayerClick
+    });
+  };
+
+  for (var i = 0; i < limit; i += 1) {
+    _loop(i);
+  }
+
+  return markerProps;
+};
+
+exports.generateMarkerWrapperProps = generateMarkerWrapperProps;
+
+var MarkerLayer = function MarkerLayer(props) {
+  var map = props.map,
+      themeColorScheme = props.themeColorScheme,
+      markerLayer = props.markerLayer,
+      onMapClick = props.onMapClick;
+  markerLayer.seriesColors = markerLayer.seriesColors || MapUtils_1.DEFAULT_SERIES_COLORS;
+  var markerPropsList = React.useMemo(function () {
+    return exports.generateMarkerWrapperProps(markerLayer, onMapClick);
+  }, [markerLayer, onMapClick]);
+  return React.createElement(React.Fragment, null, markerPropsList.map(function (markerProps, i) {
+    return React.createElement(Marker, Object.assign({
+      key: String(i),
+      themeColorScheme: themeColorScheme,
+      map: map
+    }, markerProps));
+  }));
+};
+
+exports.default = MarkerLayer;
+
+/***/ }),
+/* 204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3106,19 +3681,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var visualization_icons_1 = __webpack_require__(42);
+var visualization_icons_1 = __webpack_require__(45);
 
-var schemaUtils_1 = __webpack_require__(14);
+var placeholders_1 = __webpack_require__(44);
 
-var visualization_color_palettes_1 = __webpack_require__(41);
+var schemaUtils_1 = __webpack_require__(15);
 
-var themes_1 = __webpack_require__(70);
+var visualization_color_palettes_1 = __webpack_require__(43);
+
+var themes_1 = __webpack_require__(65);
 
 var i18n_1 = __webpack_require__(3);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var VizCategory_1 = __webpack_require__(27);
+var VizCategory_1 = __webpack_require__(28);
 
 var configUtils_1 = __webpack_require__(6);
 
@@ -3163,14 +3740,13 @@ var size = {
 var optionsSchema = {
   backgroundColor: {
     default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. You may use a dataSource to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e".',
+    description: 'Specify a color for the background. You might use a dataSource to apply the color. The default for enterprise light is "#FFFFFF". The default for enterprise dark is "#000000". The default for prisma dark is "#0B0C0E".',
     pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
     type: 'string'
   },
   center: {
-    default: [37.7749, -122.4194],
     type: 'array',
-    description: 'Specify the center of the map in coordinates, in the form of [latitude, longitude]. When not provided, will automatically calculate map center based on available location data. When no location data available will fall back to [37.7749, -122.4194].',
+    description: 'Specify the center of the map in coordinates, in the form of [latitude, longitude]. If you don’t provide coordinates, the map automatically centers, based on available location data. If there is no available location data, the center of the map defaults to [37.7749, -122.4194].',
     items: {
       type: 'number'
     }
@@ -3184,18 +3760,18 @@ var optionsSchema = {
       longitude: '> primary | seriesByName("longitude")',
       seriesColors: visualization_color_palettes_1.VIZ_CATEGORICAL,
       bubbleSize: '> primary | frameWithoutSeriesNames("geobin", "latitude", "longitude") | frameBySeriesTypes("number")',
-      tooltipFields: [],
+      additionalTooltipFields: [],
       resultLimit: 1000
     }, {
       type: 'marker',
       latitude: '> primary | seriesByName("latitude")',
       longitude: '> primary | seriesByName("longitude")',
       seriesColors: visualization_color_palettes_1.VIZ_CATEGORICAL,
-      tooltipFields: [],
+      additionalTooltipFields: [],
       resultLimit: 1000
     }],
     type: 'array',
-    description: 'Specify the data visualization layers on top of the base map. Can be empty to only show the base map.',
+    description: 'Specify the optional data visualization layers over the base map. If empty, only the base map appears.',
     items: {
       anyOf: [{
         type: 'object',
@@ -3203,25 +3779,34 @@ var optionsSchema = {
           type: {
             description: 'Specify the type of data layer method to display points on the map. For example, “bubble” or “marker”.',
             type: 'string',
-            pattern: schemaUtils_1.getPattern(['marker']),
+            pattern: schemaUtils_1.getPattern(['marker', 'bubble']),
             default: 'marker'
           },
           latitude: {
             description: 'Specify a dataSource series to apply latitude coordinates for data points displayed on the map.',
             type: ['string', 'array'],
+            items: {
+              type: 'number'
+            },
             default: '> primary | seriesByName("latitude")'
           },
           longitude: {
             description: 'Specify a dataSource series to apply longitude coordinates for data points displayed on the map.',
             type: ['string', 'array'],
+            items: {
+              type: 'number'
+            },
             default: '> primary | seriesByName("longitude")'
           },
           dataColors: {
-            description: 'Specify the colors used for data points. You may use an array of colors to be picked from, or you may use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. ',
-            type: ['string', 'array']
+            description: 'Specify the colors used for data points. If specified, this option overrides the seriesColors option. You may use an array of colors to be picked from, or you may use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. ',
+            type: ['string', 'array'],
+            items: {
+              type: 'string'
+            }
           },
           seriesColors: {
-            description: 'Specify the colors used for data points.',
+            description: 'Specify the colors used for data points. If the dataColors option is specified, the seriesColors option is ignored.',
             type: 'array',
             items: {
               type: 'string',
@@ -3229,8 +3814,8 @@ var optionsSchema = {
             },
             default: visualization_color_palettes_1.VIZ_CATEGORICAL
           },
-          tooltipFields: {
-            description: 'Specify the fields to add to tooltips shown while hovering over data points. These fields and their corresponding values will be shown in addition to the ones displayed by default.',
+          additionalTooltipFields: {
+            description: 'Specify the fields to add to the default set of tooltips. Tooltips appear when you hover over data points. These fields and their corresponding values will be shown in addition to the ones displayed by default.',
             type: 'array',
             items: {
               type: 'string'
@@ -3238,7 +3823,7 @@ var optionsSchema = {
             default: []
           },
           resultLimit: {
-            description: 'Specify the maximum number of data points rendered on the map to improve performance.',
+            description: 'Specify the maximum number of data points to render on the map. Adjust the value to improve performance.',
             type: 'number',
             default: 1000
           }
@@ -3249,12 +3834,15 @@ var optionsSchema = {
           type: {
             description: 'Specify the type of data layer method to display points on the map. For example, “bubble” or “marker”.',
             type: 'string',
-            pattern: schemaUtils_1.getPattern(['bubble']),
+            pattern: schemaUtils_1.getPattern(['marker', 'bubble']),
             default: 'bubble'
           },
           bubbleSize: {
-            description: 'Specify the data column to encode bubble size',
+            description: 'Specify the data column to encode bubble size. This applies to layers where type: "bubble".',
             type: ['string', 'array'],
+            items: {
+              type: 'number'
+            },
             default: '> primary | frameWithoutSeriesNames("geobin", "latitude", "longitude") | frameBySeriesTypes("number")'
           },
           latitude: {
@@ -3274,11 +3862,14 @@ var optionsSchema = {
             default: '> primary | seriesByName("longitude")'
           },
           dataColors: {
-            description: 'Specify the colors used for data points. You may use an array of colors to be picked from, or you may use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. ',
-            type: ['string', 'array']
+            description: 'Specify the colors used for data points. If specified, this option overrides the seriesColors option. You may use an array of colors to be picked from, or you may use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. ',
+            type: ['string', 'array'],
+            items: {
+              type: 'string'
+            }
           },
           seriesColors: {
-            description: "Specify the colors used for data points. For example, [\"#FF0000\", \"#0000FF\", \"#008000\"].",
+            description: 'Specify the colors used for data points. If the dataColors option is specified, the seriesColors option is ignored.',
             type: 'array',
             items: {
               type: 'string',
@@ -3286,8 +3877,8 @@ var optionsSchema = {
             },
             default: visualization_color_palettes_1.VIZ_CATEGORICAL
           },
-          tooltipFields: {
-            description: 'Specify the fields to add to tooltips shown while hovering over data points. These fields and their corresponding values will be shown in addition to the ones displayed by default.',
+          additionalTooltipFields: {
+            description: 'Specify the fields to add to the default set of tooltips. Tooltips appear when you hover over data points. These fields and their corresponding values will be shown in addition to the ones displayed by default.',
             type: 'array',
             items: {
               type: 'string'
@@ -3295,7 +3886,7 @@ var optionsSchema = {
             default: []
           },
           resultLimit: {
-            description: 'Specify the maximum number of data points rendered on the map to improve performance.',
+            description: 'Specify the maximum number of data points to render on the map. Adjust the value to improve performance.',
             type: 'number',
             default: 1000
           }
@@ -3306,7 +3897,7 @@ var optionsSchema = {
   scaleUnit: {
     default: 'metric',
     type: 'string',
-    description: 'Specify which scale unit to use.',
+    description: 'Specify the scale unit to use.',
     pattern: schemaUtils_1.getPattern(['metric', 'imperial'])
   },
   // TODO: choropleth map retain old design
@@ -3318,11 +3909,11 @@ var optionsSchema = {
   showScale: {
     default: true,
     type: 'boolean',
-    description: 'Specify whether the scale on the bottom left is shown.'
+    description: 'Specify whether to display the scale on the bottom left.'
   },
   baseLayerTileServer: {
     type: 'string',
-    description: 'Specify the tile set URL for the base map.'
+    description: 'Specify the URL for the set of tiles that make up the base map.'
   },
   baseLayerTileServerType: {
     type: 'string',
@@ -3330,7 +3921,6 @@ var optionsSchema = {
     pattern: schemaUtils_1.getPattern(['vector', 'raster'])
   },
   zoom: {
-    default: 5,
     description: 'Specify the zoom level of the map.',
     type: 'number'
   }
@@ -3381,25 +3971,29 @@ var editorConfig = [{
     option: 'layers[0].latitude',
     editor: 'editor.columnSelector',
     editorProps: {
-      dataSourceKey: 'primary'
+      dataSourceKey: 'primary',
+      shouldShowInternalFields: false
     }
   }], [{
     label: i18n_1._('Longitude'),
     option: 'layers[0].longitude',
     editor: 'editor.columnSelector',
     editorProps: {
-      dataSourceKey: 'primary'
+      dataSourceKey: 'primary',
+      shouldShowInternalFields: false
     }
   }], [{
     label: i18n_1._('Size'),
     option: 'layers[0].bubbleSize',
-    editor: 'editor.columnSelector',
+    editor: 'editor.columnMultiSelector',
     showEditor: function showEditor(_ref) {
       var options = _ref.options;
       return !(options.layers && options.layers.length && options.layers[0].type === 'marker');
     },
     editorProps: {
-      dataSourceKey: 'primary'
+      dataSourceKey: 'primary',
+      shouldShowInternalFields: false,
+      excludeByNames: ['latitude', 'longitude', 'geobin']
     }
   }]]
 }];
@@ -3424,6 +4018,7 @@ var config = {
    * viz icon
    */
   icon: visualization_icons_1.Map,
+  placeholderIcon: placeholders_1.Map,
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
@@ -3432,6 +4027,9 @@ var config = {
   events: {
     'map.load': {
       description: 'triggered when map is fully loaded'
+    },
+    'map.click': {
+      description: 'trigger when user clicks map layer'
     }
   },
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.PLACEHOLDER],