npm - @redus/georedus-ui - Versions diffs - 0.10.1 → 0.11.0 - Mend

@redus/georedus-ui 0.10.1 → 0.11.0

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 (18) hide show

package/dist/main.js CHANGED Viewed

@@ -12,15 +12,16 @@ import { dataMergeProtocol } from '@orioro/vector-tile-util';
 import maplibregl from 'maplibre-gl';
 import { get as get$1 } from '@orioro/get';
 import { buffer } from '@turf/turf';
+import { scaleQuantile } from 'd3-scale';
 import { csvParse } from 'd3-dsv';
 import { strAutoCast } from '@orioro/cast';
 import { fmtLayerAbsoluteId, waves_1, svgImageGenerator, SVG_PATTERNS, makeSyncedMaps, LayeredMap, useMapRegistry, useTilesLoading, HoverTooltip, layeredMapOnClickHandler, DynamicImages, ControlContainer, InspectControl, MapWindow, TerrainControl, fitGeometry } from '@orioro/react-maplibre-util';
+import styled, { keyframes } from 'styled-components';
 import { colord } from 'colord';
-import React, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
+import React$1, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
 import { Heading, Portal, Badge, Tabs, Tooltip, IconButton, Theme, Text, Popover, Dialog } from '@radix-ui/themes';
-import styled, { keyframes } from 'styled-components';
-import { mdiSprout, mdiTree, mdiCurrencyUsd, mdiAccountMultipleOutline, mdiScaleBalance, mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiMap, mdiEarth, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiContentCopy, mdiLinkVariant, mdiChevronLeft, mdiShareVariantOutline, mdiForumOutline, mdiDragVertical, mdiLayers, mdiClose, mdiHospital } from '@mdi/js';
-import { Icon } from '@mdi/react';
+import { mdiSprout, mdiTree, mdiCurrencyUsd, mdiAccountMultipleOutline, mdiScaleBalance, mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiBookOpenVariant, mdiMap, mdiEarth, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiContentCopy, mdiLinkVariant, mdiChevronLeft, mdiShareVariantOutline, mdiForumOutline, mdiDragVertical, mdiLayers, mdiClose, mdiHospital } from '@mdi/js';
+import Icon$1, { Icon } from '@mdi/react';
 import Confetti from 'react-confetti';
 import { nodeIdFromPath } from '@orioro/tree-model';
 import { makeDirNav } from '@orioro/react-dir-nav';
@@ -40,6 +41,7 @@ import { Legend } from '@orioro/react-chart-util';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { useQueries, useQuery } from '@tanstack/react-query';
 import { AttributionControl, GeolocateControl, FullscreenControl, NavigationControl, ScaleControl, useMap } from 'react-map-gl/maplibre';
+import { pointToTile, tileToBBOX } from '@mapbox/tilebelt';
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -4958,16 +4960,57 @@ function _censoColorScheme(colorSchemeName) {
   return colorScheme;
 }
+//
+// TODO: restructure and move into maplibre util with naturalBreaks
+// Maybe move into separate lib?
+//
+function _quantileBreakpoints(_ref) {
+  var k = _ref.k,
+    values = _ref.values,
+    scalesByK = _ref.scalesByK,
+    _ref$defaultColor = _ref.defaultColor,
+    defaultColor = _ref$defaultColor === void 0 ? '#efefef' : _ref$defaultColor;
+  var scale = scaleQuantile().domain(values) // your data
+  .range(new Array(k).fill(null).map(function (_, idx) {
+    return idx;
+  })); // number of bins
+  var breaks = scale.quantiles(); // → the cutoff values
+  //
+  // Will produce an array such as:
+  // [
+  //   "below_10",
+  //   10,
+  //   "between_10_20",
+  //   20,
+  //   "between_20_30",
+  //   30,
+  //   "above_30"
+  // ]
+  //
+  var colorScale = scalesByK[k];
+  var colorScaleStops = breaks.map(function (breakValue, index) {
+    var color = colorScale[index + 1];
+    return index === 0 ? [
+    // For below 0 values, will use defaultColor
+    defaultColor, 0,
+    // colorScale
+    colorScale[0], breakValue, color] : [breakValue, color];
+  }).flat(1);
+  return colorScaleStops;
+}
 function defaultMetadata(_x, _x2) {
   return _defaultMetadata.apply(this, arguments);
 }
 function _defaultMetadata() {
-  _defaultMetadata = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, context) {
-    var GLOBAL_CONTEXT, PARSED_SCHEMA, METADATA_API_ENDPOINT, municipioId, variableId, variant, rawDataCacheUrl, rawData, scaleValues, colorScheme;
+  _defaultMetadata = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2, context) {
+    var GLOBAL_CONTEXT, PARSED_SCHEMA, METADATA_API_ENDPOINT, municipioId, variableId, variant, rawDataCacheUrl, rawData, scaleValues, colorScheme, colorScaleStops;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          GLOBAL_CONTEXT = _ref.GLOBAL_CONTEXT, PARSED_SCHEMA = _ref.PARSED_SCHEMA;
+          GLOBAL_CONTEXT = _ref2.GLOBAL_CONTEXT, PARSED_SCHEMA = _ref2.PARSED_SCHEMA;
           METADATA_API_ENDPOINT = GLOBAL_CONTEXT.METADATA_API_ENDPOINT; // Load data on the municipio
           municipioId = context.app.municipioId;
           variableId = get$1(context, 'view.conf.data.variableId');
@@ -4987,6 +5030,12 @@ function _defaultMetadata() {
           rawData = _context.sent;
           scaleValues = get$1(rawData, "[].".concat(variableId));
           colorScheme = _censoColorScheme(variant.colorScheme);
+          colorScaleStops = variant.classificationMethod === 'quantile(5)' ? _quantileBreakpoints(_objectSpread2({
+            k: 5,
+            values: scaleValues
+          }, colorScheme)) : ['$naturalBreaks', scaleValues, _objectSpread2(_objectSpread2({}, colorScheme), {}, {
+            minK: 5
+          })];
           return _context.abrupt("return", {
             //
             // Review if this is actually needed, as now we are loading
@@ -4998,11 +5047,9 @@ function _defaultMetadata() {
             rawDataCacheUrl: rawDataCacheUrl,
             rawData: rawData,
             colorScheme: colorScheme,
-            colorScaleStops: ['$naturalBreaks', scaleValues, _objectSpread2(_objectSpread2({}, colorScheme), {}, {
-              minK: 5
-            })]
+            colorScaleStops: colorScaleStops
           });
-        case 12:
+        case 13:
         case "end":
           return _context.stop();
       }
@@ -5339,6 +5386,13 @@ function setor_censitario_sources(_ref2) {
     attribution: PARSED_SCHEMA.sourceLabel,
     minzoom: 8,
     //
+    // TODO: review
+    //
+    bounds: resolve.fn(function (_ref3) {
+      var app = _ref3.app;
+      return app.mapBounds;
+    }),
+    //
     // Prevent system from fetching data beyond necessary detail
     //
     maxzoom: BUILDINGS_MIN_ZOOM,
@@ -5362,8 +5416,8 @@ function setor_censitario_layers(opts) {
   // vector source
   //
   var _vectorSourceFillColor = ['$flat', [['step', ['coalesce', ['get', 'value'], -1]], ['$get', 'view.metadata.colorScaleStops']]];
-  var _filter = resolve.fn(function (_ref4) {
-    var app = _ref4.app;
+  var _filter = resolve.fn(function (_ref5) {
+    var app = _ref5.app;
     return ['all',
     //
     // cd_situacao = '9' -> Massas de água,
@@ -5390,16 +5444,33 @@ function setor_censitario_layers(opts) {
     legends: setor_censitario_legends(opts),
     tooltip: {
       title: ['$literal', ['$template', 'Setor censitário ${0}', ['$get', 'feature.properties.id']]],
-      entries: [[['$get', ['$get', 'view.conf.data.variableId'], ['$get', 'view.metadata.labels']], ['$literal', ['$fmt', ['$get', 'feature.properties.value'
+      entries: [[['$get', ['$get', 'view.conf.data.variableId'], ['$get', 'view.metadata.labels']], ['$literal', resolve.fn(function (context) {
+        var variableId = get$1(context, 'view.conf.data.variableId');
+        if (variableId === 'total_pessoas_por_hectare') {
+          try {
+            var value_src = JSON.parse(context.feature.properties.value_src);
+            return value_src['bas.v0001'];
+          } catch (err) {
+            console.error(err);
+            return null;
+          }
+        } else {
+          return ['$fmt', ['$get', 'feature.properties.value'], {
+            number: NUMBER_FMT
+          }];
+        }
+      })
+      //
+      // TODO: refactor
+      // THIS IS THE ACTUAL:
+      //
       // [
-      //   '$template',
-      //   'feature.properties.${0}',
-      //   // `::string({ "number": ${JSON.stringify(NUMBER_FMT)} })`,
-      //   ['$get', 'view.conf.data.variableId'],
+      //   '$fmt',
+      //   ['$get', 'feature.properties.value'],
+      //   { number: NUMBER_FMT },
       // ],
-      ], {
-        number: NUMBER_FMT
-      }]]]].concat(_toConsumableArray([
+      ]]].concat(_toConsumableArray([
         // 'v0001',
         // 'v0002',
         // 'v0003',
@@ -5423,7 +5494,6 @@ function setor_censitario_layers(opts) {
       //   ['$get', 'view.conf.data.variableId'],
       // ],
       ]]]])
-      // entries: [CHART_UTIL._variableValueTooltipEntry],
     },
     filter: _filter,
     // maxzoom: 14,
@@ -6463,6 +6533,7 @@ function _util_bacia(_ref) {
     indicator_id: id,
     id: id,
     label: label,
+    sourceLabel: 'ANA',
     path: "Divis\xF5es territoriais / _ / Bacias Hidrogr\xE1ficas",
     metadata: {},
     sources: _defineProperty({}, id, {
@@ -6768,10 +6839,65 @@ function br_divisao_territorial_views(conf) {
         'line-opacity': 0.5
       }
     }
-  }, conf))];
+  }, conf))
+  // TEST
+  // br_divisao_territorial({
+  //   path: 'ANA',
+  //   label: 'Trechos de drenagem',
+  //   id: 'ana_malha_br_bho_trechos_de_drenagem_2017.geom',
+  //   line: {
+  //     paint: {
+  //       'line-color': 'magenta',
+  //       'line-width': 2,
+  //       'line-opacity': 0.5,
+  //     },
+  //   },
+  //   ...conf,
+  // }),
+  ];
+}
+var _templateObject$6;
+var StyledIframe = styled.iframe(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  border: none;\n  width: 100%;\n  height: 100%;\n"])));
+function DocumentIframe(_ref) {
+  var src = _ref.src;
+  return /*#__PURE__*/React.createElement(AspectRatio, {
+    ratio: 210 / 297
+  }, /*#__PURE__*/React.createElement(StyledIframe, {
+    src: src
+  }));
 }
 var CURVATURA_ID = 'curvatura';
+var TRANSPARENT$2 = [0, 0, 0, 0];
+var CURVATURA_CLASSES = [{
+  value: 1,
+  label: 'Muito côncava',
+  color: '#d92bcb'
+}, {
+  value: 2,
+  label: 'Côncava',
+  color: '#b49bcb'
+}, {
+  value: 3,
+  label: 'Retilínea',
+  color: '#dcdcdc'
+}, {
+  value: 4,
+  label: 'Convexa',
+  color: '#f3ce5e'
+}, {
+  value: 5,
+  label: 'Muito convexa',
+  color: '#fd952e'
+}];
+var DEFAULT_CURVATURA_ACTIVE_CLASSSES = CURVATURA_CLASSES.map(function (cl) {
+  return cl.value;
+});
+function _curvaturaActiveClasses(candidate) {
+  return Array.isArray(candidate) && candidate.length > 0 ? candidate : DEFAULT_CURVATURA_ACTIVE_CLASSSES;
+}
 function curvatura(_ref) {
   var RASTER_TILE_SERVER_ENDPOINT = _ref.RASTER_TILE_SERVER_ENDPOINT,
     mosaicJsonUrl = _ref.mosaicJsonUrl;
@@ -6781,49 +6907,42 @@ function curvatura(_ref) {
     collection_id: CURVATURA_ID,
     indicator_id: CURVATURA_ID,
     id: CURVATURA_ID,
+    sourceLabel: 'ANADEM (ANA)',
     label: 'Forma da encosta - Em perfil',
+    shortDescription: 'Refere-se às formas côncava, convexa e retilínea do terreno, analisada em perfil',
     path: "Emerg\xEAncias clim\xE1ticas / / Suscetibilidade a deslizamentos",
+    metodology: /*#__PURE__*/React.createElement(DocumentIframe, {
+      src: "/georedus/metodologia/perfil-de-curvatura.pdf"
+    }),
     confSchema: {
       data: {
-        // temperaturaRange: {
-        //   type: 'range',
-        //   defaultValue: DEFAULT_DECLIVIDADE_RANGE,
-        //   step: 1,
-        //   min: DEFAULT_DECLIVIDADE_RANGE[0],
-        //   max: DEFAULT_DECLIVIDADE_RANGE[1],
-        //   label: resolve.literal(
-        //     resolve.fn((context) => {
-        //       const temperaturaRange = _temperaturaRange(
-        //         context.value?.temperaturaRange,
-        //       )
-        //       const minLabel = `${temperaturaRange[0]}°`
-        //       const maxLabel = `${temperaturaRange[1]}°${temperaturaRange[1] === DEFAULT_DECLIVIDADE_RANGE[1] ? '+' : ''}`
-        //       return `Intervalo de temperatura (${minLabel} - ${maxLabel})`
-        //     }),
-        //   ),
-        //   helperText: 'Intervalo de temperatura apresentado',
-        // },
+        curvaturaActiveClasses: {
+          type: 'checkboxSelect',
+          options: CURVATURA_CLASSES.map(function (curv) {
+            return {
+              label: curv.label,
+              value: curv.value
+            };
+          }),
+          defaultValue: CURVATURA_CLASSES.map(function (curv) {
+            return curv.value;
+          })
+        }
       }
     },
     metadata: {},
     sources: _defineProperty({}, CURVATURA_ID, {
-      minzoom: 7,
+      minzoom: 9,
       maxzoom: 14,
       type: 'raster',
       tiles: [resolve.fn(function (_ref2) {
-        _ref2.view.conf;
-        // const temperaturaRange = _temperaturaRange(
-        //   conf?.data?.temperaturaRange,
-        // )
+        var _conf$data;
+        var conf = _ref2.view.conf;
+        var curvaturaActiveClasses = _curvaturaActiveClasses(conf === null || conf === void 0 || (_conf$data = conf.data) === null || _conf$data === void 0 ? void 0 : _conf$data.curvaturaActiveClasses);
         var baseUrl = "".concat(RASTER_TILE_SERVER_ENDPOINT, "/mosaicjson/tiles/WebMercatorQuad/{z}/{x}/{y}").concat(DEVICE_PIXEL_RATIO_SUFFIX);
-        var COLOR_MAP = {
-          1: '#d92bcb',
-          2: '#b49bcb',
-          3: '#dcdcdc',
-          4: '#f3ce5e',
-          5: '#fd952e'
-        };
+        var COLOR_MAP = Object.fromEntries(CURVATURA_CLASSES.map(function (curv) {
+          return [curv.value, curvaturaActiveClasses.includes(curv.value) ? curv.color : TRANSPARENT$2];
+        }));
         return "".concat(baseUrl, "?").concat($urlSearch([{
           url: mosaicJsonUrl,
           colormap: COLOR_MAP
@@ -6831,25 +6950,33 @@ function curvatura(_ref) {
       })]
     }),
     layers: _defineProperty({}, "".concat(CURVATURA_ID), {
-      minzoom: 7,
+      minzoom: 9,
       // zIndex: 10,
       type: 'raster',
       source: CURVATURA_ID,
       paint: {
         'raster-opacity': 0.85
-      }
+      },
+      legends: [{
+        type: 'CategoricalLegend',
+        title: 'Forma da encosta',
+        items: resolve.fn(function (_ref3) {
+          var _conf$data2;
+          var conf = _ref3.view.conf;
+          var curvaturaActiveClasses = _curvaturaActiveClasses(conf === null || conf === void 0 || (_conf$data2 = conf.data) === null || _conf$data2 === void 0 ? void 0 : _conf$data2.curvaturaActiveClasses);
+          return CURVATURA_CLASSES.filter(function (curv) {
+            return curvaturaActiveClasses.includes(curv.value);
+          });
+        })
+      }]
     })
   };
 }
 var DECLIVIDADE_ID = 'declividade';
-var DEFAULT_DECLIVIDADE_RANGE = [0, 45];
 var TRANSPARENT$1 = [0, 0, 0, 0];
-function _declividadeRange(candidate) {
-  return Array.isArray(candidate) && candidate.length === 2 && typeof candidate[0] === 'number' && typeof candidate[1] === 'number' ? candidate : DEFAULT_DECLIVIDADE_RANGE;
-}
 var PRECISION$1 = 0.00000001;
-var CLASSES_DECLIVIDADE = [{
+var DECLIVIDADE_CLASSES = [{
   color: '#2B83BA',
   label: '0º',
   range: [0, 0 + PRECISION$1 - PRECISION$1 / 10]
@@ -6889,7 +7016,17 @@ var CLASSES_DECLIVIDADE = [{
   color: '#860003',
   label: 'Acima de 45º',
   range: [45 + PRECISION$1, 999999]
-}];
+}].map(function (cl) {
+  return _objectSpread2(_objectSpread2({}, cl), {}, {
+    value: cl.label
+  });
+});
+var DEFAULT_DECLIVIDADE_ACTIVE_CLASSSES = DECLIVIDADE_CLASSES.map(function (cl) {
+  return cl.value;
+});
+function _declividadeActiveClasses(candidate) {
+  return Array.isArray(candidate) && candidate.length > 0 ? candidate : DEFAULT_DECLIVIDADE_ACTIVE_CLASSSES;
+}
 function declividade(_ref) {
   var RASTER_TILE_SERVER_ENDPOINT = _ref.RASTER_TILE_SERVER_ENDPOINT,
     mosaicJsonUrl = _ref.mosaicJsonUrl;
@@ -6899,53 +7036,50 @@ function declividade(_ref) {
     collection_id: DECLIVIDADE_ID,
     indicator_id: DECLIVIDADE_ID,
     id: DECLIVIDADE_ID,
+    sourceLabel: 'ANADEM (ANA)',
     label: 'Declividade',
+    shortDescription: 'Ângulo de inclinação da superfície do terreno com relação à horizontal',
     path: "Emerg\xEAncias clim\xE1ticas / / Suscetibilidade a deslizamentos",
+    metodology: /*#__PURE__*/React.createElement(DocumentIframe, {
+      src: "/georedus/metodologia/declividade.pdf"
+    }),
     confSchema: {
       data: {
-        declividadeRange: {
-          type: 'range',
-          defaultValue: DEFAULT_DECLIVIDADE_RANGE,
-          step: 1,
-          min: DEFAULT_DECLIVIDADE_RANGE[0],
-          max: DEFAULT_DECLIVIDADE_RANGE[1],
-          label: resolve.literal(resolve.fn(function (context) {
-            var _context$value;
-            var declividadeRange = _declividadeRange((_context$value = context.value) === null || _context$value === void 0 ? void 0 : _context$value.declividadeRange);
-            var minLabel = "".concat(declividadeRange[0], "\xB0");
-            var maxLabel = "".concat(declividadeRange[1], "\xB0").concat(declividadeRange[1] === DEFAULT_DECLIVIDADE_RANGE[1] ? '+' : '');
-            return "Intervalo de declividade (".concat(minLabel, " - ").concat(maxLabel, ")");
-          })),
-          helperText: 'Intervalo de declividade apresentado'
+        declividadeActiveClasses: {
+          type: 'checkboxSelect',
+          options: DECLIVIDADE_CLASSES.map(function (cl) {
+            return {
+              label: cl.label,
+              value: cl.value
+            };
+          }),
+          defaultValue: DECLIVIDADE_CLASSES.map(function (cl) {
+            return cl.value;
+          })
         }
       }
     },
     metadata: {},
     sources: _defineProperty({}, DECLIVIDADE_ID, {
-      minzoom: 7,
+      minzoom: 9,
       maxzoom: 14,
       type: 'raster',
       tiles: [resolve.fn(function (_ref2) {
         var _conf$data;
         var conf = _ref2.view.conf;
-        var declividadeRange = _declividadeRange(conf === null || conf === void 0 || (_conf$data = conf.data) === null || _conf$data === void 0 ? void 0 : _conf$data.declividadeRange);
+        var declividadeActiveClasses = _declividadeActiveClasses(conf === null || conf === void 0 || (_conf$data = conf.data) === null || _conf$data === void 0 ? void 0 : _conf$data.declividadeActiveClasses);
         var baseUrl = "".concat(RASTER_TILE_SERVER_ENDPOINT, "/mosaicjson/tiles/WebMercatorQuad/{z}/{x}/{y}").concat(DEVICE_PIXEL_RATIO_SUFFIX);
-        var COLOR_MAP = CLASSES_DECLIVIDADE.map(function (cl) {
-          return [cl.range, cl.color];
+        var COLOR_MAP = DECLIVIDADE_CLASSES.map(function (cl) {
+          return [cl.range, declividadeActiveClasses.includes(cl.value) ? cl.color : TRANSPARENT$1];
         });
         return "".concat(baseUrl, "?").concat($urlSearch([{
           url: mosaicJsonUrl,
-          colormap: COLOR_MAP.map(function (_ref3) {
-            var _ref4 = _slicedToArray(_ref3, 2),
-              bounds = _ref4[0],
-              color = _ref4[1];
-            return [bounds, bounds[0] >= declividadeRange[0] && bounds[1] <= declividadeRange[1] ? color : TRANSPARENT$1];
-          })
+          colormap: COLOR_MAP
         }]));
       })]
     }),
     layers: _defineProperty({}, "".concat(DECLIVIDADE_ID), {
-      minzoom: 7,
+      minzoom: 9,
       // zIndex: 10,
       type: 'raster',
       source: DECLIVIDADE_ID,
@@ -6955,7 +7089,14 @@ function declividade(_ref) {
       legends: [{
         type: 'CategoricalLegend',
         title: 'Classes de Declividade',
-        items: CLASSES_DECLIVIDADE
+        items: resolve.fn(function (_ref3) {
+          var _conf$data2;
+          var conf = _ref3.view.conf;
+          var declividadeActiveClasses = _declividadeActiveClasses(conf === null || conf === void 0 || (_conf$data2 = conf.data) === null || _conf$data2 === void 0 ? void 0 : _conf$data2.declividadeActiveClasses);
+          return DECLIVIDADE_CLASSES.filter(function (cl) {
+            return declividadeActiveClasses.includes(cl.value);
+          });
+        })
       }]
     })
   };
@@ -6977,8 +7118,8 @@ var COLOR_MAP_BASE = [[[0, 0.1], colord(BASE_COLOR).darken(0.2).toHex()], [[0.10
 function hand_legends() {
   return [{
     type: 'ContinuousColorLegend',
-    title: 'Altura da drenagem mais próxima',
-    unit: 'Metros',
+    title: 'Altura acima da drenagem mais próxima',
+    unit: 'metros',
     numberUnit: 'm',
     colors: resolve.fn(function (_ref) {
       var conf = _ref.view.conf;
@@ -7012,8 +7153,13 @@ function hand(_ref7) {
     collection_id: HAND_ID,
     indicator_id: HAND_ID,
     id: HAND_ID,
-    label: 'Suscetibilidade à inundação',
-    path: "Emerg\xEAncias clim\xE1ticas / / Riscos hidrol\xF3gicos",
+    sourceLabel: 'ANADEM (ANA)',
+    label: 'Altura acima da drenagem mais próxima',
+    shortDescription: 'Áreas suscetíveis à inundação calculadas por meio da distância vertical em relação ao canal de drenagem mais próximo',
+    path: "Emerg\xEAncias clim\xE1ticas / / Suscetibilidade \xE0 inunda\xE7\xE3o",
+    metodology: /*#__PURE__*/React.createElement(DocumentIframe, {
+      src: "/georedus/metodologia/inundacao-hand.pdf"
+    }),
     confSchema: {
       data: {
         handValue: {
@@ -7033,7 +7179,7 @@ function hand(_ref7) {
     metadata: {},
     sources: _defineProperty({}, HAND_ID, {
       type: 'raster',
-      minzoom: 7,
+      minzoom: 9,
       maxzoom: 14,
       tiles: [resolve.fn(function (_ref8) {
         var conf = _ref8.view.conf;
@@ -7052,7 +7198,7 @@ function hand(_ref7) {
       })]
     }),
     layers: _defineProperty({}, "".concat(HAND_ID), {
-      minzoom: 7,
+      minzoom: 9,
       // zIndex: 10,
       type: 'raster',
       source: HAND_ID,
@@ -7174,13 +7320,13 @@ function AsyncImage(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     loaded = _useState2[0],
     setLoaded = _useState2[1];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(AspectRatio, {
+  }, /*#__PURE__*/React$1.createElement(AspectRatio, {
     ratio: 16 / 9
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React$1.createElement("img", {
     src: src,
     onLoad: function onLoad() {
       return setLoaded(true);
@@ -7192,7 +7338,7 @@ function AsyncImage(_ref) {
       display: loaded ? 'block' : 'none',
       maxWidth: '100%'
     }
-  })), !loaded && /*#__PURE__*/React.createElement(LoadingIndicator, {
+  })), !loaded && /*#__PURE__*/React$1.createElement(LoadingIndicator, {
     style: {
       position: 'absolute',
       top: '50%',
@@ -7256,8 +7402,10 @@ function redus_mutirao_cop_2025(conf) {
     collection_id: REDUS_MUTIRAO_COP_2025_ID,
     indicator_id: REDUS_MUTIRAO_COP_2025_ID,
     id: REDUS_MUTIRAO_COP_2025_ID,
+    sourceLabel: 'ReDUS',
+    path: "Emerg\xEAncias Clim\xE1ticas / _ / Mutir\xE3o COP30 - Bel\xE9m",
     label: 'Mutirão ReDUS COP30',
-    path: "Emerg\xEAncias Clim\xE1ticas / _ / COP30",
+    shortDescription: 'Ações concretas de Desenvolvimento Urbano Sustentável mapeadas no Mutirão ReDUS rumo à COP30',
     metadata: {},
     sources: _defineProperty({}, REDUS_MUTIRAO_COP_2025_ID, {
       type: 'vector',
@@ -7311,104 +7459,105 @@ function redus_mutirao_cop_2025(conf) {
               case 0:
                 properties = feature.properties;
                 _context.next = 3;
-                return context.dialogs.view(/*#__PURE__*/React.createElement(Flex, {
+                return context.dialogs.view(/*#__PURE__*/React$1.createElement(Flex, {
                   direction: "column",
                   gap: "4"
-                }, /*#__PURE__*/React.createElement(Flex, {
+                }, /*#__PURE__*/React$1.createElement(Flex, {
                   direction: "column",
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   as: "h1",
                   size: "6"
-                }, properties.name), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Confetti, {
+                }, properties.name), /*#__PURE__*/React$1.createElement(Portal, null, /*#__PURE__*/React$1.createElement(Confetti, {
                   style: {
                     position: 'fixed',
                     top: 0,
                     left: 0,
-                    zIndex: 9999
+                    zIndex: 9999,
+                    width: '100vw'
                   },
                   recycle: false,
                   numberOfPieces: 700,
                   tweenDuration: 8000
-                })), (properties.eixos_cop_30_text || properties.odus_text) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AutoWrapContainer, null, JSON.parse(properties.eixos_cop_30_text).map(function (eixo, idx) {
-                  return /*#__PURE__*/React.createElement(Badge, {
+                })), (properties.eixos_cop_30_text || properties.odus_text) && /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(AutoWrapContainer, null, JSON.parse(properties.eixos_cop_30_text).map(function (eixo, idx) {
+                  return /*#__PURE__*/React$1.createElement(Badge, {
                     color: "green",
                     key: idx
                   }, _eixoShortLabel(eixo));
                 }), JSON.parse(properties.odus_text).map(function (obj, idx) {
-                  return /*#__PURE__*/React.createElement(Badge, {
+                  return /*#__PURE__*/React$1.createElement(Badge, {
                     key: idx
                   }, obj);
-                }))), /*#__PURE__*/React.createElement(Heading, {
+                }))), /*#__PURE__*/React$1.createElement(Heading, {
                   as: "h3",
                   size: "2",
                   style: {
                     fontWeight: 'normal'
                   }
-                }, "Organiza\xE7\xE3o respons\xE1vel:", ' ', /*#__PURE__*/React.createElement("strong", null, properties.organizacao)), properties.parcerias && /*#__PURE__*/React.createElement(Heading, {
+                }, "Organiza\xE7\xE3o respons\xE1vel:", ' ', /*#__PURE__*/React$1.createElement("strong", null, properties.organizacao)), properties.parcerias && /*#__PURE__*/React$1.createElement(Heading, {
                   as: "h3",
                   size: "2",
                   style: {
                     fontWeight: 'normal'
                   }
-                }, "Em parceria com: ", /*#__PURE__*/React.createElement("strong", null, properties.parcerias)), /*#__PURE__*/React.createElement(Heading, {
+                }, "Em parceria com: ", /*#__PURE__*/React$1.createElement("strong", null, properties.parcerias)), /*#__PURE__*/React$1.createElement(Heading, {
                   as: "h3",
                   size: "2",
                   style: {
                     fontWeight: 'normal'
                   }
-                }, "Cidade:", ' ', /*#__PURE__*/React.createElement("strong", null, properties.cidade, " - ", properties.estado))), properties.cover_image && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("img", {
+                }, "Cidade:", ' ', /*#__PURE__*/React$1.createElement("strong", null, properties.cidade, " - ", properties.estado))), properties.cover_image && /*#__PURE__*/React$1.createElement(Box, null, /*#__PURE__*/React$1.createElement("img", {
                   style: {
                     maxWidth: '100%'
                   },
                   src: properties.cover_image
-                })), properties.descricao_text && /*#__PURE__*/React.createElement(Flex, {
+                })), properties.descricao_text && /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Descri\xE7\xE3o:"), /*#__PURE__*/React.createElement(RichTextOutput, {
+                }, "Descri\xE7\xE3o:"), /*#__PURE__*/React$1.createElement(RichTextOutput, {
                   value: JSON.parse(properties.descricao_text)
-                })), properties.impacto_text && /*#__PURE__*/React.createElement(Flex, {
+                })), properties.impacto_text && /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Impacto:"), /*#__PURE__*/React.createElement(RichTextOutput, {
+                }, "Impacto:"), /*#__PURE__*/React$1.createElement(RichTextOutput, {
                   value: JSON.parse(properties.impacto_text)
-                })), properties.escala_de_atuacao_text && /*#__PURE__*/React.createElement(Flex, {
+                })), properties.escala_de_atuacao_text && /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Escala de atua\xE7\xE3o:"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnstyledList, null, JSON.parse(properties.escala_de_atuacao_text).map(function (escala, idx) {
-                  return /*#__PURE__*/React.createElement("li", {
+                }, "Escala de atua\xE7\xE3o:"), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(UnstyledList, null, JSON.parse(properties.escala_de_atuacao_text).map(function (escala, idx) {
+                  return /*#__PURE__*/React$1.createElement("li", {
                     key: idx
                   }, escala);
-                })))), properties.fase_text && /*#__PURE__*/React.createElement(Flex, {
+                })))), properties.fase_text && /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Fase:"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnstyledList, null, JSON.parse(properties.fase_text).map(function (fase, idx) {
-                  return /*#__PURE__*/React.createElement("li", {
+                }, "Fase:"), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(UnstyledList, null, JSON.parse(properties.fase_text).map(function (fase, idx) {
+                  return /*#__PURE__*/React$1.createElement("li", {
                     key: idx
                   }, fase);
-                })))), /*#__PURE__*/React.createElement(Flex, {
+                })))), /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Informa\xE7\xF5es de contato:"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnstyledList, null, _ensureUrl(properties.site) && /*#__PURE__*/React.createElement("li", null, "Site:", ' ', /*#__PURE__*/React.createElement("a", {
+                }, "Informa\xE7\xF5es de contato:"), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(UnstyledList, null, _ensureUrl(properties.site) && /*#__PURE__*/React$1.createElement("li", null, "Site:", ' ', /*#__PURE__*/React$1.createElement("a", {
                   href: _ensureUrl(properties.site),
                   target: "_blank",
                   rel: "noreferrer noopener"
-                }, _ensureUrl(properties.site))), properties.redes_sociais && /*#__PURE__*/React.createElement("li", null, "Redes sociais: ", properties.redes_sociais), properties.email && /*#__PURE__*/React.createElement("li", null, "E-mail:", ' ', /*#__PURE__*/React.createElement("a", {
+                }, _ensureUrl(properties.site))), properties.redes_sociais && /*#__PURE__*/React$1.createElement("li", null, "Redes sociais: ", properties.redes_sociais), properties.email && /*#__PURE__*/React$1.createElement("li", null, "E-mail:", ' ', /*#__PURE__*/React$1.createElement("a", {
                   href: "mailto:".concat(properties.email)
-                }, properties.email))))), properties.other_attachments_text && /*#__PURE__*/React.createElement(Flex, {
+                }, properties.email))))), properties.other_attachments_text && /*#__PURE__*/React$1.createElement(Flex, {
                   gap: "2"
-                }, /*#__PURE__*/React.createElement(Heading, {
+                }, /*#__PURE__*/React$1.createElement(Heading, {
                   size: "3"
-                }, "Mais informa\xE7\xF5es:"), /*#__PURE__*/React.createElement(EvenSpacedList, {
+                }, "Mais informa\xE7\xF5es:"), /*#__PURE__*/React$1.createElement(EvenSpacedList, {
                   columns: 2,
                   gap: "3"
                 }, JSON.parse(properties.other_attachments_text).map(function (fase, idx) {
-                  return /*#__PURE__*/React.createElement(FileOutput, {
+                  return /*#__PURE__*/React$1.createElement(FileOutput, {
                     value: fase,
                     key: idx
                   });
@@ -7432,11 +7581,11 @@ function redus_mutirao_cop_2025(conf) {
             var _feature$properties;
             return item.value === (feature === null || feature === void 0 || (_feature$properties = feature.properties) === null || _feature$properties === void 0 ? void 0 : _feature$properties.eixos_cop_30_primeiro);
           }) || null;
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/React$1.createElement("div", {
             style: {
               display: 'inline-flex'
             }
-          }, eixo && /*#__PURE__*/React.createElement(Icon, {
+          }, eixo && /*#__PURE__*/React$1.createElement(Icon, {
             path: eixo.iconPath,
             size: "18px",
             style: {
@@ -7454,7 +7603,7 @@ function redus_mutirao_cop_2025(conf) {
           return (_feature$properties3 = feature.properties) !== null && _feature$properties3 !== void 0 && _feature$properties3.parcerias ? ['Parcerias', (_feature$properties4 = feature.properties) === null || _feature$properties4 === void 0 ? void 0 : _feature$properties4.parcerias] : null;
         })), resolve.literal(resolve.fn(function (_ref4) {
           var feature = _ref4.feature;
-          return feature.properties.cover_image ? [null, /*#__PURE__*/React.createElement(AsyncImage, {
+          return feature.properties.cover_image ? [null, /*#__PURE__*/React$1.createElement(AsyncImage, {
             style: {
               maxWidth: '100%'
             },
@@ -7469,7 +7618,7 @@ function redus_mutirao_cop_2025(conf) {
         items: LEGEND_ITEMS.map(function (item) {
           return _objectSpread2(_objectSpread2({}, item), {}, {
             box: {
-              children: item.iconPath && /*#__PURE__*/React.createElement(Icon, {
+              children: item.iconPath && /*#__PURE__*/React$1.createElement(Icon, {
                 path: item.iconPath,
                 size: "14px",
                 color: "white"
@@ -7508,7 +7657,7 @@ function temperatura_legends() {
   return [{
     type: 'ContinuousColorLegend',
     title: 'Temperatura máxima de superfície (ºC)',
-    unit: 'Valor médio em º Celsiu da temperatur máxima no período de 2021 - 2025',
+    unit: 'Valor médio em º Celsius da temperatura máxima no período de 2021 - 2025',
     numberUnit: 'º',
     colors: resolve.fn(function (_ref) {
       var _conf$data;
@@ -7540,65 +7689,64 @@ function temperatura_superficie(_ref7) {
   var RASTER_TILE_SERVER_ENDPOINT = _ref7.RASTER_TILE_SERVER_ENDPOINT,
     mosaicJsonUrl = _ref7.mosaicJsonUrl;
   var DEVICE_PIXEL_RATIO_SUFFIX = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? '@2x' : '';
-  return {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     viewType: VIEW_TYPE_SURFACE_CHOROPLETH,
     collection_id: TEMPERATURA_SUPERFICIE_ID,
     indicator_id: TEMPERATURA_SUPERFICIE_ID,
     id: TEMPERATURA_SUPERFICIE_ID,
-    label: 'Temperatura máxima de superfície (ºC)',
-    year: '2021 - 2025',
-    path: "Emerg\xEAncias clim\xE1ticas / / Extremos de temperatura",
-    confSchema: {
-      data: {
-        temperaturaRange: {
-          type: 'range',
-          defaultValue: DEFAULT_TEMPERATURA_RANGE,
-          step: 1,
-          min: DEFAULT_TEMPERATURA_RANGE[0],
-          max: DEFAULT_TEMPERATURA_RANGE[1],
-          label: resolve.literal(resolve.fn(function (context) {
-            var _context$value;
-            var temperaturaRange = _temperaturaRange((_context$value = context.value) === null || _context$value === void 0 ? void 0 : _context$value.temperaturaRange);
-            var minLabel = "".concat(temperaturaRange[0], "\xB0");
-            var maxLabel = "".concat(temperaturaRange[1], "\xB0").concat(temperaturaRange[1] === DEFAULT_TEMPERATURA_RANGE[1] ? '+' : '');
-            return "Intervalo de temperatura (".concat(minLabel, " - ").concat(maxLabel, ")");
-          })),
-          helperText: 'Intervalo de temperatura apresentado'
-        }
+    sourceLabel: 'Landsat-8 e Landsat-9',
+    shortDescription: 'Refere-se à',
+    metodology: /*#__PURE__*/React.createElement(DocumentIframe, {
+      src: "/georedus/metodologia/maximas-de-temperatura.pdf"
+    }),
+    label: 'Temperatura máxima de superfície (ºC)'
+  }, "shortDescription", 'Valores máximos anuais de temperatura de superfície do período de 2021 a 2025'), "year", '2021 - 2025'), "path", "Emerg\xEAncias clim\xE1ticas / / Extremos de temperatura"), "confSchema", {
+    data: {
+      temperaturaRange: {
+        type: 'range',
+        defaultValue: DEFAULT_TEMPERATURA_RANGE,
+        step: 1,
+        min: DEFAULT_TEMPERATURA_RANGE[0],
+        max: DEFAULT_TEMPERATURA_RANGE[1],
+        label: resolve.literal(resolve.fn(function (context) {
+          var _context$value;
+          var temperaturaRange = _temperaturaRange((_context$value = context.value) === null || _context$value === void 0 ? void 0 : _context$value.temperaturaRange);
+          var minLabel = "".concat(temperaturaRange[0], "\xB0");
+          var maxLabel = "".concat(temperaturaRange[1], "\xB0").concat(temperaturaRange[1] === DEFAULT_TEMPERATURA_RANGE[1] ? '+' : '');
+          return "Intervalo de temperatura (".concat(minLabel, " - ").concat(maxLabel, ")");
+        })),
+        helperText: 'Intervalo de temperatura apresentado'
       }
+    }
+  }), "metadata", {}), "sources", _defineProperty({}, TEMPERATURA_SUPERFICIE_ID, {
+    minzoom: 9,
+    maxzoom: 14,
+    type: 'raster',
+    tiles: [resolve.fn(function (_ref8) {
+      var _conf$data3;
+      var conf = _ref8.view.conf;
+      var temperaturaRange = _temperaturaRange(conf === null || conf === void 0 || (_conf$data3 = conf.data) === null || _conf$data3 === void 0 ? void 0 : _conf$data3.temperaturaRange);
+      var baseUrl = "".concat(RASTER_TILE_SERVER_ENDPOINT, "/mosaicjson/tiles/WebMercatorQuad/{z}/{x}/{y}").concat(DEVICE_PIXEL_RATIO_SUFFIX);
+      return "".concat(baseUrl, "?").concat($urlSearch([{
+        url: mosaicJsonUrl,
+        colormap: COLOR_MAP.map(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 2),
+            bounds = _ref10[0],
+            color = _ref10[1];
+          return [bounds, bounds[0] >= temperaturaRange[0] && bounds[1] <= temperaturaRange[1] ? color : TRANSPARENT];
+        })
+      }]));
+    })]
+  })), "layers", _defineProperty({}, "".concat(TEMPERATURA_SUPERFICIE_ID), {
+    minzoom: 9,
+    // zIndex: 10,
+    type: 'raster',
+    source: TEMPERATURA_SUPERFICIE_ID,
+    paint: {
+      'raster-opacity': 0.85
     },
-    metadata: {},
-    sources: _defineProperty({}, TEMPERATURA_SUPERFICIE_ID, {
-      minzoom: 7,
-      maxzoom: 14,
-      type: 'raster',
-      tiles: [resolve.fn(function (_ref8) {
-        var _conf$data3;
-        var conf = _ref8.view.conf;
-        var temperaturaRange = _temperaturaRange(conf === null || conf === void 0 || (_conf$data3 = conf.data) === null || _conf$data3 === void 0 ? void 0 : _conf$data3.temperaturaRange);
-        var baseUrl = "".concat(RASTER_TILE_SERVER_ENDPOINT, "/mosaicjson/tiles/WebMercatorQuad/{z}/{x}/{y}").concat(DEVICE_PIXEL_RATIO_SUFFIX);
-        return "".concat(baseUrl, "?").concat($urlSearch([{
-          url: mosaicJsonUrl,
-          colormap: COLOR_MAP.map(function (_ref9) {
-            var _ref10 = _slicedToArray(_ref9, 2),
-              bounds = _ref10[0],
-              color = _ref10[1];
-            return [bounds, bounds[0] >= temperaturaRange[0] && bounds[1] <= temperaturaRange[1] ? color : TRANSPARENT];
-          })
-        }]));
-      })]
-    }),
-    layers: _defineProperty({}, "".concat(TEMPERATURA_SUPERFICIE_ID), {
-      minzoom: 7,
-      // zIndex: 10,
-      type: 'raster',
-      source: TEMPERATURA_SUPERFICIE_ID,
-      paint: {
-        'raster-opacity': 0.85
-      },
-      legends: temperatura_legends()
-    })
-  };
+    legends: temperatura_legends()
+  }));
 }
 var index = /*#__PURE__*/Object.freeze({
@@ -7637,7 +7785,7 @@ var templateObject_1, templateObject_2, templateObject_3;
 var REMARK_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REMARK_PLUGINS), [remarkMath]);
 var REHYPE_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REHYPE_PLUGINS), [rehypeKatex]);
 function Markdown(props) {
-  return /*#__PURE__*/React.createElement(Markdown$1, _extends({
+  return /*#__PURE__*/React$1.createElement(Markdown$1, _extends({
     remarkPlugins: REMARK_PLUGINS,
     rehypePlugins: REHYPE_PLUGINS
   }, props));
@@ -7667,7 +7815,7 @@ var _createDialogSystem = createDialogSystem({
   useDialogs = _createDialogSystem2[1];
 function DialogsProvider(_ref2) {
   var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(DialogsProvider_, {
+  return /*#__PURE__*/React$1.createElement(DialogsProvider_, {
     prompt: {
       restore: 'Restaurar',
       cancel: 'Cancelar',
@@ -7679,7 +7827,7 @@ function DialogsProvider(_ref2) {
 var CONF_TABS = {
   data: {
     id: 'data',
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiFilterVariant,
       size: "16px"
     }),
@@ -7687,7 +7835,7 @@ var CONF_TABS = {
   },
   style: {
     id: 'style',
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiOpacity,
       size: "16px"
     }),
@@ -7720,21 +7868,21 @@ function ViewConfTabs(_ref) {
     }).filter(Boolean);
   }, [CONF_SCHEMA]);
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement(Tabs.Root, {
+  return /*#__PURE__*/React$1.createElement(Tabs.Root, {
     defaultValue: ((_enabledTabs$ = enabledTabs[0]) === null || _enabledTabs$ === void 0 ? void 0 : _enabledTabs$.id) || null
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "0"
-  }, /*#__PURE__*/React.createElement(Tabs.List, {
+  }, /*#__PURE__*/React$1.createElement(Tabs.List, {
     size: "1"
   }, enabledTabs.map(function (tab) {
-    return /*#__PURE__*/React.createElement(Tabs.Trigger, {
+    return /*#__PURE__*/React$1.createElement(Tabs.Trigger, {
       key: tab.id,
       value: tab.id
-    }, /*#__PURE__*/React.createElement(Tooltip, {
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
       content: tab.label
     }, tab.icon));
-  })), /*#__PURE__*/React.createElement(Flex, {
+  })), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     alignItems: "center",
     gap: "10px",
@@ -7745,11 +7893,11 @@ function ViewConfTabs(_ref) {
       flexGrow: 1,
       boxShadow: 'color(display-p3 0.0039 0.251 0.5137 / 0.174) 0px -1px 0px 0px inset'
     }
-  }, viewSpec.metodology && /*#__PURE__*/React.createElement(IconButton, {
+  }, viewSpec.metodology && /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1",
     onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var markdown;
+      var contents, metodologyBody;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7772,7 +7920,7 @@ function ViewConfTabs(_ref) {
                       return res.text();
                     }) : viewSpec.metodology);
                   case 8:
-                    return _context.abrupt("return", null);
+                    return _context.abrupt("return", viewSpec.metodology);
                   case 9:
                   case "end":
                     return _context.stop();
@@ -7780,19 +7928,16 @@ function ViewConfTabs(_ref) {
               }, _callee);
             })));
           case 2:
-            markdown = _context2.sent;
-            if (!(typeof markdown === 'string')) {
-              _context2.next = 6;
-              break;
-            }
+            contents = _context2.sent;
+            metodologyBody = typeof contents === 'string' ? /*#__PURE__*/React$1.createElement(Markdown, {
+              children: contents.trim()
+            }) : contents;
             _context2.next = 6;
             return dialogs.view({
               maxHeight: '90vh',
-              children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
+              children: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Heading, {
                 as: "h1"
-              }, viewSpec.label, " - Notas metodol\xF3gicas"), /*#__PURE__*/React.createElement(Markdown, {
-                children: markdown.trim()
-              }))
+              }, viewSpec.label, " - Notas metodol\xF3gicas"), metodologyBody)
             });
           case 6:
           case "end":
@@ -7800,12 +7945,12 @@ function ViewConfTabs(_ref) {
         }
       }, _callee2);
     }))
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: "Notas metodol\xF3gicas"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHelpCircleOutline,
     size: "16px"
-  }))), typeof (resolvedView === null || resolvedView === void 0 ? void 0 : resolvedView.download) === 'function' && /*#__PURE__*/React.createElement(IconButton, {
+  }))), typeof (resolvedView === null || resolvedView === void 0 ? void 0 : resolvedView.download) === 'function' && /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1",
     onClick: function onClick() {
@@ -7813,22 +7958,22 @@ function ViewConfTabs(_ref) {
         dialogs: dialogs
       });
     }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: "Baixar dados"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiDownload,
     size: "16px"
-  }))), /*#__PURE__*/React.createElement(DropdownMenu, {
+  }))), /*#__PURE__*/React$1.createElement(DropdownMenu, {
     options: [{
       label: 'Visualizar como mapa comparado',
       onClick: function onClick() {
         return onSetView(viewConf, 1);
       }
     }]
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiDotsVertical,
     size: "16px"
   }))))), Array.isArray(enabledTabs) && enabledTabs.length > 0 ? enabledTabs.map(function (tab) {
@@ -7843,14 +7988,14 @@ function ViewConfTabs(_ref) {
       return Boolean(value);
     }));
     var tabConfValue = immediateViewConf[tab.id];
-    return /*#__PURE__*/React.createElement(Tabs.Content, {
+    return /*#__PURE__*/React$1.createElement(Tabs.Content, {
       key: tab.id,
       value: tab.id
-    }, /*#__PURE__*/React.createElement(Box, {
+    }, /*#__PURE__*/React$1.createElement(Box, {
       p: "3"
-    }, /*#__PURE__*/React.createElement(Theme, {
+    }, /*#__PURE__*/React$1.createElement(Theme, {
       scaling: "100%"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/React$1.createElement(Input, {
       schema: {
         type: 'object',
         properties: tabConfSchema
@@ -7860,7 +8005,7 @@ function ViewConfTabs(_ref) {
         return setImmediateViewConf(_objectSpread2(_objectSpread2({}, viewConf), {}, _defineProperty({}, tab.id, _objectSpread2(_objectSpread2({}, viewConf[tab.id] || {}), nextValue))));
       }
     }))));
-  }) : /*#__PURE__*/React.createElement(Box, {
+  }) : /*#__PURE__*/React$1.createElement(Box, {
     p: "3",
     style: {
       fontSize: '.9rem'
@@ -7897,18 +8042,18 @@ function HeadingWithTooltipAndEllipsis(_ref7) {
     _ref7$maxLines = _ref7.maxLines,
     maxLines = _ref7$maxLines === void 0 ? 2 : _ref7$maxLines,
     props = _objectWithoutProperties(_ref7, _excluded$4);
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React$1.createElement(Tooltip, {
     content: content
-  }, /*#__PURE__*/React.createElement(Heading, _extends({
+  }, /*#__PURE__*/React$1.createElement(Heading, _extends({
     size: "2",
     as: "h4",
     style: {
       fontWeight: 'normal',
       color: 'var(--accent-9)'
     }
-  }, props), /*#__PURE__*/React.createElement(TextEllipsis, {
+  }, props), /*#__PURE__*/React$1.createElement(TextEllipsis, {
     maxLines: maxLines
-  }, /*#__PURE__*/React.createElement(Highlighter, {
+  }, /*#__PURE__*/React$1.createElement(Highlighter, {
     searchWords: textSearch && textSearch.length > 3 ? [textSearch] : [],
     textToHighlight: content
   }))));
@@ -7935,9 +8080,9 @@ function ViewControl(_ref8) {
   var toggleView = useCallback(function () {
     return active ? deactivateView() : setView();
   }, [active, deactivateView, setView]);
-  return viewSpec && /*#__PURE__*/React.createElement(Collapsible.Root, {
+  return viewSpec && /*#__PURE__*/React$1.createElement(Collapsible.Root, {
     open: configurable === true && active
-  }, /*#__PURE__*/React.createElement(Container$1, null, /*#__PURE__*/React.createElement(Summary, {
+  }, /*#__PURE__*/React$1.createElement(Container$1, null, /*#__PURE__*/React$1.createElement(Summary, {
     type: "button",
     role: "button",
     style: style,
@@ -7945,19 +8090,19 @@ function ViewControl(_ref8) {
     onClick: configurable ? function () {
       return toggleView();
     } : null
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     alignItems: "center",
     justifyContent: "space-between",
     p: "3",
     width: "100%"
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "column",
     gap: "1",
     style: {
       flexGrow: '1'
     }
-  }, path && /*#__PURE__*/React.createElement(HeadingWithTooltipAndEllipsis, {
+  }, path && /*#__PURE__*/React$1.createElement(HeadingWithTooltipAndEllipsis, {
     size: "1",
     as: "h6",
     content: typeof path === 'string' ? path : viewSpec.path,
@@ -7967,18 +8112,34 @@ function ViewControl(_ref8) {
       color: 'var(--gray-9)',
       fontWeight: 'normal'
     }
-  }), /*#__PURE__*/React.createElement(HeadingWithTooltipAndEllipsis, {
+  }), /*#__PURE__*/React$1.createElement(HeadingWithTooltipAndEllipsis, {
     content: viewSpec.label,
     textSearch: textSearch,
     maxLines: 2
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React$1.createElement(Text, {
     color: "gray",
     style: {
       color: 'var(--gray-9)',
       textTransform: 'uppercase'
     },
     size: "1"
-  }, viewSpec.sourceLabel)), /*#__PURE__*/React.createElement(SwitchInput, {
+  }, viewSpec.sourceLabel), viewSpec.shortDescription && /*#__PURE__*/React$1.createElement(Flex, {
+    direction: "row",
+    gap: "2"
+  }, /*#__PURE__*/React$1.createElement(Icon$1, {
+    style: {
+      flexShrink: 0,
+      color: 'var(--gray-9)'
+    },
+    path: mdiBookOpenVariant,
+    size: "20px"
+  }), /*#__PURE__*/React$1.createElement(Text, {
+    color: "gray",
+    style: {
+      color: 'var(--gray-9)'
+    },
+    size: "1"
+  }, viewSpec.shortDescription))), /*#__PURE__*/React$1.createElement(SwitchInput, {
     radius: "full",
     value: active,
     onSetValue: function onSetValue() {
@@ -7991,11 +8152,11 @@ function ViewControl(_ref8) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }))), /*#__PURE__*/React.createElement(CollapsibleContent, {
+  }))), /*#__PURE__*/React$1.createElement(CollapsibleContent, {
     style: {
       borderTop: '1px solid var(--gray-8)'
     }
-  }, viewConf && /*#__PURE__*/React.createElement(ViewConfTabs, {
+  }, viewConf && /*#__PURE__*/React$1.createElement(ViewConfTabs, {
     viewSpec: viewSpec,
     viewConf: viewConf,
     resolvedView: resolvedView,
@@ -8006,22 +8167,22 @@ function ViewControl(_ref8) {
 var _excluded$3 = ["viewSpecs", "viewConfState", "resolvedViews", "onSetView", "onDeactivateView", "style"];
 var _templateObject$3, _templateObject2$1;
 var STATIC_NODE_ICONS = {
-  'populacao-e-domicilios': /*#__PURE__*/React.createElement(Icon, {
+  'populacao-e-domicilios': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiAccountGroup
   }),
-  educacao: /*#__PURE__*/React.createElement(Icon, {
+  educacao: /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiSchool
   }),
-  'infraestrutura-e-servicos-urbanos': /*#__PURE__*/React.createElement(Icon, {
+  'infraestrutura-e-servicos-urbanos': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHomeCity
   }),
-  saude: /*#__PURE__*/React.createElement(Icon, {
+  saude: /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHospitalBox
   }),
-  'emergencias-climaticas': /*#__PURE__*/React.createElement(Icon, {
+  'emergencias-climaticas': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiEarth
   }),
-  'divisoes-territoriais': /*#__PURE__*/React.createElement(Icon, {
+  'divisoes-territoriais': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiMap
   })
 };
@@ -8044,7 +8205,7 @@ function Item(_ref) {
     resolvedViews = _useContext.resolvedViews,
     _onSetView = _useContext.onSetView,
     _onDeactivateView = _useContext.onDeactivateView;
-  return /*#__PURE__*/React.createElement(ViewControl, {
+  return /*#__PURE__*/React$1.createElement(ViewControl, {
     textSearch: textSearch,
     path: Boolean(textSearch) ? node.path : null,
     viewSpec: node,
@@ -8120,7 +8281,7 @@ var DirNav = makeDirNav({
         viewSpecsById: viewSpecsById,
         nodeId: node.id
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         style: {
           flexGrow: 1,
           textAlign: 'left',
@@ -8130,11 +8291,11 @@ var DirNav = makeDirNav({
           alignItems: 'center',
           justifyContent: 'space-between'
         }
-      }, /*#__PURE__*/React.createElement(TextEllipsis, {
+      }, /*#__PURE__*/React$1.createElement(TextEllipsis, {
         style: {
           flexShrink: 1
         }
-      }, node.label), activeViewsCount > 0 && /*#__PURE__*/React.createElement("span", {
+      }, node.label), activeViewsCount > 0 && /*#__PURE__*/React$1.createElement("span", {
         style: {
           marginLeft: 6,
           fontSize: '.8rem',
@@ -8157,9 +8318,9 @@ function ViewMenu(_ref4) {
       return [spec.id, spec];
     }));
   }, [viewSpecs]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     style: style
-  }, /*#__PURE__*/React.createElement(ViewMenuContext.Provider, {
+  }, /*#__PURE__*/React$1.createElement(ViewMenuContext.Provider, {
     value: {
       viewSpecsById: viewSpecsById,
       viewConfState: viewConfState,
@@ -8167,7 +8328,7 @@ function ViewMenu(_ref4) {
       onSetView: onSetView,
       onDeactivateView: onDeactivateView
     }
-  }, /*#__PURE__*/React.createElement(DirNav, _extends({
+  }, /*#__PURE__*/React$1.createElement(DirNav, _extends({
     style: {
       flexGrow: 1,
       overflow: 'hidden'
@@ -8182,18 +8343,18 @@ function ViewMenu(_ref4) {
         viewSpecsById: viewSpecsById,
         nodeId: node.id
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         style: {
           position: 'relative'
         }
-      }, STATIC_NODE_ICONS[node.id], activeViewsCount > 0 && /*#__PURE__*/React.createElement(ActiveCounter, null, activeViewsCount));
+      }, STATIC_NODE_ICONS[node.id], activeViewsCount > 0 && /*#__PURE__*/React$1.createElement(ActiveCounter, null, activeViewsCount));
     }
   }, props))));
 }
 function GeoReDUSLogoSymbol() {
   var color = '#FFFFFF';
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React$1.createElement("svg", {
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg"
@@ -8204,59 +8365,59 @@ function GeoReDUSLogoSymbol() {
     x: "0px",
     y: "0px",
     viewBox: "0 0 117.98 129.33"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     d: "M67.52,21.86l-3.1-0.07c0.06-2.71-0.94-5.28-2.81-7.23c-1.87-1.96-4.39-3.07-7.1-3.13l0.07-3.1 c3.54,0.08,6.83,1.53,9.27,4.08C66.29,14.97,67.6,18.32,67.52,21.86L67.52,21.86z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M75.86,22.04l-3.1-0.07C72.99,11.79,64.88,3.32,54.7,3.1L54.77,0C66.66,0.26,76.12,10.15,75.86,22.04L75.86,22.04z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.19,25.36c2.47,0.05,4.51-1.9,4.56-4.37c0.05-2.47-1.9-4.51-4.37-4.56c-2.47-0.05-4.51,1.9-4.56,4.37 C49.77,23.27,51.73,25.31,54.19,25.36L54.19,25.36z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M51.2,107.68c-3.84,0-6.97,3.13-6.97,6.97c0,3.84,3.13,6.97,6.97,6.97l0.23,0.02c0.03,0.01,4.8,0.42,12.67-6.99 c-7.86-7.49-12.62-6.99-12.67-6.98l-0.13,0.02L51.2,107.68L51.2,107.68z M51.65,124.74c-0.24,0-0.43-0.01-0.55-0.03 c-5.51-0.05-9.97-4.55-9.97-10.07c0-5.52,4.46-10.01,9.96-10.07c1.17-0.14,7.18-0.29,16.33,8.98l1.08,1.1l-1.09,1.09 C59.24,123.92,53.6,124.74,51.65,124.74L51.65,124.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.43,70.07c3.15,0,5.71-2.56,5.71-5.71c0-3.15-2.56-5.71-5.71-5.71c-3.15,0-5.71,2.56-5.71,5.71 C48.72,67.52,51.28,70.07,54.43,70.07L54.43,70.07z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M55.01,116.19c-23.03,0-41.76-18.73-41.76-41.76c0-23,18.7-41.71,41.69-41.71c23,0,41.71,18.71,41.71,41.71h-3.1 c0-21.29-17.32-38.61-38.61-38.61c-21.28,0-38.59,17.32-38.59,38.61c0,21.32,17.34,38.66,38.66,38.66V116.19L55.01,116.19z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.92,129.33C24.64,129.33,0,104.71,0,74.44c0-30.28,24.64-54.92,54.92-54.92v3.1C26.35,22.61,3.1,45.86,3.1,74.44 c0,28.56,23.25,51.8,51.82,51.8c28.56,0,51.8-23.24,51.8-51.8h3.1C109.82,104.71,85.19,129.33,54.92,129.33L54.92,129.33z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.86,102.79c-4.64,0-8.27-1.37-10.8-4.07c-3.85-4.1-3.69-9.79-3.66-10.46v-6.47c0-4.73,3.85-8.57,8.57-8.57h12.71 c4.73,0,8.57,3.85,8.57,8.57l0,0.07c-0.01,0.11-0.7,11.23-15.96,11.23v-3.1c11.94,0,12.81-7.59,12.87-8.25 c-0.03-3-2.47-5.42-5.47-5.42H48.97c-3.02,0-5.47,2.46-5.47,5.47l0,6.61c0,0.05-0.25,4.94,2.84,8.22 c1.92,2.04,4.79,3.07,8.53,3.07c13.91,0,25.22-11.33,25.22-25.25c0-13.91-11.31-25.22-25.22-25.22 c-13.88,0-24.76,11.08-24.76,25.22h-3.1c0-15.88,12.24-28.32,27.86-28.32c15.62,0,28.32,12.7,28.32,28.32 C83.18,90.07,70.48,102.79,54.86,102.79L54.86,102.79z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M108.31,55.76c-2.22,0-4.03-1.8-4.03-4.03c0-2.22,1.8-4.03,4.03-4.03c2.22,0,4.03,1.8,4.03,4.03 C112.34,53.95,110.53,55.76,108.31,55.76L108.31,55.76z M117.95,51.85c0-5.35-4.33-9.68-9.68-9.68c-5.35,0-9.68,4.33-9.68,9.68 c0,0-0.98,6.53,9.68,17.18C119.05,58.38,117.95,51.85,117.95,51.85L117.95,51.85z"
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     points: "97.94,83.14 89.42,83.14 89.42,91.66 97.94,91.66 97.94,83.14      "
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     points: "85.85,100.08 77.33,100.08 77.33,108.6 85.85,108.6 85.85,100.08       "
-  })))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  })))), /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M67.52,21.86l-3.1-0.07c0.06-2.71-0.94-5.28-2.81-7.23c-1.87-1.96-4.39-3.07-7.1-3.13l0.07-3.1 c3.54,0.08,6.83,1.53,9.27,4.08C66.29,14.97,67.6,18.32,67.52,21.86L67.52,21.86z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M75.86,22.04l-3.1-0.07C72.99,11.79,64.88,3.32,54.7,3.1L54.77,0C66.66,0.26,76.12,10.15,75.86,22.04 L75.86,22.04z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.19,25.36c2.47,0.05,4.51-1.9,4.56-4.37c0.05-2.47-1.9-4.51-4.37-4.56c-2.47-0.05-4.51,1.9-4.56,4.37 C49.77,23.27,51.73,25.31,54.19,25.36L54.19,25.36z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M51.2,107.68c-3.84,0-6.97,3.13-6.97,6.97c0,3.84,3.13,6.97,6.97,6.97l0.23,0.02 c0.03,0.01,4.8,0.42,12.67-6.99c-7.86-7.49-12.62-6.99-12.67-6.98l-0.13,0.02L51.2,107.68L51.2,107.68z M51.65,124.74 c-0.24,0-0.43-0.01-0.55-0.03c-5.51-0.05-9.97-4.55-9.97-10.07c0-5.52,4.46-10.01,9.96-10.07c1.17-0.14,7.18-0.29,16.33,8.98 l1.08,1.1l-1.09,1.09C59.24,123.92,53.6,124.74,51.65,124.74L51.65,124.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.43,70.07c3.15,0,5.71-2.56,5.71-5.71c0-3.15-2.56-5.71-5.71-5.71c-3.15,0-5.71,2.56-5.71,5.71 C48.72,67.52,51.28,70.07,54.43,70.07L54.43,70.07z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M55.01,116.19c-23.03,0-41.76-18.73-41.76-41.76c0-23,18.7-41.71,41.69-41.71c23,0,41.71,18.71,41.71,41.71 h-3.1c0-21.29-17.32-38.61-38.61-38.61c-21.28,0-38.59,17.32-38.59,38.61c0,21.32,17.34,38.66,38.66,38.66V116.19L55.01,116.19z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.92,129.33C24.64,129.33,0,104.71,0,74.44c0-30.28,24.64-54.92,54.92-54.92v3.1 C26.35,22.61,3.1,45.86,3.1,74.44c0,28.56,23.25,51.8,51.82,51.8c28.56,0,51.8-23.24,51.8-51.8h3.1 C109.82,104.71,85.19,129.33,54.92,129.33L54.92,129.33z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.86,102.79c-4.64,0-8.27-1.37-10.8-4.07c-3.85-4.1-3.69-9.79-3.66-10.46v-6.47 c0-4.73,3.85-8.57,8.57-8.57h12.71c4.73,0,8.57,3.85,8.57,8.57l0,0.07c-0.01,0.11-0.7,11.23-15.96,11.23v-3.1 c11.94,0,12.81-7.59,12.87-8.25c-0.03-3-2.47-5.42-5.47-5.42H48.97c-3.02,0-5.47,2.46-5.47,5.47l0,6.61 c0,0.05-0.25,4.94,2.84,8.22c1.92,2.04,4.79,3.07,8.53,3.07c13.91,0,25.22-11.33,25.22-25.25c0-13.91-11.31-25.22-25.22-25.22 c-13.88,0-24.76,11.08-24.76,25.22h-3.1c0-15.88,12.24-28.32,27.86-28.32c15.62,0,28.32,12.7,28.32,28.32 C83.18,90.07,70.48,102.79,54.86,102.79L54.86,102.79z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M108.31,55.76c-2.22,0-4.03-1.8-4.03-4.03c0-2.22,1.8-4.03,4.03-4.03c2.22,0,4.03,1.8,4.03,4.03 C112.34,53.95,110.53,55.76,108.31,55.76L108.31,55.76z M117.95,51.85c0-5.35-4.33-9.68-9.68-9.68c-5.35,0-9.68,4.33-9.68,9.68 c0,0-0.98,6.53,9.68,17.18C119.05,58.38,117.95,51.85,117.95,51.85L117.95,51.85z"
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     fill: color,
     points: "97.94,83.14 89.42,83.14 89.42,91.66 97.94,91.66 97.94,83.14      "
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     fill: color,
     points: "85.85,100.08 77.33,100.08 77.33,108.6 85.85,108.6 85.85,100.08       "
   })))));
@@ -8264,7 +8425,7 @@ function GeoReDUSLogoSymbol() {
 function GeoReDUSLogoText() {
   var color = '#FFFFFF';
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React$1.createElement("svg", {
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg"
@@ -8275,35 +8436,35 @@ function GeoReDUSLogoText() {
     x: "0px",
     y: "0px",
     viewBox: "0 0 215.51 129.33"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M22.83,69.59c-7.32,0-12.95-1.95-16.91-5.86C1.98,59.82,0,53.76,0,45.54c0-5.47,0.95-9.97,2.85-13.52 c1.9-3.55,4.65-6.19,8.27-7.93c3.61-1.74,7.95-2.61,13.01-2.61c3.03,0,5.87,0.34,8.54,1.02c2.67,0.68,5.03,1.72,7.08,3.12 c2.06,1.4,3.66,3.15,4.81,5.25c1.15,2.1,1.73,4.6,1.73,7.49H36.05c0-1.4-0.3-2.64-0.91-3.73c-0.61-1.08-1.46-1.99-2.54-2.71 c-1.08-0.72-2.33-1.26-3.73-1.63c-1.4-0.36-2.87-0.54-4.4-0.54c-2.35,0-4.4,0.3-6.17,0.91c-1.76,0.61-3.22,1.54-4.37,2.78 c-1.15,1.24-2.02,2.79-2.61,4.64c-0.59,1.85-0.88,4-0.88,6.44v2.03c0,3.39,0.5,6.17,1.49,8.33c0.99,2.17,2.48,3.78,4.47,4.85 c1.99,1.06,4.45,1.59,7.39,1.59c2.44,0,4.6-0.37,6.47-1.12c1.87-0.75,3.34-1.82,4.4-3.22c1.06-1.4,1.59-3.12,1.59-5.15v-0.47 H22.36v-7.72h23.92v25.14h-6.64l-0.88-5.01c-1.36,1.31-2.81,2.39-4.37,3.25c-1.56,0.86-3.29,1.5-5.18,1.93 C27.31,69.38,25.18,69.59,22.83,69.59z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M109.03,69.5c-3.67,0-6.78-0.63-9.33-1.89c-2.56-1.26-4.5-3.2-5.82-5.82c-1.32-2.62-1.98-5.91-1.98-9.88 c0-4.05,0.66-7.36,1.98-9.94c1.32-2.58,3.26-4.5,5.82-5.75c2.56-1.26,5.67-1.89,9.33-1.89c3.75,0,6.89,0.63,9.43,1.89 c2.54,1.26,4.47,3.18,5.79,5.75c1.32,2.58,1.98,5.89,1.98,9.94c0,3.96-0.66,7.26-1.98,9.88c-1.32,2.62-3.25,4.56-5.79,5.82 C115.93,68.87,112.78,69.5,109.03,69.5z M109.03,62.6c1.96,0,3.53-0.36,4.7-1.09c1.17-0.72,2.04-1.83,2.59-3.33 c0.55-1.49,0.83-3.32,0.83-5.5v-1.53c0-2.17-0.28-4.01-0.83-5.5c-0.55-1.49-1.42-2.61-2.59-3.36c-1.17-0.75-2.74-1.12-4.7-1.12 c-1.92,0-3.46,0.37-4.64,1.12c-1.17,0.75-2.04,1.87-2.59,3.36c-0.55,1.49-0.83,3.32-0.83,5.5v1.53c0,2.17,0.28,4.01,0.83,5.5 c0.55,1.49,1.42,2.6,2.59,3.33C105.57,62.23,107.12,62.6,109.03,62.6z"
-  })), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M70.76,106.24c0-1.79-0.54-3.3-1.63-4.52c-1.09-1.22-2.78-1.83-5.09-1.83c-2.33,0-4.13,0.65-5.41,1.96 c-1.28,1.31-2.08,3.11-2.42,5.39l14.51-0.13C70.75,106.91,70.76,106.62,70.76,106.24L70.76,106.24z M72.76,94.74 c2.25,1.4,3.91,3.23,4.99,5.49c1.08,2.26,1.61,4.71,1.61,7.35c0,1.79-0.27,3.62-0.81,5.47l-22.06,0.17 c0.56,2.08,1.63,3.69,3.21,4.83c1.58,1.14,3.63,1.71,6.16,1.71c1.5,0,3.09-0.17,4.77-0.5c1.68-0.34,3.36-0.83,5.04-1.48l1.71,6.95 c-1.59,0.67-3.6,1.23-6.04,1.68c-2.44,0.45-4.66,0.67-6.65,0.67c-5.44,0-9.66-1.42-12.68-4.25c-3.01-2.83-4.52-7.19-4.52-13.08 c0-3.67,0.67-6.79,2-9.35c1.33-2.56,3.26-4.5,5.77-5.81c2.52-1.31,5.55-1.96,9.08-1.96C67.7,92.64,70.51,93.34,72.76,94.74 L72.76,94.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M77.81,47.77c0-1.86-0.56-3.42-1.69-4.69c-1.13-1.27-2.89-1.9-5.28-1.9c-2.42,0-4.29,0.68-5.61,2.04 c-1.32,1.36-2.16,3.22-2.51,5.59l15.05-0.14C77.8,48.47,77.81,48.16,77.81,47.77L77.81,47.77z M79.89,35.84 c2.33,1.45,4.06,3.35,5.17,5.7c1.12,2.35,1.67,4.89,1.67,7.63c0,1.86-0.28,3.75-0.84,5.68l-22.89,0.17 c0.58,2.16,1.69,3.83,3.33,5.02c1.64,1.18,3.77,1.78,6.39,1.78c1.56,0,3.21-0.17,4.95-0.52c1.74-0.35,3.48-0.86,5.23-1.53 l1.78,7.21c-1.65,0.7-3.74,1.28-6.27,1.74c-2.53,0.46-4.83,0.7-6.9,0.7c-5.64,0-10.03-1.47-13.15-4.41 c-3.12-2.94-4.69-7.46-4.69-13.57c0-3.81,0.69-7.04,2.07-9.7c1.38-2.66,3.38-4.67,5.99-6.03c2.61-1.36,5.75-2.04,9.42-2.04 C74.64,33.66,77.55,34.39,79.89,35.84L79.89,35.84z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M103.7,118.77c3.36,0,6.23-0.66,8.61-1.98c2.38-1.32,4.2-3.24,5.44-5.76c1.24-2.52,1.86-5.57,1.86-9.15 c0-5.44-1.32-9.5-3.95-12.17c-2.63-2.67-6.52-4-11.67-3.98l-7.72,0.07v32.97H103.7L103.7,118.77z M87.38,78.2h16.75 c8.13,0,14.26,1.93,18.4,5.78c4.14,3.85,6.21,9.75,6.21,17.69c0,5.01-1.04,9.37-3.12,13.08c-2.08,3.7-5.02,6.56-8.81,8.56 c-3.79,2-8.19,3-13.18,3l-16.25,0.07V78.2L87.38,78.2z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M141.29,122.12c-3.1-3.34-4.65-8.17-4.65-14.51V78.17h8.93v28.84c0,8.1,3.54,12.16,10.61,12.16 c6.72,0,10.07-3.88,10.07-11.65V78.17h8.9v28.68c0,13.52-6.51,20.28-19.54,20.28C149.16,127.13,144.39,125.46,141.29,122.12 L141.29,122.12z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M190.97,126.02c-2.31-0.6-4.95-1.6-7.92-2.99l3.09-7.92c2.62,1.32,4.82,2.23,6.61,2.72 c1.79,0.49,3.64,0.74,5.54,0.74c2.95,0,5.11-0.55,6.48-1.66c1.36-1.11,2.05-2.59,2.05-4.45c0-1.12-0.37-2.08-1.12-2.89 c-0.75-0.81-1.69-1.48-2.82-2.01c-1.13-0.54-2.73-1.2-4.79-1.98c-2.87-1.07-5.2-2.1-7.02-3.07c-1.81-0.97-3.36-2.34-4.65-4.11 c-1.29-1.77-1.93-4.02-1.93-6.75c0-3.18,0.78-5.83,2.35-7.96c1.57-2.13,3.64-3.69,6.21-4.68c2.57-1,5.42-1.49,8.53-1.49 c2.26,0,4.39,0.22,6.38,0.65c1.99,0.44,3.96,1.05,5.91,1.83l-2.85,7.72l-0.84-0.3c-1.39-0.54-2.69-0.95-3.89-1.24 c-1.21-0.29-2.66-0.44-4.37-0.44c-2.19,0-4.06,0.44-5.61,1.31c-1.55,0.87-2.32,2.24-2.32,4.1c0,0.96,0.33,1.8,0.99,2.52 c0.66,0.72,1.5,1.33,2.52,1.83s2.45,1.11,4.28,1.83c2.84,1.14,5.18,2.23,7.02,3.26c1.83,1.03,3.41,2.5,4.73,4.42 c1.32,1.91,1.98,4.34,1.98,7.27c0,3-0.68,5.6-2.03,7.81c-1.36,2.21-3.32,3.9-5.89,5.09c-2.57,1.19-5.67,1.78-9.3,1.78 C195.71,126.93,193.27,126.62,190.97,126.02L190.97,126.02z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M30.67,104.39c2.82-1.08,5.04-2.68,6.66-4.82c1.62-2.14,2.45-4.67,2.47-7.61c0-2.95-0.65-5.46-1.95-7.52 c-1.3-2.06-3.14-3.62-5.52-4.68c-2.38-1.06-5.18-1.6-8.38-1.6H6.96v48.15h8.93l-0.02-11.2l-0.01-30.03l5.51-0.03 c2.93-0.04,5.19,0.57,6.77,1.83c1.58,1.26,2.37,3.15,2.37,5.66c0,2.48-0.87,4.39-2.6,5.73c-1.63,1.25-3.88,1.91-6.73,1.98h-0.13 v5.32l13.36,20.75h10.64L30.67,104.39L30.67,104.39z"
   }))));
 }
 var _excluded2 = ["text", "label", "children", "copiedMessage"];
-var DEFAULT_ICON = /*#__PURE__*/React.createElement(Icon, {
+var DEFAULT_ICON = /*#__PURE__*/React$1.createElement(Icon, {
   path: mdiContentCopy,
   size: "18px"
 });
@@ -8320,14 +8481,14 @@ function CopyToClipboardIconButton(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     copied = _useState4[0],
     setCopied = _useState4[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Root, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Popover.Root, {
     open: copied
-  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  }, /*#__PURE__*/React$1.createElement(CopyToClipboard, {
     text: text
-  }, /*#__PURE__*/React.createElement(Popover.Trigger, null, /*#__PURE__*/React.createElement(IconButton, _extends({
+  }, /*#__PURE__*/React$1.createElement(Popover.Trigger, null, /*#__PURE__*/React$1.createElement(IconButton, _extends({
     asChild: true,
     radius: "full"
-  }, props), /*#__PURE__*/React.createElement("button", {
+  }, props), /*#__PURE__*/React$1.createElement("button", {
     onClick: function onClick() {
       setCopied(true);
       setTimeout(function () {
@@ -8336,10 +8497,10 @@ function CopyToClipboardIconButton(_ref2) {
         });
       }, 2500);
     }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: label,
     sideOffset: 10
-  }, children))))), /*#__PURE__*/React.createElement(Popover.Content, {
+  }, children))))), /*#__PURE__*/React$1.createElement(Popover.Content, {
     align: "center",
     size: "1",
     style: {
@@ -8359,39 +8520,39 @@ var ShareButtonBar = function ShareButtonBar(_ref) {
   var _useLocation = useLocation(),
     href = _useLocation.href;
   var shareUrl = url ? url : href;
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React$1.createElement(Container, _extends({
     direction: "row",
     gap: "3"
-  }, props), /*#__PURE__*/React.createElement(CopyToClipboardIconButton, {
+  }, props), /*#__PURE__*/React$1.createElement(CopyToClipboardIconButton, {
     label: "Copiar link de compartilhamento",
     copiedMessage: "Link copiado para \xE1rea de transfer\xEAncia",
     text: shareUrl
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiLinkVariant,
     size: "18px"
-  })), /*#__PURE__*/React.createElement(LinkedinShareButton, {
+  })), /*#__PURE__*/React$1.createElement(LinkedinShareButton, {
     url: shareUrl
-  }, /*#__PURE__*/React.createElement(LinkedinIcon, {
+  }, /*#__PURE__*/React$1.createElement(LinkedinIcon, {
     size: 32,
     round: true
-  })), /*#__PURE__*/React.createElement(EmailShareButton, {
+  })), /*#__PURE__*/React$1.createElement(EmailShareButton, {
     url: shareUrl
-  }, /*#__PURE__*/React.createElement(EmailIcon, {
+  }, /*#__PURE__*/React$1.createElement(EmailIcon, {
     size: 32,
     round: true
-  })), /*#__PURE__*/React.createElement(FacebookShareButton, {
+  })), /*#__PURE__*/React$1.createElement(FacebookShareButton, {
     url: shareUrl
-  }, /*#__PURE__*/React.createElement(FacebookIcon, {
+  }, /*#__PURE__*/React$1.createElement(FacebookIcon, {
     size: 32,
     round: true
-  })), /*#__PURE__*/React.createElement(TwitterShareButton, {
+  })), /*#__PURE__*/React$1.createElement(TwitterShareButton, {
     url: shareUrl
-  }, /*#__PURE__*/React.createElement(TwitterIcon, {
+  }, /*#__PURE__*/React$1.createElement(TwitterIcon, {
     size: 32,
     round: true
-  })), /*#__PURE__*/React.createElement(WhatsappShareButton, {
+  })), /*#__PURE__*/React$1.createElement(WhatsappShareButton, {
     url: shareUrl
-  }, /*#__PURE__*/React.createElement(WhatsappIcon, {
+  }, /*#__PURE__*/React$1.createElement(WhatsappIcon, {
     size: 32,
     round: true
   })));
@@ -8433,10 +8594,10 @@ function SharePanel(_ref) {
   //   throwOnError: process.env.NODE_ENV !== 'production',
   // })
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "4"
-  }, /*#__PURE__*/React.createElement(ShareButtonBar, null)));
+  }, /*#__PURE__*/React$1.createElement(ShareButtonBar, null)));
 }
 var _templateObject$1;
@@ -8457,7 +8618,7 @@ function LeftPanel(_ref) {
     syncedMapsRef = _ref.syncedMapsRef,
     mapContainerRef = _ref.mapContainerRef;
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     style: {
       position: 'fixed',
       zIndex: 2,
@@ -8467,7 +8628,7 @@ function LeftPanel(_ref) {
     }
     // onMouseEnter={() => setMouseIsOver(true)}
     // onMouseLeave={() => setMouseIsOver(false)}
-  }, /*#__PURE__*/React.createElement(Flex
+  }, /*#__PURE__*/React$1.createElement(Flex
   //
   // Use flex for responsive positioning
   //
@@ -8490,7 +8651,7 @@ function LeftPanel(_ref) {
         md: '20px'
       }
     }
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React$1.createElement(IconButton, {
     size: {
       xs: '3',
       md: '1'
@@ -8506,16 +8667,16 @@ function LeftPanel(_ref) {
       return onSetOpen(!open);
     }
     // variant="surface"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: open ? 'Fechar painel' : 'Abrir painel'
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     style: {
       transition: 'transform .2s ease-out',
       transform: "rotateZ(".concat(open ? '0' : '180', "deg)")
     },
     path: mdiChevronLeft,
     size: "16px"
-  })))), /*#__PURE__*/React.createElement(Flex, {
+  })))), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "column",
     gap: "0",
     height: "100vh",
@@ -8528,7 +8689,7 @@ function LeftPanel(_ref) {
     onClick: function onClick(e) {
       return onSetOpen(true);
     }
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     px: "12px",
     py: "10px",
     height: HEADER_HEIGHT,
@@ -8540,15 +8701,15 @@ function LeftPanel(_ref) {
       flexShrink: 0,
       flexGrow: 0
     }
-  }, /*#__PURE__*/React.createElement(LogoContainer, {
+  }, /*#__PURE__*/React$1.createElement(LogoContainer, {
     direction: "row",
     gap: "8px"
-  }, /*#__PURE__*/React.createElement(GeoReDUSLogoSymbol, null), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement(GeoReDUSLogoSymbol, null), /*#__PURE__*/React$1.createElement("div", {
     style: {
       transition: open ? 'opacity .7s ease-out' : 'opacity .1s ease-out',
       opacity: open ? 1 : 0
     }
-  }, /*#__PURE__*/React.createElement(GeoReDUSLogoText, null)))), Array.isArray(viewSpecs) ? /*#__PURE__*/React.createElement(ViewMenu, {
+  }, /*#__PURE__*/React$1.createElement(GeoReDUSLogoText, null)))), Array.isArray(viewSpecs) ? /*#__PURE__*/React$1.createElement(ViewMenu, {
     style: {
       flexGrow: 1,
       height: '1px'
@@ -8579,7 +8740,7 @@ function LeftPanel(_ref) {
         payload: viewId
       });
     },
-    sideBarBottom: /*#__PURE__*/React.createElement(Flex, {
+    sideBarBottom: /*#__PURE__*/React$1.createElement(Flex, {
       style: {
         flexGrow: 1
       },
@@ -8588,7 +8749,7 @@ function LeftPanel(_ref) {
       gap: "3",
       justifyContent: "flex-end",
       alignItems: "center"
-    }, /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React$1.createElement(IconButton, {
       variant: "soft",
       size: "3",
       onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -8596,7 +8757,7 @@ function LeftPanel(_ref) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return dialogs.view(/*#__PURE__*/React.createElement(SharePanel, {
+              return dialogs.view(/*#__PURE__*/React$1.createElement(SharePanel, {
                 mapContainerRef: mapContainerRef,
                 syncedMapsRef: syncedMapsRef
               }));
@@ -8606,40 +8767,40 @@ function LeftPanel(_ref) {
           }
         }, _callee);
       }))
-    }, /*#__PURE__*/React.createElement(Tooltip, {
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
       content: "Compartilhar"
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiShareVariantOutline,
       size: "24px"
-    }))), /*#__PURE__*/React.createElement(IconButton, {
+    }))), /*#__PURE__*/React$1.createElement(IconButton, {
       variant: "soft",
       size: "3",
       asChild: true
-    }, /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React$1.createElement("a", {
       href: "https://www.redus.org.br/georedus-rede-de-dados-urbanos/formularios/cbf766bb-9a74-4bc5-897a-70b9151afbdb",
       target: "_blank",
       rel: "noreferrer nofollow"
-    }, /*#__PURE__*/React.createElement(Tooltip, {
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
       content: "D\xFAvidas e sugest\xF5es"
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiForumOutline,
       size: "24px"
     })))))
-  }) : /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/React$1.createElement("div", {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(LoadingOverlay, {
+  }, /*#__PURE__*/React$1.createElement(LoadingOverlay, {
     message: null
-  })), /*#__PURE__*/React.createElement(Flex, {
+  })), /*#__PURE__*/React$1.createElement(Flex, {
     p: "2",
     style: {
       backgroundColor: 'white'
     },
     direction: "row",
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React$1.createElement("img", {
     style: {
       transition: 'opacity .1s ease-out',
       opacity: open ? 1 : 0,
@@ -8663,7 +8824,7 @@ var ViewLayoutSortable = makeSortableMultiList({
     //
     Portal: function Portal$1(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Theme, null, children));
+      return /*#__PURE__*/React$1.createElement(Portal, null, /*#__PURE__*/React$1.createElement(Theme, null, children));
     },
     Item: function Item(_ref2) {
       var dragHandleProps = _ref2.dragHandleProps,
@@ -8674,12 +8835,15 @@ var ViewLayoutSortable = makeSortableMultiList({
         viewSpecs = _useContext.viewSpecs,
         viewConfState = _useContext.viewConfState,
         viewConfDispatch = _useContext.viewConfDispatch;
+      var viewSpec = viewSpecs === null || viewSpecs === void 0 ? void 0 : viewSpecs.find(function (spec) {
+        return spec.id === item.id;
+      });
       // const boxShadow = isDragOverlay
       //   ? 'rgba(0, 0, 0, 0.35) 0px 5px 15px;'
       //   : 'none'
-      return /*#__PURE__*/React.createElement(Flex, {
+      return viewSpec && /*#__PURE__*/React$1.createElement(Flex, {
         direction: "row",
         alignItems: "center",
         gap: "0",
@@ -8689,7 +8853,7 @@ var ViewLayoutSortable = makeSortableMultiList({
           transform: isDragOverlay ? 'scale(1.05)' : '',
           zIndex: isDragOverlay ? 999 : 0
         }
-      }, /*#__PURE__*/React.createElement("div", _extends({}, dragHandleProps, {
+      }, /*#__PURE__*/React$1.createElement("div", _extends({}, dragHandleProps, {
         style: {
           cursor: isDragging ? 'grabbing' : 'grab',
           background: 'white',
@@ -8700,22 +8864,20 @@ var ViewLayoutSortable = makeSortableMultiList({
           borderBottomLeftRadius: DRAG_HANDLE_BORDER_RADIUS,
           height: CONTROL_HEIGHT
         }
-      }), /*#__PURE__*/React.createElement(Icon, {
+      }), /*#__PURE__*/React$1.createElement(Icon, {
         path: mdiDragVertical,
         size: "24px"
-      })), /*#__PURE__*/React.createElement(Flex, {
+      })), /*#__PURE__*/React$1.createElement(Flex, {
         direction: "column",
         style: {
           flexGrow: 1
         }
-      }, /*#__PURE__*/React.createElement(ViewControl, {
+      }, /*#__PURE__*/React$1.createElement(ViewControl, {
         style: {
           height: CONTROL_HEIGHT
         },
         path: true,
-        viewSpec: viewSpecs.find(function (spec) {
-          return spec.id === item.id;
-        }),
+        viewSpec: omit(viewSpec, ['shortDescription']),
         viewConf: viewConfState.byId[item.id],
         viewConfState: viewConfState,
         configurable: false,
@@ -8759,7 +8921,7 @@ var ViewLayoutSortable = makeSortableMultiList({
       var children = _ref3.children;
         _ref3.dragHandleProps;
         var item = _ref3.item;
-      return /*#__PURE__*/React.createElement(Flex, {
+      return /*#__PURE__*/React$1.createElement(Flex, {
         direction: "column",
         width: "280px"
         // pb="30px"
@@ -8768,11 +8930,11 @@ var ViewLayoutSortable = makeSortableMultiList({
           border: 'dashed 1px var(--accent-6)',
           borderRadius: "".concat(DRAG_HANDLE_BORDER_RADIUS, "px")
         }
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         style: {
           margin: '-1px -1px -1px -1px'
         }
-      }, children, item.items.length === 0 && /*#__PURE__*/React.createElement(Flex, {
+      }, children, item.items.length === 0 && /*#__PURE__*/React$1.createElement(Flex, {
         p: "4",
         style: {
           // border: 'dashed 1px var(--accent-6)',
@@ -8781,7 +8943,7 @@ var ViewLayoutSortable = makeSortableMultiList({
         },
         justifyContent: "center",
         alignItems: "center"
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React$1.createElement(Text, {
         size: "2"
       }, "Arraste uma camada para visualizar em mapa comparado"))));
     }
@@ -8791,13 +8953,13 @@ function ViewLayoutControl(_ref4) {
   var viewSpecs = _ref4.viewSpecs,
     viewConfState = _ref4.viewConfState,
     viewConfDispatch = _ref4.viewConfDispatch;
-  return /*#__PURE__*/React.createElement(ViewLayoutControlContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ViewLayoutControlContext.Provider, {
     value: {
       viewSpecs: viewSpecs,
       viewConfState: viewConfState,
       viewConfDispatch: viewConfDispatch
     }
-  }, /*#__PURE__*/React.createElement(ViewLayoutSortable, {
+  }, /*#__PURE__*/React$1.createElement(ViewLayoutSortable, {
     lists: viewConfState.layout,
     onSetLists: function onSetLists(nextLayout) {
       return viewConfDispatch({
@@ -8817,13 +8979,13 @@ function ViewLayoutPopover(_ref) {
   var activeViewCount = useMemo(function () {
     return Object.keys(viewConfState.byId).length;
   }, [viewConfState.byId]);
-  return /*#__PURE__*/React.createElement(Popover.Root, null, /*#__PURE__*/React.createElement(Popover.Trigger, null, /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/React$1.createElement(Popover.Root, null, /*#__PURE__*/React$1.createElement(Popover.Trigger, null, /*#__PURE__*/React$1.createElement(Button, _extends({
     variant: activeViewCount > 0 ? 'solid' : 'soft',
     size: "1"
-  }, props), /*#__PURE__*/React.createElement(Icon, {
+  }, props), /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiLayers,
     size: "16px"
-  }), " Camadas ativas", ' ', activeViewCount ? "(".concat(activeViewCount, ")") : null)), /*#__PURE__*/React.createElement(Popover.Content, {
+  }), " Camadas ativas", ' ', activeViewCount ? "(".concat(activeViewCount, ")") : null)), /*#__PURE__*/React$1.createElement(Popover.Content, {
     size: "1",
     align: "center",
     style: {
@@ -8832,19 +8994,19 @@ function ViewLayoutPopover(_ref) {
       position: 'relative'
     },
     maxWidth: "none"
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "3"
-  }, activeViewCount > 0 ? /*#__PURE__*/React.createElement(ViewLayoutControl, {
+  }, activeViewCount > 0 ? /*#__PURE__*/React$1.createElement(ViewLayoutControl, {
     viewSpecs: viewSpecs,
     viewConfState: viewConfState,
     viewConfDispatch: viewConfDispatch
-  }) : /*#__PURE__*/React.createElement(Text, {
+  }) : /*#__PURE__*/React$1.createElement(Text, {
     size: "1"
-  }, "Nenhuma camada ativa"), /*#__PURE__*/React.createElement(Popover.Close, null, /*#__PURE__*/React.createElement(IconButton, {
+  }, "Nenhuma camada ativa"), /*#__PURE__*/React$1.createElement(Popover.Close, null, /*#__PURE__*/React$1.createElement(IconButton, {
     size: "1",
     variant: "ghost"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiClose,
     size: "16px"
   }))))));
@@ -8966,6 +9128,23 @@ function _coordinatesFromDeviceLocation() {
 function resolveInitialMunicipioId(_x) {
   return _resolveInitialMunicipioId.apply(this, arguments);
 }
+/**
+ * Returns a bbox covering the 3×3 grid of tiles around the tile that contains
+ * (lng, lat) at the given zoom. Useful for limiting map bounds or prefetching.
+ *
+ * TILE LAYOUT (center tile is x,y):
+ *
+ *      +---------+---------+---------+
+ *      | x-1,y-1 |  x,y-1  | x+1,y-1 |
+ *      +---------+---------+---------+
+ *      | x-1,y   |  x,y    | x+1,y   |
+ *      +---------+---------+---------+
+ *      | x-1,y+1 |  x,y+1  | x+1,y+1 |
+ *      +---------+---------+---------+
+ *
+ * Returns: [minLng, minLat, maxLng, maxLat]
+ */
 function _resolveInitialMunicipioId() {
   _resolveInitialMunicipioId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref) {
     var METADATA_API_ENDPOINT, coordinates, defaultCoordinates;
@@ -9021,6 +9200,30 @@ function _resolveInitialMunicipioId() {
   }));
   return _resolveInitialMunicipioId.apply(this, arguments);
 }
+function getSurroundingTilesBbox(lng, lat, zoom) {
+  // Tile under center point
+  var _pointToTile = pointToTile(lng, lat, zoom),
+    _pointToTile2 = _slicedToArray(_pointToTile, 2),
+    x = _pointToTile2[0],
+    y = _pointToTile2[1];
+  var minLng = Infinity;
+  var minLat = Infinity;
+  var maxLng = -Infinity;
+  var maxLat = -Infinity;
+  // 3×3 block of tiles around the center tile
+  for (var dx = -1; dx <= 1; dx++) {
+    for (var dy = -1; dy <= 1; dy++) {
+      var tile = [x + dx, y + dy, zoom];
+      var bbox = tileToBBOX(tile);
+      minLng = Math.min(minLng, bbox[0]);
+      minLat = Math.min(minLat, bbox[1]);
+      maxLng = Math.max(maxLng, bbox[2]);
+      maxLat = Math.max(maxLat, bbox[3]);
+    }
+  }
+  return [minLng, minLat, maxLng, maxLat];
+}
 // TODO generalize for allow input types and output types
 function parseGeoFileMetadata(_x) {
@@ -9054,7 +9257,7 @@ function _parseGeoFileMetadata() {
 }
 function GeoFile(props) {
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement(SingleFileInput, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(SingleFileInput, _extends({}, props, {
     middleware: [(/*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
         var Gdal, _yield$Gdal$open, datasets, errors, result, fileBytes, blob, outFile;
@@ -9131,13 +9334,13 @@ function GeoFile(props) {
 }
 function NumberInput(props) {
-  return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(TextInput, _extends({}, props, {
     type: "text",
     mask: Number
   }));
 }
 function InputProvider(props) {
-  return /*#__PURE__*/React.createElement(InputProvider$1, _extends({
+  return /*#__PURE__*/React$1.createElement(InputProvider$1, _extends({
     renderers: _objectSpread2(_objectSpread2({}, INPUTS), rendererSpecList({
       date: TextInput,
       number: NumberInput,
@@ -10897,16 +11100,26 @@ function _flyToMunicipio2() {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           _context4.next = 2;
-          return fetch("".concat(METADATA_API_ENDPOINT, "/ibge_malha_br_municipio?select=bbox&id=eq.").concat(municipioId)).then(function (res) {
+          return fetch("".concat(METADATA_API_ENDPOINT, "/ibge_malha_br_municipio_2024?select=area_urbana_bbox_geom&id=eq.").concat(municipioId)).then(function (res) {
             return res.json();
           });
         case 2:
           _yield$fetch$then = _context4.sent;
           _yield$fetch$then2 = _slicedToArray(_yield$fetch$then, 1);
           mun = _yield$fetch$then2[0];
-          if (mun && mun.bbox) {
-            fitGeometry(map, mun.bbox, options);
+          if (mun && mun.area_urbana_bbox_geom) {
+            fitGeometry(map, mun.area_urbana_bbox_geom, options);
           }
+          // const [mun] = await fetch(
+          //   `${METADATA_API_ENDPOINT}/ibge_malha_br_municipio?select=bbox&id=eq.${municipioId}`,
+          // ).then((res) => res.json())
+          // if (mun && mun.bbox) {
+          //   console.log('mun.bbox', mun.bbox)
+          //   fitGeometry(map, mun.bbox, options)
+          // }
         case 6:
         case "end":
           return _context4.stop();
@@ -10963,6 +11176,19 @@ var FULL_MAP_STYLE = {
   dataviz: BASEMAPS.dataviz.fullMapStyle(),
   satellite: BASEMAPS.satellite.fullMapStyle()
 };
+function _bboxContains(a, b) {
+  var _a = _slicedToArray(a, 4),
+    aMinLng = _a[0],
+    aMinLat = _a[1],
+    aMaxLng = _a[2],
+    aMaxLat = _a[3];
+  var _b = _slicedToArray(b, 4),
+    bMinLng = _b[0],
+    bMinLat = _b[1],
+    bMaxLng = _b[2],
+    bMaxLat = _b[3];
+  return bMinLng >= aMinLng && bMinLat >= aMinLat && bMaxLng <= aMaxLng && bMaxLat <= aMaxLat;
+}
 //
 // TODO: review, this is clearly not a structured way
@@ -11027,7 +11253,7 @@ function HoverLegend(_ref) {
       onMouseLeaveStep: onMouseLeaveStep
     };
   }, []);
-  return /*#__PURE__*/React.createElement(Legend, _extends({}, legendProps, legendProps.type === 'SequentialColorLegend' ? SEQUENTIAL_COLOR_LEGEND_PROPS : {}));
+  return /*#__PURE__*/React$1.createElement(Legend, _extends({}, legendProps, legendProps.type === 'SequentialColorLegend' ? SEQUENTIAL_COLOR_LEGEND_PROPS : {}));
 }
 function GeoReDUSInner(_ref2) {
   var globalState = _ref2.state,
@@ -11069,6 +11295,10 @@ function GeoReDUSInner(_ref2) {
   var syncedMapsRef = useRef(null);
   var mapRegistry = useMapRegistry();
   var tilesLoading = useTilesLoading(mapRegistry.maps);
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    mapBounds = _useState6[0],
+    setMapBounds = _useState6[1];
   var _useLocalState = useLocalState(globalState.municipioId, function (nextMunicipioId) {
       return onSetGlobalState(_objectSpread2(_objectSpread2({}, globalState), {}, {
         municipioId: nextMunicipioId
@@ -11146,9 +11376,10 @@ function GeoReDUSInner(_ref2) {
       // in order for views not recompute on every zoom change
       //
       zoomLevel: zoomLevel,
-      regional: regional
+      regional: regional,
+      mapBounds: mapBounds
     };
-  }, [municipioId, baseMapStyle, zoomLevel, regional]);
+  }, [municipioId, baseMapStyle, zoomLevel, regional, mapBounds]);
   var _useViews = useViews({
       viewSpecs: viewSpecsQuery.data,
       viewConfState: viewConfState,
@@ -11352,7 +11583,7 @@ function GeoReDUSInner(_ref2) {
           feature: feature
         }) : null;
       }).filter(Boolean);
-      return tooltipDataSections.length > 0 && /*#__PURE__*/React.createElement(HoverTooltip, {
+      return tooltipDataSections.length > 0 && /*#__PURE__*/React$1.createElement(HoverTooltip, {
         position: hoverInfo.point,
         dataSections: tooltipDataSections,
         style: {
@@ -11377,7 +11608,7 @@ function GeoReDUSInner(_ref2) {
       }
     });
   }, []);
-  return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  return /*#__PURE__*/React$1.createElement(Flex, null, /*#__PURE__*/React$1.createElement(LeftPanel, {
     open: leftPanelOpen,
     onSetOpen: setLeftPanelOpen,
     viewSpecs: resolvedViewSpecs,
@@ -11385,7 +11616,7 @@ function GeoReDUSInner(_ref2) {
     viewConfDispatch: viewConfDispatch,
     resolvedViews: resolvedViews,
     syncedMapsRef: syncedMapsRef
-  }), /*#__PURE__*/React.createElement(Flex, {
+  }), /*#__PURE__*/React$1.createElement(Flex, {
     style: {
       position: 'fixed',
       zIndex: 2,
@@ -11395,27 +11626,27 @@ function GeoReDUSInner(_ref2) {
     direction: "row",
     gap: "4",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(ViewLayoutPopover, {
+  }, /*#__PURE__*/React$1.createElement(ViewLayoutPopover, {
     viewSpecs: viewSpecsQuery.data,
     viewConfState: viewConfState,
     viewConfDispatch: viewConfDispatch
-  }), /*#__PURE__*/React.createElement(Flex, {
+  }), /*#__PURE__*/React$1.createElement(Flex, {
     alignItems: "strecth",
     width: "400px",
     direction: "column",
     maxWidth: "30vw",
     gap: "3"
-  }, /*#__PURE__*/React.createElement(HotfixSelectLargeFont, null, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React$1.createElement(HotfixSelectLargeFont, null, /*#__PURE__*/React$1.createElement(Input, {
     schema: MUNICIPIO_ID_SELECTOR_SCHEMA,
     value: municipioId,
     onSetValue: setMunicipioId
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React$1.createElement("div", {
     style: {
       alignSelf: 'flex-end',
       position: 'absolute',
       top: '100%'
     }
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React$1.createElement(Input, {
     schema: {
       type: 'booleanCheckbox',
       description: 'Visualizar dados regionais'
@@ -11423,13 +11654,31 @@ function GeoReDUSInner(_ref2) {
     size: "1",
     value: regional,
     onSetValue: setRegional
-  })))), /*#__PURE__*/React.createElement(SyncedMaps, {
+  })))), /*#__PURE__*/React$1.createElement(SyncedMaps, {
     maxPitch: 80,
     onZoomEnd: function onZoomEnd(e) {
       var _e$viewState;
       var zoom = (_e$viewState = e.viewState) === null || _e$viewState === void 0 ? void 0 : _e$viewState.zoom;
       var nextZoomLevel = zoom > 8 ? 'intramun' : zoom > 5 ? 'intrauf' : zoom > 3 ? 'intrabr' : null;
       setZoomLevel(nextZoomLevel);
+    }
+    //
+    // TODO: review mapBounds calculation
+    //
+    ,
+    onMoveEnd: function onMoveEnd(e) {
+      var _e$viewState2 = e.viewState,
+        latitude = _e$viewState2.latitude,
+        longitude = _e$viewState2.longitude;
+      var bounds = e.target.getBounds();
+      var minLng = bounds.getWest();
+      var maxLng = bounds.getEast();
+      var minLat = bounds.getSouth();
+      var maxLat = bounds.getNorth();
+      var viewBounds = [minLng, minLat, maxLng, maxLat];
+      if (!mapBounds || !_bboxContains(mapBounds, viewBounds)) {
+        setMapBounds(getSurroundingTilesBbox(longitude, latitude, 7));
+      }
     },
     onDrag: function onDrag() {
       if (resolvedLayout.length > 1 && leftPanelOpen) {
@@ -11443,6 +11692,10 @@ function GeoReDUSInner(_ref2) {
     ref: syncedMapsRef,
     onLoad: function onLoad(evt) {
       _refocus(evt.target);
+      // For debugging:
+      // evt.target.showTileBoundaries = true
       mapRegistry.onLoad(evt);
     },
     onRemove: function onRemove(evt) {
@@ -11475,12 +11728,12 @@ function GeoReDUSInner(_ref2) {
         // canvasContextAttributes: {
         //   preserveDrawingBuffer: true,
         // },
-        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DynamicImages, {
+        children: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(DynamicImages, {
           onGenerateImage: MAP_SVG_IMAGE_GENERATOR
-        }), /*#__PURE__*/React.createElement(AttributionControl, {
+        }), /*#__PURE__*/React$1.createElement(AttributionControl, {
           position: "bottom-right",
           compact: false
-        }), /*#__PURE__*/React.createElement(ControlContainer, {
+        }), /*#__PURE__*/React$1.createElement(ControlContainer, {
           style: {
             width: 'auto',
             height: 'auto',
@@ -11488,13 +11741,13 @@ function GeoReDUSInner(_ref2) {
             opacity: legends.length > 0 ? 1 : 0
           },
           position: "bottom-right"
-        }, legends.length > 0 && /*#__PURE__*/React.createElement(LegendContainer, {
+        }, legends.length > 0 && /*#__PURE__*/React$1.createElement(LegendContainer, {
           direction: "row",
           gap: "3",
           p: resolvedLayout.length > 1 ? '3' : '4'
-        }, resolvedLayout.length > 1 && /*#__PURE__*/React.createElement(Tooltip, {
+        }, resolvedLayout.length > 1 && /*#__PURE__*/React$1.createElement(Tooltip, {
           content: "Fechar visualiza\xE7\xE3o"
-        }, /*#__PURE__*/React.createElement(IconButton, {
+        }, /*#__PURE__*/React$1.createElement(IconButton, {
           size: "1",
           variant: "soft",
           onClick: function onClick() {
@@ -11503,14 +11756,14 @@ function GeoReDUSInner(_ref2) {
               payload: views[0].id
             });
           }
-        }, /*#__PURE__*/React.createElement(Icon, {
+        }, /*#__PURE__*/React$1.createElement(Icon, {
           path: mdiClose,
           size: "20px"
-        }))), /*#__PURE__*/React.createElement(EvenSpacedList, {
+        }))), /*#__PURE__*/React$1.createElement(EvenSpacedList, {
           columns: legends.length > 1 ? 2 : 1,
           gap: "10px"
         }, legends.map(function (legend) {
-          return /*#__PURE__*/React.createElement(HoverLegend, _extends({}, resolvedLayout.length > 1 ? {
+          return /*#__PURE__*/React$1.createElement(HoverLegend, _extends({}, resolvedLayout.length > 1 ? {
             direction: 'row',
             maxWidth: '300px',
             size: '1'
@@ -11521,21 +11774,21 @@ function GeoReDUSInner(_ref2) {
           }, {
             key: legend.id
           }, legend));
-        })))), index === resolvedLayout.length - 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, process.env.NODE_ENV !== 'production' && /*#__PURE__*/React.createElement(InspectControl, null), /*#__PURE__*/React.createElement(GeolocateControl, {
+        })))), index === resolvedLayout.length - 1 ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, process.env.NODE_ENV !== 'production' && /*#__PURE__*/React$1.createElement(InspectControl, null), /*#__PURE__*/React$1.createElement(GeolocateControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(FullscreenControl, {
+        }), /*#__PURE__*/React$1.createElement(FullscreenControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(NavigationControl, {
+        }), /*#__PURE__*/React$1.createElement(NavigationControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(ScaleControl, {
+        }), /*#__PURE__*/React$1.createElement(ScaleControl, {
           position: "bottom-right"
-        }), /*#__PURE__*/React.createElement(ControlContainer, {
+        }), /*#__PURE__*/React$1.createElement(ControlContainer, {
           style: {
             width: 100,
             height: 100,
             boxShadow: 'none'
           }
-        }, /*#__PURE__*/React.createElement(MapStyleToggleCtrl, {
+        }, /*#__PURE__*/React$1.createElement(MapStyleToggleCtrl, {
           style: {
             position: 'relative',
             width: 100,
@@ -11545,7 +11798,7 @@ function GeoReDUSInner(_ref2) {
           onClick: function onClick() {
             return setBaseMapStyle(baseMapStyle === 'dataviz' ? 'satellite' : 'dataviz');
           }
-        }, /*#__PURE__*/React.createElement(MapWindow, {
+        }, /*#__PURE__*/React$1.createElement(MapWindow, {
           style: {
             pointerEvents: 'none',
             position: 'absolute',
@@ -11556,13 +11809,13 @@ function GeoReDUSInner(_ref2) {
           },
           mapStyle: baseMapStyle === 'satellite' ? FULL_MAP_STYLE.dataviz : FULL_MAP_STYLE.satellite,
           maxZoom: 13
-        })))) : null, /*#__PURE__*/React.createElement(TerrainControl, {
+        })))) : null, /*#__PURE__*/React$1.createElement(TerrainControl, {
           demSourceUrl: DEM_SOURCE_URL,
           demSourceEncoding: DEM_SOURCE_ENCODING
         }))
       };
     })
-  }, (viewsLoading || tilesLoading) && /*#__PURE__*/React.createElement(LoadingIndicator, {
+  }, (viewsLoading || tilesLoading) && /*#__PURE__*/React$1.createElement(LoadingIndicator, {
     style: {
       position: 'fixed',
       bottom: '40px',
@@ -11577,9 +11830,9 @@ function GeoReDUSInner(_ref2) {
 }
 var GeoReDUSRootContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  * {\n    box-sizing: border-box;\n  }\n"])));
 function GeoReDUS(props) {
-  return /*#__PURE__*/React.createElement(GeoReDUSRootContainer, null, /*#__PURE__*/React.createElement(InputProvider, {
+  return /*#__PURE__*/React$1.createElement(GeoReDUSRootContainer, null, /*#__PURE__*/React$1.createElement(InputProvider, {
     variant: "labeled"
-  }, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(GeoReDUSInner, props))));
+  }, /*#__PURE__*/React$1.createElement(DialogsProvider, null, /*#__PURE__*/React$1.createElement(GeoReDUSInner, props))));
 }
-export { GeoReDUS, index as UNSTABLE_VIEW_SPEC, VTX_PROTOCOL, memoFetchData, vtx, vtxSetup, vtxUrl };
+export { GeoReDUS, index as UNSTABLE_VIEW_SPEC, VTX_PROTOCOL, _bboxContains, memoFetchData, vtx, vtxSetup, vtxUrl };