@redus/georedus-ui 0.20.3 → 0.21.0

package/dist/main.js

@@ -2929,10 +2929,7 @@ var D3_SEQUENTIAL = {
   schemeYlOrBr: schemeYlOrBr,
   schemeYlOrRd: schemeYlOrRd
 };
-var SCHEME_GEOREDUS = ['#FF7F00', '#CAB2D6', '#FFE551', '#39BBA7', '#FB9A99', '#B15928', '#FDBF6F', '#DA5AD8', '#B4B282', '#6A3D9A'];
-var D3_COLOR_SCHEMES = __assign(__assign(__assign(__assign(__assign({
-  schemeGeoReDUS: SCHEME_GEOREDUS
-}, _objMap(D3_CATEGORICAL, function (_a) {
+var D3_COLOR_SCHEMES = __assign(__assign(__assign(__assign(__assign({}, _objMap(D3_CATEGORICAL, function (_a) {
   var id = _a[0],
     scheme = _a[1];
   return [id, _categoricalScheme(scheme)];
@@ -3053,9 +3050,21 @@ function colorScheme(path) {
 function resolveColor(colorInput) {
   return colorInput ? get(COLOR_SCHEMES, colorInput) || colorInput : colorInput;
 }
-function resolveSchemeColor(colorSchemeId, indexOrId) {
+function resolveCategoricalSchemeColor(colorSchemeId, indexOrId) {
   var colorScheme = COLOR_SCHEMES[colorSchemeId];
-  return typeof indexOrId === 'string' ? colorScheme[indexOrId] : (Array.isArray(colorScheme) ? colorScheme : Object.values(colorScheme))[indexOrId];
+  // return typeof indexOrId === 'string'
+  //   ? colorScheme[indexOrId]
+  //   : (Array.isArray(colorScheme) ? colorScheme : Object.values(colorScheme))[
+  //       indexOrId
+  //     ]
+  if (typeof indexOrId === 'string') {
+    return colorScheme[indexOrId];
+  }
+  var values = Array.isArray(colorScheme) ? colorScheme : Array.isArray(colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.colors) ? colorScheme.colors : Object.values(colorScheme);
+  if (typeof indexOrId === 'number' && indexOrId > values.length - 1) {
+    console.warn('Index is higher than colorScheme size: will repeat colors');
+  }
+  return values[indexOrId % values.length];
 }
 
 //
@@ -3729,12 +3738,12 @@ function influenceAreaLayers(_a) {
   };
 }
 
-var _excluded$e = ["version"];
+var _excluded$j = ["version"];
 function tableVectorSource(context, tableId) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     _ref$version = _ref.version,
     version = _ref$version === void 0 ? '1' : _ref$version,
-    override = _objectWithoutProperties(_ref, _excluded$e);
+    override = _objectWithoutProperties(_ref, _excluded$j);
   var VECTOR_TILE_SERVER_ENDPOINT = context.VECTOR_TILE_SERVER_ENDPOINT;
   return _objectSpread2({
     type: 'vector',
@@ -4067,7 +4076,7 @@ function cem_escolas_2022(config, allViewSpecs, context) {
           clearable: false,
           defaultValue: indicator_id
         },
-        showSize: sizing_variable_id ? {
+        showSize: sizing_variable_id && sizing_variable_id != variable_id ? {
           label: 'Matrículas',
           type: 'booleanCheckbox',
           description: 'Tamanho proporcional à quantidade de matrículas',
@@ -4221,7 +4230,7 @@ function cem_escolas_2022(config, allViewSpecs, context) {
             key = _ref5[0],
             value = _ref5[1];
           return (
-            // Verifica se o nome da coluna termina com algum dos sufixos mapeados 
+            // Verifica se o nome da coluna termina com algum dos sufixos mapeados
             // E se o valor da coluna é "truthy" (maior que 0, true, etc)
             sufixos.some(function (sufixo) {
               return key.endsWith(sufixo);
@@ -4376,7 +4385,7 @@ function chartUtil(viewSpec, allViewSpecs, context) {
 }
 
 var DEFAULT_BUFFER_SIZE$1 = 200;
-function confSchema$4(viewSpec, allViewSpecs, context, _ref) {
+function confSchema$7(viewSpec, allViewSpecs, context, _ref) {
   var PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var variable_id = viewSpec.variable_id;
   return {
@@ -4512,7 +4521,7 @@ var _resolveSourceBounds = resolve.fn(function (context) {
     return UNBOUNDED_BOUNDS;
   }
 });
-function metadata$8(viewSpec, allViewSpecs, context, _ref2) {
+function metadata$c(viewSpec, allViewSpecs, context, _ref2) {
   var PARSED_SCHEMA = _ref2.PARSED_SCHEMA,
     DATA_UTIL = _ref2.DATA_UTIL,
     CHART_UTIL = _ref2.CHART_UTIL;
@@ -4973,7 +4982,7 @@ function setor_censitario(viewSpec, allViewSpecs, context, _ref) {
   };
 }
 
-function download$6(viewSpec, allViewSpecs, context, _ref) {
+function download$a(viewSpec, allViewSpecs, context, _ref) {
   var PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var METADATA_API_ENDPOINT = context.METADATA_API_ENDPOINT;
   return downloadResolver({
@@ -5043,7 +5052,7 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
     PARSED_SCHEMA: PARSED_SCHEMA,
     DATA_UTIL: DATA_UTIL
   });
-  var DOWNLOAD = download$6(viewSpec, allViewSpecs, context, {
+  var DOWNLOAD = download$a(viewSpec, allViewSpecs, context, {
     PARSED_SCHEMA: PARSED_SCHEMA
   });
   return {
@@ -5055,10 +5064,10 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
     sourceLabel: PARSED_SCHEMA.sourceLabel,
     keywords: PARSED_SCHEMA.keywords,
     viewType: VIEW_TYPE_SURFACE_CHOROPLETH,
-    confSchema: confSchema$4(viewSpec, allViewSpecs, context, {
+    confSchema: confSchema$7(viewSpec, allViewSpecs, context, {
       PARSED_SCHEMA: PARSED_SCHEMA
     }),
-    metadata: metadata$8(viewSpec, allViewSpecs, context, {
+    metadata: metadata$c(viewSpec, allViewSpecs, context, {
       PARSED_SCHEMA: PARSED_SCHEMA,
       CHART_UTIL: CHART_UTIL,
       DATA_UTIL: DATA_UTIL
@@ -5076,7 +5085,7 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
   };
 }
 
-function download$5(context, _ref) {
+function download$9(context, _ref) {
   var PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var METADATA_API_ENDPOINT = context.METADATA_API_ENDPOINT;
   return downloadResolver({
@@ -5437,7 +5446,7 @@ function customGeoJson_layers(opts) {
   };
 }
 
-function metadata$7(opts) {
+function metadata$b(opts) {
   return resolveAsync.fn(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(context) {
       var _context$view;
@@ -5711,7 +5720,7 @@ function setor_censitario_layers(opts) {
 }
 
 var intramun = {
-  metadata: metadata$7,
+  metadata: metadata$b,
   sources: function sources(opts) {
     return _objectSpread2(_objectSpread2(_objectSpread2({}, setor_censitario_sources(opts)), buildings_sources(opts)), customGeoJson_sources());
   },
@@ -5721,7 +5730,7 @@ var intramun = {
 };
 
 var DEFAULT_COLOR_SCHEME$1 = COLOR_SCHEMES.schemeOranges;
-function metadata$6(_ref) {
+function metadata$a(_ref) {
   var GLOBAL_CONTEXT = _ref.GLOBAL_CONTEXT,
     PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var METADATA_API_ENDPOINT = GLOBAL_CONTEXT.METADATA_API_ENDPOINT;
@@ -5846,7 +5855,7 @@ function municipio_layers$1() {
 }
 
 var intrauf = {
-  metadata: metadata$6,
+  metadata: metadata$a,
   sources: function sources(opts) {
     return _objectSpread2({}, municipio_sources$1(opts));
   },
@@ -5856,7 +5865,7 @@ var intrauf = {
 };
 
 var DEFAULT_COLOR_SCHEME = COLOR_SCHEMES.schemeOranges;
-function metadata$5(_ref) {
+function metadata$9(_ref) {
   var GLOBAL_CONTEXT = _ref.GLOBAL_CONTEXT,
     PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var METADATA_API_ENDPOINT = GLOBAL_CONTEXT.METADATA_API_ENDPOINT;
@@ -5976,7 +5985,7 @@ function municipio_layers() {
 }
 
 var intrabr = {
-  metadata: metadata$5,
+  metadata: metadata$9,
   sources: function sources(opts) {
     return _objectSpread2({}, municipio_sources(opts));
   },
@@ -6011,14 +6020,14 @@ function cem_censo_2022(viewSpec, allViewSpecs, context) {
   if (!PARSED_SCHEMA) {
     return null;
   }
-  var DOWNLOAD = download$5(context, {
+  var DOWNLOAD = download$9(context, {
     PARSED_SCHEMA: PARSED_SCHEMA
   });
   var CHOROPLETH = choropleth({
     GLOBAL_CONTEXT: context,
     PARSED_SCHEMA: PARSED_SCHEMA
   });
-  var CONF_SCHEMA = confSchema$4(viewSpec, allViewSpecs, context, {
+  var CONF_SCHEMA = confSchema$7(viewSpec, allViewSpecs, context, {
     PARSED_SCHEMA: PARSED_SCHEMA
   });
   return {
@@ -6418,8 +6427,11 @@ function cem_saude_2024(viewSpec, allViewSpecs, context) {
   }));
 }
 
-var DEFAULT_FILL_OPACITY$1 = 0.5;
+var DEFAULT_FILL_OPACITY$2 = 0.5;
 function applyOpacity(color, alpha) {
+  if (alpha === void 0) {
+    alpha = 1;
+  }
   if (color.startsWith('#')) {
     var hex = color;
     if (hex.length === 4) {
@@ -6655,6 +6667,7 @@ function colorSelector(_initialColor) {
     })
   };
 }
+
 function svgBgImage$2(svg) {
   return "url(\"data:image/svg+xml,".concat(encodeURIComponent(svg), "\")");
 }
@@ -6691,12 +6704,13 @@ var FILL_PATTERN_OPTIONS$1 = [{
   value: 'lines_1'
 }];
 function fillPatternSelector() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : FILL_PATTERN_SOLID;
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return _objectSpread2({
     label: 'Textura',
     type: 'select',
     clearable: false,
-    defaultValue: FILL_PATTERN_SOLID,
+    defaultValue: _defaultValue,
     options: FILL_PATTERN_OPTIONS$1.map(function (opt) {
       var pattern = opt.value === FILL_PATTERN_SOLID ? null : svgBgImage$2(SVG_PATTERNS[opt.value]({
         scale: '0.25'
@@ -6725,9 +6739,207 @@ function fillPatternSelector() {
   }, props);
 }
 
-var _excluded$d = ["label", "color", "line", "fill", "tiles", "source_layer", "sources", "layers", "fill_pattern"];
+var GEOREDUS_CATEGORICAL_SAFE_COLORS = Object.values(GEOREDUS_LABELED_SAFE_COLORS).map(function (color) {
+  return color.value;
+});
+var GEOREDUS_CATEGORICAL_COLORS = Object.values(GEOREDUS_LABELED_COLORS).map(function (color) {
+  return color.value;
+});
+var CATEGORICAL_SCHEMES = _objectSpread2({
+  schemeGeoReDUSSafe: GEOREDUS_CATEGORICAL_SAFE_COLORS,
+  schemeGeoReDUS: GEOREDUS_CATEGORICAL_COLORS
+}, D3_CATEGORICAL);
+function categoricalColorSchemeSelector(_ref) {
+  var _ref$clearable = _ref.clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? 'schemeGeoReDUSSafe' : _ref$defaultValue;
+  return {
+    label: 'Esquema de cores',
+    type: 'select',
+    clearable: clearable,
+    defaultValue: defaultValue,
+    options: Object.entries(CATEGORICAL_SCHEMES).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        name = _ref3[0],
+        scheme = _ref3[1];
+      return {
+        value: name,
+        label: /*#__PURE__*/jsx(Flex, {
+          direction: "row",
+          gap: "2",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx("div", {
+            style: {
+              display: 'flex',
+              gap: '2px'
+            },
+            children: scheme.map(function (color, idx) {
+              return /*#__PURE__*/jsx("div", {
+                style: {
+                  width: 15,
+                  height: 15,
+                  backgroundColor: color,
+                  border: 'none'
+                }
+              }, idx);
+            })
+          })
+        })
+      };
+    })
+  };
+}
+
+var continuousIds = [].concat(_toConsumableArray(Object.keys(D3_SEQUENTIAL)), _toConsumableArray(Object.keys(D3_SEQUENTIAL).map(function (id) {
+  return "-".concat(id);
+})), _toConsumableArray(Object.keys(D3_DIVERGING)), _toConsumableArray(Object.keys(D3_DIVERGING).map(function (id) {
+  return "-".concat(id);
+})));
+var CONTINUOUS_SCHEMES = Object.fromEntries(continuousIds.map(function (id) {
+  return [id, D3_COLOR_SCHEMES[id]];
+}));
+function continuousColorSchemeSelector(_ref) {
+  var _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? 'schemeOrRd' : _ref$defaultValue;
+  return {
+    label: 'Esquema de cores',
+    type: 'select',
+    defaultValue: defaultValue,
+    options: Object.entries(CONTINUOUS_SCHEMES).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        name = _ref3[0],
+        scheme = _ref3[1];
+      var colors = scheme.scalesByK[scheme.maxK];
+      return {
+        value: name,
+        label: /*#__PURE__*/jsx(Flex, {
+          direction: "row",
+          gap: "2",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx("div", {
+            style: {
+              display: 'flex',
+              gap: '2px'
+            },
+            children: colors.map(function (color, idx) {
+              return /*#__PURE__*/jsx("div", {
+                style: {
+                  width: 15,
+                  height: 15,
+                  backgroundColor: color,
+                  border: 'none'
+                }
+              }, idx);
+            })
+          })
+        })
+      };
+    })
+  };
+}
+
+var LINE_PATTERN_SOLID = 'solid';
+var LINE_PATTERN_OPTIONS$1 = [{
+  label: 'Sólido',
+  value: 'solid'
+}, {
+  label: 'Tracejado',
+  value: 'dashed'
+}, {
+  label: 'Pontilhado',
+  value: 'dotted'
+}];
+function linePatternSelector() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? LINE_PATTERN_SOLID : _ref$defaultValue;
+  return {
+    label: 'Padrão da linha',
+    helperText: 'Selecione o padrão de linha para a camada',
+    type: 'select',
+    clearable: false,
+    defaultValue: defaultValue,
+    options: LINE_PATTERN_OPTIONS$1.map(function (opt) {
+      return _objectSpread2(_objectSpread2({}, opt), {}, {
+        label: /*#__PURE__*/jsxs(Flex, {
+          direction: "row",
+          alignItems: "center",
+          gap: "2",
+          children: [/*#__PURE__*/jsx("div", {
+            style: {
+              width: 15,
+              height: 0,
+              borderTop: "2px ".concat(opt.value, " black")
+            }
+          }), /*#__PURE__*/jsxs("div", {
+            children: [" ", opt.label]
+          })]
+        })
+      });
+    })
+  };
+}
+
+var LINE_WIDTH_1 = 1;
+var LINE_WIDTH_OPTIONS = Array.from({
+  length: 5
+}, function (_, i) {
+  return i + 1;
+}).map(function (v) {
+  return {
+    label: "".concat(v, "px"),
+    value: v
+  };
+});
+function lineWidthSelector() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? LINE_WIDTH_1 : _ref$defaultValue;
+  return {
+    label: 'Espessura da linha',
+    helperText: 'Selecione a expessura da linha para a camada',
+    type: 'select',
+    clearable: false,
+    defaultValue: defaultValue,
+    options: LINE_WIDTH_OPTIONS.map(function (opt) {
+      return _objectSpread2(_objectSpread2({}, opt), {}, {
+        label: /*#__PURE__*/jsxs(Flex, {
+          direction: "row",
+          alignItems: "center",
+          gap: "2",
+          children: [/*#__PURE__*/jsx("div", {
+            style: {
+              width: 15,
+              height: 0,
+              borderTop: "".concat(opt.value, "px solid black")
+            }
+          }), /*#__PURE__*/jsxs("div", {
+            children: [" ", opt.label]
+          })]
+        })
+      });
+    })
+  };
+}
+
+function opacitySlider(_ref) {
+  var _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? DEFAULT_FILL_OPACITY$2 : _ref$defaultValue;
+  return {
+    type: 'slider',
+    label: 'Opacidade da camada',
+    size: '1',
+    min: 0,
+    max: 1,
+    step: 0.01,
+    defaultValue: defaultValue
+  };
+}
+
+var _excluded$i = ["label", "color", "line", "fill", "tiles", "source_layer", "sources", "layers", "fill_pattern"];
 var SOLID = 'solid';
-var DEFAULT_FILL_OPACITY = 0.5;
+var DEFAULT_FILL_OPACITY$1 = 0.5;
 var FILL_PATTERN_OPTIONS = [{
   label: 'Preenchido',
   value: SOLID
@@ -6785,7 +6997,7 @@ function vector_polygon(_ref, allViewSpecs, context) {
     _ref$layers = _ref.layers,
     layers = _ref$layers === void 0 ? {} : _ref$layers,
     fill_pattern = _ref.fill_pattern,
-    props = _objectWithoutProperties(_ref, _excluded$d);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
@@ -6825,7 +7037,7 @@ function vector_polygon(_ref, allViewSpecs, context) {
     var resolvedFillPattern = ((_ctx$view3 = ctx.view) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.conf) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.style) === null || _ctx$view3 === void 0 ? void 0 : _ctx$view3.fillPattern) || fill_pattern;
     var resolvedFillPatternStr = resolvedFillPattern && resolvedFillPattern !== SOLID ? "".concat(resolvedFillPattern, "({ stroke: \"").concat(_resolvedColor, "\", scale: 0.5 })") : null;
     return _objectSpread2(_objectSpread2({
-      'fill-opacity': fill.paint && fill.paint['fill-opacity'] ? fill.paint['fill-opacity'] : DEFAULT_FILL_OPACITY,
+      'fill-opacity': fill.paint && fill.paint['fill-opacity'] ? fill.paint['fill-opacity'] : DEFAULT_FILL_OPACITY$1,
       'fill-color': _color
     }, fill['paint']), resolvedFillPatternStr ? {
       'fill-pattern': resolvedFillPatternStr
@@ -6908,15 +7120,23 @@ function vector_polygon(_ref, allViewSpecs, context) {
   });
 }
 
-function confSchema$3(viewSpec, allViewSpecs, context) {
+function confSchema$6(viewSpec, allViewSpecs, context) {
+  var _viewSpec$style, _viewSpec$style2;
   return {
     style: {
-      fillPattern: fillPatternSelector()
+      fillPattern: fillPatternSelector(),
+      colorScheme: categoricalColorSchemeSelector({
+        defaultValue: (_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.colorScheme,
+        clearable: ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.colorScheme) === null
+      }),
+      opacity: opacitySlider({
+        defaultValue: DEFAULT_FILL_OPACITY$2
+      })
     }
   };
 }
 
-function metadata$4(viewSpec, allViewSpecs, context) {
+function metadata$8(viewSpec, allViewSpecs, context) {
   var style = viewSpec.style;
   var categories = resolveAsync.fn(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(ctx) {
@@ -6926,7 +7146,7 @@ function metadata$4(viewSpec, allViewSpecs, context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             // Resolve color scheme
-            colorSchemeId = ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.colorScheme) || 'schemeGeoReDUSSafe'; // resolve categories
+            colorSchemeId = ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.colorScheme) || style.colorScheme; // resolve categories
             if (!(typeof style.categories === 'string')) {
               _context.next = 7;
               break;
@@ -6939,6 +7159,8 @@ function metadata$4(viewSpec, allViewSpecs, context) {
             }).then(function (categories) {
               return uniqBy(categories, function (cat) {
                 return cat.value;
+              }).filter(function (cat) {
+                return cat.value !== null;
               });
             });
           case 4:
@@ -6960,7 +7182,7 @@ function metadata$4(viewSpec, allViewSpecs, context) {
             throw new Error('could not resolve categories ' + viewSpec.id);
           case 11:
             return _context.abrupt("return", resolvedCategories.map(function (cat, index) {
-              var color = cat.color || resolveSchemeColor(colorSchemeId, index);
+              var color = cat.color || resolveCategoricalSchemeColor(colorSchemeId, index);
               if (!color) {
                 throw new Error("Could not resolve color for ".concat(cat.value));
               }
@@ -6984,17 +7206,17 @@ function metadata$4(viewSpec, allViewSpecs, context) {
   };
 }
 
-var MAIN_SOURCE_ID$3 = 'main';
-function sources$4(viewSpec, allViewSpecs, context) {
+var MAIN_SOURCE_ID$6 = 'main';
+function sources$9(viewSpec, allViewSpecs, context) {
   var tiles = viewSpec.tiles;
-  return _defineProperty({}, MAIN_SOURCE_ID$3, {
+  return _defineProperty({}, MAIN_SOURCE_ID$6, {
     promoteId: 'id',
     type: 'vector',
     tiles: parseTiles(tiles, context)
   });
 }
 
-function _main_line$2(_ref, viewSpec, allViewSpecs, context) {
+function _main_line$4(_ref, viewSpec, allViewSpecs, context) {
   var _viewSpec$style;
   var _maplibreColorExp = _ref._maplibreColorExp;
   var source_layer = viewSpec.source_layer;
@@ -7015,7 +7237,7 @@ function _main_line$2(_ref, viewSpec, allViewSpecs, context) {
   }[borderStyle];
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID$3,
+    source: MAIN_SOURCE_ID$6,
     'source-layer': source_layer,
     type: 'line',
     layout: borderStyle === 'dotted' ? {
@@ -7028,20 +7250,32 @@ function _main_line$2(_ref, viewSpec, allViewSpecs, context) {
   };
 }
 function _main_fill_legends$2(props, viewSpec, allViewSpecs, context) {
-  var _legends = resolve.fn(function (context) {
-    var categories = context.view.metadata.categories;
+  var _fillPattern = props._fillPattern;
+  var _legends = resolve.fn([_fillPattern], function (_ref2, ctx) {
+    var _ctx$view;
+    var _ref3 = _slicedToArray(_ref2, 1),
+      resolvedFillPattern = _ref3[0];
+    var categories = ctx.view.metadata.categories;
+    var _confOpacity = (_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.opacity;
     return [{
       type: 'CategoricalLegend',
       title: viewSpec.label,
       items: categories.map(function (cat) {
+        var boxStyle = resolvedFillPattern && resolvedFillPattern !== FILL_PATTERN_SOLID ? {
+          backgroundColor: 'transparent',
+          backgroundImage: typeof SVG_PATTERNS[resolvedFillPattern] === 'function' ? svgBgImage$2(SVG_PATTERNS[resolvedFillPattern]({
+            stroke: resolveColor(cat.color),
+            scale: '0.25'
+          })) : ''
+        } : {
+          backgroundColor: applyOpacity(resolveColor(cat.color), typeof _confOpacity === 'number' ? _confOpacity : DEFAULT_FILL_OPACITY$2)
+        };
         return {
           id: cat.value,
           label: cat.label,
           color: resolveColor(cat.color),
           box: {
-            style: {
-              backgroundColor: applyOpacity(resolveColor(cat.color), DEFAULT_FILL_OPACITY$1)
-            }
+            style: boxStyle
           }
         };
       })
@@ -7053,22 +7287,24 @@ function _main_fill$2(props, viewSpec, allViewSpecs, context) {
   var _maplibreColorExp = props._maplibreColorExp,
     _fillPattern = props._fillPattern;
   var source_layer = viewSpec.source_layer;
-  var _fillPaint = resolve.fn([_fillPattern], function (_ref2, ctx) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-      resolvedFillPattern = _ref3[0];
+  var _fillPaint = resolve.fn([_fillPattern], function (_ref4, ctx) {
+    var _ctx$view2;
+    var _ref5 = _slicedToArray(_ref4, 1),
+      resolvedFillPattern = _ref5[0];
     var resolvedFillPatternStr = resolvedFillPattern && resolvedFillPattern !== FILL_PATTERN_SOLID ? ['match', ['get', viewSpec.style.categoryKey]].concat(_toConsumableArray(ctx.view.metadata.categories.map(function (cat) {
       return [cat.value, "".concat(resolvedFillPattern, "({ stroke: \"").concat(resolveColor(cat.color), "\", scale: 0.5 })")];
     }).flat()), ['#CCCCCC']) : null;
+    var _confOpacity = (_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.opacity;
     return _objectSpread2({
       'fill-color': _maplibreColorExp,
-      'fill-opacity': DEFAULT_FILL_OPACITY$1
+      'fill-opacity': typeof _confOpacity === 'number' ? _confOpacity : DEFAULT_FILL_OPACITY$2
     }, resolvedFillPatternStr ? {
       'fill-pattern': resolvedFillPatternStr
     } : {});
   });
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID$3,
+    source: MAIN_SOURCE_ID$6,
     'source-layer': source_layer,
     type: 'fill',
     paint: _fillPaint,
@@ -7076,7 +7312,7 @@ function _main_fill$2(props, viewSpec, allViewSpecs, context) {
     tooltip: basicTooltip(viewSpec.tooltip)
   };
 }
-function layers$4(viewSpec, allViewSpecs, context) {
+function layers$9(viewSpec, allViewSpecs, context) {
   var styleSpec = viewSpec.style;
   var source_layer = viewSpec.source_layer;
   if (!source_layer) {
@@ -7088,10 +7324,10 @@ function layers$4(viewSpec, allViewSpecs, context) {
     }).flat()), ['#CCCCCC']);
   });
   var _fillPattern = resolve.fn(function (ctx) {
-    var _ctx$view;
-    return ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.fillPattern) || styleSpec.fillPattern;
+    var _ctx$view3;
+    return ((_ctx$view3 = ctx.view) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.conf) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.style) === null || _ctx$view3 === void 0 ? void 0 : _ctx$view3.fillPattern) || styleSpec.fillPattern;
   });
-  return _defineProperty(_defineProperty({}, "main_line", _main_line$2({
+  return _defineProperty(_defineProperty({}, "main_line", _main_line$4({
     _maplibreColorExp: _maplibreColorExp
   }, viewSpec)), "main_fill", _main_fill$2({
     _maplibreColorExp: _maplibreColorExp,
@@ -7099,7 +7335,7 @@ function layers$4(viewSpec, allViewSpecs, context) {
   }, viewSpec));
 }
 
-function download$4(viewSpec, allViewSpecs, context) {
+function download$8(viewSpec, allViewSpecs, context) {
   return basicDownload({
     fileName: slugify(viewSpec.label),
     downloadUrl: interpolate(viewSpec.download_url, {
@@ -7108,43 +7344,46 @@ function download$4(viewSpec, allViewSpecs, context) {
   });
 }
 
-var DEFAULT_COLOR_SCHEME_ID$1 = 'schemeGeoReDUSSafe';
-function parseStyleSpec$4(styleInput) {
+var DEFAULT_COLOR_SCHEME_ID$4 = 'schemeGeoReDUSSafe';
+function parseStyleSpec$9(styleInput) {
   if (!styleInput) {
     throw new Error('expected existing styleInput');
   }
   return __assign({
-    colorScheme: DEFAULT_COLOR_SCHEME_ID$1
+    colorScheme: DEFAULT_COLOR_SCHEME_ID$4
   }, styleInput);
 }
 
-var _excluded$c = ["style"];
+var _excluded$h = ["style"];
 function vector_polygon_categorical(_ref, allViewSpecs, context) {
   var style = _ref.style,
-    viewSpec = _objectWithoutProperties(_ref, _excluded$c);
+    viewSpec = _objectWithoutProperties(_ref, _excluded$h);
   viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
-    style: parseStyleSpec$4(style)
+    style: parseStyleSpec$9(style)
   });
   return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
-    confSchema: confSchema$3(),
-    metadata: metadata$4(viewSpec, allViewSpecs, context),
-    sources: sources$4(viewSpec, allViewSpecs, context),
-    layers: layers$4(viewSpec),
-    download: download$4(viewSpec, allViewSpecs, context)
+    confSchema: confSchema$6(viewSpec),
+    metadata: metadata$8(viewSpec, allViewSpecs, context),
+    sources: sources$9(viewSpec, allViewSpecs, context),
+    layers: layers$9(viewSpec),
+    download: download$8(viewSpec, allViewSpecs, context)
   });
 }
 
-function confSchema$2(viewSpec, allViewSpecs, context) {
+function confSchema$5(viewSpec, allViewSpecs, context) {
   var styleSpec = viewSpec.style;
   return {
     style: {
       color: colorSelector(styleSpec.color),
-      fillPattern: fillPatternSelector()
+      fillPattern: fillPatternSelector(styleSpec.fillPattern),
+      opacity: opacitySlider({
+        defaultValue: DEFAULT_FILL_OPACITY$2
+      })
     }
   };
 }
 
-function metadata$3(viewSpec, allViewSpecs, context) {
+function metadata$7(viewSpec, allViewSpecs, context) {
   viewSpec.style;
   return {};
 }
@@ -7153,10 +7392,11 @@ function _main_fill_legends$1(_ref, viewSpec, allViewSpecs, context) {
   var _color = _ref._color,
     _fillPattern = _ref._fillPattern;
   var _legend = resolve.fn([_color, _fillPattern], function (_ref2, ctx) {
-    var _viewSpec$style;
+    var _ctx$view, _viewSpec$style;
     var _ref3 = _slicedToArray(_ref2, 2),
       resolvedColor = _ref3[0],
       resolvedFillPattern = _ref3[1];
+    var _opacity = ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.opacity) || DEFAULT_FILL_OPACITY$2;
     var patternProps = resolvedFillPattern && resolvedFillPattern !== FILL_PATTERN_SOLID ? {
       color: resolvedColor,
       backgroundColor: 'transparent',
@@ -7165,7 +7405,7 @@ function _main_fill_legends$1(_ref, viewSpec, allViewSpecs, context) {
         scale: '0.25'
       })) : ''
     } : {
-      backgroundColor: applyOpacity(resolvedColor, DEFAULT_FILL_OPACITY$1)
+      backgroundColor: applyOpacity(resolvedColor, _opacity)
     };
     var legendItemProps = {
       box: {
@@ -7191,12 +7431,14 @@ function _main_fill$1(props, viewSpec, allViewSpecs, context) {
     _fillPattern = props._fillPattern;
   var source_layer = viewSpec.source_layer;
   var _fillPaint = resolve.fn([_color, _fillPattern], function (_ref4, ctx) {
+    var _ctx$view2;
     var _ref5 = _slicedToArray(_ref4, 2),
       resolvedColor = _ref5[0],
       resolvedFillPattern = _ref5[1];
     var resolvedFillPatternStr = resolvedFillPattern && resolvedFillPattern !== FILL_PATTERN_SOLID ? "".concat(resolvedFillPattern, "({ stroke: \"").concat(resolvedColor, "\", scale: 0.5 })") : null;
+    var _opacity = ((_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.opacity) || DEFAULT_FILL_OPACITY$2;
     return _objectSpread2({
-      'fill-opacity': DEFAULT_FILL_OPACITY$1,
+      'fill-opacity': _opacity,
       'fill-color': resolvedColor
     }, resolvedFillPatternStr ? {
       'fill-pattern': resolvedFillPatternStr
@@ -7212,7 +7454,7 @@ function _main_fill$1(props, viewSpec, allViewSpecs, context) {
     tooltip: basicTooltip(viewSpec.tooltip)
   };
 }
-function _main_line$1(_ref6, viewSpec, allViewSpecs, context) {
+function _main_line$3(_ref6, viewSpec, allViewSpecs, context) {
   var _viewSpec$style2;
   var _color = _ref6._color;
   var source_layer = viewSpec.source_layer;
@@ -7244,28 +7486,28 @@ function _main_line$1(_ref6, viewSpec, allViewSpecs, context) {
     }, paint)
   };
 }
-function layers$3(viewSpec, allViewSpecs, context) {
+function layers$8(viewSpec, allViewSpecs, context) {
   var styleSpec = viewSpec.style;
   var source_layer = viewSpec.source_layer;
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
   var _color = resolve.fn(function (ctx) {
-    var _ctx$view;
-    return resolveColor(((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.color) || styleSpec.color);
+    var _ctx$view3;
+    return resolveColor(((_ctx$view3 = ctx.view) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.conf) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.style) === null || _ctx$view3 === void 0 ? void 0 : _ctx$view3.color) || styleSpec.color);
   });
   var _fillPattern = resolve.fn(function (ctx) {
-    var _ctx$view2;
-    return ((_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.fillPattern) || styleSpec.fillPattern;
+    var _ctx$view4;
+    return ((_ctx$view4 = ctx.view) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.conf) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.style) === null || _ctx$view4 === void 0 ? void 0 : _ctx$view4.fillPattern) || styleSpec.fillPattern;
   });
-  return _defineProperty(_defineProperty({}, "main_line", _main_line$1({
+  return _defineProperty(_defineProperty({}, "main_line", _main_line$3({
     _color: _color}, viewSpec)), "main_fill", _main_fill$1({
     _color: _color,
     _fillPattern: _fillPattern
   }, viewSpec));
 }
 
-function sources$3(viewSpec, allViewSpecs, context) {
+function sources$8(viewSpec, allViewSpecs, context) {
   var tiles = viewSpec.tiles;
   return {
     main: {
@@ -7276,25 +7518,25 @@ function sources$3(viewSpec, allViewSpecs, context) {
   };
 }
 
-function _defaultColor$1(inputColor) {
+function _defaultColor$2(inputColor) {
   return inputColor ? resolveColor(inputColor) : schemeGeoReDUS.laranja;
 }
-function parseStyleSpec$3(styleInput) {
+function parseStyleSpec$8(styleInput) {
   if (!styleInput) {
     return {};
   }
   if (typeof styleInput === 'string') {
     return {
-      color: _defaultColor$1(styleInput)
+      color: _defaultColor$2(styleInput)
     };
   } else {
     return __assign(__assign({}, styleInput), {
-      color: _defaultColor$1(styleInput.color)
+      color: _defaultColor$2(styleInput.color)
     });
   }
 }
 
-function download$3(viewSpec, allViewSpecs, context) {
+function download$7(viewSpec, allViewSpecs, context) {
   return basicDownload({
     fileName: slugify(viewSpec.label),
     downloadUrl: interpolate(viewSpec.download_url, {
@@ -7303,26 +7545,26 @@ function download$3(viewSpec, allViewSpecs, context) {
   });
 }
 
-var _excluded$b = ["style"];
+var _excluded$g = ["style"];
 function vector_polygon_single(_ref, allViewSpecs, context) {
   var style = _ref.style,
-    viewSpec = _objectWithoutProperties(_ref, _excluded$b);
+    viewSpec = _objectWithoutProperties(_ref, _excluded$g);
   viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
-    style: parseStyleSpec$3(style)
+    style: parseStyleSpec$8(style)
   });
   return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
-    confSchema: confSchema$2(viewSpec),
-    metadata: metadata$3(viewSpec),
-    sources: sources$3(viewSpec, allViewSpecs, context),
-    layers: layers$3(viewSpec),
-    download: download$3(viewSpec, allViewSpecs, context)
+    confSchema: confSchema$5(viewSpec),
+    metadata: metadata$7(viewSpec),
+    sources: sources$8(viewSpec, allViewSpecs, context),
+    layers: layers$8(viewSpec),
+    download: download$7(viewSpec, allViewSpecs, context)
   });
 }
 
-var DEFAULT_COLOR_SCHEME_ID = 'schemeOrRd';
-function parseStyleSpec$2(styleInput) {
+var DEFAULT_COLOR_SCHEME_ID$3 = 'schemeOrRd';
+function parseStyleSpec$7(styleInput) {
   return __assign(__assign({
-    colorScheme: DEFAULT_COLOR_SCHEME_ID
+    colorScheme: DEFAULT_COLOR_SCHEME_ID$3
   }, styleInput), {
     classificationMethod: !styleInput.classificationMethod ? {
       type: 'naturalBreaks',
@@ -7334,41 +7576,7 @@ function parseStyleSpec$2(styleInput) {
   });
 }
 
-var getLargestColorArray = function getLargestColorArray(scheme) {
-  return scheme[scheme.length - 1];
-};
-var D3_SCHEMES = _objectSpread2(_objectSpread2({}, D3_SEQUENTIAL), D3_DIVERGING);
-var COLOR_SCHEME_OPTIONS = Object.entries(D3_SCHEMES).map(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 2),
-    name = _ref2[0],
-    scheme = _ref2[1];
-  var colors = getLargestColorArray(scheme);
-  return {
-    value: name,
-    label: /*#__PURE__*/jsx(Flex, {
-      direction: "row",
-      gap: "2",
-      alignItems: "center",
-      children: /*#__PURE__*/jsx("div", {
-        style: {
-          display: 'flex',
-          gap: '2px'
-        },
-        children: colors.map(function (color, idx) {
-          return /*#__PURE__*/jsx("div", {
-            style: {
-              width: 15,
-              height: 15,
-              backgroundColor: color,
-              border: 'none'
-            }
-          }, idx);
-        })
-      })
-    })
-  };
-});
-function confSchema$1(viewSpec, allViewSpecs, context) {
+function confSchema$4(viewSpec, allViewSpecs, context) {
   var _viewSpec$style, _viewSpec$style2;
   return {
     style: {
@@ -7385,13 +7593,12 @@ function confSchema$1(viewSpec, allViewSpecs, context) {
           label: 'Quantis'
         }]
       },
-      colorScheme: {
-        label: 'Esquema de cores',
-        type: 'select',
-        clearable: false,
-        defaultValue: ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.colorScheme) || DEFAULT_COLOR_SCHEME_ID,
-        options: COLOR_SCHEME_OPTIONS
-      }
+      colorScheme: continuousColorSchemeSelector({
+        defaultValue: ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.colorScheme) || DEFAULT_COLOR_SCHEME_ID$3
+      }),
+      opacity: opacitySlider({
+        defaultValue: DEFAULT_FILL_OPACITY$2
+      })
     }
   };
 }
@@ -7457,7 +7664,7 @@ var COLOR_SCALE_STOPS_RESOLVERS = {
   naturalBreaks: naturalBreaks
 };
 
-function metadata$2(viewSpec, allViewSpecs, context) {
+function metadata$6(viewSpec, allViewSpecs, context) {
   var style = viewSpec.style;
   return resolveAsync.fn(/*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(ctx) {
@@ -7516,17 +7723,17 @@ function metadata$2(viewSpec, allViewSpecs, context) {
   }());
 }
 
-var MAIN_SOURCE_ID$2 = 'main';
-function sources$2(viewSpec, allViewSpecs, context) {
+var MAIN_SOURCE_ID$5 = 'main';
+function sources$7(viewSpec, allViewSpecs, context) {
   var tiles = viewSpec.tiles;
-  return _defineProperty({}, MAIN_SOURCE_ID$2, {
+  return _defineProperty({}, MAIN_SOURCE_ID$5, {
     promoteId: 'id',
     type: 'vector',
     tiles: parseTiles(tiles, context)
   });
 }
 
-function _main_line(props, viewSpec, allViewSpecs, context) {
+function _main_line$2(props, viewSpec, allViewSpecs, context) {
   var source_layer = viewSpec.source_layer;
 
   //
@@ -7535,7 +7742,7 @@ function _main_line(props, viewSpec, allViewSpecs, context) {
   var colorScheme = COLOR_SCHEMES[viewSpec.style.colorScheme];
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID$2,
+    source: MAIN_SOURCE_ID$5,
     'source-layer': source_layer,
     type: 'line',
     interactive: true,
@@ -7549,13 +7756,19 @@ function _main_line(props, viewSpec, allViewSpecs, context) {
 var DEFAULT_NUMBER_FORMAT = ['pt-BR', {}];
 function _main_fill_legends(props, viewSpec, allViewSpecs, context) {
   var _legends = resolve.fn(function (ctx) {
-    var _viewSpec$style$legen;
-    console.log('ctx', ctx);
+    var _ctx$view, _viewSpec$style$legen;
+    var _confOpacity = (_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.opacity;
+    // OBS: stopsWithOpacity foi feito para aplicar na legenda a opacidade que também é aplicada no mapa
+    // colorScaleStops retorna um array cuja estrutura é [cor, valor, cor, valor, ..., valor, cor]
+    // por isso a opacidade está sendo aplicada somente nos indexes pares
+    var stopsWithOpacity = ctx.view.metadata.colorScaleStops.map(function (entry, index) {
+      return index % 2 === 0 ? applyOpacity(entry, typeof _confOpacity === 'number' ? _confOpacity : DEFAULT_FILL_OPACITY$2) : entry;
+    });
     return [{
       type: 'SequentialColorLegend',
       title: viewSpec.label,
       unit: viewSpec.unit,
-      steps: ctx.view.metadata.colorScaleStops,
+      steps: stopsWithOpacity,
       format: _objectSpread2({
         number: viewSpec.style.numberFormat || DEFAULT_NUMBER_FORMAT,
         below: 'Sem dados',
@@ -7568,21 +7781,25 @@ function _main_fill_legends(props, viewSpec, allViewSpecs, context) {
 function _main_fill(props, viewSpec, allViewSpecs, context) {
   var _maplibreColorExp = props._maplibreColorExp;
   var source_layer = viewSpec.source_layer;
+  var _opacity = resolve.fn(function (ctx) {
+    var _ctx$view2;
+    return typeof ((_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.opacity) === 'number' ? ctx.view.conf.style.opacity : DEFAULT_FILL_OPACITY$2;
+  });
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID$2,
+    source: MAIN_SOURCE_ID$5,
     'source-layer': source_layer,
     interactive: true,
     type: 'fill',
     paint: {
       'fill-color': _maplibreColorExp,
-      'fill-opacity': DEFAULT_FILL_OPACITY$1
+      'fill-opacity': _opacity
     },
     legends: _main_fill_legends(props, viewSpec),
     tooltip: basicTooltip(viewSpec.tooltip)
   };
 }
-function layers$2(viewSpec, allViewSpecs, context) {
+function layers$7(viewSpec, allViewSpecs, context) {
   viewSpec.style;
   var source_layer = viewSpec.source_layer;
   if (!source_layer) {
@@ -7600,13 +7817,13 @@ function layers$2(viewSpec, allViewSpecs, context) {
   //   (ctx) => ctx.view?.conf?.style?.fillPattern || styleSpec.fillPattern,
   // )
 
-  return _defineProperty(_defineProperty({}, "main_line", _main_line({
+  return _defineProperty(_defineProperty({}, "main_line", _main_line$2({
     }, viewSpec)), "main_fill", _main_fill({
     _maplibreColorExp: _maplibreColorExp
   }, viewSpec));
 }
 
-function download$2(viewSpec, allViewSpecs, context) {
+function download$6(viewSpec, allViewSpecs, context) {
   return basicDownload({
     fileName: slugify(viewSpec.label),
     downloadUrl: interpolate(viewSpec.download_url, {
@@ -7615,23 +7832,23 @@ function download$2(viewSpec, allViewSpecs, context) {
   });
 }
 
-var _excluded$a = ["style"];
+var _excluded$f = ["style"];
 function vector_polygon_continuous(_ref, allViewSpecs, context) {
   var style = _ref.style,
-    viewSpec = _objectWithoutProperties(_ref, _excluded$a);
+    viewSpec = _objectWithoutProperties(_ref, _excluded$f);
   viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
-    style: parseStyleSpec$2(style)
+    style: parseStyleSpec$7(style)
   });
   return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
-    confSchema: confSchema$1(viewSpec),
-    metadata: metadata$2(viewSpec, allViewSpecs, context),
-    sources: sources$2(viewSpec, allViewSpecs, context),
-    layers: layers$2(viewSpec),
-    download: download$2(viewSpec, allViewSpecs, context)
+    confSchema: confSchema$4(viewSpec),
+    metadata: metadata$6(viewSpec, allViewSpecs, context),
+    sources: sources$7(viewSpec, allViewSpecs, context),
+    layers: layers$7(viewSpec),
+    download: download$6(viewSpec, allViewSpecs, context)
   });
 }
 
-var _excluded$9 = ["label", "line", "color", "tiles", "source_layer", "sources", "layers", "tooltip", "download_url"];
+var _excluded$e = ["label", "line", "color", "tiles", "source_layer", "sources", "layers", "tooltip", "download_url"];
 var LINE_PATTERN_OPTIONS = [{
   label: 'Continua',
   value: 'line'
@@ -7663,7 +7880,7 @@ function vector_line(_ref, allViewSpecs, context) {
     tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
     _ref$download_url = _ref.download_url,
     download_url = _ref$download_url === void 0 ? "" : _ref$download_url,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
@@ -7759,7 +7976,7 @@ function vector_line(_ref, allViewSpecs, context) {
   });
 }
 
-var _excluded$8 = ["label", "circle", "color", "tiles", "source_layer", "sources", "layers"];
+var _excluded$d = ["label", "circle", "color", "tiles", "source_layer", "sources", "layers"];
 function _parseTiles(tiles, context) {
   tiles = Array.isArray(tiles) ? tiles : typeof tiles === 'string' ? [tiles] : null;
   if (!tiles) {
@@ -7780,7 +7997,7 @@ function vector_circle(_ref, allViewSpecs, context) {
     sources = _ref$sources === void 0 ? {} : _ref$sources,
     _ref$layers = _ref.layers,
     layers = _ref$layers === void 0 ? {} : _ref$layers,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
@@ -7847,7 +8064,7 @@ function vector_circle(_ref, allViewSpecs, context) {
   });
 }
 
-function confSchema(viewSpec, allViewSpecs, context) {
+function confSchema$3(viewSpec, allViewSpecs, context) {
   var styleSpec = viewSpec.style;
   return {
     style: {
@@ -7856,21 +8073,21 @@ function confSchema(viewSpec, allViewSpecs, context) {
   };
 }
 
-function metadata$1(viewSpec, allViewSpecs, context) {
+function metadata$5(viewSpec, allViewSpecs, context) {
   return {};
 }
 
-var MAIN_SOURCE_ID$1 = 'main';
-function sources$1(viewSpec, allViewSpecs, context) {
+var MAIN_SOURCE_ID$4 = 'main';
+function sources$6(viewSpec, allViewSpecs, context) {
   var tiles = viewSpec.tiles;
-  return _defineProperty({}, MAIN_SOURCE_ID$1, {
+  return _defineProperty({}, MAIN_SOURCE_ID$4, {
     promoteId: 'id',
     type: 'vector',
     tiles: parseTiles(tiles, context)
   });
 }
 
-function _main_circle_legends$1(props, viewSpec, allViewSpecs, context) {
+function _main_circle_legends$2(props, viewSpec, allViewSpecs, context) {
   var _legends = resolve.fn(function (ctx) {
     var _ctx$view, _viewSpec$style, _viewSpec$style2;
     var _resolvedColor = resolveColor(((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.color) || ((_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.color)) || schemeGeoReDUS.laranja;
@@ -7891,13 +8108,13 @@ function _main_circle_legends$1(props, viewSpec, allViewSpecs, context) {
   });
   return _legends;
 }
-function _main_circle$1(props, viewSpec, allViewSpecs, context) {
+function _main_circle$3(props, viewSpec, allViewSpecs, context) {
   var _viewSpec$style4, _viewSpec$style5, _viewSpec$style6;
   _objectDestructuringEmpty(props);
   var source_layer = viewSpec.source_layer;
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID$1,
+    source: MAIN_SOURCE_ID$4,
     'source-layer': source_layer,
     interactive: true,
     type: 'circle',
@@ -7912,40 +8129,40 @@ function _main_circle$1(props, viewSpec, allViewSpecs, context) {
       'circle-stroke-color': '#ffffff',
       'circle-stroke-width': (_viewSpec$style6 = viewSpec.style) !== null && _viewSpec$style6 !== void 0 && _viewSpec$style6.border ? 2 : 0
     },
-    legends: _main_circle_legends$1(props, viewSpec),
+    legends: _main_circle_legends$2(props, viewSpec),
     tooltip: basicTooltip(viewSpec.tooltip)
   };
 }
-function layers$1(viewSpec, allViewSpecs, context) {
+function layers$6(viewSpec, allViewSpecs, context) {
   var source_layer = viewSpec.source_layer;
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
-  return _defineProperty({}, "main_circle", _main_circle$1({}, viewSpec));
+  return _defineProperty({}, "main_circle", _main_circle$3({}, viewSpec));
 }
 
-function _defaultColor(inputColor) {
+function _defaultColor$1(inputColor) {
   return inputColor ? resolveColor(inputColor) : schemeGeoReDUS.laranja;
 }
-function parseStyleSpec$1(styleInput) {
+function parseStyleSpec$6(styleInput) {
   if (!styleInput) {
     return {};
   }
   if (typeof styleInput === 'string') {
     return {
-      color: _defaultColor(styleInput),
+      color: _defaultColor$1(styleInput),
       border: true
     };
   } else {
     return __assign(__assign({
       border: true
     }, styleInput), {
-      color: _defaultColor(styleInput.color)
+      color: _defaultColor$1(styleInput.color)
     });
   }
 }
 
-function download$1(viewSpec, allViewSpecs, context) {
+function download$5(viewSpec, allViewSpecs, context) {
   return basicDownload({
     fileName: slugify(viewSpec.label),
     downloadUrl: interpolate(viewSpec.download_url || "", {
@@ -7954,23 +8171,23 @@ function download$1(viewSpec, allViewSpecs, context) {
   });
 }
 
-var _excluded$7 = ["style"];
+var _excluded$c = ["style"];
 function vector_point_single(_ref, allViewSpecs, context) {
   var style = _ref.style,
-    viewSpec = _objectWithoutProperties(_ref, _excluded$7);
+    viewSpec = _objectWithoutProperties(_ref, _excluded$c);
   viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
-    style: parseStyleSpec$1(style)
+    style: parseStyleSpec$6(style)
   });
   return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
-    confSchema: confSchema(viewSpec),
-    metadata: metadata$1(),
-    sources: sources$1(viewSpec, allViewSpecs, context),
-    layers: layers$1(viewSpec),
-    download: download$1(viewSpec, allViewSpecs, context)
+    confSchema: confSchema$3(viewSpec),
+    metadata: metadata$5(),
+    sources: sources$6(viewSpec, allViewSpecs, context),
+    layers: layers$6(viewSpec),
+    download: download$5(viewSpec, allViewSpecs, context)
   });
 }
 
-function metadata(viewSpec, allViewSpecs, context) {
+function metadata$4(viewSpec, allViewSpecs, context) {
   var _style$radius;
   var style = viewSpec.style;
   var radiusData = (_style$radius = style.radius) !== null && _style$radius !== void 0 && _style$radius.values ? resolveAsync.fn(/*#__PURE__*/function () {
@@ -8022,10 +8239,10 @@ function metadata(viewSpec, allViewSpecs, context) {
   };
 }
 
-var MAIN_SOURCE_ID = 'main';
-function sources(viewSpec, allViewSpecs, context) {
+var MAIN_SOURCE_ID$3 = 'main';
+function sources$5(viewSpec, allViewSpecs, context) {
   var tiles = viewSpec.tiles;
-  return _defineProperty({}, MAIN_SOURCE_ID, {
+  return _defineProperty({}, MAIN_SOURCE_ID$3, {
     promoteId: 'id',
     type: 'vector',
     tiles: parseTiles(tiles, context)
@@ -8040,7 +8257,7 @@ function _validNumericalValues(values) {
   });
 }
 var NO_DATA_COLOR = GEOREDUS_LABELED_RESTRICTED_USE_COLORS.cinza_claro.value;
-function _main_circle_legends(props, viewSpec, allViewSpecs, context) {
+function _main_circle_legends$1(props, viewSpec, allViewSpecs, context) {
   var _legends = resolve.fn(function (ctx) {
     var _viewSpec$style;
     var _values = _validNumericalValues(ctx.view.metadata.radiusData.values);
@@ -8070,12 +8287,12 @@ function _main_circle_legends(props, viewSpec, allViewSpecs, context) {
   });
   return _legends;
 }
-function _main_circle(props, viewSpec, allViewSpecs, context) {
+function _main_circle$2(props, viewSpec, allViewSpecs, context) {
   _objectDestructuringEmpty(props);
   var source_layer = viewSpec.source_layer;
   return {
     zIndex: Z_OVERLAY_BASE_1000,
-    source: MAIN_SOURCE_ID,
+    source: MAIN_SOURCE_ID$3,
     'source-layer': source_layer,
     interactive: true,
     type: 'circle',
@@ -8113,23 +8330,23 @@ function _main_circle(props, viewSpec, allViewSpecs, context) {
         });
       })
     },
-    legends: _main_circle_legends(props, viewSpec),
+    legends: _main_circle_legends$1(props, viewSpec),
     tooltip: basicTooltip(viewSpec.tooltip)
   };
 }
-function layers(viewSpec, allViewSpecs, context) {
+function layers$5(viewSpec, allViewSpecs, context) {
   var source_layer = viewSpec.source_layer;
   if (!source_layer) {
     throw new Error('source_layer must be defined');
   }
-  return _defineProperty({}, "main_circle", _main_circle({}, viewSpec));
+  return _defineProperty({}, "main_circle", _main_circle$2({}, viewSpec));
 }
 
-function parseStyleSpec(styleInput) {
+function parseStyleSpec$5(styleInput) {
   return __assign({}, styleInput);
 }
 
-function download(viewSpec, allViewSpecs, context) {
+function download$4(viewSpec, allViewSpecs, context) {
   return basicDownload({
     fileName: slugify(viewSpec.label),
     downloadUrl: interpolate(viewSpec.download_url || "", {
@@ -8138,16 +8355,835 @@ function download(viewSpec, allViewSpecs, context) {
   });
 }
 
-var _excluded$6 = ["style"];
+var _excluded$b = ["style"];
 function vector_point_continuous(_ref, allViewSpecs, context) {
   var style = _ref.style,
-    viewSpec = _objectWithoutProperties(_ref, _excluded$6);
+    viewSpec = _objectWithoutProperties(_ref, _excluded$b);
   viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
-    style: parseStyleSpec(style)
+    style: parseStyleSpec$5(style)
   });
   return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
     // confSchema: confSchema(viewSpec, allViewSpecs, context),
-    metadata: metadata(viewSpec, allViewSpecs, context),
+    metadata: metadata$4(viewSpec, allViewSpecs, context),
+    sources: sources$5(viewSpec, allViewSpecs, context),
+    layers: layers$5(viewSpec),
+    download: download$4(viewSpec, allViewSpecs, context)
+  });
+}
+
+function confSchema$2(viewSpec, allViewSpecs, context) {
+  var styleSpec = viewSpec.style;
+  return {
+    style: {
+      color: colorSelector(styleSpec.color),
+      linePattern: linePatternSelector({
+        defaultValue: styleSpec.linePattern
+      }),
+      lineWidth: lineWidthSelector({
+        defaultValue: styleSpec.lineWidth
+      })
+    }
+  };
+}
+
+function metadata$3(viewSpec, allViewSpecs, context) {
+  viewSpec.style;
+  return {};
+}
+
+function _main_line_legends$1(_ref, viewSpec, allViewSpecs, context) {
+  var _color = _ref._color;
+  var _legend = resolve.fn([_color], function (resolvedColor, ctx) {
+    var _ctx$view, _ctx$view2, _viewSpec$style;
+    return {
+      type: 'CategoricalLegend',
+      items: [{
+        label: viewSpec.label,
+        box: {
+          style: {
+            height: 0,
+            borderColor: resolvedColor,
+            borderTopStyle: ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.linePattern) || styleSpec.linePattern || LINE_PATTERN_SOLID,
+            borderBottomStyle: 'none',
+            borderWidth: ((_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.lineWidth) || ((_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.lineWidth) || LINE_WIDTH_1
+          }
+        }
+      }]
+    };
+  });
+  return [_legend];
+}
+function _main_line$1(_ref2, viewSpec, allViewSpecs, context) {
+  var _color = _ref2._color;
+  var source_layer = viewSpec.source_layer;
+  var line = resolve.fn([_color], function (resolvedColor, ctx) {
+    var _ctx$view3, _viewSpec$style2, _ctx$view4, _viewSpec$style3;
+    var _linePattern = ((_ctx$view3 = ctx.view) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.conf) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.style) === null || _ctx$view3 === void 0 ? void 0 : _ctx$view3.linePattern) || ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.linePattern) || LINE_PATTERN_SOLID;
+    if (_linePattern === 'none') {
+      return null;
+    }
+    var _lineWidth = ((_ctx$view4 = ctx.view) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.conf) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.style) === null || _ctx$view4 === void 0 ? void 0 : _ctx$view4.lineWidth) || ((_viewSpec$style3 = viewSpec.style) === null || _viewSpec$style3 === void 0 ? void 0 : _viewSpec$style3.lineWidth) || LINE_WIDTH_1;
+    var paint = {
+      dashed: {
+        'line-dasharray': [4, 2],
+        'line-width': _lineWidth
+      },
+      dotted: {
+        'line-dasharray': [0.5, 2],
+        'line-width': _lineWidth
+      },
+      solid: {
+        'line-width': _lineWidth
+      }
+    }[_linePattern];
+    return {
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'line',
+      layout: _linePattern === 'dotted' ? {
+        'line-cap': 'round'
+      } : {},
+      paint: _objectSpread2({
+        'line-color': _color
+      }, paint),
+      legends: _main_line_legends$1({
+        _color: _color
+      }, viewSpec),
+      tooltip: basicTooltip(viewSpec.tooltip)
+    };
+  });
+  return line;
+}
+function layers$4(viewSpec, allViewSpecs, context) {
+  var styleSpec = viewSpec.style;
+  var source_layer = viewSpec.source_layer;
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  var _color = resolve.fn(function (ctx) {
+    var _ctx$view5;
+    return resolveColor(((_ctx$view5 = ctx.view) === null || _ctx$view5 === void 0 || (_ctx$view5 = _ctx$view5.conf) === null || _ctx$view5 === void 0 || (_ctx$view5 = _ctx$view5.style) === null || _ctx$view5 === void 0 ? void 0 : _ctx$view5.color) || styleSpec.color);
+  });
+  return _defineProperty({}, "main_line", _main_line$1({
+    _color: _color
+  }, viewSpec));
+}
+
+function sources$4(viewSpec, allViewSpecs, context) {
+  var tiles = viewSpec.tiles;
+  return {
+    main: {
+      promoteId: 'id',
+      type: 'vector',
+      tiles: parseTiles(tiles, context)
+    }
+  };
+}
+
+function _defaultColor(inputColor) {
+  return inputColor ? resolveColor(inputColor) : resolveColor('schemeGeoReDUS.laranja');
+}
+function parseStyleSpec$4(styleInput) {
+  if (!styleInput) {
+    return {};
+  }
+  if (typeof styleInput === 'string') {
+    return {
+      color: _defaultColor(styleInput)
+    };
+  } else {
+    return __assign(__assign({}, styleInput), {
+      color: _defaultColor(styleInput.color),
+      linePattern: styleInput.linePattern || LINE_PATTERN_SOLID
+    });
+  }
+}
+
+function download$3(viewSpec, allViewSpecs, context) {
+  return basicDownload({
+    fileName: slugify(viewSpec.label),
+    downloadUrl: interpolate(viewSpec.download_url, {
+      METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+    })
+  });
+}
+
+var _excluded$a = ["style"];
+function vector_line_single(_ref, allViewSpecs, context) {
+  var style = _ref.style,
+    viewSpec = _objectWithoutProperties(_ref, _excluded$a);
+  viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
+    style: parseStyleSpec$4(style)
+  });
+  return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
+    confSchema: confSchema$2(viewSpec),
+    metadata: metadata$3(viewSpec),
+    sources: sources$4(viewSpec, allViewSpecs, context),
+    layers: layers$4(viewSpec),
+    download: download$3(viewSpec, allViewSpecs, context)
+  });
+}
+
+function confSchema$1(viewSpec, allViewSpecs, context) {
+  var styleSpec = viewSpec.style;
+  return {
+    style: {
+      linePattern: linePatternSelector({
+        defaultValue: styleSpec.linePattern
+      }),
+      lineWidth: lineWidthSelector({
+        defaultValue: styleSpec.lineWidth
+      })
+    }
+  };
+}
+
+function metadata$2(viewSpec, allViewSpecs, context) {
+  var style = viewSpec.style;
+  var categories = resolveAsync.fn(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(ctx) {
+      var _ctx$view;
+      var colorSchemeId, resolvedCategories;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // Resolve color scheme
+            colorSchemeId = ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.colorScheme) || 'schemeGeoReDUSSafe'; // resolve categories
+            if (!(typeof style.categories === 'string')) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 4;
+            return fetch(interpolate(style.categories, {
+              METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+            })).then(function (res) {
+              return res.json();
+            }).then(function (categories) {
+              return uniqBy(categories, function (cat) {
+                return cat.value;
+              });
+            });
+          case 4:
+            _context.t0 = _context.sent;
+            _context.next = 8;
+            break;
+          case 7:
+            _context.t0 = Array.isArray(style.categories) ? style.categories.map(function (categoryInput) {
+              return typeof categoryInput === 'string' ? {
+                value: categoryInput
+              } : categoryInput;
+            }) : null;
+          case 8:
+            resolvedCategories = _context.t0;
+            if (resolvedCategories) {
+              _context.next = 11;
+              break;
+            }
+            throw new Error('could not resolve categories ' + viewSpec.id);
+          case 11:
+            return _context.abrupt("return", resolvedCategories.map(function (cat, index) {
+              var color = cat.color || resolveCategoricalSchemeColor(colorSchemeId, index);
+              if (!color) {
+                throw new Error("Could not resolve color for ".concat(cat.value));
+              }
+              return _objectSpread2(_objectSpread2({}, cat), {}, {
+                color: color,
+                label: cat.label || humanize(cat.value)
+              });
+            }));
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  return {
+    categories: categories
+  };
+}
+
+function _main_line_legends(props, viewSpec, allViewSpecs, context) {
+  var _legend = resolve.fn(function (ctx) {
+    var categories = ctx.view.metadata.categories;
+    return {
+      type: 'CategoricalLegend',
+      title: viewSpec.label,
+      items: categories.map(function (cat) {
+        var _ctx$view, _ctx$view2, _viewSpec$style;
+        return {
+          id: cat.value,
+          label: cat.label,
+          box: {
+            style: {
+              height: 0,
+              borderColor: cat.color,
+              borderTopStyle: ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.linePattern) || styleSpec.linePattern || LINE_PATTERN_SOLID,
+              borderBottomStyle: 'none',
+              borderWidth: ((_ctx$view2 = ctx.view) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.conf) === null || _ctx$view2 === void 0 || (_ctx$view2 = _ctx$view2.style) === null || _ctx$view2 === void 0 ? void 0 : _ctx$view2.lineWidth) || ((_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.lineWidth) || LINE_WIDTH_1
+            }
+          }
+        };
+      })
+    };
+  });
+  return [_legend];
+}
+function _main_line(_ref, viewSpec, allViewSpecs, context) {
+  var _maplibreColorExp = _ref._maplibreColorExp;
+  var source_layer = viewSpec.source_layer;
+  var line = resolve.fn(function (ctx) {
+    var _ctx$view3, _viewSpec$style2, _ctx$view4, _viewSpec$style3;
+    var _linePattern = ((_ctx$view3 = ctx.view) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.conf) === null || _ctx$view3 === void 0 || (_ctx$view3 = _ctx$view3.style) === null || _ctx$view3 === void 0 ? void 0 : _ctx$view3.linePattern) || ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.linePattern) || LINE_PATTERN_SOLID;
+    if (_linePattern === 'none') {
+      return null;
+    }
+    var _lineWidth = ((_ctx$view4 = ctx.view) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.conf) === null || _ctx$view4 === void 0 || (_ctx$view4 = _ctx$view4.style) === null || _ctx$view4 === void 0 ? void 0 : _ctx$view4.lineWidth) || ((_viewSpec$style3 = viewSpec.style) === null || _viewSpec$style3 === void 0 ? void 0 : _viewSpec$style3.lineWidth) || LINE_WIDTH_1;
+    var paint = {
+      dashed: {
+        'line-dasharray': [4, 2],
+        'line-width': _lineWidth
+      },
+      dotted: {
+        'line-dasharray': [0.5, 2],
+        'line-width': _lineWidth
+      },
+      solid: {
+        'line-width': _lineWidth
+      }
+    }[_linePattern];
+    return {
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'line',
+      layout: _linePattern === 'dotted' ? {
+        'line-cap': 'round'
+      } : {},
+      paint: _objectSpread2({
+        'line-color': _maplibreColorExp
+      }, paint),
+      legends: _main_line_legends({}, viewSpec),
+      tooltip: basicTooltip(viewSpec.tooltip)
+    };
+  });
+  return line;
+}
+function layers$3(viewSpec, allViewSpecs, context) {
+  var styleSpec = viewSpec.style;
+  var source_layer = viewSpec.source_layer;
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  var _maplibreColorExp = resolve.fn(function (ctx) {
+    return ['match', ['get', styleSpec.categoryKey]].concat(_toConsumableArray(ctx.view.metadata.categories.map(function (cat) {
+      return [cat.value, resolveColor(cat.color)];
+    }).flat()), ['#CCCCCC']);
+  });
+  return _defineProperty({}, "main_line", _main_line({
+    _maplibreColorExp: _maplibreColorExp
+  }, viewSpec));
+}
+
+function sources$3(viewSpec, allViewSpecs, context) {
+  var tiles = viewSpec.tiles;
+  return {
+    main: {
+      promoteId: 'id',
+      type: 'vector',
+      tiles: parseTiles(tiles, context)
+    }
+  };
+}
+
+var DEFAULT_COLOR_SCHEME_ID$2 = 'schemeGeoReDUSSafe';
+function parseStyleSpec$3(styleInput) {
+  if (!styleInput) {
+    throw new Error('expected existing styleInput');
+  }
+  return __assign({
+    colorScheme: DEFAULT_COLOR_SCHEME_ID$2
+  }, styleInput);
+}
+
+function download$2(viewSpec, allViewSpecs, context) {
+  return basicDownload({
+    fileName: slugify(viewSpec.label),
+    downloadUrl: interpolate(viewSpec.download_url, {
+      METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+    })
+  });
+}
+
+var _excluded$9 = ["style"];
+function vector_line_categorical(_ref, allViewSpecs, context) {
+  var style = _ref.style,
+    viewSpec = _objectWithoutProperties(_ref, _excluded$9);
+  viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
+    style: parseStyleSpec$3(style)
+  });
+  return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
+    confSchema: confSchema$1(viewSpec),
+    metadata: metadata$2(viewSpec, allViewSpecs, context),
+    sources: sources$3(viewSpec, allViewSpecs, context),
+    layers: layers$3(viewSpec),
+    download: download$2(viewSpec, allViewSpecs, context)
+  });
+}
+
+var MAIN_SOURCE_ID$2 = 'main';
+function _formatColorMapQueryParamValue(categories) {
+  return JSON.stringify(Object.fromEntries(categories.map(function (cat) {
+    return ["".concat(cat.value), cat.color];
+  })));
+}
+function sources$2(viewSpec, allViewSpecs, context) {
+  var tiles = viewSpec.tiles,
+    style = viewSpec.style;
+  var _tiles = parseTiles(tiles, context).map(function (url) {
+    var queryIndex = url.indexOf('?');
+    var base = queryIndex === -1 ? url : url.slice(0, queryIndex);
+    var query = queryIndex === -1 ? '' : url.slice(queryIndex + 1);
+    var params = new URLSearchParams(query);
+    var colormap = params.get('colormap') || _formatColorMapQueryParamValue(style.categories);
+    params.set('colormap', colormap);
+    return "".concat(base, "?").concat(params.toString());
+  });
+  return _defineProperty({}, MAIN_SOURCE_ID$2, {
+    minzoom: 9,
+    maxzoom: 14,
+    type: 'raster',
+    tiles: _tiles
+  });
+}
+
+var DEFAULT_RASTER_FILL_OPACITY = 0.7;
+function layers$2(viewSpec, allViewSpecs, context) {
+  var categories = viewSpec.style.categories;
+  var _legends = [{
+    type: 'CategoricalLegend',
+    title: viewSpec.label,
+    items: categories.map(function (cat) {
+      return {
+        id: cat.value,
+        label: cat.label || cat.value,
+        color: cat.color,
+        box: {
+          style: {
+            backgroundColor: cat.color
+          }
+        }
+      };
+    })
+  }];
+  return _defineProperty({}, "main_raster", {
+    minzoom: 3,
+    type: 'raster',
+    source: MAIN_SOURCE_ID$2,
+    paint: {
+      'raster-opacity': DEFAULT_RASTER_FILL_OPACITY
+    },
+    legends: _legends
+  });
+}
+
+var DEFAULT_COLOR_SCHEME_ID$1 = 'schemeGeoReDUSSafe';
+function parseStyleSpec$2(styleInput) {
+  if (!styleInput) {
+    throw new Error('expected existing styleInput');
+  }
+  var colorScheme = styleInput.colorScheme || DEFAULT_COLOR_SCHEME_ID$1;
+  var categories = styleInput.categories.map(function (category, index) {
+    return __assign(__assign({}, category), {
+      color: category.color ? resolveColor(category.color) : resolveCategoricalSchemeColor(colorScheme, index)
+    });
+  });
+  return __assign(__assign({}, styleInput), {
+    colorScheme: DEFAULT_COLOR_SCHEME_ID$1,
+    categories: categories
+  });
+}
+
+var _excluded$8 = ["style"];
+function raster_categorical(_ref, allViewSpecs, context) {
+  var style = _ref.style,
+    viewSpec = _objectWithoutProperties(_ref, _excluded$8);
+  viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
+    style: parseStyleSpec$2(style)
+  });
+  return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
+    sources: sources$2(viewSpec, allViewSpecs, context),
+    layers: layers$2(viewSpec)
+    // download: download(viewSpec, allViewSpecs, context),
+  });
+}
+
+function metadata$1(viewSpec, allViewSpecs, context) {
+  var style = viewSpec.style;
+  var categories = resolveAsync.fn(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(ctx) {
+      var _ctx$view;
+      var colorSchemeId, resolvedCategories;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // Resolve color scheme
+            colorSchemeId = ((_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.colorScheme) || 'schemeGeoReDUSSafe'; // resolve categories
+            if (!(typeof style.categories === 'string')) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 4;
+            return fetch(interpolate(style.categories, {
+              METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+            })).then(function (res) {
+              return res.json();
+            }).then(function (categories) {
+              return uniqBy(categories, function (cat) {
+                return cat.value;
+              }).filter(function (cat) {
+                return cat.value !== null;
+              });
+            });
+          case 4:
+            _context.t0 = _context.sent;
+            _context.next = 8;
+            break;
+          case 7:
+            _context.t0 = Array.isArray(style.categories) ? style.categories.map(function (categoryInput) {
+              return typeof categoryInput === 'string' ? {
+                value: categoryInput
+              } : categoryInput;
+            }) : null;
+          case 8:
+            resolvedCategories = _context.t0;
+            if (resolvedCategories) {
+              _context.next = 11;
+              break;
+            }
+            throw new Error('could not resolve categories ' + viewSpec.id);
+          case 11:
+            return _context.abrupt("return", resolvedCategories.map(function (cat, index) {
+              var color = cat.color || resolveCategoricalSchemeColor(colorSchemeId, index);
+              if (!color) {
+                throw new Error("Could not resolve color for ".concat(cat.value));
+              }
+              return _objectSpread2(_objectSpread2({}, cat), {}, {
+                color: color,
+                label: cat.label || humanize(cat.value)
+              });
+            }));
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  return {
+    categories: categories
+  };
+}
+
+var MAIN_SOURCE_ID$1 = 'main';
+function sources$1(viewSpec, allViewSpecs, context) {
+  var tiles = viewSpec.tiles;
+  return _defineProperty({}, MAIN_SOURCE_ID$1, {
+    promoteId: 'id',
+    type: 'vector',
+    tiles: parseTiles(tiles, context)
+  });
+}
+
+function _main_circle_legends(props, viewSpec, allViewSpecs, context) {
+  var _legends = resolve.fn(function (ctx) {
+    var categories = ctx.view.metadata.categories;
+    return [{
+      type: 'CategoricalLegend',
+      title: viewSpec.label,
+      items: categories.map(function (cat) {
+        var _viewSpec$style;
+        return {
+          id: cat.value,
+          label: cat.label,
+          color: resolveColor(cat.color),
+          box: {
+            style: {
+              backgroundColor: resolveColor(cat.color),
+              border: 'none',
+              borderRadius: '30px',
+              opacity: ((_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.opacity) || 1
+            }
+          }
+        };
+      })
+    }];
+  });
+  return _legends;
+}
+function _main_circle$1(props, viewSpec, allViewSpecs, context) {
+  var _viewSpec$style2, _viewSpec$style3;
+  var _maplibreColorExp = props._maplibreColorExp;
+  var source_layer = viewSpec.source_layer;
+  return {
+    zIndex: Z_OVERLAY_BASE_1000,
+    source: MAIN_SOURCE_ID$1,
+    'source-layer': source_layer,
+    interactive: true,
+    type: 'circle',
+    paint: {
+      'circle-color': _maplibreColorExp,
+      'circle-opacity': 1,
+      'circle-radius': ((_viewSpec$style2 = viewSpec.style) === null || _viewSpec$style2 === void 0 ? void 0 : _viewSpec$style2.radius) || 10,
+      'circle-stroke-color': '#ffffff',
+      'circle-stroke-width': (_viewSpec$style3 = viewSpec.style) !== null && _viewSpec$style3 !== void 0 && _viewSpec$style3.border ? 2 : 0
+    },
+    legends: _main_circle_legends(props, viewSpec),
+    tooltip: basicTooltip(viewSpec.tooltip)
+  };
+}
+function layers$1(viewSpec, allViewSpecs, context) {
+  var source_layer = viewSpec.source_layer;
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  var _maplibreColorExp = resolve.fn(function (ctx) {
+    return ['match', ['get', viewSpec.style.categoryKey]].concat(_toConsumableArray(ctx.view.metadata.categories.map(function (cat) {
+      return [cat.value, resolveColor(cat.color)];
+    }).flat()), ['#CCCCCC']);
+  });
+  return _defineProperty({}, "main_circle", _main_circle$1({
+    _maplibreColorExp: _maplibreColorExp
+  }, viewSpec));
+}
+
+var DEFAULT_COLOR_SCHEME_ID = 'schemeGeoReDUSSafe';
+function parseStyleSpec$1(styleInput) {
+  if (!styleInput) {
+    throw new Error('expected existing styleInput');
+  }
+  return __assign({
+    colorScheme: DEFAULT_COLOR_SCHEME_ID,
+    border: true
+  }, styleInput);
+}
+
+function download$1(viewSpec, allViewSpecs, context) {
+  return basicDownload({
+    fileName: slugify(viewSpec.label),
+    downloadUrl: interpolate(viewSpec.download_url || "", {
+      METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+    })
+  });
+}
+
+var _excluded$7 = ["style"];
+function vector_point_categorical(_ref, allViewSpecs, context) {
+  var style = _ref.style,
+    viewSpec = _objectWithoutProperties(_ref, _excluded$7);
+  viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
+    style: parseStyleSpec$1(style)
+  });
+  return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
+    metadata: metadata$1(viewSpec, allViewSpecs, context),
+    sources: sources$1(viewSpec, allViewSpecs, context),
+    layers: layers$1(viewSpec),
+    download: download$1(viewSpec, allViewSpecs, context)
+  });
+}
+
+var DEFAULT_STEPS = [{
+  step: 0.2,
+  label: 'Muito Baixa'
+}, {
+  step: 0.4,
+  label: 'Baixa'
+}, {
+  step: 0.6,
+  label: 'Média'
+}, {
+  step: 0.8,
+  label: 'Alta'
+}, {
+  step: 1,
+  label: 'Muito Alta'
+}];
+var DEFAULT_HEATMAP_COLOR_SCHEME_ID = '-schemeSpectral';
+function parseStyleSpec(styleInput) {
+  if (styleInput === void 0) {
+    styleInput = {};
+  }
+  var steps = styleInput.steps || DEFAULT_STEPS;
+  var colorSchemeId = styleInput.colorScheme || DEFAULT_HEATMAP_COLOR_SCHEME_ID;
+  return __assign(__assign({
+    circle: false
+  }, styleInput), {
+    steps: steps.map(function (step, index) {
+      return __assign(__assign({}, step), {
+        color: step.color ? resolveColor(step.color) : COLOR_SCHEMES[colorSchemeId].scalesByK[steps.length][index]
+      });
+    }),
+    colorScheme: colorSchemeId
+  });
+}
+
+function confSchema(viewSpec, allViewSpecs, context) {
+  var _viewSpec$style;
+  return {
+    style: {
+      colorScheme: continuousColorSchemeSelector({
+        defaultValue: ((_viewSpec$style = viewSpec.style) === null || _viewSpec$style === void 0 ? void 0 : _viewSpec$style.colorScheme) || DEFAULT_HEATMAP_COLOR_SCHEME_ID
+      }),
+      opacity: viewSpec.style.circle ? null : opacitySlider({
+        defaultValue: 1
+      })
+    }
+  };
+}
+
+function metadata(viewSpec, allViewSpecs, context) {
+  var style = viewSpec.style;
+  return resolveAsync.fn(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(ctx) {
+      var _ctx$view$conf;
+      var colorSchemeId, steps;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            colorSchemeId = ((_ctx$view$conf = ctx.view.conf) === null || _ctx$view$conf === void 0 || (_ctx$view$conf = _ctx$view$conf.style) === null || _ctx$view$conf === void 0 ? void 0 : _ctx$view$conf.colorScheme) || style.colorScheme;
+            steps = style.steps.map(function (step, index) {
+              return _objectSpread2(_objectSpread2({}, step), {}, {
+                color: COLOR_SCHEMES[colorSchemeId].scalesByK[style.steps.length][index]
+              });
+            });
+            return _context.abrupt("return", {
+              steps: steps
+            });
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+}
+
+var MAIN_SOURCE_ID = 'main';
+function sources(viewSpec, allViewSpecs, context) {
+  var tiles = viewSpec.tiles;
+  return _defineProperty({}, MAIN_SOURCE_ID, {
+    promoteId: 'id',
+    type: 'vector',
+    tiles: parseTiles(tiles, context)
+  });
+}
+
+var DEFAULT_FILL_OPACITY = 1;
+function _main_heatmap_legends(props, viewSpec, allViewSpecs, context) {
+  var _legends = resolve.fn(function (ctx) {
+    return [{
+      type: 'CategoricalLegend',
+      title: viewSpec.label,
+      items: ctx.view.metadata.steps.map(function (item) {
+        return {
+          id: item.label,
+          label: item.label,
+          color: resolveColor(item.color)
+        };
+      })
+    }];
+  });
+  return _legends;
+}
+function _main_heatmap(props, viewSpec, allViewSpecs, context) {
+  _objectDestructuringEmpty(props);
+  var source_layer = viewSpec.source_layer;
+  var heatmap = resolve.fn(function (ctx) {
+    var _ctx$view;
+    var _confOpacity = (_ctx$view = ctx.view) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.conf) === null || _ctx$view === void 0 || (_ctx$view = _ctx$view.style) === null || _ctx$view === void 0 ? void 0 : _ctx$view.opacity;
+    return _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: MAIN_SOURCE_ID,
+      'source-layer': source_layer,
+      interactive: true,
+      type: 'heatmap',
+      minzoom: viewSpec.style.minzoom || 7
+    }, viewSpec.style.maxzoom ? {
+      maxzoom: viewSpec.style.maxzoom
+    } : {}), {}, {
+      paint: {
+        'heatmap-weight': viewSpec.style.weight || 1,
+        'heatmap-color': ['interpolate', ['linear'], ['heatmap-density'], 0, 'transparent'].concat(_toConsumableArray(ctx.view.metadata.steps.flatMap(function (item) {
+          return [item.step, resolveColor(item.color)];
+        }))),
+        'heatmap-radius': viewSpec.style.radius && Array.isArray(viewSpec.style.radius) ? ['interpolate', ['linear'], ['zoom']].concat(_toConsumableArray(viewSpec.style.radius)) : viewSpec.style.radius || ['interpolate', ['linear'], ['zoom'], 9, 2, 17, 30],
+        'heatmap-opacity': viewSpec.style.circle ? ['interpolate', ['linear'], ['zoom'], 12, 1, 16, 0] : typeof _confOpacity === 'number' ? _confOpacity : viewSpec.style.opacity ? viewSpec.style.opacity : DEFAULT_FILL_OPACITY
+      },
+      legends: _main_heatmap_legends(props, viewSpec)
+    });
+  });
+  return heatmap;
+}
+function _main_circle(props, viewSpec, allViewSpecs, context) {
+  var source_layer = viewSpec.source_layer;
+  var circle = resolve.fn(function (ctx) {
+    var _opacity = viewSpec.style.opacity ? viewSpec.style.opacity : viewSpec.style.opacity || ['interpolate', ['linear'], ['zoom'], 14, 0, 17, 1];
+    return {
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: MAIN_SOURCE_ID,
+      'source-layer': source_layer,
+      type: 'circle',
+      interactive: true,
+      minzoom: 14,
+      paint: {
+        'circle-color': resolveColor(ctx.view.metadata.steps[Math.floor(ctx.view.metadata.steps.length / 2)].color),
+        'circle-stroke-color': '#FFFFFF',
+        'circle-stroke-width': 2,
+        'circle-stroke-opacity': _opacity,
+        'circle-radius': viewSpec.style.radius && Array.isArray(viewSpec.style.radius) ? ['interpolate', ['linear'], ['zoom']].concat(_toConsumableArray(viewSpec.style.radius)) : viewSpec.style.radius || ['interpolate', ['linear'], ['zoom'], 11, 2, 17, 10],
+        'circle-opacity': _opacity
+      }
+    };
+  });
+  return circle;
+}
+function layers(viewSpec, allViewSpecs, context) {
+  var source_layer = viewSpec.source_layer;
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  return _defineProperty(_defineProperty({}, "main_heatmap", _main_heatmap({}, viewSpec)), "main_circle", viewSpec.style.circle && _main_circle({}, viewSpec));
+}
+
+function download(viewSpec, allViewSpecs, context) {
+  return basicDownload({
+    fileName: slugify(viewSpec.label),
+    downloadUrl: interpolate(viewSpec.download_url || "", {
+      METADATA_API_ENDPOINT: context.METADATA_API_ENDPOINT
+    })
+  });
+}
+
+var _excluded$6 = ["style"];
+function vector_heatmap(_ref, allViewSpecs, context) {
+  var style = _ref.style,
+    viewSpec = _objectWithoutProperties(_ref, _excluded$6);
+  viewSpec = _objectSpread2(_objectSpread2({}, viewSpec), {}, {
+    style: parseStyleSpec(style)
+  });
+  return _objectSpread2(_objectSpread2({}, pick(viewSpec, ['id', 'path', 'label', 'sourceLabel', 'metodology', 'shortDescription'])), {}, {
+    confSchema: confSchema(viewSpec),
+    metadata: metadata(viewSpec),
     sources: sources(viewSpec, allViewSpecs, context),
     layers: layers(viewSpec),
     download: download(viewSpec, allViewSpecs, context)
@@ -8160,8 +9196,13 @@ var PRESETS = /*#__PURE__*/Object.freeze({
   cem_censo_2022: cem_censo_2022,
   cem_escolas_2022: cem_escolas_2022,
   cem_saude_2024: cem_saude_2024,
+  raster_categorical: raster_categorical,
   vector_circle: vector_circle,
+  vector_heatmap: vector_heatmap,
   vector_line: vector_line,
+  vector_line_categorical: vector_line_categorical,
+  vector_line_single: vector_line_single,
+  vector_point_categorical: vector_point_categorical,
   vector_point_continuous: vector_point_continuous,
   vector_point_single: vector_point_single,
   vector_polygon: vector_polygon,
@@ -8351,7 +9392,7 @@ var resolveControls = _stageResolver('controls', function (controls, _a) {
   var layerLegends = view.layers ? Object.entries(view.layers).flatMap(function (_a) {
     var layerRelativeId = _a[0],
       layer = _a[1];
-    return layer.hidden || layer.visibility === 'none' ? [] : (layer.legends || []).map(function (legend, index) {
+    return layer.hidden || layer.visibility === 'none' ? [] : (layer.legends || []).filter(Boolean).map(function (legend, index) {
       return __assign(__assign({}, legend), {
         //
         // TODO: review if there is a better approach
@@ -8362,7 +9403,7 @@ var resolveControls = _stageResolver('controls', function (controls, _a) {
     });
   }) : [];
   return __assign(__assign({}, controls || {}), {
-    legends: __spreadArray(__spreadArray([], controls.legends || [], true), layerLegends, true)
+    legends: __spreadArray(__spreadArray([], (controls.legends || []).filter(Boolean), true), layerLegends, true)
   });
 });
 var resolveDownload = _stageResolver('download');
@@ -10000,6 +11041,7 @@ var index = /*#__PURE__*/Object.freeze({
   hand: hand,
   overture_places_poc: overture_places_poc,
   piloto_mobilidade_stops: piloto_mobilidade_stops,
+  raster_categorical: raster_categorical,
   redus_mutirao_cop_2025: redus_mutirao_cop_2025,
   resolveConfSchema: resolveConfSchema,
   resolveControls: resolveControls,
@@ -10011,7 +11053,11 @@ var index = /*#__PURE__*/Object.freeze({
   resolveViewSpecs: resolveViewSpecs,
   temperatura_superficie: temperatura_superficie,
   vector_circle: vector_circle,
+  vector_heatmap: vector_heatmap,
   vector_line: vector_line,
+  vector_line_categorical: vector_line_categorical,
+  vector_line_single: vector_line_single,
+  vector_point_categorical: vector_point_categorical,
   vector_point_continuous: vector_point_continuous,
   vector_point_single: vector_point_single,
   vector_polygon: vector_polygon,