@tracktor/map 1.2.2 → 1.2.4

package/dist/Features/Bounds/FitsBounds.d.ts

@@ -8,6 +8,7 @@ interface FitBoundsProps {
     disableAnimation?: boolean;
     fitBounds?: boolean;
     animationKey?: unknown;
+    openPopup?: boolean;
 }
-declare const FitBounds: ({ markers, features, padding, duration, disableAnimation, fitBounds, animationKey, }: FitBoundsProps) => null;
+declare const FitBounds: ({ markers, features, padding, duration, disableAnimation, fitBounds, animationKey, openPopup, }: FitBoundsProps) => null;
 export default FitBounds;

package/dist/main.js

@@ -22,16 +22,16 @@ function je() {
   se = 1;
   var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
   function s(l, n, i) {
-    var m = null;
-    if (i !== void 0 && (m = "" + i), n.key !== void 0 && (m = "" + n.key), "key" in n) {
+    var g = null;
+    if (i !== void 0 && (g = "" + i), n.key !== void 0 && (g = "" + n.key), "key" in n) {
       i = {};
-      for (var b in n)
-        b !== "key" && (i[b] = n[b]);
+      for (var x in n)
+        x !== "key" && (i[x] = n[x]);
     } else i = n;
     return n = i.ref, {
       $$typeof: t,
       type: l,
-      key: m,
+      key: g,
       ref: n !== void 0 ? n : null,
       props: i
     };
@@ -57,7 +57,7 @@ function Se() {
         return e.$$typeof === w ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case R:
+        case _:
           return "Fragment";
         case T:
           return "Profiler";
@@ -74,7 +74,7 @@ function Se() {
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case h:
+          case R:
             return "Portal";
           case L:
             return e.displayName || "Context";
@@ -115,7 +115,7 @@ function Se() {
       }
     }
     function l(e) {
-      if (e === R) return "<>";
+      if (e === _) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === A)
         return "<...>";
       try {
@@ -126,20 +126,20 @@ function Se() {
       }
     }
     function n() {
-      var e = x.A;
+      var e = v.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (p.call(e, "key")) {
+    function g(e) {
+      if (m.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function b(e, r) {
+    function x(e, r) {
       function o() {
         B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -151,23 +151,23 @@ function Se() {
         configurable: !0
       });
     }
-    function _() {
+    function k() {
       var e = t(this.type);
       return U[e] || (U[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function v(e, r, o, c, J, H) {
+    function h(e, r, o, c, J, H) {
       var f = o.ref;
       return e = {
-        $$typeof: k,
+        $$typeof: E,
         type: e,
         key: r,
         props: o,
         _owner: c
       }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: _
+        get: k
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -190,7 +190,7 @@ function Se() {
         value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function g(e, r, o, c, J, H) {
+    function p(e, r, o, c, J, H) {
       var f = r.children;
       if (f !== void 0)
         if (c)
@@ -203,7 +203,7 @@ function Se() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else y(f);
-      if (p.call(r, "key")) {
+      if (m.call(r, "key")) {
         f = t(e);
         var M = Object.keys(r).filter(function(ge) {
           return ge !== "key";
@@ -221,15 +221,15 @@ React keys must be passed directly to JSX without using spread:
           f
         ), V[f + c] = !0);
       }
-      if (f = null, o !== void 0 && (s(o), f = "" + o), m(r) && (s(r.key), f = "" + r.key), "key" in r) {
+      if (f = null, o !== void 0 && (s(o), f = "" + o), g(r) && (s(r.key), f = "" + r.key), "key" in r) {
         o = {};
         for (var K in r)
           K !== "key" && (o[K] = r[K]);
       } else o = r;
-      return f && b(
+      return f && x(
         o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), v(
+      ), h(
         e,
         f,
         o,
@@ -239,26 +239,26 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function y(e) {
-      d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function d(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
+    function b(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
     }
-    var E = be, k = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), L = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), w = Symbol.for("react.client.reference"), x = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, P = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var d = be, E = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), L = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), w = Symbol.for("react.client.reference"), v = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, m = Object.prototype.hasOwnProperty, P = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    d = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var B, U = {}, D = E.react_stack_bottom_frame.bind(
-      E,
+    var B, U = {}, D = d.react_stack_bottom_frame.bind(
+      d,
       i
     )(), z = O(l(i)), V = {};
-    G.Fragment = R, G.jsx = function(e, r, o) {
-      var c = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return g(
+    G.Fragment = _, G.jsx = function(e, r, o) {
+      var c = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         o,
@@ -267,8 +267,8 @@ React keys must be passed directly to JSX without using spread:
         c ? O(l(e)) : z
       );
     }, G.jsxs = function(e, r, o) {
-      var c = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return g(
+      var c = 1e4 > v.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         o,
@@ -328,39 +328,40 @@ const Ae = ye({
   features: a,
   padding: s = 50,
   duration: l = 1e3,
-  disableAnimation: n = !1,
+  disableAnimation: n,
   fitBounds: i = !0,
-  animationKey: m
+  animationKey: g,
+  openPopup: x
 }) => {
-  const { current: b } = he(), _ = ce(""), v = F(() => t.filter(pe), [t]), g = F(() => Fe(a), [a]), y = F(() => {
-    const d = [...v.map((E) => [E.lng, E.lat]), ...g];
-    return d.length === 0 ? null : d.reduce((E, [k, h]) => E.extend([k, h]), new ue.LngLatBounds());
-  }, [v, g]);
+  const { current: k } = he(), h = ce(""), p = F(() => t.filter(pe), [t]), y = F(() => Fe(a), [a]), b = F(() => {
+    const d = [...p.map((E) => [E.lng, E.lat]), ...y];
+    return d.length === 0 ? null : d.reduce((E, [R, _]) => E.extend([R, _]), new ue.LngLatBounds());
+  }, [p, y]);
   return Z(() => {
-    if (b && i && y) {
-      if (m !== void 0) {
-        const d = Pe(m);
-        if (_.current === d)
+    if (!x && k && i && b) {
+      if (g !== void 0) {
+        const d = Pe(g);
+        if (h.current === d)
           return;
-        _.current = d;
+        h.current = d;
       }
-      if (!y.isEmpty()) {
-        if (v.length === 1 && g.length === 0) {
-          const d = v[0];
-          b.flyTo({
+      if (!b.isEmpty()) {
+        if (p.length === 1 && y.length === 0) {
+          const d = p[0];
+          k.flyTo({
             center: [d.lng, d.lat],
             duration: n ? 0 : l,
             zoom: 14
           });
           return;
         }
-        b.fitBounds([y.getSouthWest().toArray(), y.getNorthEast().toArray()], {
+        k.fitBounds([b.getSouthWest().toArray(), b.getNorthEast().toArray()], {
           duration: n ? 0 : l,
           padding: s
         });
       }
     }
-  }, [b, y, s, l, n, m, i, v, g]), null;
+  }, [k, b, s, l, n, g, i, p, y, x]), null;
 }, Me = async (t, a, s = "driving") => {
   const n = `https://api.mapbox.com/directions/v5/mapbox/${s}/${t.join(",")};${a.join(",")}?geometries=geojson&overview=full&access_token=undefined`, i = await fetch(n);
   return i.ok ? {
@@ -400,16 +401,16 @@ const Ae = ye({
   openPopupOnHover: l,
   markers: n,
   baseMapView: i,
-  mapStyle: m,
-  projection: b,
-  cooperativeGestures: _,
-  doubleClickZoom: v,
-  theme: g,
+  mapStyle: g,
+  projection: x,
+  cooperativeGestures: k,
+  doubleClickZoom: h,
+  theme: p,
   from: y,
-  to: d,
-  profile: E
+  to: b,
+  profile: d
 }) => {
-  const k = fe(), h = ce(null), [R, N] = ae(null), [T, j] = ae(s ?? null), L = F(() => {
+  const E = fe(), R = ce(null), [_, N] = ae(null), [T, j] = ae(s ?? null), L = F(() => {
     if (ne(t))
       return {
         latitude: t[1],
@@ -417,33 +418,33 @@ const Ae = ye({
         zoom: a
       };
   }, [t, a]), S = F(
-    () => m || me(i, g ?? k.palette.mode),
-    [i, m, g, k.palette.mode]
+    () => g || me(i, p ?? E.palette.mode),
+    [i, g, p, E.palette.mode]
   ), {
     style: $,
     cooperativeGestures: C,
     doubleClickZoom: I
   } = Ne({
     baseMapView: i,
-    cooperativeGestures: _,
-    doubleClickZoom: v,
+    cooperativeGestures: k,
+    doubleClickZoom: h,
     mapStyle: S,
-    theme: g ?? k.palette.mode
+    theme: p ?? E.palette.mode
   }), A = () => {
-    const p = h.current?.getMap?.();
-    p && p.setStyle(S);
-  }, Y = (p, P) => {
-    !l && P && j(p);
-  }, w = (p, P) => {
-    l && j(P ? p : null);
-  }, x = F(() => T ? n?.find((p) => p.id === T) ?? null : null, [T, n]);
+    const m = R.current?.getMap?.();
+    m && m.setStyle(S);
+  }, Y = (m, P) => {
+    !l && P && j(m);
+  }, w = (m, P) => {
+    l && j(P ? m : null);
+  }, v = F(() => T ? n?.find((m) => m.id === T) ?? null : null, [T, n]);
   return Z(() => {
     j(s ?? null);
   }, [s]), Z(() => {
-    y && d && Me(y, d, E).then((p) => {
-      p && N(p);
+    y && b && Me(y, b, d).then((m) => {
+      m && N(m);
     });
-  }, [y, E, d]), {
+  }, [y, d, b]), {
     coopGestures: C,
     coreStyle: $,
     dblZoom: I,
@@ -451,10 +452,10 @@ const Ae = ye({
     handleMarkerClick: Y,
     handleMarkerHover: w,
     initialCenter: L,
-    mapRef: h,
-    route: R,
+    mapRef: R,
+    route: _,
     selected: T,
-    selectedMarker: x,
+    selectedMarker: v,
     setSelected: j
   };
 }, $e = "#000000", Ie = "#FFFFFF", oe = {
@@ -517,17 +518,17 @@ const Ae = ye({
   height: l = 300,
   width: n = "100%",
   center: i = [2.3522, 48.8566],
-  zoom: m = 5,
-  popupMaxWidth: b,
-  openPopup: _,
-  openPopupOnHover: v,
-  markers: g = [],
+  zoom: g = 5,
+  popupMaxWidth: x,
+  openPopup: k,
+  openPopupOnHover: h,
+  markers: p = [],
   fitBounds: y = !0,
-  fitBoundsPadding: d,
-  fitBoundDuration: E,
-  fitBoundsAnimationKey: k,
-  disableAnimation: h,
-  mapStyle: R,
+  fitBoundsPadding: b,
+  fitBoundDuration: d,
+  fitBoundsAnimationKey: E,
+  disableAnimation: R,
+  mapStyle: _,
   onMapClick: N,
   baseMapView: T,
   cooperativeGestures: j = !0,
@@ -541,8 +542,8 @@ const Ae = ye({
   itineraryLineStyle: w
 }) => {
   const {
-    selectedMarker: x,
-    setSelected: p,
+    selectedMarker: v,
+    setSelected: m,
     handleMarkerClick: P,
     handleMarkerHover: O,
     handleMapLoad: B,
@@ -558,15 +559,15 @@ const Ae = ye({
     cooperativeGestures: j,
     doubleClickZoom: L,
     from: I,
-    mapStyle: R,
-    markers: g,
-    openPopup: _,
-    openPopupOnHover: v,
+    mapStyle: _,
+    markers: p,
+    openPopup: k,
+    openPopupOnHover: h,
     profile: Y,
     projection: S,
     theme: $,
     to: A,
-    zoom: m
+    zoom: g
   });
   return /* @__PURE__ */ u.jsxs(Q, { "data-testid": "mapbox-container", sx: { height: l, position: "relative", width: n, ...t }, children: [
     /* @__PURE__ */ u.jsx(ve, { styles: we }),
@@ -600,7 +601,7 @@ const Ae = ye({
           N?.(o.lngLat.lng, o.lngLat.lat);
         },
         children: [
-          g.filter(pe).map((o) => /* @__PURE__ */ u.jsx(
+          p.filter(pe).map((o) => /* @__PURE__ */ u.jsx(
             Re,
             {
               longitude: o.lng,
@@ -624,16 +625,16 @@ const Ae = ye({
             },
             o.id
           )),
-          x?.Tooltip && /* @__PURE__ */ u.jsx(
+          v?.Tooltip && /* @__PURE__ */ u.jsx(
             Te,
             {
-              longitude: re(x.lng) ? x.lng : 0,
-              latitude: re(x.lat) ? x.lat : 0,
+              longitude: re(v.lng) ? v.lng : 0,
+              latitude: re(v.lat) ? v.lat : 0,
               anchor: "top",
-              onClose: () => p(null),
-              maxWidth: b,
+              onClose: () => m(null),
+              maxWidth: x,
               closeOnClick: !0,
-              children: x.Tooltip
+              children: v.Tooltip
             }
           ),
           r && /* @__PURE__ */ u.jsx(ee, { type: "geojson", data: r, children: /* @__PURE__ */ u.jsx(
@@ -655,16 +656,17 @@ const Ae = ye({
           y && /* @__PURE__ */ u.jsx(
             Oe,
             {
-              markers: g,
+              markers: p,
               features: C,
-              padding: d,
-              duration: h ? 0 : E,
-              animationKey: k
+              padding: b,
+              duration: R ? 0 : d,
+              animationKey: E,
+              openPopup: !!k
             }
           )
         ]
       },
-      `${e}-${D}-${S}-${R}`
+      `${e}-${D}-${S}-${_}`
     )
   ] });
 }, Qe = Ee(Be), et = (t, a) => Number.isFinite(t) && Number.isFinite(a) && t >= -90 && t <= 90 && a >= -180 && a <= 180;

package/dist/main.umd.cjs

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-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{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media(-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media(-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' 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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' 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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg 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 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media(-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}`)),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-(function(m,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("@mui/x-license"),require("mapbox-gl"),require("@tracktor/design-system"),require("react-map-gl"),require("@tracktor/react-utils")):typeof define=="function"&&define.amd?define(["exports","react","@mui/x-license","mapbox-gl","@tracktor/design-system","react-map-gl","@tracktor/react-utils"],i):(m=typeof globalThis<"u"?globalThis:m||self,i(m["@tracktor/map"]={},m.React,m.muiXLicense,m.mapboxgl,m.designSystem,m.MapboxMap,m.reactUtils))})(this,(function(m,i,ce,oe,w,R,x){"use strict";var Z={exports:{}},Y={};/**
+(function(m,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("@mui/x-license"),require("mapbox-gl"),require("@tracktor/design-system"),require("react-map-gl"),require("@tracktor/react-utils")):typeof define=="function"&&define.amd?define(["exports","react","@mui/x-license","mapbox-gl","@tracktor/design-system","react-map-gl","@tracktor/react-utils"],i):(m=typeof globalThis<"u"?globalThis:m||self,i(m["@tracktor/map"]={},m.React,m.muiXLicense,m.mapboxgl,m.designSystem,m.MapboxMap,m.reactUtils))})(this,(function(m,i,ce,oe,w,h,j){"use strict";var Z={exports:{}},Y={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -7,7 +7,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ne;function ue(){if(ne)return Y;ne=1;var t=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function s(l,n,c){var y=null;if(c!==void 0&&(y=""+c),n.key!==void 0&&(y=""+n.key),"key"in n){c={};for(var T in n)T!=="key"&&(c[T]=n[T])}else c=n;return n=c.ref,{$$typeof:t,type:l,key:y,ref:n!==void 0?n:null,props:c}}return Y.Fragment=a,Y.jsx=s,Y.jsxs=s,Y}var G={};/**
+ */var ne;function ue(){if(ne)return Y;ne=1;var t=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function s(l,n,c){var g=null;if(c!==void 0&&(g=""+c),n.key!==void 0&&(g=""+n.key),"key"in n){c={};for(var k in n)k!=="key"&&(c[k]=n[k])}else c=n;return n=c.ref,{$$typeof:t,type:l,key:g,ref:n!==void 0?n:null,props:c}}return Y.Fragment=a,Y.jsx=s,Y.jsxs=s,Y}var G={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -15,9 +15,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ae;function fe(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case A:return"Profiler";case B:return"StrictMode";case V:return"Suspense";case N:return"SuspenseList";case U:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return"Portal";case W:return e.displayName||"Context";case P:return(e._context.displayName||"Context")+".Consumer";case F:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case z:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case L:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function a(e){return""+e}function s(e){try{a(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(e)}}function l(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=k.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function y(e){if(E.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function T(e,r){function o(){H||(H=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function j(){var e=t(this.type);return X[e]||(X[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function v(e,r,o,f,q,te){var d=o.ref;return e={$$typeof:h,type:e,key:r,props:o,_owner:f},(d!==void 0?d:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,o,f,q,te){var d=r.children;if(d!==void 0)if(f)if(M(d)){for(f=0;f<d.length;f++)_(d[f]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(d);if(E.call(r,"key")){d=t(e);var I=Object.keys(r).filter(function(Fe){return Fe!=="key"});f=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",Q[d+f]||(I=0<I.length?"{"+I.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ae;function fe(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case A:return"Profiler";case B:return"StrictMode";case V:return"Suspense";case N:return"SuspenseList";case U:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case S:return"Portal";case W:return e.displayName||"Context";case F:return(e._context.displayName||"Context")+".Consumer";case P:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case z:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case L:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function a(e){return""+e}function s(e){try{a(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(e)}}function l(e){if(e===x)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=v.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function g(e){if(y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function k(e,r){function o(){H||(H=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function R(){var e=t(this.type);return X[e]||(X[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function C(e,r,o,f,q,te){var d=o.ref;return e={$$typeof:b,type:e,key:r,props:o,_owner:f},(d!==void 0?d:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,r,o,f,q,te){var d=r.children;if(d!==void 0)if(f)if(M(d)){for(f=0;f<d.length;f++)_(d[f]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(d);if(y.call(r,"key")){d=t(e);var I=Object.keys(r).filter(function(Pe){return Pe!=="key"});f=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",Q[d+f]||(I=0<I.length?"{"+I.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,f,d,I,d),Q[d+f]=!0)}if(d=null,o!==void 0&&(s(o),d=""+o),y(r)&&(s(r.key),d=""+r.key),"key"in r){o={};for(var re in r)re!=="key"&&(o[re]=r[re])}else o=r;return d&&T(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,d,o,n(),q,te)}function _(e){p(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===L&&(e._payload.status==="fulfilled"?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e=="object"&&e!==null&&e.$$typeof===h}var b=i,h=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),W=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),N=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),k=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,E=Object.prototype.hasOwnProperty,M=Array.isArray,D=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var H,X={},J=b.react_stack_bottom_frame.bind(b,c)(),K=D(l(c)),Q={};G.Fragment=S,G.jsx=function(e,r,o){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,o,!1,f?Error("react-stack-top-frame"):J,f?D(l(e)):K)},G.jsxs=function(e,r,o){var f=1e4>k.recentlyCreatedOwnerStacks++;return g(e,r,o,!0,f?Error("react-stack-top-frame"):J,f?D(l(e)):K)}})()),G}var se;function de(){return se||(se=1,process.env.NODE_ENV==="production"?Z.exports=ue():Z.exports=fe()),Z.exports}var u=de();const pe=i.createContext({licenceMapbox:"",licenseMuiX:""}),me=({children:t,licenseMuiX:a,licenceMapbox:s})=>{i.useEffect(()=>{a&&ce.LicenseInfo.setLicenseKey(a)},[a]);const l=i.useMemo(()=>({licenceMapbox:s,licenseMuiX:a}),[a,s]);return s&&(oe.accessToken=s),u.jsx(pe.Provider,{value:l,children:t})},Ee=t=>({".mapboxgl-popup-close-button":{color:t.palette.mode==="dark"?"#fff !important":"#000 !important",fontSize:"20px !important"},".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"},".mapboxgl-popup-tip":{borderTopColor:`${t.palette.mode==="dark"?"#1e1e1e":"#ffffff"} !important`}}),le=t=>Number.isFinite(t.lng)&&Number.isFinite(t.lat),ye=t=>x.isString(t)||x.isNumber(t)?String(t):JSON.stringify(t),ge=t=>{if(!t)return[];const a=x.isArray(t)?t:t.type==="FeatureCollection"?t.features:[t],s=[];for(const l of a){const n=l.geometry;n.type==="Point"&&s.push(n.coordinates),n.type==="LineString"&&s.push(...n.coordinates),n.type==="Polygon"&&s.push(...n.coordinates[0])}return s},Te=({markers:t=[],features:a,padding:s=50,duration:l=1e3,disableAnimation:n=!1,fitBounds:c=!0,animationKey:y})=>{const{current:T}=R.useMap(),j=i.useRef(""),v=i.useMemo(()=>t.filter(le),[t]),g=i.useMemo(()=>ge(a),[a]),_=i.useMemo(()=>{const p=[...v.map(b=>[b.lng,b.lat]),...g];return p.length===0?null:p.reduce((b,[h,C])=>b.extend([h,C]),new oe.LngLatBounds)},[v,g]);return i.useEffect(()=>{if(T&&c&&_){if(y!==void 0){const p=ye(y);if(j.current===p)return;j.current=p}if(!_.isEmpty()){if(v.length===1&&g.length===0){const p=v[0];T.flyTo({center:[p.lng,p.lat],duration:n?0:l,zoom:14});return}T.fitBounds([_.getSouthWest().toArray(),_.getNorthEast().toArray()],{duration:n?0:l,padding:s})}}},[T,_,s,l,n,y,c,v,g]),null},_e=async(t,a,s="driving")=>{const n=`https://api.mapbox.com/directions/v5/mapbox/${s}/${t.join(",")};${a.join(",")}?geometries=geojson&overview=full&access_token=undefined`,c=await fetch(n);return c.ok?{geometry:(await c.json()).routes[0].geometry,properties:{},type:"Feature"}:null},$={satellite:"mapbox://styles/mapbox/satellite-streets-v12",street:{dark:"mapbox://styles/mapbox/dark-v11",light:"mapbox://styles/mapbox/streets-v12"}},ie=(t,a)=>{const s=a==="dark";switch(t){case"satellite":return $.satellite;default:return s?$.street.dark:$.street.light}},be=({mapStyle:t,theme:a,baseMapView:s,doubleClickZoom:l,cooperativeGestures:n})=>({cooperativeGestures:n,doubleClickZoom:l,failIfMajorPerformanceCaveat:!1,style:t??ie(s,a)}),ke=({center:t,zoom:a,openPopup:s,openPopupOnHover:l,markers:n,baseMapView:c,mapStyle:y,projection:T,cooperativeGestures:j,doubleClickZoom:v,theme:g,from:_,to:p,profile:b})=>{const h=w.useTheme(),C=i.useRef(null),[S,B]=i.useState(null),[A,P]=i.useState(s??null),W=i.useMemo(()=>{if(x.isArray(t))return{latitude:t[1],longitude:t[0],zoom:a}},[t,a]),F=i.useMemo(()=>y||ie(c,g??h.palette.mode),[c,y,g,h.palette.mode]),{style:V,cooperativeGestures:N,doubleClickZoom:z}=be({baseMapView:c,cooperativeGestures:j,doubleClickZoom:v,mapStyle:F,theme:g??h.palette.mode}),L=()=>{const E=C.current?.getMap?.();E&&E.setStyle(F)},U=(E,M)=>{!l&&M&&P(E)},O=(E,M)=>{l&&P(M?E:null)},k=i.useMemo(()=>A?n?.find(E=>E.id===A)??null:null,[A,n]);return i.useEffect(()=>{P(s??null)},[s]),i.useEffect(()=>{_&&p&&_e(_,p,b).then(E=>{E&&B(E)})},[_,b,p]),{coopGestures:N,coreStyle:V,dblZoom:z,handleMapLoad:L,handleMarkerClick:U,handleMarkerHover:O,initialCenter:W,mapRef:C,route:S,selected:A,selectedMarker:k,setSelected:P}},ve="#000000",Re="#FFFFFF",ee={default:"#009ba6",primary:"#3F83F8",secondary:"#9C27B0",success:"#4CAF50",warning:"#FF9800"},he=t=>t in ee,xe=({color:t,variant:a})=>{const{palette:s}=w.useTheme(),l=s.mode==="dark"?ve:Re,n=a&&he(a)&&ee[a]||t||(x.isString(a)?a:ee.default);return u.jsx(w.Box,{component:"div",style:{backgroundColor:l,border:`7px solid ${n}`,borderRadius:"50%",boxShadow:"0 0 4px rgba(0,0,0,0.3)",height:28,width:28}})},je=t=>x.isArray(t)?{features:t,type:"FeatureCollection"}:t.type==="FeatureCollection"?t:{features:[t],type:"FeatureCollection"},Ce=({features:t})=>{if(!t)return null;const a=je(t),s=a.features.filter(n=>n.geometry.type==="Polygon"||n.geometry.type==="MultiPolygon"),l=a.features.filter(n=>n.geometry.type==="LineString"||n.geometry.type==="MultiLineString");return u.jsxs(u.Fragment,{children:[s.length>0&&u.jsx(R.Source,{id:"features-polygon",type:"geojson",data:{features:s,type:"FeatureCollection"},children:u.jsx(R.Layer,{id:"polygon-fill",type:"fill",paint:{"fill-color":["coalesce",["get","color"],"#4ADE80"],"fill-opacity":.4}})}),l.length>0&&u.jsx(R.Source,{id:"features-line",type:"geojson",data:{features:l,type:"FeatureCollection"},children:u.jsx(R.Layer,{id:"line-stroke",type:"line",paint:{"line-color":["coalesce",["get","color"],"#3B82F6"],"line-opacity":.9,"line-width":3}})})]})},Se=({containerStyle:t,square:a,loading:s,height:l=300,width:n="100%",center:c=[2.3522,48.8566],zoom:y=5,popupMaxWidth:T,openPopup:j,openPopupOnHover:v,markers:g=[],fitBounds:_=!0,fitBoundsPadding:p,fitBoundDuration:b,fitBoundsAnimationKey:h,disableAnimation:C,mapStyle:S,onMapClick:B,baseMapView:A,cooperativeGestures:P=!0,doubleClickZoom:W=!0,projection:F,theme:V,features:N,from:z,to:L,profile:U="driving",itineraryLineStyle:O})=>{const{selectedMarker:k,setSelected:E,handleMarkerClick:M,handleMarkerHover:D,handleMapLoad:H,mapRef:X,dblZoom:J,initialCenter:K,coreStyle:Q,coopGestures:e,route:r}=ke({baseMapView:A,center:c,cooperativeGestures:P,doubleClickZoom:W,from:z,mapStyle:S,markers:g,openPopup:j,openPopupOnHover:v,profile:U,projection:F,theme:V,to:L,zoom:y});return u.jsxs(w.Box,{"data-testid":"mapbox-container",sx:{height:l,position:"relative",width:n,...t},children:[u.jsx(w.GlobalStyles,{styles:Ee}),s&&u.jsx(w.Skeleton,{"data-testid":"skeleton-loader",width:n,height:l,variant:a?"rectangular":"rounded",sx:{inset:0,position:"absolute",zIndex:2}}),!s&&u.jsxs(R,{ref:X,onLoad:H,cooperativeGestures:e,doubleClickZoom:J,mapStyle:Q,projection:F,initialViewState:K,style:{height:"100%",width:"100%"},mapboxAccessToken:void 0,onClick:o=>{B?.(o.lngLat.lng,o.lngLat.lat)},children:[g.filter(le).map(o=>u.jsx(R.Marker,{longitude:o.lng,latitude:o.lat,anchor:"bottom",onClick:f=>{f.originalEvent.stopPropagation(),o.id&&M(o.id,!!o.Tooltip)},children:u.jsx(w.Box,{component:"div",onMouseEnter:()=>{o.id&&D(o.id,!!o.Tooltip)},onMouseLeave:()=>D(null),style:{cursor:o.Tooltip?"pointer":"default"},children:o.IconComponent?u.jsx(o.IconComponent,{...o.iconProps}):u.jsx(xe,{color:o.color,variant:o.variant})})},o.id)),k?.Tooltip&&u.jsx(R.Popup,{longitude:x.isNumber(k.lng)?k.lng:0,latitude:x.isNumber(k.lat)?k.lat:0,anchor:"top",onClose:()=>E(null),maxWidth:T,closeOnClick:!0,children:k.Tooltip}),r&&u.jsx(R.Source,{type:"geojson",data:r,children:u.jsx(R.Layer,{type:"line",paint:{"line-color":O?.color??"#9c3333","line-opacity":O?.opacity??.8,"line-width":O?.width??4},layout:{"line-cap":"round","line-join":"round"}})}),N&&u.jsx(Ce,{features:N}),_&&u.jsx(Te,{markers:g,features:N,padding:p,duration:C?0:b,animationKey:h})]},`${e}-${J}-${F}-${S}`)]})},Ae=i.memo(Se),Pe=(t,a)=>Number.isFinite(t)&&Number.isFinite(a)&&t>=-90&&t<=90&&a>=-180&&a<=180;m.DEFAULT_CENTER_LAT=46.8677,m.DEFAULT_CENTER_LNG=2.333,m.MapProvider=me,m.MarkerMap=Ae,m.isValidLatLng=Pe,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,f,d,I,d),Q[d+f]=!0)}if(d=null,o!==void 0&&(s(o),d=""+o),g(r)&&(s(r.key),d=""+r.key),"key"in r){o={};for(var re in r)re!=="key"&&(o[re]=r[re])}else o=r;return d&&k(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),C(e,d,o,n(),q,te)}function _(e){T(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===L&&(e._payload.status==="fulfilled"?T(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function T(e){return typeof e=="object"&&e!==null&&e.$$typeof===b}var p=i,b=Symbol.for("react.transitional.element"),S=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),F=Symbol.for("react.consumer"),W=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),V=Symbol.for("react.suspense"),N=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),v=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,y=Object.prototype.hasOwnProperty,M=Array.isArray,D=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(e){return e()}};var H,X={},J=p.react_stack_bottom_frame.bind(p,c)(),K=D(l(c)),Q={};G.Fragment=x,G.jsx=function(e,r,o){var f=1e4>v.recentlyCreatedOwnerStacks++;return E(e,r,o,!1,f?Error("react-stack-top-frame"):J,f?D(l(e)):K)},G.jsxs=function(e,r,o){var f=1e4>v.recentlyCreatedOwnerStacks++;return E(e,r,o,!0,f?Error("react-stack-top-frame"):J,f?D(l(e)):K)}})()),G}var se;function de(){return se||(se=1,process.env.NODE_ENV==="production"?Z.exports=ue():Z.exports=fe()),Z.exports}var u=de();const pe=i.createContext({licenceMapbox:"",licenseMuiX:""}),me=({children:t,licenseMuiX:a,licenceMapbox:s})=>{i.useEffect(()=>{a&&ce.LicenseInfo.setLicenseKey(a)},[a]);const l=i.useMemo(()=>({licenceMapbox:s,licenseMuiX:a}),[a,s]);return s&&(oe.accessToken=s),u.jsx(pe.Provider,{value:l,children:t})},Ee=t=>({".mapboxgl-popup-close-button":{color:t.palette.mode==="dark"?"#fff !important":"#000 !important",fontSize:"20px !important"},".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"},".mapboxgl-popup-tip":{borderTopColor:`${t.palette.mode==="dark"?"#1e1e1e":"#ffffff"} !important`}}),le=t=>Number.isFinite(t.lng)&&Number.isFinite(t.lat),ye=t=>j.isString(t)||j.isNumber(t)?String(t):JSON.stringify(t),ge=t=>{if(!t)return[];const a=j.isArray(t)?t:t.type==="FeatureCollection"?t.features:[t],s=[];for(const l of a){const n=l.geometry;n.type==="Point"&&s.push(n.coordinates),n.type==="LineString"&&s.push(...n.coordinates),n.type==="Polygon"&&s.push(...n.coordinates[0])}return s},Te=({markers:t=[],features:a,padding:s=50,duration:l=1e3,disableAnimation:n,fitBounds:c=!0,animationKey:g,openPopup:k})=>{const{current:R}=h.useMap(),C=i.useRef(""),E=i.useMemo(()=>t.filter(le),[t]),_=i.useMemo(()=>ge(a),[a]),T=i.useMemo(()=>{const p=[...E.map(b=>[b.lng,b.lat]),..._];return p.length===0?null:p.reduce((b,[S,x])=>b.extend([S,x]),new oe.LngLatBounds)},[E,_]);return i.useEffect(()=>{if(!k&&R&&c&&T){if(g!==void 0){const p=ye(g);if(C.current===p)return;C.current=p}if(!T.isEmpty()){if(E.length===1&&_.length===0){const p=E[0];R.flyTo({center:[p.lng,p.lat],duration:n?0:l,zoom:14});return}R.fitBounds([T.getSouthWest().toArray(),T.getNorthEast().toArray()],{duration:n?0:l,padding:s})}}},[R,T,s,l,n,g,c,E,_,k]),null},_e=async(t,a,s="driving")=>{const n=`https://api.mapbox.com/directions/v5/mapbox/${s}/${t.join(",")};${a.join(",")}?geometries=geojson&overview=full&access_token=undefined`,c=await fetch(n);return c.ok?{geometry:(await c.json()).routes[0].geometry,properties:{},type:"Feature"}:null},$={satellite:"mapbox://styles/mapbox/satellite-streets-v12",street:{dark:"mapbox://styles/mapbox/dark-v11",light:"mapbox://styles/mapbox/streets-v12"}},ie=(t,a)=>{const s=a==="dark";switch(t){case"satellite":return $.satellite;default:return s?$.street.dark:$.street.light}},be=({mapStyle:t,theme:a,baseMapView:s,doubleClickZoom:l,cooperativeGestures:n})=>({cooperativeGestures:n,doubleClickZoom:l,failIfMajorPerformanceCaveat:!1,style:t??ie(s,a)}),ke=({center:t,zoom:a,openPopup:s,openPopupOnHover:l,markers:n,baseMapView:c,mapStyle:g,projection:k,cooperativeGestures:R,doubleClickZoom:C,theme:E,from:_,to:T,profile:p})=>{const b=w.useTheme(),S=i.useRef(null),[x,B]=i.useState(null),[A,F]=i.useState(s??null),W=i.useMemo(()=>{if(j.isArray(t))return{latitude:t[1],longitude:t[0],zoom:a}},[t,a]),P=i.useMemo(()=>g||ie(c,E??b.palette.mode),[c,g,E,b.palette.mode]),{style:V,cooperativeGestures:N,doubleClickZoom:z}=be({baseMapView:c,cooperativeGestures:R,doubleClickZoom:C,mapStyle:P,theme:E??b.palette.mode}),L=()=>{const y=S.current?.getMap?.();y&&y.setStyle(P)},U=(y,M)=>{!l&&M&&F(y)},O=(y,M)=>{l&&F(M?y:null)},v=i.useMemo(()=>A?n?.find(y=>y.id===A)??null:null,[A,n]);return i.useEffect(()=>{F(s??null)},[s]),i.useEffect(()=>{_&&T&&_e(_,T,p).then(y=>{y&&B(y)})},[_,p,T]),{coopGestures:N,coreStyle:V,dblZoom:z,handleMapLoad:L,handleMarkerClick:U,handleMarkerHover:O,initialCenter:W,mapRef:S,route:x,selected:A,selectedMarker:v,setSelected:F}},ve="#000000",Re="#FFFFFF",ee={default:"#009ba6",primary:"#3F83F8",secondary:"#9C27B0",success:"#4CAF50",warning:"#FF9800"},he=t=>t in ee,xe=({color:t,variant:a})=>{const{palette:s}=w.useTheme(),l=s.mode==="dark"?ve:Re,n=a&&he(a)&&ee[a]||t||(j.isString(a)?a:ee.default);return u.jsx(w.Box,{component:"div",style:{backgroundColor:l,border:`7px solid ${n}`,borderRadius:"50%",boxShadow:"0 0 4px rgba(0,0,0,0.3)",height:28,width:28}})},je=t=>j.isArray(t)?{features:t,type:"FeatureCollection"}:t.type==="FeatureCollection"?t:{features:[t],type:"FeatureCollection"},Ce=({features:t})=>{if(!t)return null;const a=je(t),s=a.features.filter(n=>n.geometry.type==="Polygon"||n.geometry.type==="MultiPolygon"),l=a.features.filter(n=>n.geometry.type==="LineString"||n.geometry.type==="MultiLineString");return u.jsxs(u.Fragment,{children:[s.length>0&&u.jsx(h.Source,{id:"features-polygon",type:"geojson",data:{features:s,type:"FeatureCollection"},children:u.jsx(h.Layer,{id:"polygon-fill",type:"fill",paint:{"fill-color":["coalesce",["get","color"],"#4ADE80"],"fill-opacity":.4}})}),l.length>0&&u.jsx(h.Source,{id:"features-line",type:"geojson",data:{features:l,type:"FeatureCollection"},children:u.jsx(h.Layer,{id:"line-stroke",type:"line",paint:{"line-color":["coalesce",["get","color"],"#3B82F6"],"line-opacity":.9,"line-width":3}})})]})},Se=({containerStyle:t,square:a,loading:s,height:l=300,width:n="100%",center:c=[2.3522,48.8566],zoom:g=5,popupMaxWidth:k,openPopup:R,openPopupOnHover:C,markers:E=[],fitBounds:_=!0,fitBoundsPadding:T,fitBoundDuration:p,fitBoundsAnimationKey:b,disableAnimation:S,mapStyle:x,onMapClick:B,baseMapView:A,cooperativeGestures:F=!0,doubleClickZoom:W=!0,projection:P,theme:V,features:N,from:z,to:L,profile:U="driving",itineraryLineStyle:O})=>{const{selectedMarker:v,setSelected:y,handleMarkerClick:M,handleMarkerHover:D,handleMapLoad:H,mapRef:X,dblZoom:J,initialCenter:K,coreStyle:Q,coopGestures:e,route:r}=ke({baseMapView:A,center:c,cooperativeGestures:F,doubleClickZoom:W,from:z,mapStyle:x,markers:E,openPopup:R,openPopupOnHover:C,profile:U,projection:P,theme:V,to:L,zoom:g});return u.jsxs(w.Box,{"data-testid":"mapbox-container",sx:{height:l,position:"relative",width:n,...t},children:[u.jsx(w.GlobalStyles,{styles:Ee}),s&&u.jsx(w.Skeleton,{"data-testid":"skeleton-loader",width:n,height:l,variant:a?"rectangular":"rounded",sx:{inset:0,position:"absolute",zIndex:2}}),!s&&u.jsxs(h,{ref:X,onLoad:H,cooperativeGestures:e,doubleClickZoom:J,mapStyle:Q,projection:P,initialViewState:K,style:{height:"100%",width:"100%"},mapboxAccessToken:void 0,onClick:o=>{B?.(o.lngLat.lng,o.lngLat.lat)},children:[E.filter(le).map(o=>u.jsx(h.Marker,{longitude:o.lng,latitude:o.lat,anchor:"bottom",onClick:f=>{f.originalEvent.stopPropagation(),o.id&&M(o.id,!!o.Tooltip)},children:u.jsx(w.Box,{component:"div",onMouseEnter:()=>{o.id&&D(o.id,!!o.Tooltip)},onMouseLeave:()=>D(null),style:{cursor:o.Tooltip?"pointer":"default"},children:o.IconComponent?u.jsx(o.IconComponent,{...o.iconProps}):u.jsx(xe,{color:o.color,variant:o.variant})})},o.id)),v?.Tooltip&&u.jsx(h.Popup,{longitude:j.isNumber(v.lng)?v.lng:0,latitude:j.isNumber(v.lat)?v.lat:0,anchor:"top",onClose:()=>y(null),maxWidth:k,closeOnClick:!0,children:v.Tooltip}),r&&u.jsx(h.Source,{type:"geojson",data:r,children:u.jsx(h.Layer,{type:"line",paint:{"line-color":O?.color??"#9c3333","line-opacity":O?.opacity??.8,"line-width":O?.width??4},layout:{"line-cap":"round","line-join":"round"}})}),N&&u.jsx(Ce,{features:N}),_&&u.jsx(Te,{markers:E,features:N,padding:T,duration:S?0:p,animationKey:b,openPopup:!!R})]},`${e}-${J}-${P}-${x}`)]})},Ae=i.memo(Se),Fe=(t,a)=>Number.isFinite(t)&&Number.isFinite(a)&&t>=-90&&t<=90&&a>=-180&&a<=180;m.DEFAULT_CENTER_LAT=46.8677,m.DEFAULT_CENTER_LNG=2.333,m.MapProvider=me,m.MarkerMap=Ae,m.isValidLatLng=Fe,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -3,7 +3,7 @@
   "description": "A React library to easily display map with multiple tools",
   "private": false,
   "license": "UNLICENSED",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "main": "dist/main.umd.cjs",
   "module": "dist/main.js",