@redus/georedus-ui 0.9.0 → 0.10.1

package/dist/main.js

@@ -2,9 +2,9 @@ import { get, isPlainObject, pick, omit, set, uniqBy, groupBy, uniq } from 'loda
 import { slugify, dataJoin } from '@orioro/util';
 import { makeResolve, $$literal, withExpressionResolvers, expressions, ALL_EXPR, fetchExpr, resolve, resolveAsync } from '@orioro/resolve';
 import { __assign, __spreadArray, __awaiter, __generator, __makeTemplateObject } from 'tslib';
-import { schemeTableau10, schemeSet3, schemeSet2, schemeSet1, schemePastel2, schemePastel1, schemePaired, schemeObservable10, schemeDark2, schemeAccent, schemeCategory10, schemeSpectral, schemeRdYlGn, schemeRdYlBu, schemeRdGy, schemeRdBu, schemePuOr, schemePiYG, schemePRGn, schemeBrBG, schemeYlOrRd, schemeYlOrBr, schemeYlGn, schemeYlGnBu, schemeRdPu, schemePuRd, schemePuBu, schemePuBuGn, schemeOrRd, schemeGnBu, schemeBuPu, schemeBuGn, schemeReds, schemePurples, schemeOranges, schemeGreys, schemeGreens, schemeBlues } from 'd3-scale-chromatic';
+import { schemeTableau10, schemeSet3, schemeSet2, schemeSet1, schemePastel2, schemePastel1, schemePaired, schemeObservable10, schemeDark2, schemeAccent, schemeCategory10, schemeSpectral, schemeRdYlGn, schemeRdYlBu, schemeRdGy, schemeRdBu, schemePuOr, schemePiYG, schemePRGn, schemeBrBG, schemeYlOrRd, schemeYlOrBr, schemeYlGn, schemeYlGnBu, schemeRdPu, schemePuRd, schemePuBu, schemePuBuGn, schemeOrRd, schemeGnBu, schemeBuPu, schemeBuGn, schemeReds, schemePurples, schemeOranges, schemeGreys, schemeGreens, schemeBlues, interpolateSpectral } from 'd3-scale-chromatic';
 import { saveAs } from 'file-saver';
-import { CANCELLED, fileReadAs, MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, Flex, DropdownMenu, Box, Input, SwitchInput, TextEllipsis, withDefaults, LoadingOverlay, Button, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, TextInput, withLabeledLayout, INPUTS, useLocalState, EvenSpacedList, LoadingIndicator } from '@orioro/react-ui-core';
+import { CANCELLED, fileReadAs, AspectRatio, LoadingIndicator, Flex, Box, RichTextOutput, EvenSpacedList, FileOutput, MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, DropdownMenu, Input, SwitchInput, TextEllipsis, withDefaults, LoadingOverlay, Button, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, TextInput, withLabeledLayout, INPUTS, useLocalState } from '@orioro/react-ui-core';
 import initGdalJs from 'gdal3.js';
 import queryString from 'query-string';
 import { wrap } from 'comlink';
@@ -14,14 +14,16 @@ import { get as get$1 } from '@orioro/get';
 import { buffer } from '@turf/turf';
 import { csvParse } from 'd3-dsv';
 import { strAutoCast } from '@orioro/cast';
-import { fmtLayerAbsoluteId, svgImageGenerator, SVG_PATTERNS, makeSyncedMaps, LayeredMap, useMapRegistry, useTilesLoading, HoverTooltip, layeredMapOnClickHandler, DynamicImages, ControlContainer, InspectControl, MapWindow, TerrainControl, fitGeometry } from '@orioro/react-maplibre-util';
+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 { colord } from 'colord';
 import React, { 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 Confetti from 'react-confetti';
 import { nodeIdFromPath } from '@orioro/tree-model';
 import { makeDirNav } from '@orioro/react-dir-nav';
-import { Icon } from '@mdi/react';
-import { mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiMap, mdiEarth, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiContentCopy, mdiLinkVariant, mdiChevronLeft, mdiShareVariantOutline, mdiForumOutline, mdiDragVertical, mdiLayers, mdiClose, mdiHospital, mdiAccountMultipleOutline, mdiScaleBalance, mdiCurrencyUsd, mdiSprout, mdiTree } from '@mdi/js';
-import { Tabs, Tooltip, IconButton, Theme, Heading, Text, Popover, Dialog, Portal } from '@radix-ui/themes';
-import styled, { keyframes } from 'styled-components';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
@@ -6449,15 +6451,1173 @@ function resolveView(viewSpec, viewConf, viewResolutionContextBase) {
   });
 }
 
+function _util_bacia(_ref) {
+  var VECTOR_TILE_SERVER_ENDPOINT = _ref.VECTOR_TILE_SERVER_ENDPOINT,
+    id = _ref.id,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? id : _ref$label;
+    _ref.year;
+    var paint = _ref.paint;
+  return {
+    collection_id: 'ana_br_bacias_hidrograficas',
+    indicator_id: id,
+    id: id,
+    label: label,
+    path: "Divis\xF5es territoriais / _ / Bacias Hidrogr\xE1ficas",
+    metadata: {},
+    sources: _defineProperty({}, id, {
+      type: 'vector',
+      minzoom: 3,
+      tiles: ["".concat(VECTOR_TILE_SERVER_ENDPOINT, "/").concat(id, "/{z}/{x}/{y}")]
+    }),
+    layers: _defineProperty({}, "".concat(id, "_bounds"), {
+      source: id,
+      minzoom: 3,
+      'source-layer': id,
+      type: 'line',
+      paint: paint
+    })
+  };
+}
+function ana_br_bacias_hidrograficas(conf) {
+  return [_util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 1',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_1.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 2',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_2.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 3',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_3.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 4',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_4.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 5',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_5.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 6',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_6.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  })), _util_bacia(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2017',
+    label: 'Bacias Hidrográficas - Otto 7',
+    id: 'ana_malha_br_bacias_hidrograficas_2017_otto_7.geom',
+    paint: {
+      'line-color': 'blue',
+      'line-width': 10,
+      'line-opacity': 0.5
+    }
+  }))];
+}
+
+function svgBgImage(svg) {
+  return "url(\"data:image/svg+xml,".concat(encodeURIComponent(svg), "\")");
+}
+function br_divisao_territorial(_ref) {
+  var VECTOR_TILE_SERVER_ENDPOINT = _ref.VECTOR_TILE_SERVER_ENDPOINT,
+    id = _ref.id,
+    path = _ref.path,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? id : _ref$label,
+    _ref$line = _ref.line,
+    line = _ref$line === void 0 ? {} : _ref$line,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? {} : _ref$fill;
+  return {
+    collection_id: id,
+    indicator_id: id,
+    id: id,
+    label: label,
+    path: "Divis\xF5es territoriais / _ / ".concat(path),
+    metadata: {},
+    sources: _defineProperty({}, id, {
+      promoteId: 'id',
+      type: 'vector',
+      tiles: ["".concat(VECTOR_TILE_SERVER_ENDPOINT, "/").concat(id, "/{z}/{x}/{y}")]
+    }),
+    layers: _defineProperty(_defineProperty({}, "".concat(id, "_bounds"), _objectSpread2({
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: id,
+      'source-layer': id,
+      type: 'line'
+    }, line)), "".concat(id, "_fill"), _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: id,
+      'source-layer': id,
+      type: 'fill'
+    }, fill), {}, {
+      paint: _objectSpread2({
+        'fill-opacity': 0
+      }, fill.paint)
+    }))
+  };
+}
+function br_divisao_territorial_views(conf) {
+  return [
+  //
+  // 2024
+  //
+  br_divisao_territorial(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2022',
+    path: 'Municípios',
+    label: 'Municípios',
+    id: 'ibge_malha_br_municipio_2024.geom',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[0],
+        'line-width': 5,
+        'line-dasharray': [2, 2],
+        'line-opacity': 0.5
+      }
+    }
+  })), br_divisao_territorial(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2022',
+    path: 'Municípios',
+    label: 'Regiões Metropolitanas',
+    id: 'ibge_malha_br_regiao_metropolitana_2024.geom',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[1],
+        'line-width': 10,
+        'line-opacity': 0.5
+      }
+    }
+  })), br_divisao_territorial(_objectSpread2(_objectSpread2({}, conf), {}, {
+    year: '2022',
+    path: 'Municípios',
+    label: 'Concentrações Urbanas',
+    id: 'ibge_malha_br_concurb_2024.geom',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[2],
+        'line-width': 5,
+        'line-opacity': 0.5
+      }
+    }
+  })),
+  // Favelas e Comunidades Urbanas
+  br_divisao_territorial(_objectSpread2({
+    year: '2022',
+    path: 'Favelas e Comunidades Urbanas',
+    label: 'Favelas e Comunidades Urbanas',
+    id: 'ibge_malha_br_fcu_2022.geom',
+    line: {
+      paint: {
+        'line-color': 'brown',
+        'line-width': 1,
+        'line-opacity': 1
+      }
+    },
+    fill: {
+      paint: {
+        'fill-opacity': ['case', ['boolean', ['feature-state', 'hover'], false], 1, 0.6],
+        'fill-pattern': 'waves_1({ stroke: "brown", scale: 0.25 })'
+      },
+      interactive: true,
+      tooltip: {
+        title: ['$literal', ['$get', 'feature.properties.name']],
+        entries: [['Favela ou Comunidade Urbana', null]]
+      },
+      legends: [{
+        type: 'CategoricalLegend',
+        items: [{
+          label: 'Favelas e Comunidades Urbanas',
+          box: {
+            style: {
+              borderColor: 'brown',
+              borderStyle: 'solid',
+              borderWidth: '1px',
+              backgroundImage: svgBgImage(waves_1({
+                stroke: 'brown',
+                scale: '0.25'
+              }))
+            }
+          }
+        }]
+      }]
+    }
+  }, conf)),
+  // Censo 2022
+  br_divisao_territorial(_objectSpread2({
+    path: 'Censo 2022',
+    id: 'ibge_malha_br_regiao_intermediaria_2024.geom',
+    year: '2022',
+    label: 'Região intermediária',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[3],
+        'line-width': 6,
+        'line-opacity': 0.5
+      }
+    }
+  }, conf)), br_divisao_territorial(_objectSpread2({
+    path: 'Censo 2022',
+    id: 'ibge_malha_br_regiao_imediata_2024.geom',
+    year: '2022',
+    label: 'Região imediata',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[4],
+        'line-width': 6,
+        'line-opacity': 0.5
+      }
+    }
+  }, conf)),
+  //
+  // Censo 2022
+  //
+  br_divisao_territorial(_objectSpread2({
+    path: 'Censo 2022',
+    id: 'ibge_malha_br_distrito_2022.geom',
+    year: '2022',
+    label: 'Distritos',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[5],
+        'line-width': 6,
+        'line-opacity': 0.5
+      }
+    }
+  }, conf)), br_divisao_territorial(_objectSpread2(_objectSpread2({
+    path: 'Censo 2022'
+  }, conf), {}, {
+    year: '2022',
+    label: 'Subdistritos',
+    id: 'ibge_malha_br_subdistrito_2022.geom',
+    line: {
+      paint: {
+        'line-color': schemeCategory10[6],
+        'line-width': 2,
+        'line-opacity': 0.5
+      }
+    }
+  })), br_divisao_territorial(_objectSpread2(_objectSpread2({
+    path: 'Censo 2022'
+  }, conf), {}, {
+    year: '2022',
+    label: 'Bairros',
+    id: 'ibge_malha_br_bairro_2022.geom',
+    line: {
+      paint: {
+        'line-color': 'black',
+        'line-width': 1,
+        'line-opacity': 0.5
+      }
+    }
+  })),
+  //
+  // Censo 2010
+  //
+  br_divisao_territorial(_objectSpread2({
+    path: 'Censo 2010',
+    year: '2010',
+    label: 'Distritos',
+    id: 'ibge_malha_br_distrito_2010.geom',
+    line: {
+      paint: {
+        'line-color': 'blue',
+        'line-width': 6,
+        'line-opacity': 0.5
+      }
+    }
+  }, conf)), br_divisao_territorial(_objectSpread2({
+    path: 'Censo 2010',
+    year: '2010',
+    label: 'Subdistritos',
+    id: 'ibge_malha_br_subdistrito_2010.geom',
+    line: {
+      paint: {
+        'line-color': 'magenta',
+        'line-width': 2,
+        'line-opacity': 0.5
+      }
+    }
+  }, conf))];
+}
+
+var CURVATURA_ID = 'curvatura';
+function curvatura(_ref) {
+  var RASTER_TILE_SERVER_ENDPOINT = _ref.RASTER_TILE_SERVER_ENDPOINT,
+    mosaicJsonUrl = _ref.mosaicJsonUrl;
+  var DEVICE_PIXEL_RATIO_SUFFIX = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? '@2x' : '';
+  return {
+    viewType: VIEW_TYPE_SURFACE_CHOROPLETH,
+    collection_id: CURVATURA_ID,
+    indicator_id: CURVATURA_ID,
+    id: CURVATURA_ID,
+    label: 'Forma da encosta - Em perfil',
+    path: "Emerg\xEAncias clim\xE1ticas / / Suscetibilidade a deslizamentos",
+    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',
+        // },
+      }
+    },
+    metadata: {},
+    sources: _defineProperty({}, CURVATURA_ID, {
+      minzoom: 7,
+      maxzoom: 14,
+      type: 'raster',
+      tiles: [resolve.fn(function (_ref2) {
+        _ref2.view.conf;
+        // const temperaturaRange = _temperaturaRange(
+        //   conf?.data?.temperaturaRange,
+        // )
+
+        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'
+        };
+        return "".concat(baseUrl, "?").concat($urlSearch([{
+          url: mosaicJsonUrl,
+          colormap: COLOR_MAP
+        }]));
+      })]
+    }),
+    layers: _defineProperty({}, "".concat(CURVATURA_ID), {
+      minzoom: 7,
+      // zIndex: 10,
+      type: 'raster',
+      source: CURVATURA_ID,
+      paint: {
+        'raster-opacity': 0.85
+      }
+    })
+  };
+}
+
+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 = [{
+  color: '#2B83BA',
+  label: '0º',
+  range: [0, 0 + PRECISION$1 - PRECISION$1 / 10]
+}, {
+  color: '#6BB0AF',
+  label: '0 a 2º',
+  range: [0 + PRECISION$1, 2]
+}, {
+  color: '#ABDDA4',
+  label: '2 a 5º',
+  range: [2 + PRECISION$1, 5]
+}, {
+  color: '#D5EEB1',
+  label: '5 a 10º',
+  range: [5 + PRECISION$1, 10]
+}, {
+  color: '#FFFFBF',
+  label: '10 a 17º',
+  range: [10 + PRECISION$1, 17]
+}, {
+  color: '#FED690',
+  label: '17 a 20º',
+  range: [17 + PRECISION$1, 20]
+}, {
+  color: '#FDAE61',
+  label: '20 a 25º',
+  range: [20 + PRECISION$1, 25]
+}, {
+  color: '#EA633E',
+  label: '25 a 30º',
+  range: [25 + PRECISION$1, 30]
+}, {
+  color: '#D7191C',
+  label: '30 a 45º',
+  range: [30 + PRECISION$1, 45]
+}, {
+  color: '#860003',
+  label: 'Acima de 45º',
+  range: [45 + PRECISION$1, 999999]
+}];
+function declividade(_ref) {
+  var RASTER_TILE_SERVER_ENDPOINT = _ref.RASTER_TILE_SERVER_ENDPOINT,
+    mosaicJsonUrl = _ref.mosaicJsonUrl;
+  var DEVICE_PIXEL_RATIO_SUFFIX = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? '@2x' : '';
+  return {
+    viewType: VIEW_TYPE_SURFACE_CHOROPLETH,
+    collection_id: DECLIVIDADE_ID,
+    indicator_id: DECLIVIDADE_ID,
+    id: DECLIVIDADE_ID,
+    label: 'Declividade',
+    path: "Emerg\xEAncias clim\xE1ticas / / Suscetibilidade a deslizamentos",
+    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'
+        }
+      }
+    },
+    metadata: {},
+    sources: _defineProperty({}, DECLIVIDADE_ID, {
+      minzoom: 7,
+      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 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];
+        });
+        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];
+          })
+        }]));
+      })]
+    }),
+    layers: _defineProperty({}, "".concat(DECLIVIDADE_ID), {
+      minzoom: 7,
+      // zIndex: 10,
+      type: 'raster',
+      source: DECLIVIDADE_ID,
+      paint: {
+        'raster-opacity': 0.85
+      },
+      legends: [{
+        type: 'CategoricalLegend',
+        title: 'Classes de Declividade',
+        items: CLASSES_DECLIVIDADE
+      }]
+    })
+  };
+}
+
+var HAND_ID = 'hand';
+var DEFAULT_HAND_VALUE = 2;
+var MAX_HAND_VALUE = 6;
+function _handValue(conf) {
+  var _conf$data;
+  return typeof (conf === null || conf === void 0 || (_conf$data = conf.data) === null || _conf$data === void 0 ? void 0 : _conf$data.handValue) === 'number' ? conf.data.handValue : DEFAULT_HAND_VALUE;
+}
+
+//
+// Color at DEFAULT_HAND_VALUE
+//
+var BASE_COLOR = '#2B83BA';
+var COLOR_MAP_BASE = [[[0, 0.1], colord(BASE_COLOR).darken(0.2).toHex()], [[0.10000000001, 0.25], colord(BASE_COLOR).darken(0.15).toHex()], [[0.25000000001, 0.5], colord(BASE_COLOR).darken(0.1).toHex()], [[0.50000000001, 1], colord(BASE_COLOR).darken(0.05).toHex()], [[1.00000000001, 1.5], BASE_COLOR], [[1.50000000001, 2], colord(BASE_COLOR).lighten(0.1).toHex()], [[2.00000000001, 2.5], colord(BASE_COLOR).lighten(0.2).toHex()], [[2.50000000001, 3], colord(BASE_COLOR).lighten(0.25).toHex()], [[3.00000000001, 3.5], colord(BASE_COLOR).lighten(0.3).toHex()], [[3.50000000001, 4], colord(BASE_COLOR).lighten(0.35).toHex()], [[4.00000000001, 4.5], colord(BASE_COLOR).lighten(0.4).toHex()], [[4.50000000001, 5], colord(BASE_COLOR).lighten(0.45).toHex()], [[5.00000000001, MAX_HAND_VALUE], colord(BASE_COLOR).lighten(0.5).toHex()]];
+function hand_legends() {
+  return [{
+    type: 'ContinuousColorLegend',
+    title: 'Altura da drenagem mais próxima',
+    unit: 'Metros',
+    numberUnit: 'm',
+    colors: resolve.fn(function (_ref) {
+      var conf = _ref.view.conf;
+      var handValue = _handValue(conf);
+      return COLOR_MAP_BASE.filter(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          range = _ref3[0];
+          _ref3[1];
+        return range[1] <= handValue;
+      }).map(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2);
+          _ref5[0];
+          var color = _ref5[1];
+        return color;
+      });
+    }),
+    domain: resolve.fn(function (_ref6) {
+      var conf = _ref6.view.conf;
+      var handValue = _handValue(conf);
+      return [0, handValue];
+    }),
+    barHeight: 50
+  }];
+}
+function hand(_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 {
+    viewType: VIEW_TYPE_SURFACE_CHOROPLETH,
+    collection_id: HAND_ID,
+    indicator_id: HAND_ID,
+    id: HAND_ID,
+    label: 'Suscetibilidade à inundação',
+    path: "Emerg\xEAncias clim\xE1ticas / / Riscos hidrol\xF3gicos",
+    confSchema: {
+      data: {
+        handValue: {
+          type: 'slider',
+          defaultValue: DEFAULT_HAND_VALUE,
+          step: 1,
+          min: 0,
+          max: MAX_HAND_VALUE,
+          label: resolve.literal(resolve.fn(function (context) {
+            var _context$value;
+            return "Altura (".concat(typeof ((_context$value = context.value) === null || _context$value === void 0 ? void 0 : _context$value.handValue) === 'number' ? context.value.handValue : DEFAULT_HAND_VALUE, "m)");
+          })),
+          helperText: 'Altura acima da drenagem mais próxima'
+        }
+      }
+    },
+    metadata: {},
+    sources: _defineProperty({}, HAND_ID, {
+      type: 'raster',
+      minzoom: 7,
+      maxzoom: 14,
+      tiles: [resolve.fn(function (_ref8) {
+        var conf = _ref8.view.conf;
+        var handValue = _handValue(conf);
+        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: [[[0, handValue], '#2B83BA']],
+          colormap: COLOR_MAP_BASE.filter(function (_ref9) {
+            var _ref10 = _slicedToArray(_ref9, 2),
+              range = _ref10[0];
+              _ref10[1];
+            return range[1] <= handValue;
+          })
+        }]));
+      })]
+    }),
+    layers: _defineProperty({}, "".concat(HAND_ID), {
+      minzoom: 7,
+      // zIndex: 10,
+      type: 'raster',
+      source: HAND_ID,
+      paint: {
+        'raster-opacity': 0.85
+      },
+      legends: hand_legends()
+    })
+  };
+}
+
+function overture_places_poc(_ref) {
+  var VECTOR_TILE_SERVER_ENDPOINT = _ref.VECTOR_TILE_SERVER_ENDPOINT;
+  return {
+    collection_id: 'proof_of_concept',
+    indicator_id: 'overture_places_poc',
+    id: 'overture_places_poc',
+    label: 'Pontos de atividade comercial',
+    sourceLabel: 'Overture Maps',
+    path: 'Infraestrutura e serviços urbanos / 2022 / Atividade comercial',
+    metadata: {},
+    sources: {
+      atividade_comercial: tableVectorSource({
+        VECTOR_TILE_SERVER_ENDPOINT: VECTOR_TILE_SERVER_ENDPOINT
+      }, 'overture_br_places', {
+        attribution: 'Overture Maps',
+        minzoom: 10
+      })
+    },
+    layers: {
+      atividade_comercial: {
+        source: 'atividade_comercial',
+        'source-layer': 'overture_br_places.geom',
+        filter: ['==', ['get', 'municipio_id'], ['$get', 'app.municipioId']],
+        type: 'circle',
+        paint: {
+          'circle-radius': 2,
+          // small circle size
+          'circle-color': '#3E63DD',
+          // red fill
+          'circle-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.1, 16, 0.4]
+          // 'circle-stroke-width': .5, // no outline
+          // 'circle-stroke-color': '#ff0000', // no outline
+        }
+
+        // type: 'heatmap',
+        // paint: {
+        //   // Increase the heatmap weight based on frequency and property magnitude
+        //   'heatmap-weight': [
+        //     'interpolate',
+        //     ['linear'],
+        //     ['get', 'mag'],
+        //     0,
+        //     0,
+        //     6,
+        //     1,
+        //   ],
+        //   // Increase the heatmap color weight weight by zoom level
+        //   // heatmap-intensity is a multiplier on top of heatmap-weight
+        //   'heatmap-intensity': [
+        //     'interpolate',
+        //     ['linear'],
+        //     ['zoom'],
+        //     0,
+        //     1,
+        //     9,
+        //     3,
+        //   ],
+        //   // Color ramp for heatmap.  Domain is 0 (low) to 1 (high).
+        //   // Begin color ramp at 0-stop with a 0-transparency color
+        //   // to create a blur-like effect.
+        //   'heatmap-color': [
+        //     'interpolate',
+        //     ['linear'],
+        //     ['heatmap-density'],
+        //     0,
+        //     'rgba(33,102,172,0)',
+        //     0.2,
+        //     'rgb(103,169,207)',
+        //     0.4,
+        //     'rgb(209,229,240)',
+        //     0.6,
+        //     'rgb(253,219,199)',
+        //     0.8,
+        //     'rgb(239,138,98)',
+        //     1,
+        //     'rgb(178,24,43)',
+        //   ],
+        //   // Adjust the heatmap radius by zoom level
+        //   'heatmap-radius': [
+        //     'interpolate',
+        //     ['linear'],
+        //     ['zoom'],
+        //     0,
+        //     2,
+        //     9,
+        //     20,
+        //   ],
+        // },
+      }
+    }
+  };
+}
+
+var _templateObject$5, _templateObject2$3;
+var AutoWrapContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n  direction: row;\n  flex-wrap: wrap;\n  margin-left: -10px;\n  margin-top: -10px;\n\n  > * {\n    margin-left: 10px;\n    margin-top: 10px;\n  }\n"])));
+var UnstyledList = styled.ul(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n  margin: 0;\n"])));
+var REDUS_MUTIRAO_COP_2025_ID = 'redus_mutirao_cop_2025.geom';
+var URL_RE = /^https?:\/\//;
+function _ensureUrl(url) {
+  if (!url) {
+    return '';
+  }
+  return URL_RE.test(url) ? url : "https://".concat(url);
+}
+function AsyncImage(_ref) {
+  var src = _ref.src;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loaded = _useState2[0],
+    setLoaded = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(AspectRatio, {
+    ratio: 16 / 9
+  }, /*#__PURE__*/React.createElement("img", {
+    src: src,
+    onLoad: function onLoad() {
+      return setLoaded(true);
+    },
+    onError: function onError() {
+      return setLoaded(true);
+    },
+    style: {
+      display: loaded ? 'block' : 'none',
+      maxWidth: '100%'
+    }
+  })), !loaded && /*#__PURE__*/React.createElement(LoadingIndicator, {
+    style: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      transform: 'translate(-50%, -50%)'
+    }
+  }));
+}
+var MITIGACAO = 'Mitigação – energias renováveis, eficiência energética, mobilidade sustentável, construções verdes, redução de emissões';
+var ADAPTACAO = 'Adaptação – resiliência climática, gestão da água, reflorestamento, agricultura sustentável, saúde, nutrição';
+var FINANCIAMENTO = 'Financiamento climático – bioeconomia, finanças sustentáveis, empreendedorismo climático, compras públicas verdes';
+var GOVERNANCA = 'Governança – políticas públicas, governança multinível, inovação digital, participação social, fortalecimento institucional';
+var JUSTICA_CLIMATICA = 'Justiça climática – direito à cidade, moradia digna, cultura e povos tradicionais, redução de desigualdades, segurança alimentar';
+var OUTRO = 'Outro';
+var LEGEND_ITEMS = [{
+  label: 'Mitigação',
+  value: MITIGACAO,
+  color: schemeCategory10[8],
+  iconPath: mdiSprout,
+  icon: 'mdiSprout({fill:"white"})'
+}, {
+  label: 'Adaptação',
+  value: ADAPTACAO,
+  color: schemeCategory10[2],
+  iconPath: mdiTree,
+  icon: 'mdiTree({fill:"white"})'
+}, {
+  label: 'Financiamento',
+  value: FINANCIAMENTO,
+  color: schemeCategory10[9],
+  iconPath: mdiCurrencyUsd,
+  icon: 'mdiCurrencyUsd({fill:"white"})'
+}, {
+  label: 'Governança',
+  value: GOVERNANCA,
+  color: schemeCategory10[0],
+  iconPath: mdiAccountMultipleOutline,
+  icon: 'mdiAccountMultipleOutline({fill:"white"})'
+}, {
+  label: 'Justiça climática',
+  value: JUSTICA_CLIMATICA,
+  color: schemeCategory10[1],
+  iconPath: mdiScaleBalance,
+  icon: 'mdiScaleBalance({fill:"white"})'
+}, {
+  label: 'Outro',
+  value: OUTRO,
+  color: schemeCategory10[7],
+  iconPath: null,
+  icon: 'none'
+}];
+function _eixoShortLabel(value) {
+  var _LEGEND_ITEMS$find;
+  return ((_LEGEND_ITEMS$find = LEGEND_ITEMS.find(function (item) {
+    return item.value === value;
+  })) === null || _LEGEND_ITEMS$find === void 0 ? void 0 : _LEGEND_ITEMS$find.label) || 'Outro';
+}
+function redus_mutirao_cop_2025(conf) {
+  var VECTOR_TILE_SERVER_ENDPOINT = conf.VECTOR_TILE_SERVER_ENDPOINT;
+  return {
+    collection_id: REDUS_MUTIRAO_COP_2025_ID,
+    indicator_id: REDUS_MUTIRAO_COP_2025_ID,
+    id: REDUS_MUTIRAO_COP_2025_ID,
+    label: 'Mutirão ReDUS COP30',
+    path: "Emerg\xEAncias Clim\xE1ticas / _ / COP30",
+    metadata: {},
+    sources: _defineProperty({}, REDUS_MUTIRAO_COP_2025_ID, {
+      type: 'vector',
+      minzoom: 3,
+      tiles: ["".concat(VECTOR_TILE_SERVER_ENDPOINT, "/").concat(REDUS_MUTIRAO_COP_2025_ID, "/{z}/{x}/{y}")]
+    }),
+    layers: _defineProperty(_defineProperty({}, "".concat(REDUS_MUTIRAO_COP_2025_ID, "_symbols"), {
+      type: 'symbol',
+      source: REDUS_MUTIRAO_COP_2025_ID,
+      zIndex: Z_OVERLAY_MIDDLE_2000 + 1,
+      'source-layer': REDUS_MUTIRAO_COP_2025_ID,
+      minzoom: 3,
+      layout: {
+        'icon-image': ['match', ['get', 'eixos_cop_30_primeiro']].concat(_toConsumableArray(LEGEND_ITEMS.map(function (item) {
+          return [item.value, ['literal', item.icon]];
+        }).flat()), [
+        // default:
+        'none']),
+        'icon-size': ['interpolate', ['linear'], ['zoom'], 5, 0.5,
+        // at zoom 5 → radius 0.5
+        15, 0.8 // at zoom 15 → radius 0.8
+        ]
+      }
+    }), "".concat(REDUS_MUTIRAO_COP_2025_ID, "_circles"), {
+      zIndex: Z_OVERLAY_MIDDLE_2000,
+      source: REDUS_MUTIRAO_COP_2025_ID,
+      'source-layer': REDUS_MUTIRAO_COP_2025_ID,
+      minzoom: 3,
+      type: 'circle',
+      paint: {
+        'circle-opacity': 1,
+        'circle-radius': ['interpolate', ['linear'], ['zoom'], 5, 10,
+        // at zoom 5 → radius 10
+        15, 15 // at zoom 15 → radius 15
+        ],
+        'circle-stroke-width': 1,
+        'circle-stroke-color': '#000000',
+        // 'circle-color': '#3E63DD',
+        'circle-color': ['match', ['get', 'eixos_cop_30_primeiro']].concat(_toConsumableArray(LEGEND_ITEMS.map(function (item) {
+          return [item.value, item.color];
+        }).flat()), [
+        // default
+        schemeCategory10[7]])
+      },
+      interactive: true,
+      onClick: function () {
+        var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(feature, e, context) {
+          var properties;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                properties = feature.properties;
+                _context.next = 3;
+                return context.dialogs.view(/*#__PURE__*/React.createElement(Flex, {
+                  direction: "column",
+                  gap: "4"
+                }, /*#__PURE__*/React.createElement(Flex, {
+                  direction: "column",
+                  gap: "2"
+                }, /*#__PURE__*/React.createElement(Heading, {
+                  as: "h1",
+                  size: "6"
+                }, properties.name), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Confetti, {
+                  style: {
+                    position: 'fixed',
+                    top: 0,
+                    left: 0,
+                    zIndex: 9999
+                  },
+                  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, {
+                    color: "green",
+                    key: idx
+                  }, _eixoShortLabel(eixo));
+                }), JSON.parse(properties.odus_text).map(function (obj, idx) {
+                  return /*#__PURE__*/React.createElement(Badge, {
+                    key: idx
+                  }, obj);
+                }))), /*#__PURE__*/React.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, {
+                  as: "h3",
+                  size: "2",
+                  style: {
+                    fontWeight: 'normal'
+                  }
+                }, "Em parceria com: ", /*#__PURE__*/React.createElement("strong", null, properties.parcerias)), /*#__PURE__*/React.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", {
+                  style: {
+                    maxWidth: '100%'
+                  },
+                  src: properties.cover_image
+                })), properties.descricao_text && /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.createElement(Heading, {
+                  size: "3"
+                }, "Descri\xE7\xE3o:"), /*#__PURE__*/React.createElement(RichTextOutput, {
+                  value: JSON.parse(properties.descricao_text)
+                })), properties.impacto_text && /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.createElement(Heading, {
+                  size: "3"
+                }, "Impacto:"), /*#__PURE__*/React.createElement(RichTextOutput, {
+                  value: JSON.parse(properties.impacto_text)
+                })), properties.escala_de_atuacao_text && /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.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", {
+                    key: idx
+                  }, escala);
+                })))), properties.fase_text && /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.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", {
+                    key: idx
+                  }, fase);
+                })))), /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.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", {
+                  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", {
+                  href: "mailto:".concat(properties.email)
+                }, properties.email))))), properties.other_attachments_text && /*#__PURE__*/React.createElement(Flex, {
+                  gap: "2"
+                }, /*#__PURE__*/React.createElement(Heading, {
+                  size: "3"
+                }, "Mais informa\xE7\xF5es:"), /*#__PURE__*/React.createElement(EvenSpacedList, {
+                  columns: 2,
+                  gap: "3"
+                }, JSON.parse(properties.other_attachments_text).map(function (fase, idx) {
+                  return /*#__PURE__*/React.createElement(FileOutput, {
+                    value: fase,
+                    key: idx
+                  });
+                })))));
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onClick(_x, _x2, _x3) {
+          return _onClick.apply(this, arguments);
+        }
+        return onClick;
+      }(),
+      tooltip: {
+        title: resolve.literal(resolve.fn(function (_ref2) {
+          var _feature$properties2;
+          var feature = _ref2.feature;
+          var eixo = LEGEND_ITEMS.find(function (item) {
+            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", {
+            style: {
+              display: 'inline-flex'
+            }
+          }, eixo && /*#__PURE__*/React.createElement(Icon, {
+            path: eixo.iconPath,
+            size: "18px",
+            style: {
+              flexGrow: 0,
+              flexShrink: 0,
+              marginRight: 5
+            },
+            color: "white"
+          }), "".concat(eixo === null || eixo === void 0 ? void 0 : eixo.label, ": ").concat(feature === null || feature === void 0 || (_feature$properties2 = feature.properties) === null || _feature$properties2 === void 0 ? void 0 : _feature$properties2.name));
+        })),
+        // title: ['$literal', ['$get', 'feature.properties.name']],
+        entries: [['Organização', ['$literal', ['$get', 'feature.properties.organizacao']]], resolve.literal(resolve.fn(function (_ref3) {
+          var _feature$properties3, _feature$properties4;
+          var feature = _ref3.feature;
+          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, {
+            style: {
+              maxWidth: '100%'
+            },
+            src: feature.properties.cover_image
+          })] : null;
+        }))].filter(Boolean)
+      },
+      legends: [{
+        type: 'CategoricalLegend',
+        title: 'Eixos de atuação',
+        unit: 'Eixos de atuação da COP30',
+        items: LEGEND_ITEMS.map(function (item) {
+          return _objectSpread2(_objectSpread2({}, item), {}, {
+            box: {
+              children: item.iconPath && /*#__PURE__*/React.createElement(Icon, {
+                path: item.iconPath,
+                size: "14px",
+                color: "white"
+              }),
+              style: {
+                borderRadius: '100%',
+                borderColor: '#000000'
+              }
+            }
+          });
+        })
+      }]
+    })
+  };
+}
+
+var TEMPERATURA_SUPERFICIE_ID = 'temperatura_superficie';
+var TEMPERATURA_MIN = 20;
+var TEMPERATURA_MAX = 60;
+var DEFAULT_TEMPERATURA_RANGE = [TEMPERATURA_MIN, TEMPERATURA_MAX];
+var TRANSPARENT = [0, 0, 0, 0];
+function _temperaturaRange(candidate) {
+  return Array.isArray(candidate) && candidate.length === 2 && typeof candidate[0] === 'number' && typeof candidate[1] === 'number' ? candidate : DEFAULT_TEMPERATURA_RANGE;
+}
+var COLOR_STEPS = TEMPERATURA_MAX - TEMPERATURA_MIN + 1;
+var PRECISION = 0.00000001;
+var COLOR_MAP = Array.from({
+  length: COLOR_STEPS
+}, function (_, idx) {
+  var progress = idx / (COLOR_STEPS - 1);
+  var rangeStart = TEMPERATURA_MIN + idx;
+  var rangeEnd = idx === COLOR_STEPS - 1 ? 9999999 : rangeStart + 1 - PRECISION;
+  return [[rangeStart, rangeEnd], colord(interpolateSpectral(1 - progress)).toHex()];
+});
+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',
+    numberUnit: 'º',
+    colors: resolve.fn(function (_ref) {
+      var _conf$data;
+      var conf = _ref.view.conf;
+      var temperaturaRange = _temperaturaRange(conf === null || conf === void 0 || (_conf$data = conf.data) === null || _conf$data === void 0 ? void 0 : _conf$data.temperaturaRange);
+      return COLOR_MAP.filter(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 1),
+          range = _ref3[0];
+        return range[0] <= temperaturaRange[1] && range[1] >= temperaturaRange[0];
+      }).map(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2);
+          _ref5[0];
+          var color = _ref5[1];
+        return color;
+      });
+    }),
+    domain: resolve.fn(function (_ref6) {
+      var _conf$data2;
+      var conf = _ref6.view.conf;
+      var temperaturaRange = _temperaturaRange(conf === null || conf === void 0 || (_conf$data2 = conf.data) === null || _conf$data2 === void 0 ? void 0 : _conf$data2.temperaturaRange);
+      return temperaturaRange;
+    }),
+    barDirection: 'to right',
+    barWidth: '100%',
+    barHeight: 15
+  }];
+}
+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 {
+    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'
+        }
+      }
+    },
+    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()
+    })
+  };
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   STAGE_SPECIAL_KEYS: STAGE_SPECIAL_KEYS,
   STAGE_VALUE_KEY: STAGE_VALUE_KEY,
+  ana_br_bacias_hidrograficas: ana_br_bacias_hidrograficas,
+  br_divisao_territorial: br_divisao_territorial,
+  br_divisao_territorial_views: br_divisao_territorial_views,
   cem_censo_2010_2022: cem_censo_2010_2022,
   cem_censo_2022: cem_censo_2022,
   cem_escolas_2022: cem_escolas_2022,
   cem_saude_2024: cem_saude_2024,
+  curvatura: curvatura,
+  declividade: declividade,
   fetchViewSpecs: fetchViewSpecs,
+  hand: hand,
+  overture_places_poc: overture_places_poc,
+  redus_mutirao_cop_2025: redus_mutirao_cop_2025,
   resolveConfSchema: resolveConfSchema,
   resolveControls: resolveControls,
   resolveDownload: resolveDownload,
@@ -6465,7 +7625,8 @@ var index = /*#__PURE__*/Object.freeze({
   resolveMetadata: resolveMetadata,
   resolveSources: resolveSources,
   resolveView: resolveView,
-  resolveViewSpecs: resolveViewSpecs
+  resolveViewSpecs: resolveViewSpecs,
+  temperatura_superficie: temperatura_superficie
 });
 
 var CollapsibleContent_slideDown = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"], ["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"])));
@@ -8322,99 +9483,6 @@ function useViews(viewResolutionContextBase) {
   };
 }
 
-function overture_places_poc(_ref) {
-  var VECTOR_TILE_SERVER_ENDPOINT = _ref.VECTOR_TILE_SERVER_ENDPOINT;
-  return {
-    collection_id: 'proof_of_concept',
-    indicator_id: 'overture_places_poc',
-    id: 'overture_places_poc',
-    label: 'Pontos de atividade comercial',
-    sourceLabel: 'Overture Maps',
-    path: 'Infraestrutura e serviços urbanos / 2022 / Atividade comercial',
-    metadata: {},
-    sources: {
-      atividade_comercial: tableVectorSource({
-        VECTOR_TILE_SERVER_ENDPOINT: VECTOR_TILE_SERVER_ENDPOINT
-      }, 'overture_br_places', {
-        attribution: 'Overture Maps',
-        minzoom: 10
-      })
-    },
-    layers: {
-      atividade_comercial: {
-        source: 'atividade_comercial',
-        'source-layer': 'overture_br_places.geom',
-        filter: ['==', ['get', 'municipio_id'], ['$get', 'app.municipioId']],
-        type: 'circle',
-        paint: {
-          'circle-radius': 2,
-          // small circle size
-          'circle-color': '#3E63DD',
-          // red fill
-          'circle-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.1, 16, 0.4]
-          // 'circle-stroke-width': .5, // no outline
-          // 'circle-stroke-color': '#ff0000', // no outline
-        }
-
-        // type: 'heatmap',
-        // paint: {
-        //   // Increase the heatmap weight based on frequency and property magnitude
-        //   'heatmap-weight': [
-        //     'interpolate',
-        //     ['linear'],
-        //     ['get', 'mag'],
-        //     0,
-        //     0,
-        //     6,
-        //     1,
-        //   ],
-        //   // Increase the heatmap color weight weight by zoom level
-        //   // heatmap-intensity is a multiplier on top of heatmap-weight
-        //   'heatmap-intensity': [
-        //     'interpolate',
-        //     ['linear'],
-        //     ['zoom'],
-        //     0,
-        //     1,
-        //     9,
-        //     3,
-        //   ],
-        //   // Color ramp for heatmap.  Domain is 0 (low) to 1 (high).
-        //   // Begin color ramp at 0-stop with a 0-transparency color
-        //   // to create a blur-like effect.
-        //   'heatmap-color': [
-        //     'interpolate',
-        //     ['linear'],
-        //     ['heatmap-density'],
-        //     0,
-        //     'rgba(33,102,172,0)',
-        //     0.2,
-        //     'rgb(103,169,207)',
-        //     0.4,
-        //     'rgb(209,229,240)',
-        //     0.6,
-        //     'rgb(253,219,199)',
-        //     0.8,
-        //     'rgb(239,138,98)',
-        //     1,
-        //     'rgb(178,24,43)',
-        //   ],
-        //   // Adjust the heatmap radius by zoom level
-        //   'heatmap-radius': [
-        //     'interpolate',
-        //     ['linear'],
-        //     ['zoom'],
-        //     0,
-        //     2,
-        //     9,
-        //     20,
-        //   ],
-        // },
-      }
-    }
-  };
-}
-
 var BR_MUNICIPIOS_ID = 'ibge_malha_br_municipio_2024.geom';
 function br_municipios(_ref) {
   var api = _ref.api,