npm - @treely/strapi-slices - Versions diffs - 7.13.0 → 7.13.1 - Mend

@treely/strapi-slices 7.13.0 → 7.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/integrations/strapi/getFpmProjectsByBbox.d.ts +3 -0
package/dist/integrations/strapi/getStrapiProjects.d.ts +3 -0
package/dist/strapi-slices.cjs.development.js +184 -113
package/dist/strapi-slices.cjs.development.js.map +1 -1
package/dist/strapi-slices.cjs.production.min.js +1 -1
package/dist/strapi-slices.cjs.production.min.js.map +1 -1
package/dist/strapi-slices.esm.js +184 -113
package/dist/strapi-slices.esm.js.map +1 -1
package/dist/utils/mergeProjectData.d.ts +4 -0
package/package.json +1 -1
package/src/integrations/strapi/getFpmProjectsByBbox.test.ts +115 -0
package/src/integrations/strapi/getFpmProjectsByBbox.ts +24 -0
package/src/integrations/strapi/getPortfolioProjects.ts +5 -46
package/src/integrations/strapi/getStrapiProjects.test.ts +167 -0
package/src/integrations/strapi/getStrapiProjects.ts +57 -0
package/src/slices/ProjectsMap/ProjectsMap.test.tsx +5 -5
package/src/slices/ProjectsMap/ProjectsMap.tsx +76 -36
package/src/utils/mergeProjectData.ts +34 -0
package/dist/integrations/strapi/getPortfolioProjectsByBbox.d.ts +0 -3
package/src/integrations/strapi/getPortfolioProjectsByBbox.test.ts +0 -82
package/src/integrations/strapi/getPortfolioProjectsByBbox.ts +0 -86

package/dist/integrations/strapi/getFpmProjectsByBbox.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FeatureCollection } from 'geojson';
+declare const getFpmProjectsByBbox: (bbox: string, preview?: boolean) => Promise<FeatureCollection>;
+export default getFpmProjectsByBbox;

package/dist/integrations/strapi/getStrapiProjects.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IStrapiData, StrapiProject } from '../..';
+declare const getStrapiProjects: (locale?: string, pLevel?: string, preview?: boolean) => Promise<Map<string, IStrapiData<StrapiProject>>>;
+export default getStrapiProjects;

package/dist/strapi-slices.cjs.development.js CHANGED Viewed

@@ -488,50 +488,93 @@ var fpmClient = /*#__PURE__*/axiosCacheInterceptor.setupCache(/*#__PURE__*/axios
   ttl: /*#__PURE__*/FPM_API_URI.includes('127.0.0.1') || /*#__PURE__*/FPM_API_URI.includes('localhost') ? 0 : 10 * 60 * 1000 // 10 minutes
 });
-var FALLBACK_LOCALE$1 = 'en';
-var getPortfolioProjects = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
-    var cache, params, _yield$Promise$all, fpmProjects, strapiProjectsLocalized, strapiProjectsEnglish, strapiProjects, _i, _arr, project;
+var FALLBACK_LOCALE = 'en';
+var getStrapiProjects = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, pLevel, preview) {
+    var cache, strapiParams, strapiProjects, _yield$Promise$all, strapiProjectsLocalized, strapiProjectsEnglish, _i, _arr, project;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (locale === void 0) {
             locale = 'en';
           }
+          if (pLevel === void 0) {
+            pLevel = STRAPI_DEFAULT_POPULATE_DEPTH;
+          }
           if (preview === void 0) {
             preview = false;
           }
           cache = preview ? false : undefined;
-          params = {
-            pLevel: STRAPI_DEFAULT_POPULATE_DEPTH,
+          strapiParams = {
+            pLevel: pLevel,
             locale: locale,
             'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
             status: preview ? 'draft' : 'published'
           };
-          _context.next = 6;
-          return Promise.all([fpmClient.get('/public/projects', {
-            cache: cache
-          }), strapiClient.get('/projects', {
-            params: params,
+          strapiProjects = new Map();
+          _context.prev = 6;
+          _context.next = 9;
+          return Promise.all([strapiClient.get('/projects', {
+            params: strapiParams,
             cache: cache
           }), strapiClient.get('/projects', {
-            params: _extends({}, params, {
-              locale: FALLBACK_LOCALE$1
+            params: _extends({}, strapiParams, {
+              locale: FALLBACK_LOCALE
             }),
             cache: cache
           })]);
-        case 6:
+        case 9:
           _yield$Promise$all = _context.sent;
-          fpmProjects = _yield$Promise$all[0].data;
-          strapiProjectsLocalized = _yield$Promise$all[1].data;
-          strapiProjectsEnglish = _yield$Promise$all[2].data;
-          strapiProjects = new Map();
-          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data, strapiProjectsLocalized.data); _i < _arr.length; _i++) {
+          strapiProjectsLocalized = _yield$Promise$all[0];
+          strapiProjectsEnglish = _yield$Promise$all[1];
+          // Process Strapi data if we got it
+          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data.data, strapiProjectsLocalized.data.data); _i < _arr.length; _i++) {
             project = _arr[_i];
             if (project.attributes.fpmProjectId) {
               strapiProjects.set(project.attributes.fpmProjectId, project);
             }
           }
+          _context.next = 18;
+          break;
+        case 15:
+          _context.prev = 15;
+          _context.t0 = _context["catch"](6);
+          console.warn('Failed to fetch Strapi data:', _context.t0);
+          // Return empty map on failure
+        case 18:
+          return _context.abrupt("return", strapiProjects);
+        case 19:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[6, 15]]);
+  }));
+  return function getStrapiProjects(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getPortfolioProjects = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
+    var cache, _yield$Promise$all, fpmProjects, strapiProjects;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (locale === void 0) {
+            locale = 'en';
+          }
+          if (preview === void 0) {
+            preview = false;
+          }
+          cache = preview ? false : undefined;
+          _context.next = 5;
+          return Promise.all([fpmClient.get('/public/projects', {
+            cache: cache
+          }), getStrapiProjects(locale, STRAPI_DEFAULT_POPULATE_DEPTH, preview)]);
+        case 5:
+          _yield$Promise$all = _context.sent;
+          fpmProjects = _yield$Promise$all[0].data;
+          strapiProjects = _yield$Promise$all[1];
           return _context.abrupt("return", fpmProjects.map(function (fpmProject) {
             var _strapiProject$attrib;
             var strapiProject = strapiProjects.get(fpmProject.id);
@@ -547,7 +590,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
             }
             return toReturn;
           }));
-        case 13:
+        case 9:
         case "end":
           return _context.stop();
       }
@@ -3657,80 +3700,58 @@ var MAPBOX_MAX_ZOOM = 19;
 var _templateObject$3;
 var mapboxStyle = /*#__PURE__*/react$1.css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .mapboxgl-map {\n    -webkit-tap-highlight-color: rgb(0 0 0/0);\n    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;\n    overflow: hidden;\n    position: relative;\n  }\n  .mapboxgl-canvas {\n    left: 0;\n    position: absolute;\n    top: 0;\n  }\n  .mapboxgl-map:-webkit-full-screen {\n    height: 100%;\n    width: 100%;\n  }\n  .mapboxgl-canary {\n    background-color: salmon;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {\n    cursor: grab;\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {\n    cursor: pointer;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive:active,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {\n    cursor: grabbing;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {\n    touch-action: pinch-zoom;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan\n    .mapboxgl-canvas {\n    touch-action: none;\n  }\n  .mapboxgl-ctrl-bottom-left,\n  .mapboxgl-ctrl-bottom-right,\n  .mapboxgl-ctrl-top-left,\n  .mapboxgl-ctrl-top-right {\n    pointer-events: none;\n    position: absolute;\n    z-index: 2;\n  }\n  .mapboxgl-ctrl-top-left {\n    left: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-top-right {\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-bottom-left {\n    bottom: 0;\n    left: 0;\n  }\n  .mapboxgl-ctrl-bottom-right {\n    bottom: 0;\n    right: 0;\n  }\n  .mapboxgl-ctrl {\n    clear: both;\n    pointer-events: auto;\n    transform: translate(0);\n  }\n  .mapboxgl-ctrl-top-left .mapboxgl-ctrl {\n    float: left;\n    margin: 10px 0 0 10px;\n  }\n  .mapboxgl-ctrl-top-right .mapboxgl-ctrl {\n    float: right;\n    margin: 10px 10px 0 0;\n  }\n  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {\n    float: left;\n    margin: 0 0 10px 10px;\n  }\n  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {\n    float: right;\n    margin: 0 10px 10px 0;\n  }\n  .mapboxgl-ctrl-group {\n    background: #fff;\n    border-radius: 4px;\n  }\n  .mapboxgl-ctrl-group:not(:empty) {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-group:not(:empty) {\n      box-shadow: 0 0 0 2px ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-group button {\n    background-color: transparent;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    height: 29px;\n    outline: none;\n    overflow: hidden;\n    padding: 0;\n    width: 29px;\n  }\n  .mapboxgl-ctrl-group button + button {\n    border-top: 1px solid #ddd;\n  }\n  .mapboxgl-ctrl button .mapboxgl-ctrl-icon {\n    background-position: 50%;\n    background-repeat: no-repeat;\n    display: block;\n    height: 100%;\n    width: 100%;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-icon {\n      background-color: transparent;\n    }\n    .mapboxgl-ctrl-group button + button {\n      border-top: 1px solid ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-attrib-button:focus,\n  .mapboxgl-ctrl-group button:focus {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl button:disabled {\n    cursor: not-allowed;\n  }\n  .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {\n    opacity: 0.25;\n  }\n  .mapboxgl-ctrl-group button:first-of-type {\n    border-radius: 4px 4px 0 0;\n  }\n  .mapboxgl-ctrl-group button:last-of-type {\n    border-radius: 0 0 4px 4px;\n  }\n  .mapboxgl-ctrl-group button:only-of-type {\n    border-radius: inherit;\n  }\n  .mapboxgl-ctrl button:not(:disabled):hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-ctrl-group button:focus:focus-visible {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl-group button:focus:not(:focus-visible) {\n    box-shadow: none;\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n    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\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n    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\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n    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\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n    .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n    .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n    .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n    .mapboxgl-ctrl-icon {\n    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\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting\n    .mapboxgl-ctrl-icon {\n    animation: mapboxgl-spin 2s linear infinite;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n      .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n      .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n      .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n      .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      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\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      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\");\n    }\n  }\n  @keyframes mapboxgl-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  a.mapboxgl-ctrl-logo {\n    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\");\n    background-repeat: no-repeat;\n    cursor: pointer;\n    display: block;\n    height: 23px;\n    margin: 0 0 -4px -4px;\n    overflow: hidden;\n    width: 88px;\n  }\n  a.mapboxgl-ctrl-logo.mapboxgl-compact {\n    width: 23px;\n  }\n  @media (-ms-high-contrast: active) {\n    a.mapboxgl-ctrl-logo {\n      background-color: transparent;\n      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\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    a.mapboxgl-ctrl-logo {\n      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\");\n    }\n  }\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {\n    background-color: hsla(0, 0%, 100%, 0.5);\n    margin: 0;\n    padding: 0 5px;\n  }\n  @media screen {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact {\n      background-color: #fff;\n      border-radius: 12px;\n      margin: 10px;\n      min-height: 20px;\n      padding: 2px 24px 2px 0;\n      position: relative;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      padding: 2px 28px 2px 8px;\n      visibility: visible;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      border-radius: 12px;\n      padding: 2px 8px 2px 28px;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {\n      display: none;\n    }\n    .mapboxgl-ctrl-attrib-button {\n      background-color: hsla(0, 0%, 100%, 0.5);\n      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\");\n      border: 0;\n      border-radius: 12px;\n      box-sizing: border-box;\n      cursor: pointer;\n      display: none;\n      height: 24px;\n      outline: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 24px;\n    }\n    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {\n      left: 0;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {\n      display: block;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {\n      background-color: rgb(0 0 0/5%);\n    }\n    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      right: 0;\n    }\n    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      right: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      left: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  @media screen and (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      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\");\n    }\n  }\n  @media screen and (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      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\");\n    }\n  }\n  .mapboxgl-ctrl-attrib a {\n    color: rgba(0, 0, 0, 0.75);\n    text-decoration: none;\n  }\n  .mapboxgl-ctrl-attrib a:hover {\n    color: inherit;\n    text-decoration: underline;\n  }\n  .mapboxgl-ctrl-attrib .mapbox-improve-map {\n    font-weight: 700;\n    margin-left: 2px;\n  }\n  .mapboxgl-attrib-empty {\n    display: none;\n  }\n  .mapboxgl-ctrl-scale {\n    background-color: hsla(0, 0%, 100%, 0.75);\n    border: 2px solid #333;\n    border-top: #333;\n    box-sizing: border-box;\n    color: #333;\n    font-size: 10px;\n    padding: 0 5px;\n    white-space: nowrap;\n  }\n  .mapboxgl-popup {\n    display: flex;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    will-change: transform;\n  }\n  .mapboxgl-popup-anchor-top,\n  .mapboxgl-popup-anchor-top-left,\n  .mapboxgl-popup-anchor-top-right {\n    flex-direction: column;\n  }\n  .mapboxgl-popup-anchor-bottom,\n  .mapboxgl-popup-anchor-bottom-left,\n  .mapboxgl-popup-anchor-bottom-right {\n    flex-direction: column-reverse;\n  }\n  .mapboxgl-popup-anchor-left {\n    flex-direction: row;\n  }\n  .mapboxgl-popup-anchor-right {\n    flex-direction: row-reverse;\n  }\n  .mapboxgl-popup-tip {\n    border: 10px solid transparent;\n    height: 0;\n    width: 0;\n    z-index: 1;\n  }\n  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom-color: #fff;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom-color: #fff;\n    border-left: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom-color: #fff;\n    border-right: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom: none;\n    border-left: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom: none;\n    border-right: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {\n    align-self: center;\n    border-left: none;\n    border-right-color: #fff;\n  }\n  .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {\n    align-self: center;\n    border-left-color: #fff;\n    border-right: none;\n  }\n  .mapboxgl-popup-close-button {\n    background-color: transparent;\n    border: 0;\n    border-radius: 0 3px 0 0;\n    cursor: pointer;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-popup-close-button:hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-popup-content {\n    background: #fff;\n    border-radius: 3px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n    padding: 10px 10px 15px;\n    pointer-events: auto;\n    position: relative;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {\n    border-top-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {\n    border-top-right-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {\n    border-bottom-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {\n    border-bottom-right-radius: 0;\n  }\n  .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-popup-track-pointer * {\n    pointer-events: none;\n    user-select: none;\n  }\n  .mapboxgl-map:hover .mapboxgl-popup-track-pointer {\n    display: flex;\n  }\n  .mapboxgl-map:active .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-marker {\n    left: 0;\n    opacity: 1;\n    position: absolute;\n    top: 0;\n    transition: opacity 0.2s;\n    will-change: transform;\n  }\n  .mapboxgl-user-location-dot,\n  .mapboxgl-user-location-dot:before {\n    background-color: #1da1f2;\n    border-radius: 50%;\n    height: 15px;\n    width: 15px;\n  }\n  .mapboxgl-user-location-dot:before {\n    animation: mapboxgl-user-location-dot-pulse 2s infinite;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-dot:after {\n    border: 2px solid #fff;\n    border-radius: 50%;\n    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);\n    box-sizing: border-box;\n    content: '';\n    height: 19px;\n    left: -2px;\n    position: absolute;\n    top: -2px;\n    width: 19px;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {\n    height: 0;\n    width: 0;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-bottom: 7.5px solid #4aa1eb;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-left: 7.5px solid transparent;\n    transform: translateY(-28px) skewY(-20deg);\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {\n    border-right: 7.5px solid transparent;\n    transform: translate(7.5px, -28px) skewY(20deg);\n  }\n  @keyframes mapboxgl-user-location-dot-pulse {\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n    70% {\n      opacity: 0;\n      transform: scale(3);\n    }\n    to {\n      opacity: 0;\n      transform: scale(1);\n    }\n  }\n  .mapboxgl-user-location-dot-stale {\n    background-color: #aaa;\n  }\n  .mapboxgl-user-location-dot-stale:after {\n    display: none;\n  }\n  .mapboxgl-user-location-accuracy-circle {\n    background-color: #1da1f233;\n    border-radius: 100%;\n    height: 1px;\n    width: 1px;\n  }\n  .mapboxgl-crosshair,\n  .mapboxgl-crosshair .mapboxgl-interactive,\n  .mapboxgl-crosshair .mapboxgl-interactive:active {\n    cursor: crosshair;\n  }\n  .mapboxgl-boxzoom {\n    background: #fff;\n    border: 2px dotted #202020;\n    height: 0;\n    left: 0;\n    opacity: 0.5;\n    position: absolute;\n    top: 0;\n    width: 0;\n  }\n  @media print {\n    .mapbox-improve-map {\n      display: none;\n    }\n  }\n  .mapboxgl-scroll-zoom-blocker,\n  .mapboxgl-touch-pan-blocker {\n    align-items: center;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    display: flex;\n    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,\n      sans-serif;\n    height: 100%;\n    justify-content: center;\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    text-align: center;\n    top: 0;\n    transition: opacity 0.75s ease-in-out;\n    transition-delay: 1s;\n    width: 100%;\n  }\n  .mapboxgl-scroll-zoom-blocker-show,\n  .mapboxgl-touch-pan-blocker-show {\n    opacity: 1;\n    transition: opacity 0.1s ease-in-out;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page\n    .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n"])));
-var FALLBACK_LOCALE = 'en';
-var getPortfolioProjectsByBbox = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(bbox, locale, preview) {
-    var _bbox$split$map, west, south, east, north, cache, strapiParams, _yield$Promise$all, fpmResponse, strapiProjectsLocalized, strapiProjectsEnglish, strapiProjects, _i, _arr, project, featureCollection;
+var getFpmProjectsByBbox = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(bbox, preview) {
+    var _bbox$split$map, west, south, east, north, cache, fpmResponse;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (locale === void 0) {
-            locale = 'en';
-          }
           if (preview === void 0) {
             preview = false;
           }
           _bbox$split$map = bbox.split(',').map(Number), west = _bbox$split$map[0], south = _bbox$split$map[1], east = _bbox$split$map[2], north = _bbox$split$map[3];
           cache = preview ? false : undefined;
-          strapiParams = {
-            pLevel: STRAPI_DEFAULT_POPULATE_DEPTH,
-            locale: locale,
-            'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
-            status: preview ? 'draft' : 'published'
-          };
-          _context.next = 7;
-          return Promise.all([fpmClient.get('/public/projects', {
+          _context.next = 5;
+          return fpmClient.get('/public/projects', {
             params: {
               bbox: west + "," + south + "," + east + "," + north
             },
             cache: cache
-          }), strapiClient.get('/projects', {
-            params: strapiParams,
-            cache: cache
-          }), strapiClient.get('/projects', {
-            params: _extends({}, strapiParams, {
-              locale: FALLBACK_LOCALE
-            }),
-            cache: cache
-          })]);
-        case 7:
-          _yield$Promise$all = _context.sent;
-          fpmResponse = _yield$Promise$all[0];
-          strapiProjectsLocalized = _yield$Promise$all[1].data;
-          strapiProjectsEnglish = _yield$Promise$all[2].data;
-          strapiProjects = new Map();
-          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data, strapiProjectsLocalized.data); _i < _arr.length; _i++) {
-            project = _arr[_i];
-            if (project.attributes.fpmProjectId) {
-              strapiProjects.set(project.attributes.fpmProjectId, project);
-            }
-          }
-          featureCollection = fpmResponse.data; // Add slug and portfolioHost to each feature's properties
-          featureCollection.features = featureCollection.features.map(function (feature) {
-            var _feature$properties;
-            var fpmProjectId = (_feature$properties = feature.properties) == null ? void 0 : _feature$properties.id;
-            var strapiProject = fpmProjectId ? strapiProjects.get(fpmProjectId) : null;
-            if (strapiProject) {
-              var _strapiProject$attrib;
-              feature.properties = _extends({}, feature.properties, {
-                slug: strapiProject.attributes.slug || undefined,
-                portfolioHost: ((_strapiProject$attrib = strapiProject.attributes.portfolio) == null || (_strapiProject$attrib = _strapiProject$attrib.data) == null ? void 0 : _strapiProject$attrib.attributes.host) || undefined
-              });
-            }
-            return feature;
           });
-          return _context.abrupt("return", featureCollection);
-        case 16:
+        case 5:
+          fpmResponse = _context.sent;
+          return _context.abrupt("return", fpmResponse.data);
+        case 7:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function getPortfolioProjectsByBbox(_x, _x2, _x3) {
+  return function getFpmProjectsByBbox(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
+var mergeProjectData = function mergeProjectData(featureCollection, strapiProjects) {
+  // Add slug and portfolioHost to each feature's properties if we have Strapi data
+  var mergedFeatureCollection = _extends({}, featureCollection, {
+    features: featureCollection.features.map(function (feature) {
+      var _feature$properties;
+      var fpmProjectId = (_feature$properties = feature.properties) == null ? void 0 : _feature$properties.id;
+      var strapiProject = fpmProjectId ? strapiProjects.get(fpmProjectId) : null;
+      if (strapiProject) {
+        var _strapiProject$attrib;
+        feature.properties = _extends({}, feature.properties, {
+          slug: strapiProject.attributes.slug || undefined,
+          portfolioHost: ((_strapiProject$attrib = strapiProject.attributes.portfolio) == null || (_strapiProject$attrib = _strapiProject$attrib.data) == null ? void 0 : _strapiProject$attrib.attributes.host) || undefined
+        });
+      }
+      return feature;
+    })
+  });
+  return mergedFeatureCollection;
+};
 var projectPinImage = 'https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.0.2/assets/fill/map-pin-fill.svg';
 mapboxgl__default.default.accessToken = MAPBOX_TOKEN;
 var FALLBACK_BBOX = '-1.9950830850086163,44.4464186384987,21.995083085002875,54.12644342419196';
@@ -3753,8 +3774,8 @@ var ProjectsMap = function ProjectsMap(_ref) {
     isMapReady = _useState3[0],
     setIsMapReady = _useState3[1];
   var _useState4 = React.useState(null),
-    userLocation = _useState4[0],
-    setUserLocation = _useState4[1];
+    strapiProjects = _useState4[0],
+    setStrapiProjects = _useState4[1];
   var isBboxContained = React.useCallback(function (innerBbox, outerBbox) {
     var _innerBbox$split$map = innerBbox.split(',').map(Number),
       innerWest = _innerBbox$split$map[0],
@@ -3768,39 +3789,71 @@ var ProjectsMap = function ProjectsMap(_ref) {
       outerNorth = _outerBbox$split$map[3];
     return innerWest >= outerWest && innerEast <= outerEast && innerSouth >= outerSouth && innerNorth <= outerNorth;
   }, []);
+  var fetchStrapiData = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!strapiProjects) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          _context.prev = 2;
+          _context.next = 5;
+          return getStrapiProjects(locale, '2');
+        case 5:
+          data = _context.sent;
+          // pLevel = Population depth which is a param in the API request. 2 is enough to get the slug and the portfolioHost
+          setStrapiProjects(data);
+          _context.next = 12;
+          break;
+        case 9:
+          _context.prev = 9;
+          _context.t0 = _context["catch"](2);
+          console.error('❌ Error fetching Strapi projects:', _context.t0);
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 9]]);
+  })), [locale, strapiProjects]);
   var fetchProjectsData = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(bbox) {
-      var data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(bbox) {
+      var fpmData, mergedData;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             setIsLoading(true);
-            _context.prev = 1;
-            _context.next = 4;
-            return getPortfolioProjectsByBbox(bbox);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return getFpmProjectsByBbox(bbox);
           case 4:
-            data = _context.sent;
-            setFeatureCollection(data);
-            _context.next = 11;
+            fpmData = _context2.sent;
+            // If we have Strapi data, merge it, otherwise show FPM data immediately
+            mergedData = strapiProjects ? mergeProjectData(fpmData, strapiProjects) : fpmData;
+            setFeatureCollection(mergedData);
+            _context2.next = 12;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
-            console.error('Error fetching projects:', _context.t0);
-          case 11:
-            _context.prev = 11;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            console.error('Error fetching projects:', _context2.t0);
+          case 12:
+            _context2.prev = 12;
             setIsLoading(false);
-            return _context.finish(11);
-          case 14:
+            return _context2.finish(12);
+          case 15:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[1, 8, 11, 14]]);
+      }, _callee2, null, [[1, 9, 12, 15]]);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
-  }(), []);
+  }(), [strapiProjects]);
   var debouncedUpdateBbox = React.useCallback(debounce__default.default(function () {
     if (!map.current || !initialBboxRef.current) return;
     var bounds = map.current.getBounds();
@@ -3945,9 +3998,6 @@ var ProjectsMap = function ProjectsMap(_ref) {
           developer = 'Unknown';
         }
         var projectUrl = slug && portfolioHost ? portfolioHost + "/portfolio/" + slug : null;
-        console.log('projectUrl', projectUrl);
-        console.log('slug', slug);
-        console.log('portfolioHost', portfolioHost);
         var getBadgeMessage = function getBadgeMessage(status) {
           switch (status) {
             case CreditAvailability.CREDITS_AVAILABLE:
@@ -4034,10 +4084,8 @@ var ProjectsMap = function ProjectsMap(_ref) {
     if (slice.defaultCenterCoordinates && slice.defaultZoomLevel) {
       initialCenter = [slice.defaultCenterCoordinates.longitude, slice.defaultCenterCoordinates.latitude];
       initialZoom = slice.defaultZoomLevel;
-    } else if (userLocation) {
-      initialCenter = [userLocation.lon, userLocation.lat];
-      initialZoom = 10;
     } else {
+      // Always start with fallback view - don't wait for user location
       var bbox = initialBboxRef.current || FALLBACK_BBOX;
       var _bbox$split$map = bbox.split(',').map(Number),
         west = _bbox$split$map[0],
@@ -4059,7 +4107,7 @@ var ProjectsMap = function ProjectsMap(_ref) {
     map.current.addControl(new mapboxgl__default.default.NavigationControl(), 'top-right');
     map.current.on('load', function () {
       setIsMapReady(true);
-      if (!(slice.defaultCenterCoordinates && slice.defaultZoomLevel) && !userLocation) {
+      if (!(slice.defaultCenterCoordinates && slice.defaultZoomLevel)) {
         var _map$current5;
         var _bbox = initialBboxRef.current || FALLBACK_BBOX;
         var _bbox$split$map2 = _bbox.split(',').map(Number),
@@ -4087,9 +4135,22 @@ var ProjectsMap = function ProjectsMap(_ref) {
       (_map$current6 = map.current) == null || _map$current6.remove();
       map.current = null;
     };
-  }, [slice.defaultCenterCoordinates, slice.defaultZoomLevel, userLocation, debouncedUpdateBbox]);
+  }, [slice.defaultCenterCoordinates, slice.defaultZoomLevel, debouncedUpdateBbox]);
+  // Fetch Strapi data once on component mount
+  React.useEffect(function () {
+    fetchStrapiData();
+  }, [fetchStrapiData]);
+  // Handle re-merging data when Strapi data becomes available
+  React.useEffect(function () {
+    if (strapiProjects && featureCollection) {
+      var mergedData = mergeProjectData(featureCollection, strapiProjects);
+      setFeatureCollection(mergedData);
+    }
+  }, [strapiProjects]);
+  // Request user location (non-blocking)
   React.useEffect(function () {
     if (slice.defaultCenterCoordinates && slice.defaultZoomLevel) {
+      // Use provided default coordinates
       var _slice$defaultCenterC = slice.defaultCenterCoordinates,
         latitude = _slice$defaultCenterC.latitude,
         longitude = _slice$defaultCenterC.longitude;
@@ -4098,23 +4159,33 @@ var ProjectsMap = function ProjectsMap(_ref) {
       initialBboxRef.current = bbox;
       fetchProjectsData(bbox);
     } else if (navigator.geolocation) {
+      // Set fallback immediately (non-blocking)
+      initialBboxRef.current = FALLBACK_BBOX;
+      fetchProjectsData(FALLBACK_BBOX);
+      // Request user location asynchronously
       navigator.geolocation.getCurrentPosition(function (position) {
         var userLoc = {
           lat: position.coords.latitude,
           lon: position.coords.longitude
         };
-        setUserLocation(userLoc);
-        var buffer = 1;
-        var bbox = userLoc.lon - buffer + "," + (userLoc.lat - buffer) + "," + (userLoc.lon + buffer) + "," + (userLoc.lat + buffer);
-        initialBboxRef.current = bbox;
-        fetchProjectsData(bbox);
+        if (map.current) {
+          map.current.easeTo({
+            center: [userLoc.lon, userLoc.lat],
+            zoom: 10,
+            duration: 1500
+          });
+          // Update bbox for this location
+          var _buffer = 1;
+          var _bbox2 = userLoc.lon - _buffer + "," + (userLoc.lat - _buffer) + "," + (userLoc.lon + _buffer) + "," + (userLoc.lat + _buffer);
+          initialBboxRef.current = _bbox2;
+          fetchProjectsData(_bbox2);
+        }
       }, function () {
-        setUserLocation(null);
-        initialBboxRef.current = FALLBACK_BBOX;
-        fetchProjectsData(FALLBACK_BBOX);
+        // Permission denied or error - already have fallback data loaded
+        // No need to re-fetch since we already loaded FALLBACK_BBOX data
       });
     } else {
-      setUserLocation(null);
+      // Geolocation not supported - use fallback
       initialBboxRef.current = FALLBACK_BBOX;
       fetchProjectsData(FALLBACK_BBOX);
     }