@tmf_ciclica/ciclicastorybook 1.1.21 → 1.1.23

package/dist/index.es.js

@@ -1,2474 +0,0 @@
-import { jsxs as m, jsx as r, Fragment as qe } from "react/jsx-runtime";
-import U, { useState as B, useMemo as te, useEffect as L, useLayoutEffect as Ee, useRef as he } from "react";
-import e from "prop-types";
-import { useTranslation as w, Trans as me } from "react-i18next";
-import { motion as ge } from "framer-motion";
-import { create as Ke } from "zustand";
-import * as ye from "d3";
-import Ue from "mapbox-gl";
-import { useSelector as ce, useDispatch as Te } from "react-redux";
-import Ze, { Source as He, Layer as Ge, NavigationControl as Ye, Popup as We } from "react-map-gl/mapbox";
-import ie from "maplibre-gl";
-import { Protocol as Xe } from "pmtiles";
-import Je, { Source as Qe, Layer as et, NavigationControl as tt, Popup as nt } from "react-map-gl/maplibre";
-import { createSlice as Me } from "@reduxjs/toolkit";
-import it from "@mui/material/Slider";
-import { createTheme as st, Box as ot } from "@mui/material";
-import { ThemeProvider as rt } from "@emotion/react";
-import { NavLink as at } from "react-router-dom";
-const lt = "_ambitSelector_f07c1_2", ct = "_header_f07c1_13", dt = "_nameDateContainer_f07c1_23", pt = "_ambitName_f07c1_39", ut = "_ambitDate_f07c1_48", ht = "_buttonsContainer_f07c1_51", q = {
-  ambitSelector: lt,
-  header: ct,
-  nameDateContainer: dt,
-  ambitName: pt,
-  ambitDate: ut,
-  buttonsContainer: ht
-}, mt = "_ambitItem_1ueih_2", gt = "_ambitNameDate_1ueih_16", bt = "_ambitName_1ueih_16", ft = "_ambitDate_1ueih_35", yt = "_ambitButtons_1ueih_38", H = {
-  ambitItem: mt,
-  ambitNameDate: gt,
-  ambitName: bt,
-  ambitDate: ft,
-  ambitButtons: yt
-}, Ct = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Eliminar'%3e%3ccircle%20id='Ellipse%20220'%20cx='15.5106'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M20.8581%2010.5548H17.5491V10.4015C17.5491%209.17493%2016.6257%208.255%2015.4714%208.255C14.3171%208.255%2013.3167%209.17493%2013.3167%2010.4015V10.5548H10.0846C9.69985%2010.5548%209.46899%2010.7848%209.46899%2011.1681C9.46899%2011.5514%209.69985%2011.7814%2010.0846%2011.7814H10.2385V21.2106C10.2385%2022.3605%2011.162%2023.3571%2012.3932%2023.3571H18.5495C19.7038%2023.3571%2020.7042%2022.4372%2020.7042%2021.2106V11.7047H20.9351C21.2429%2011.7047%2021.5507%2011.4747%2021.5507%2011.0914C21.5507%2010.7081%2021.1659%2010.5548%2020.8581%2010.5548ZM14.471%2010.4015C14.471%209.86488%2014.9327%209.40491%2015.4714%209.40491C16.01%209.40491%2016.3948%209.86488%2016.3948%2010.4015V10.5548H14.471V10.4015ZM16.3948%2018.8342V15.0011C16.3948%2014.6178%2016.6257%2014.3878%2017.0104%2014.3878C17.3952%2014.3878%2017.6261%2014.6178%2017.6261%2015.0011V18.8342C17.6261%2019.1408%2017.3952%2019.4474%2017.0104%2019.4474C16.6257%2019.4474%2016.3948%2019.1408%2016.3948%2018.8342ZM13.3167%2018.8342V15.0011C13.3167%2014.6178%2013.5475%2014.3878%2013.9323%2014.3878C14.3171%2014.3878%2014.5479%2014.6178%2014.5479%2015.0011V18.8342C14.5479%2019.1408%2014.3171%2019.4474%2013.9323%2019.4474C13.5475%2019.4474%2013.3167%2019.1408%2013.3167%2018.8342Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", vt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209259'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.3062'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203973'%3e%3cg%20id='Rectangle%20495'%3e%3cmask%20id='path-2-inside-1_4451_10560'%20fill='white'%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'/%3e%3c/mask%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'%20stroke='%23605B56'%20stroke-width='3'%20mask='url(%23path-2-inside-1_4451_10560)'/%3e%3c/g%3e%3cg%20id='Group%203972'%3e%3crect%20id='Rectangle%20496'%20x='7.2041'%20y='10.9042'%20width='12.8'%20height='12.8'%20rx='1'%20fill='%23605B56'/%3e%3cpath%20id='+'%20d='M16.3785%2018.0509H14.3838V20.0776H12.9331V18.0509H10.9385V16.6749H12.9331V14.6376H14.3838V16.6749H16.3785V18.0509Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Ce = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209260'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M8.20744%208.70422C7.34769%208.70422%206.88873%209.71735%207.45568%2010.3637L13.3518%2017.085C13.5118%2017.2675%2013.6%2017.5018%2013.6%2017.7445V23.2443C13.6%2023.6283%2013.8199%2023.9783%2014.1658%2024.1451L15.9658%2025.0128C16.6297%2025.3329%2017.4%2024.8491%2017.4%2024.112V17.7445C17.4%2017.5018%2017.4882%2017.2675%2017.6482%2017.085L23.5443%2010.3637C24.1113%209.71735%2023.6523%208.70422%2022.7926%208.70422H8.20744Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", _t = "data:image/svg+xml,%3csvg%20width='26'%20height='14'%20viewBox='0%200%2026%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205138'%3e%3cpath%20id='Vector'%20d='M12.95%200.408447C7.659%200.408447%202.84899%202.77185%200.0832465%206.72621C-0.0277488%206.88808%20-0.0277488%207.09621%200.0832465%207.25807C2.84439%2011.2125%207.65437%2013.5712%2012.95%2013.5712C18.2456%2013.5712%2023.0556%2011.2125%2025.8168%207.25807C25.9278%207.0962%2025.9278%206.88807%2025.8168%206.72621C23.051%202.77184%2018.241%200.408447%2012.95%200.408447ZM12.95%2011.2217C10.619%2011.2217%208.71812%209.32083%208.71812%206.98984C8.71812%204.65885%2010.619%202.75796%2012.95%202.75796C15.281%202.75796%2017.1819%204.65883%2017.1819%206.98984C17.1819%209.32085%2015.281%2011.2217%2012.95%2011.2217Z'%20fill='%23B32F5D'/%3e%3cpath%20id='Vector_2'%20d='M12.9514%2010.2966C14.7777%2010.2966%2016.2583%208.81607%2016.2583%206.98974C16.2583%205.1634%2014.7777%203.68286%2012.9514%203.68286C11.1251%203.68286%209.64453%205.1634%209.64453%206.98974C9.64453%208.81607%2011.1251%2010.2966%2012.9514%2010.2966Z'%20fill='%23B32F5D'/%3e%3c/g%3e%3c/svg%3e", xt = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", $e = ({
-  ambit: i,
-  onClickCopy: d,
-  onClickDelete: o,
-  onClickFilters: n,
-  onClickAmbit: t,
-  isBeingProcessed: s,
-  isActive: l,
-  activeColor: a,
-  fontColor: c,
-  moreInfo: p
-}) => {
-  const { name: u, date: h, id: g } = i;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: H.ambitItem,
-      style: { borderBottom: `1px solid ${c}` },
-      children: [
-        /* @__PURE__ */ m("div", { className: H.ambitNameDate, onClick: () => t(g), children: [
-          /* @__PURE__ */ m("div", { className: H.ambitName, children: [
-            /* @__PURE__ */ r(
-              "img",
-              {
-                src: l ? _t : xt
-              }
-            ),
-            /* @__PURE__ */ r("span", { style: { color: l ? a : c }, children: u })
-          ] }),
-          /* @__PURE__ */ r("div", { className: H.ambitDate, children: new Date(h).toLocaleDateString() })
-        ] }),
-        /* @__PURE__ */ m("div", { className: H.ambitButtons, children: [
-          s && /* @__PURE__ */ r("img", { src: Ce }),
-          /* @__PURE__ */ r("button", { onClick: () => n(g), children: /* @__PURE__ */ r("img", { src: Ce }) }),
-          /* @__PURE__ */ r("button", { onClick: () => d(g), children: /* @__PURE__ */ r("img", { src: vt }) }),
-          /* @__PURE__ */ r("button", { onClick: () => o(g), children: /* @__PURE__ */ r("img", { src: Ct }) })
-        ] })
-      ]
-    }
-  );
-};
-$e.propTypes = {
-  ambit: e.shape({
-    name: e.string.isRequired,
-    date: e.string.isRequired,
-    id: e.string.isRequired
-  }).isRequired,
-  onClickCopy: e.func.isRequired,
-  onClickDelete: e.func.isRequired,
-  onClickFilters: e.func.isRequired,
-  onClickAmbit: e.func.isRequired,
-  isBeingProcessed: e.bool,
-  isActive: e.bool,
-  activeColor: e.string,
-  fontColor: e.string,
-  moreInfo: e.object
-  // Optional, can be used for additional info
-};
-const kt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", wt = ({
-  ambitList: i,
-  activeAmbitId: d,
-  fontColor: o = "#605B56",
-  activeColor: n,
-  nameLabel: t,
-  dateLabel: s,
-  onClickCopy: l = (u) => console.log(`Copy ambit: ${u}`),
-  onCLickDelete: a = (u) => console.log(`Delete ambit: ${u}`),
-  onClickFilters: c = (u) => console.log(`Filters clicked: ${u}`),
-  onClickAmbit: p = (u) => console.log(`OnCLickAmbit: ${u}`)
-}) => {
-  const { t: u } = w();
-  return /* @__PURE__ */ m("div", { className: q.ambitSelector, style: { color: o }, children: [
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: q.header,
-        style: { borderBottom: `1px solid ${o}` },
-        children: [
-          /* @__PURE__ */ m("div", { className: q.nameDateContainer, children: [
-            /* @__PURE__ */ r("div", { className: q.ambitName, children: /* @__PURE__ */ r("span", { children: u(t) }) }),
-            /* @__PURE__ */ r("div", { className: q.ambitDate, children: /* @__PURE__ */ r("span", { children: u(s) }) })
-          ] }),
-          /* @__PURE__ */ r("div", { className: q.buttonsContainer })
-        ]
-      }
-    ),
-    i && i.length > 0 && i.map((h) => /* @__PURE__ */ r(
-      $e,
-      {
-        isActive: d == h.id,
-        ambit: h,
-        fontColor: o,
-        activeColor: n,
-        onClickCopy: l,
-        onClickDelete: a,
-        onClickFilters: c,
-        onClickAmbit: p
-      },
-      `ambitKey${h.id}`
-    ))
-  ] });
-};
-wt.propTypes = {
-  ambitList: e.arrayOf(
-    e.shape({
-      name: e.string.isRequired,
-      date: e.string.isRequired,
-      id: e.string.isRequired
-    })
-  ).isRequired,
-  activeAmbitId: e.string,
-  fontColor: e.string,
-  activeColor: e.string,
-  onClickCopy: e.func.isRequired,
-  onCLickDelete: e.func.isRequired,
-  onClickFilters: e.func.isRequired,
-  onClickAmbit: e.func.isRequired
-};
-const Nt = "_buttonsContainer_1audx_2", St = "_vertical_1audx_6", Tt = "_horizontal_1audx_9", Mt = "_button_1audx_2", $t = "_active_1audx_25", Lt = "_buttonName_1audx_28", I = {
-  buttonsContainer: Nt,
-  vertical: St,
-  horizontal: Tt,
-  button: Mt,
-  active: $t,
-  buttonName: Lt
-}, Ft = "_left_19lnt_3", Bt = "_top_19lnt_33", Dt = "_bottom_19lnt_66", At = "_right_19lnt_97", Ot = {
-  left: Ft,
-  top: Bt,
-  bottom: Dt,
-  right: At
-}, Le = ({ text: i, position: d, styleCustom: o = null }) => {
-  const { t: n } = w();
-  return /* @__PURE__ */ r("div", { className: `tooltip ${Ot[d]}`, style: o, children: n(i) });
-};
-Le.propTypes = {
-  text: e.string.isRequired,
-  position: e.oneOf(["top", "bottom", "left", "right"]).isRequired,
-  styleCustom: e.object
-};
-const Rt = ({
-  buttons: i = [],
-  orientation: d = "horizontal",
-  showName: o = !0,
-  namePosition: n = "right",
-  useTooltip: t = !1,
-  tooltipPosition: s = "top"
-}) => {
-  const { t: l } = w();
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: `${I.buttonsContainer} ${d === "vertical" && I.vertical}
-          ${d === "horizontal" && I.horizontal}`,
-      children: i.map((a, c) => {
-        const {
-          icon: p,
-          activeIcon: u,
-          isActive: h,
-          name: g,
-          onClick: b
-        } = a, C = /* @__PURE__ */ m(qe, { children: [
-          o && n === "left" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) }),
-          /* @__PURE__ */ r("img", { src: h ? u : p, alt: l(g) }),
-          o && n === "right" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) })
-        ] });
-        return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-          /* @__PURE__ */ r(
-            "button",
-            {
-              onClick: b,
-              className: `${I.button}
-                ${h && I.active}`,
-              children: C
-            }
-          ),
-          t && /* @__PURE__ */ r(Le, { text: g, position: s })
-        ] }, c);
-      })
-    }
-  );
-};
-Rt.propTypes = {
-  buttons: e.arrayOf(
-    e.shape({
-      icon: e.node.isRequired,
-      activeIcon: e.node,
-      isActive: e.bool,
-      name: e.string,
-      // key de i18n
-      onClick: e.func
-    })
-  ).isRequired,
-  orientation: e.oneOf(["horizontal", "vertical"]),
-  showName: e.bool,
-  namePosition: e.oneOf(["left", "right"]),
-  useTooltip: e.bool,
-  tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
-};
-const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", se = {
-  indicatorsCategory: It,
-  title: zt
-}, j = ({
-  isOpen: i,
-  onClick: d,
-  children: o,
-  color: n,
-  activeColor: t = "#F8A925",
-  title: s = "Title",
-  //Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
-  height: l = 53,
-  //Adjust height if you change fontSize
-  titleFontStyles: a,
-  showBottomBar: c = !0,
-  titleMarginChildren: p = 25
-}) => {
-  const { t: u } = w();
-  return /* @__PURE__ */ m(
-    ge.div,
-    {
-      className: se.indicatorsCategory,
-      initial: { height: `${l}px` },
-      animate: { height: i ? "auto" : `${l}px` },
-      transition: { duration: 0.4 },
-      style: {
-        backgroundColor: "white",
-        borderBottom: i && c ? `1px solid ${t}` : "0px",
-        marginBottom: i ? "20px" : "0px"
-      },
-      children: [
-        /* @__PURE__ */ m(
-          "h2",
-          {
-            style: {
-              ...a,
-              marginBottom: p || "auto"
-            },
-            className: `${se.title}`,
-            onClick: d,
-            children: [
-              /* @__PURE__ */ r("span", { style: { color: i ? t : n }, children: i ? "-" : "+" }),
-              /* @__PURE__ */ r("span", { style: { marginLeft: 12, color: i ? t : n }, children: u(s) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: se.content, children: o })
-      ]
-    }
-  );
-};
-j.propTypes = {
-  isOpen: e.bool,
-  onClick: e.func,
-  children: e.node,
-  color: e.string,
-  activeColor: e.string,
-  title: e.string,
-  height: e.number,
-  showBottomBar: e.bool,
-  titleFontStyles: e.object
-};
-const os = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Vt = "_AppliedFiltersContainer_s8ooe_2", jt = "_AppliedFilterContent_s8ooe_10", ve = {
-  AppliedFiltersContainer: Vt,
-  AppliedFilterContent: jt
-}, T = Ke((i) => ({
-  activeCategory: "",
-  activeSubCategory: "",
-  selectedIndicator: "",
-  tematicalFiltersSelected: [],
-  fontColor: "#605B56",
-  inputsColor: "#605B56"
-})), Fe = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
-  const { t: l } = w(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
-    T.setState((u) => ({
-      tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
-        (h) => h.code !== p
-      )
-    }));
-  };
-  return /* @__PURE__ */ r(
-    j,
-    {
-      isOpen: o,
-      onClick: d,
-      title: i ? l(i) : "Applied Filters",
-      activeColor: s,
-      children: /* @__PURE__ */ r("div", { className: ve.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ m("div", { className: ve.AppliedFilterContent, style: { color: n, background: t }, children: [
-        l(p.name),
-        /* @__PURE__ */ r("img", { src: kt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
-      ] }, u)) })
-    }
-  );
-};
-Fe.propTypes = {
-  isOpen: e.bool,
-  onClick: e.func,
-  title: e.string,
-  textColor: e.string,
-  backgroundColor: e.string,
-  indicators: e.arrayOf(
-    e.shape({
-      title: e.string.isRequired,
-      Codename: e.string.isRequired
-    })
-  ),
-  activeColor: e.string
-};
-const Be = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
-  const { t: l } = w(), { tematicalFiltersSelected: a } = T((c) => c);
-  return /* @__PURE__ */ r(
-    j,
-    {
-      isOpen: o,
-      onClick: d,
-      title: i ? l(i) : "Geographical Filters",
-      activeColor: s,
-      children: "A"
-    }
-  );
-};
-Be.propTypes = {
-  isOpen: e.bool,
-  onClick: e.func,
-  title: e.string,
-  textColor: e.string,
-  backgroundColor: e.string,
-  activeColor: e.string
-};
-const Pt = "_checkboxContainer_zld97_2", qt = {
-  checkboxContainer: Pt
-}, De = ({
-  onClick: i,
-  containerStyles: d,
-  color: o = "#605B56",
-  indicator: n,
-  value: t
-}) => {
-  const { t: s } = w(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      style: { ...d, color: o },
-      role: "checkbox",
-      className: qt.checkboxContainer,
-      onClick: i,
-      children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            type: "checkbox",
-            checked: typeof t == "boolean" ? t : !0,
-            value: t,
-            readOnly: !0,
-            style: {
-              border: `1.5px solid ${t ? c : a}`,
-              backgroundColor: t ? c : "white"
-            }
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: "checkmark", children: s(l) })
-      ]
-    }
-  );
-};
-De.propTypes = {
-  onClick: e.func,
-  value: e.bool,
-  containerStyles: e.object,
-  color: e.string,
-  indicator: e.shape({
-    title: e.string,
-    codename: e.array
-  }),
-  checkedColor: e.string
-};
-function de(i, d) {
-  return de = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, n) {
-    return o.__proto__ = n, o;
-  }, de(i, d);
-}
-function Et(i, d) {
-  i.prototype = Object.create(d.prototype), i.prototype.constructor = i, de(i, d);
-}
-function oe(i) {
-  return i && i.stopPropagation && i.stopPropagation(), i && i.preventDefault && i.preventDefault(), !1;
-}
-function re(i) {
-  return i == null ? [] : Array.isArray(i) ? i.slice() : [i];
-}
-function W(i) {
-  return i !== null && i.length === 1 ? i[0] : i.slice();
-}
-function X(i) {
-  Object.keys(i).forEach((d) => {
-    typeof document < "u" && document.addEventListener(d, i[d], !1);
-  });
-}
-function z(i, d) {
-  return pe(function(o, n) {
-    let t = o;
-    return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
-  }(i, d), d);
-}
-function pe(i, d) {
-  const o = (i - d.min) % d.step;
-  let n = i - o;
-  return 2 * Math.abs(o) >= d.step && (n += o > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
-}
-let ue = function(i) {
-  function d(n) {
-    var t;
-    (t = i.call(this, n) || this).onKeyUp = () => {
-      t.onEnd();
-    }, t.onMouseUp = () => {
-      t.onEnd(t.getMouseEventMap());
-    }, t.onTouchEnd = (a) => {
-      a.preventDefault(), t.onEnd(t.getTouchEventMap());
-    }, t.onBlur = () => {
-      t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
-    }, t.onMouseMove = (a) => {
-      t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), p = t.getDiffPosition(c[0]), u = t.getValueFromPosition(p);
-      t.move(u);
-    }, t.onTouchMove = (a) => {
-      if (a.touches.length > 1) return;
-      t.setState({ pending: !0 });
-      const c = t.getTouchPosition(a);
-      if (t.isScrolling === void 0) {
-        const h = c[0] - t.startPosition[0], g = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(g) > Math.abs(h);
-      }
-      if (t.isScrolling) return void t.setState({ index: -1 });
-      const p = t.getDiffPosition(c[0]), u = t.getValueFromPosition(p);
-      t.move(u);
-    }, t.onKeyDown = (a) => {
-      if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
-        case "ArrowLeft":
-        case "ArrowDown":
-        case "Left":
-        case "Down":
-          a.preventDefault(), t.moveDownByStep();
-          break;
-        case "ArrowRight":
-        case "ArrowUp":
-        case "Right":
-        case "Up":
-          a.preventDefault(), t.moveUpByStep();
-          break;
-        case "Home":
-          a.preventDefault(), t.move(t.props.min);
-          break;
-        case "End":
-          a.preventDefault(), t.move(t.props.max);
-          break;
-        case "PageDown":
-          a.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
-          break;
-        case "PageUp":
-          a.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
-      }
-    }, t.onSliderMouseDown = (a) => {
-      if (!t.props.disabled && a.button !== 2) {
-        if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const c = t.getMousePosition(a);
-          t.forceValueFromPosition(c[0], (p) => {
-            t.start(p, c[0]), X(t.getMouseEventMap());
-          });
-        }
-        oe(a);
-      }
-    }, t.onSliderClick = (a) => {
-      if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const c = t.getMousePosition(a), p = z(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
-        t.props.onSliderClick(p);
-      }
-    }, t.createOnKeyDown = (a) => (c) => {
-      t.props.disabled || (t.start(a), X(t.getKeyDownEventMap()), oe(c));
-    }, t.createOnMouseDown = (a) => (c) => {
-      if (t.props.disabled || c.button === 2) return;
-      t.setState({ pending: !0 });
-      const p = t.getMousePosition(c);
-      t.start(a, p[0]), X(t.getMouseEventMap()), oe(c);
-    }, t.createOnTouchStart = (a) => (c) => {
-      if (t.props.disabled || c.touches.length > 1) return;
-      t.setState({ pending: !0 });
-      const p = t.getTouchPosition(c);
-      t.startPosition = p, t.isScrolling = void 0, t.start(a, p[0]), X(t.getTouchEventMap()), function(u) {
-        u.stopPropagation && u.stopPropagation();
-      }(c);
-    }, t.handleResize = () => {
-      const a = window.setTimeout(() => {
-        t.pendingResizeTimeouts.shift(), t.resize();
-      }, 0);
-      t.pendingResizeTimeouts.push(a);
-    }, t.renderThumb = (a, c) => {
-      const p = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), u = { ref: (g) => {
-        t["thumb" + c] = g;
-      }, key: t.props.thumbClassName + "-" + c, className: p, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: c, value: W(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (u["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(u, h);
-    }, t.renderTrack = (a, c, p) => {
-      const u = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - p) }, h = { index: a, value: W(t.state.value) };
-      return t.props.renderTrack(u, h);
-    };
-    let s = re(n.value);
-    s.length || (s = re(n.defaultValue)), t.pendingResizeTimeouts = [];
-    const l = [];
-    for (let a = 0; a < s.length; a += 1) s[a] = z(s[a], n), l.push(a);
-    return t.resizeObserver = null, t.resizeElementRef = U.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: s, zIndices: l }, t;
-  }
-  Et(d, i);
-  var o = d.prototype;
-  return o.componentDidMount = function() {
-    typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
-  }, d.getDerivedStateFromProps = function(n, t) {
-    const s = re(n.value);
-    return s.length ? t.pending ? null : { value: s.map((l) => z(l, n)) } : null;
-  }, o.componentDidUpdate = function() {
-    this.state.upperBound === 0 && this.resize();
-  }, o.componentWillUnmount = function() {
-    this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
-  }, o.onEnd = function(n) {
-    n && function(t) {
-      Object.keys(t).forEach((s) => {
-        typeof document < "u" && document.removeEventListener(s, t[s], !1);
-      });
-    }(n), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
-  }, o.getValue = function() {
-    return W(this.state.value);
-  }, o.getClosestIndex = function(n) {
-    let t = Number.MAX_VALUE, s = -1;
-    const { value: l } = this.state, a = l.length;
-    for (let c = 0; c < a; c += 1) {
-      const p = this.calcOffset(l[c]), u = Math.abs(n - p);
-      u < t && (t = u, s = c);
-    }
-    return s;
-  }, o.getMousePosition = function(n) {
-    return [n["page" + this.axisKey()], n["page" + this.orthogonalAxisKey()]];
-  }, o.getTouchPosition = function(n) {
-    const t = n.touches[0];
-    return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
-  }, o.getKeyDownEventMap = function() {
-    return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
-  }, o.getMouseEventMap = function() {
-    return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
-  }, o.getTouchEventMap = function() {
-    return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
-  }, o.getValueFromPosition = function(n) {
-    const t = n / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
-    return z(this.state.startValue + t, this.props);
-  }, o.getDiffPosition = function(n) {
-    let t = n - this.state.startPosition;
-    return this.props.invert && (t *= -1), t;
-  }, o.resize = function() {
-    const { slider: n, thumb0: t } = this;
-    if (!n || !t) return;
-    const s = this.sizeKey(), l = n.getBoundingClientRect(), a = n[s], c = l[this.posMaxKey()], p = l[this.posMinKey()], u = t.getBoundingClientRect()[s.replace("client", "").toLowerCase()], h = a - u, g = Math.abs(c - p);
-    this.state.upperBound === h && this.state.sliderLength === g && this.state.thumbSize === u || this.setState({ upperBound: h, sliderLength: g, thumbSize: u });
-  }, o.calcOffset = function(n) {
-    const t = this.props.max - this.props.min;
-    return t === 0 ? 0 : (n - this.props.min) / t * this.state.upperBound;
-  }, o.calcValue = function(n) {
-    return n / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
-  }, o.calcOffsetFromPosition = function(n) {
-    const { slider: t } = this, s = t.getBoundingClientRect(), l = s[this.posMaxKey()], a = s[this.posMinKey()];
-    let c = n - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
-    return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
-  }, o.forceValueFromPosition = function(n, t) {
-    const s = this.calcOffsetFromPosition(n), l = this.getClosestIndex(s), a = z(this.calcValue(s), this.props), c = this.state.value.slice();
-    c[l] = a;
-    for (let p = 0; p < c.length - 1; p += 1) if (c[p + 1] - c[p] < this.props.minDistance) return;
-    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
-      t(l), this.fireChangeEvent("onChange");
-    });
-  }, o.clearPendingResizeTimeouts = function() {
-    do {
-      const n = this.pendingResizeTimeouts.shift();
-      clearTimeout(n);
-    } while (this.pendingResizeTimeouts.length);
-  }, o.start = function(n, t) {
-    const s = this["thumb" + n];
-    s && s.focus();
-    const { zIndices: l } = this.state;
-    l.splice(l.indexOf(n), 1), l.push(n), this.setState((a) => ({ startValue: a.value[n], startPosition: t !== void 0 ? t : a.startPosition, index: n, zIndices: l }));
-  }, o.moveUpByStep = function(n) {
-    n === void 0 && (n = this.props.step);
-    const t = this.state.value[this.state.index], s = z(this.props.invert && this.props.orientation === "horizontal" ? t - n : t + n, this.props);
-    this.move(Math.min(s, this.props.max));
-  }, o.moveDownByStep = function(n) {
-    n === void 0 && (n = this.props.step);
-    const t = this.state.value[this.state.index], s = z(this.props.invert && this.props.orientation === "horizontal" ? t + n : t - n, this.props);
-    this.move(Math.max(s, this.props.min));
-  }, o.move = function(n) {
-    const t = this.state.value.slice(), { index: s } = this.state, { length: l } = t, a = t[s];
-    if (n === a) return;
-    this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: p, min: u, minDistance: h } = this.props;
-    if (!c) {
-      if (s > 0) {
-        const g = t[s - 1];
-        n < g + h && (n = g + h);
-      }
-      if (s < l - 1) {
-        const g = t[s + 1];
-        n > g - h && (n = g - h);
-      }
-    }
-    t[s] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, h, s), function(g, b, C, f) {
-      for (let v = 0; v < g; v += 1) {
-        const y = f - v * C;
-        b[g - 1 - v] > y && (b[g - 1 - v] = y);
-      }
-    }(l, t, h, p)) : n < a && (this.pushPreceding(t, h, s), function(g, b, C, f) {
-      for (let v = 0; v < g; v += 1) {
-        const y = f + v * C;
-        b[v] < y && (b[v] = y);
-      }
-    }(l, t, h, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
-  }, o.pushSucceeding = function(n, t, s) {
-    let l, a;
-    for (l = s, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = pe(a, this.props);
-  }, o.pushPreceding = function(n, t, s) {
-    for (let l = s, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = pe(a, this.props);
-  }, o.axisKey = function() {
-    return this.props.orientation === "vertical" ? "Y" : "X";
-  }, o.orthogonalAxisKey = function() {
-    return this.props.orientation === "vertical" ? "X" : "Y";
-  }, o.posMinKey = function() {
-    return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
-  }, o.posMaxKey = function() {
-    return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
-  }, o.sizeKey = function() {
-    return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
-  }, o.fireChangeEvent = function(n) {
-    this.props[n] && this.props[n](W(this.state.value), this.state.index);
-  }, o.buildThumbStyle = function(n, t) {
-    const s = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
-    return s[this.posMinKey()] = n + "px", s;
-  }, o.buildTrackStyle = function(n, t) {
-    const s = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
-    return s[this.posMinKey()] = n, s[this.posMaxKey()] = t, s;
-  }, o.buildMarkStyle = function(n) {
-    var t;
-    return (t = { position: "absolute" })[this.posMinKey()] = n, t;
-  }, o.renderThumbs = function(n) {
-    const { length: t } = n, s = [];
-    for (let a = 0; a < t; a += 1) s[a] = this.buildThumbStyle(n[a], a);
-    const l = [];
-    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(s[a], a);
-    return l;
-  }, o.renderTracks = function(n) {
-    const t = [], s = n.length - 1;
-    t.push(this.renderTrack(0, 0, n[0]));
-    for (let l = 0; l < s; l += 1) t.push(this.renderTrack(l + 1, n[l], n[l + 1]));
-    return t.push(this.renderTrack(s + 1, n[s], this.state.upperBound)), t;
-  }, o.renderMarks = function() {
-    let { marks: n } = this.props;
-    const t = this.props.max - this.props.min + 1;
-    return typeof n == "boolean" ? n = Array.from({ length: t }).map((s, l) => l) : typeof n == "number" && (n = Array.from({ length: t }).map((s, l) => l).filter((s) => s % n == 0)), n.map(parseFloat).sort((s, l) => s - l).map((s) => {
-      const l = this.calcOffset(s), a = { key: s, className: this.props.markClassName, style: this.buildMarkStyle(l) };
-      return this.props.renderMark(a);
-    });
-  }, o.render = function() {
-    const n = [], { value: t } = this.state, s = t.length;
-    for (let p = 0; p < s; p += 1) n[p] = this.calcOffset(t[p], p);
-    const l = this.props.withTracks ? this.renderTracks(n) : null, a = this.renderThumbs(n), c = this.props.marks ? this.renderMarks() : null;
-    return U.createElement("div", { ref: (p) => {
-      this.slider = p, this.resizeElementRef.current = p;
-    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
-  }, d;
-}(U.Component);
-ue.displayName = "ReactSlider", ue.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (i) => U.createElement("div", i), renderTrack: (i) => U.createElement("div", i), renderMark: (i) => U.createElement("span", i) };
-var Kt = ue;
-const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_12", Gt = "_thumb_15vgv_18", Yt = "_track_15vgv_27", Wt = "_labels_15vgv_33", E = {
-  container: Ut,
-  unitLabel: Zt,
-  slider: Ht,
-  thumb: Gt,
-  track: Yt,
-  labels: Wt
-}, Ae = ({
-  min: i = 0,
-  max: d = 100,
-  step: o = 1,
-  onChange: n,
-  width: t = 300,
-  unit: s,
-  fontColor: l = "#605B56",
-  value: a = [i, d]
-}) => {
-  const { t: c } = w(), p = (u) => {
-    n == null || n({ min: u[0], max: u[1] });
-  };
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: E.container,
-      style: { width: `${t}px`, color: `${l}` },
-      children: [
-        /* @__PURE__ */ r("div", { className: E.unitLabel, children: /* @__PURE__ */ r("span", { children: c(s) }) }),
-        /* @__PURE__ */ r(
-          Kt,
-          {
-            className: E.slider,
-            thumbClassName: E.thumb,
-            trackClassName: E.track,
-            min: i,
-            max: d,
-            step: o,
-            value: a,
-            onChange: p,
-            withTracks: !0,
-            pearling: !0,
-            minDistance: 1
-          }
-        ),
-        /* @__PURE__ */ m("div", { className: E.labels, children: [
-          /* @__PURE__ */ r("span", { children: a[0] }),
-          /* @__PURE__ */ r("span", { children: a[1] })
-        ] })
-      ]
-    }
-  );
-};
-Ae.propTypes = {
-  min: e.number,
-  max: e.number,
-  step: e.number,
-  initialMin: e.number,
-  initialMax: e.number,
-  onChange: e.func,
-  width: e.number,
-  unit: e.string,
-  fontColor: e.string,
-  value: e.arrayOf(e.number)
-};
-const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_1vm1r_2", Qt = "_checkboxContainer_1vm1r_28", en = "_absoluteSliderContainer_1vm1r_37", J = {
-  tematicalFiltersInputContainer: Xt,
-  inputTypeContainer: Jt,
-  checkboxContainer: Qt,
-  absoluteSliderContainer: en
-}, be = ({
-  indicator: i,
-  //onChangeBothType
-  activeColor: d
-}) => {
-  const [o, n] = B(), {
-    type: t,
-    name: s,
-    values: l,
-    minValue: a,
-    maxValue: c,
-    unit: p
-  } = i || {}, u = te(
-    () => t == "cat" || o == "cat",
-    [o, t]
-  ), h = te(
-    () => t == "abs" || o == "abs",
-    [o, t]
-  ), {
-    tematicalFiltersSelected: g,
-    selectedIndicator: b,
-    fontColor: C,
-    inputsColor: f
-  } = T((x) => x), v = (x) => {
-    if (x) {
-      const { min: k, max: _, valueClicked: N, allValues: D } = x || {}, { code: A, type: ne } = i || {}, Z = h ? "abs" : u ? "cat" : "both";
-      let O = A[0];
-      ne == "both" && (O = Z == "cat" ? A[1] : A[0]), Z == "cat" ? T.setState((P) => {
-        let R = P.tematicalFiltersSelected.find(
-          ($) => $.code === O
-        );
-        if (R) {
-          let $ = [R.values];
-          if (R.values.includes(N)) {
-            if ($ = R.values.filter(
-              (F) => F !== N
-            ), $.length < 1)
-              return {
-                tematicalFiltersSelected: P.tematicalFiltersSelected.filter(
-                  (F) => F.code !== O
-                )
-              };
-          } else
-            $ = [...R.values, N];
-          return {
-            tematicalFiltersSelected: P.tematicalFiltersSelected.map(
-              (F) => F.code === O ? { ...F, values: $ } : F
-            )
-          };
-        } else {
-          console.log("entra aqui: ", D, " ", N);
-          let $ = D.map((F, Pe) => Pe);
-          return {
-            tematicalFiltersSelected: [
-              ...g,
-              {
-                type: "cat",
-                code: O,
-                values: $.filter((F) => F !== N),
-                name: i.name
-              }
-            ]
-          };
-        }
-      }) : Z == "abs" && T.setState((P) => {
-        let R = P.tematicalFiltersSelected.find(
-          ($) => $.code === O
-        );
-        if (R) {
-          let $ = { ...R };
-          return $.min = k, $.max = _, {
-            tematicalFiltersSelected: P.tematicalFiltersSelected.map(
-              (F) => F.code === O ? $ : F
-            )
-          };
-        } else
-          return {
-            tematicalFiltersSelected: [
-              ...g,
-              { type: "abs", code: O, min: k, max: _ }
-            ]
-          };
-      });
-    }
-  }, y = te(() => {
-    const x = {};
-    if ((g == null ? void 0 : g.length) > 0)
-      for (const k of g)
-        k.type === "cat" ? x[k.code] = new Set(k.values) : x[k.code] = [k.min, k.max];
-    return x;
-  }, [g]);
-  return /* @__PURE__ */ r("div", { className: J.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
-    j,
-    {
-      titleFontStyles: { fontSize: 16, fontWeight: 400 },
-      title: s,
-      isOpen: b == `id${s}`,
-      onClick: () => T.setState(() => ({
-        selectedIndicator: b == `id${s}` ? "" : `id${s}`
-      })),
-      showBottomBar: !1,
-      height: 38,
-      titleMarginChildren: 14,
-      className: "tematicalFiltersInputContainer",
-      color: C,
-      activeColor: d,
-      children: [
-        t == "both" && /* @__PURE__ */ m(
-          "div",
-          {
-            className: J.inputTypeContainer,
-            style: { color: C },
-            children: [
-              /* @__PURE__ */ m("label", { children: [
-                /* @__PURE__ */ r(
-                  "input",
-                  {
-                    type: "radio",
-                    name: "tipo",
-                    value: "abs",
-                    onChange: () => {
-                      n("abs");
-                    },
-                    style: {
-                      marginRight: 4,
-                      backgroundColor: o == "abs" ? f : "white",
-                      border: `1.5px solid ${o == "abs" ? f : C}`
-                    }
-                  }
-                ),
-                "Absoluto"
-              ] }),
-              /* @__PURE__ */ m("label", { children: [
-                /* @__PURE__ */ r(
-                  "input",
-                  {
-                    type: "radio",
-                    name: "tipo",
-                    value: "cat",
-                    onChange: () => {
-                      n("cat");
-                    },
-                    style: {
-                      marginRight: 4,
-                      backgroundColor: o == "cat" ? f : "white",
-                      border: `1.5px solid ${o == "cat" ? f : C}`
-                    }
-                  }
-                ),
-                "Categórico"
-              ] })
-            ]
-          }
-        ),
-        u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x, k) => {
-          var _;
-          return /* @__PURE__ */ r(
-            De,
-            {
-              onClick: () => v({ valueClicked: k, allValues: l }),
-              indicator: x,
-              value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(k)) || !y[i.code[t == "both" ? 1 : 0]]
-            },
-            `checkbox-${k}`
-          );
-        }) }),
-        h && /* @__PURE__ */ r("div", { className: J.absoluteSliderContainer, children: /* @__PURE__ */ r(
-          Ae,
-          {
-            onChange: v,
-            min: a,
-            max: c,
-            unit: p,
-            value: y[i.code[0]]
-          }
-        ) })
-      ]
-    }
-  ) });
-};
-be.propTypes = {
-  indicator: e.shape({
-    name: e.string,
-    type: e.string,
-    code: e.arrayOf(e.string),
-    values: e.arrayOf(
-      e.shape({
-        codename: e.oneOfType(e.array, e.string),
-        title: e.string
-      })
-    )
-  }),
-  activeColor: e.string
-  //onChangeBothType: PropTypes.func,
-};
-const Oe = ({
-  subcategory: i,
-  fontColor: d,
-  activeColor: o
-  //onChangeBothType,
-}) => {
-  const { activeSubcategory: n } = T((l) => l), { name: t, indicators: s } = i || {};
-  return /* @__PURE__ */ r(
-    j,
-    {
-      title: t,
-      isOpen: n == `id${t}`,
-      onClick: () => {
-        T.setState((l) => ({
-          activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
-        }));
-      },
-      titleFontStyles: { fontSize: 16, fontWeight: 400 },
-      showBottomBar: !1,
-      titleMarginChildren: 20,
-      height: 49,
-      color: d,
-      activeColor: o,
-      children: s == null ? void 0 : s.map((l, a) => /* @__PURE__ */ r(
-        be,
-        {
-          indicator: l,
-          fontColor: d
-        },
-        `indicatorSub-${a}`
-      ))
-    }
-  );
-};
-Oe.propTypes = {
-  subcategory: e.shape({
-    name: e.string,
-    indicators: e.arrayOf(
-      e.shape({
-        name: e.string,
-        value: e.string
-      })
-    )
-  }),
-  activeColor: e.string
-  //onChangeBothType: PropTypes.func,
-};
-const Re = ({
-  category: i,
-  //  onChangeBothType,
-  activeColor: d
-}) => {
-  const { name: o, subcategories: n, indicators: t } = i || {}, { activeCategory: s, fontColor: l } = T((a) => a);
-  return i && /* @__PURE__ */ r(
-    j,
-    {
-      onClick: () => {
-        T.setState((a) => ({
-          activeCategory: s === `id${o}` ? "" : `id${o}`
-        }));
-      },
-      title: o,
-      isOpen: s === `id${o}`,
-      titleFontStyles: { fontSize: 18, fontWeight: "bold" },
-      showBottomBar: !1,
-      color: l,
-      activeColor: d,
-      children: n ? n.map((a, c) => /* @__PURE__ */ r(
-        Oe,
-        {
-          subcategory: a,
-          fontColor: l,
-          activeColor: d
-        },
-        `subcategory-${c}`
-      )) : t && t.map((a, c) => /* @__PURE__ */ r(
-        be,
-        {
-          indicator: a,
-          fontColor: l,
-          activeColor: d
-        },
-        `indicator-${c}`
-      ))
-    }
-  );
-};
-Re.propTypes = {
-  category: e.shape({
-    name: e.string.isRequired,
-    subcategories: e.array,
-    indicators: e.array
-  }),
-  activeColor: e.string
-  //onChangeBothType: PropTypes.func,
-};
-const Ie = ({
-  indicators: i,
-  isOpen: d = !0,
-  title: o,
-  fontColor: n = "#605B56",
-  //The color of the slider and the checkbox when is checked
-  inputsColor: t = "#605B56",
-  activeColor: s
-}) => {
-  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = w();
-  return L(() => {
-    console.log("filtersSelected changed: ", l);
-  }, [l]), L(() => {
-    n && T.setState(() => ({ fontColor: n }));
-  }, [n]), L(() => {
-    t && T.setState(() => ({ inputsColor: t }));
-  }, [t]), /* @__PURE__ */ r(
-    j,
-    {
-      isOpen: d,
-      title: o ? a(o) : "Tematical filters",
-      color: n,
-      activeColor: s,
-      children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */ r(
-        Re,
-        {
-          category: c,
-          fontColor: n,
-          activeColor: s
-        },
-        `category-${p}`
-      ))
-    }
-  );
-};
-Ie.propTypes = {
-  isOpen: e.bool,
-  title: e.string,
-  indicators: e.arrayOf(e.object),
-  fontColor: e.string,
-  onChangeTematicalFilters: e.func,
-  inputsColor: e.string,
-  activeColor: e.string
-};
-const tn = "_FiltersAmbitContainer_6o4gt_2", nn = "_FiltersAmbitHeader_6o4gt_7", sn = "_FiltersAmbitTitle_6o4gt_15", on = "_FiltersAmbitDescription_6o4gt_22", rn = "_FiltersAmbitDescriptionTitle_6o4gt_33", G = {
-  FiltersAmbitContainer: tn,
-  FiltersAmbitHeader: nn,
-  FiltersAmbitTitle: sn,
-  FiltersAmbitDescription: on,
-  FiltersAmbitDescriptionTitle: rn
-}, an = ({
-  ambitName: i,
-  ambitDescription: d,
-  defaultFilters: o,
-  indicators: n,
-  activeColor: t,
-  textColor: s,
-  backgroundColor: l,
-  onChangeAppliedFilters: a,
-  saveAmbit: c
-}) => {
-  const { t: p } = w(), { tematicalFiltersSelected: u } = T((h) => h);
-  return L(() => {
-    o && o.length > 0 && T.setState((h) => ({
-      tematicalFiltersSelected: o
-    }));
-  }, [o]), L(() => {
-    console.log("filtersSelected changed: ", u), a(u);
-  }, [u]), /* @__PURE__ */ m("div", { className: G.FiltersAmbitContainer, children: [
-    /* @__PURE__ */ m("div", { className: G.FiltersAmbitHeader, children: [
-      /* @__PURE__ */ r("div", { className: G.FiltersAmbitTitle, children: i }),
-      /* @__PURE__ */ m("div", { className: G.FiltersAmbitDescription, children: [
-        /* @__PURE__ */ r("div", { className: G.FiltersAmbitDescriptionTitle, children: p("description") }),
-        d
-      ] })
-    ] }),
-    /* @__PURE__ */ r(
-      Fe,
-      {
-        title: p("applied_filters"),
-        isOpen: !0,
-        textColor: s || "#fff",
-        backgroundColor: l || "#605B5680",
-        activeColor: t
-      }
-    ),
-    /* @__PURE__ */ r(Be, { activeColor: t }),
-    /* @__PURE__ */ r(
-      Ie,
-      {
-        indicators: n,
-        inputsColor: t,
-        textColor: s,
-        title: "tematical_filters",
-        activeColor: t
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: "butonContainer", children: /* @__PURE__ */ r("button", { className: "mainButton", onClick: () => c, children: p("guardar_ambit") }) })
-  ] });
-};
-an.propTypes = {
-  indicators: e.arrayOf(e.object).isRequired,
-  ambitName: e.string,
-  ambitDescription: e.string,
-  defaultFilters: e.arrayOf(e.object),
-  activeColor: e.string,
-  backgroundColor: e.string,
-  textColor: e.string,
-  onChangeAppliedFilters: e.func,
-  saveAmbit: e.func
-};
-const ln = "_barChartContainer_d2f1z_2", cn = {
-  barChartContainer: ln
-}, ze = ({
-  data: i,
-  width: d = 700,
-  barHeight: o = 25,
-  gap: n = 23,
-  fontColor: t = "#605B56",
-  verticalPaddign: s = 10,
-  horizontalPaddign: l = 20,
-  leftPadding: a = 200,
-  numberOfDivisions: c = 7,
-  maxValue: p = null
-}) => {
-  const { t: u } = w(), { xScale: h, ticks: g, height: b } = te(() => {
-    if (i && i.length > 0) {
-      const C = (i == null ? void 0 : i.length) * (o + n) + s * 2, f = ye.max(i, (x) => x.value) || 1, v = ye.scaleLinear().domain([0, p || f]).range([0, d - a]), y = Array.from({ length: c + 1 }, (x, k) => p ? p / c * k : f / c * k);
-      return {
-        xScale: v,
-        ticks: y,
-        height: C,
-        width: d,
-        verticalPaddign: s,
-        horizontalPaddign: l
-      };
-    } else
-      return { xScale: null, ticks: [], height: 0 };
-  }, [
-    i,
-    d,
-    c,
-    o,
-    n,
-    l,
-    s,
-    p
-  ]);
-  return /* @__PURE__ */ r("div", { className: cn.barChartContainer, children: /* @__PURE__ */ r("svg", { width: d + l * 2, height: b, children: /* @__PURE__ */ m("g", { transform: `translate(0,${n})`, children: [
-    /* @__PURE__ */ r("g", { transform: `translate(${a + l}, 0)`, children: g.map((C, f) => {
-      const v = h(C);
-      return /* @__PURE__ */ m("g", { transform: `translate(${v}, 0)`, children: [
-        /* @__PURE__ */ r(
-          "line",
-          {
-            y1: 0,
-            y2: b - n * 2,
-            stroke: "#ccc"
-          }
-        ),
-        /* @__PURE__ */ r(
-          "text",
-          {
-            y: b - n,
-            textAnchor: "middle",
-            fontSize: 10,
-            fill: t,
-            children: parseInt(C)
-          }
-        )
-      ] }, f);
-    }) }),
-    i && i.length > 0 && (i == null ? void 0 : i.map((C, f) => {
-      const v = h(C.value), y = f * (o + n);
-      return /* @__PURE__ */ m(
-        "g",
-        {
-          transform: `translate(${a + l}, ${y})`,
-          children: [
-            /* @__PURE__ */ r(
-              "text",
-              {
-                x: -24,
-                y: o / 2 + 5,
-                textAnchor: "end",
-                fill: t,
-                children: u(C.title)
-              }
-            ),
-            /* @__PURE__ */ r(
-              "rect",
-              {
-                width: v,
-                height: o,
-                fill: C.color,
-                rx: 0
-              }
-            )
-          ]
-        },
-        f
-      );
-    }))
-  ] }) }) });
-};
-ze.propTypes = {
-  data: e.arrayOf(
-    e.shape({
-      title: e.string,
-      value: e.number,
-      color: e.string
-    })
-  ),
-  width: e.number,
-  barHeight: e.number,
-  gap: e.number,
-  verticalPaddign: e.number,
-  horizontalPaddign: e.number,
-  numberOfDivisions: e.number,
-  fontColor: e.string
-};
-const dn = "_graphicContainer_c9zrg_2", pn = "_titleContainer_c9zrg_14", _e = {
-  graphicContainer: dn,
-  titleContainer: pn
-}, un = ({
-  data: i,
-  graphWidth: d = 700,
-  containerStyle: o,
-  borderColor: n = "#605B56",
-  title: t = "Graphic Title",
-  fontColor: s = "#605B56",
-  maxValue: l = null,
-  numberOfDivisions: a = 7,
-  leftPadding: c = 200
-}) => {
-  const { t: p } = w();
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: _e.graphicContainer,
-      style: {
-        ...o || {},
-        border: `1.5px solid ${n}`
-      },
-      children: [
-        /* @__PURE__ */ r("div", { className: _e.titleContainer, children: /* @__PURE__ */ r("h2", { children: p(t) }) }),
-        /* @__PURE__ */ r(
-          ze,
-          {
-            data: i,
-            width: d,
-            fontColor: s,
-            maxValue: l,
-            numberOfDivisions: a,
-            leftPadding: c
-          }
-        )
-      ]
-    }
-  );
-};
-un.propTypes = {
-  data: e.arrayOf(
-    e.shape({
-      color: e.string.isRequired,
-      value: e.number.isRequired,
-      title: e.string.isRequired
-    })
-  ),
-  borderColor: e.string,
-  title: e.string,
-  graphWidth: e.number,
-  containerStyle: e.object,
-  fontColor: e.string,
-  maxValue: e.number,
-  numberOfDivisions: e.number,
-  leftPadding: e.number
-};
-const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu33_11", ae = {
-  indicatorsCategory: hn,
-  title: mn,
-  list: gn
-}, bn = "_indicatorContainer_lw8gx_2", fn = "_indicatorNameContainer_lw8gx_11", yn = "_dot_lw8gx_20", Cn = "_indicatorName_lw8gx_11", vn = "_switchExternalContainer_lw8gx_31", _n = "_switchType_lw8gx_40", xn = "_switchTypeOptions_lw8gx_44", kn = "_optionContainer_lw8gx_55", wn = "_customRadious_lw8gx_65", Nn = "_optionText_lw8gx_72", S = {
-  indicatorContainer: bn,
-  indicatorNameContainer: fn,
-  dot: yn,
-  indicatorName: Cn,
-  switchExternalContainer: vn,
-  switchType: _n,
-  switchTypeOptions: xn,
-  optionContainer: kn,
-  customRadious: wn,
-  optionText: Nn
-}, fe = ({
-  indicator: i,
-  values: d = [],
-  activeColor: o,
-  defaultColor: n = "#92898A",
-  activeIndicator: t,
-  activeIndicatorType: s,
-  onClickIndicator: l,
-  multiple: a = !1,
-  onChangeType: c
-}) => {
-  const { t: p } = w(), { name: u, type: h } = i, [g, b] = B(!1);
-  L(() => {
-    t && b(
-      a ? t.some(
-        (v) => v.name == String(u)
-      ) : t.name == u
-    );
-  }, [t]);
-  const C = () => /* @__PURE__ */ r("div", { className: S.switchExternalContainer, children: /* @__PURE__ */ r("div", { className: S.switchType, children: /* @__PURE__ */ m("div", { className: S.switchTypeOptions, children: [
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: S.optionContainer,
-        onClick: () => c("cat"),
-        children: [
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: `${S.customRadious}`,
-              style: {
-                backgroundColor: s === "cat" ? o : "transparent",
-                borderColor: s === "cat" ? o : n
-              }
-            }
-          ),
-          /* @__PURE__ */ r(
-            "h4",
-            {
-              className: S.optionText,
-              style: {
-                color: s === "cat" ? o : n
-              },
-              children: p("indicators.cat")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: S.optionContainer,
-        onClick: () => c("abs"),
-        children: [
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: `${S.customRadious}`,
-              style: {
-                backgroundColor: s === "abs" ? o : "transparent",
-                borderColor: s === "abs" ? o : n
-              }
-            }
-          ),
-          /* @__PURE__ */ r(
-            "h4",
-            {
-              className: S.optionText,
-              style: {
-                color: s === "abs" ? o : n
-              },
-              children: p("indicators.abs")
-            }
-          )
-        ]
-      }
-    )
-  ] }) }) }), f = () => /* @__PURE__ */ r("div", { className: S.switchExternalContainer, children: /* @__PURE__ */ r("div", { className: S.switchType, children: /* @__PURE__ */ r("div", { className: S.switchTypeOptions, children: d.map((v, y) => /* @__PURE__ */ m(
-    "div",
-    {
-      className: S.optionContainer,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: S.customRadious
-          }
-        ),
-        /* @__PURE__ */ r("h4", { children: p(v.unit) })
-      ]
-    },
-    y
-  )) }) }) });
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: S.indicatorContainer,
-      children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: S.indicatorNameContainer,
-            onClick: () => l({ indicator: i }),
-            children: [
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  style: {
-                    border: g ? `1px solid ${o}` : `1px solid ${n}`
-                  },
-                  className: S.dot
-                }
-              ),
-              /* @__PURE__ */ r(
-                "h4",
-                {
-                  className: S.indicatorName,
-                  style: { color: g ? o : n },
-                  children: /* @__PURE__ */ r(me, { i18nKey: u, components: { sup: /* @__PURE__ */ r("sup", {}) } })
-                }
-              )
-            ]
-          }
-        ),
-        (t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */ r("div", { children: C() }),
-        (t == null ? void 0 : t.name) === u && h === "twoUnits" && /* @__PURE__ */ r("div", { children: f() })
-      ]
-    }
-  );
-};
-fe.propTypes = {
-  indicator: e.shape({
-    name: e.string,
-    type: e.string
-  }),
-  values: e.oneOfType([e.bool, e.array]),
-  activeColor: e.string,
-  defaultColor: e.string,
-  activeIndicator: e.oneOfType([e.object, e.array]),
-  multiple: e.bool,
-  onClickIndicator: e.func
-};
-const Sn = "_indicatorsSubCategory_1dzsi_2", Tn = "_list_1dzsi_8", xe = {
-  indicatorsSubCategory: Sn,
-  list: Tn
-}, Ve = ({
-  subcName: i,
-  indicators: d,
-  defaultColor: o,
-  activeColor: n,
-  activeSubCategory: t,
-  onClickSubCategory: s,
-  id: l,
-  activeIndicator: a,
-  onClickIndicator: c,
-  multiple: p,
-  activeIndicatorType: u,
-  onChangeType: h
-}) => {
-  const { t: g } = w(), [b, C] = B(!1);
-  return L(() => {
-    C(t == l);
-  }, [t, l]), /* @__PURE__ */ m(
-    ge.div,
-    {
-      className: xe.indicatorsSubCategory,
-      initial: { height: "43px" },
-      animate: { height: b ? "auto" : "43px" },
-      transition: { duration: 0.4 },
-      children: [
-        /* @__PURE__ */ r("button", { onClick: () => s(l), children: /* @__PURE__ */ m("h3", { style: { color: b ? n : o }, children: [
-          /* @__PURE__ */ r("span", { style: { color: b ? n : o }, children: b ? "-" : "+" }),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              style: { marginLeft: 12, color: b ? n : o },
-              children: g(i)
-            }
-          )
-        ] }) }),
-        d && /* @__PURE__ */ r("div", { className: xe.list, children: d == null ? void 0 : d.map((f, v) => /* @__PURE__ */ r(
-          fe,
-          {
-            indicator: f,
-            defaultColor: o,
-            activeColor: n,
-            activeIndicator: a,
-            onClickIndicator: c,
-            multiple: p,
-            activeIndicatorType: u,
-            onChangeType: h
-          },
-          "indicator" + v
-        )) })
-      ]
-    }
-  );
-};
-Ve.propTypes = {
-  subcName: e.string,
-  indicators: e.array,
-  activeColor: e.string,
-  defaultColor: e.string,
-  activeSubCategory: e.string,
-  id: e.string,
-  activeIndicator: e.oneOfType([e.object, e.array]),
-  multiple: e.bool,
-  onClickSubCategory: e.func,
-  onClickIndicator: e.func
-};
-const je = ({
-  cat: i,
-  id: d,
-  activeColor: o,
-  defaultColor: n,
-  onClickCategory: t,
-  activeCategory: s,
-  activeSubCategory: l,
-  onClickSubCategory: a,
-  activeIndicator: c,
-  onClickIndicator: p,
-  multiple: u,
-  activeIndicatorType: h,
-  onChangeType: g
-}) => {
-  var v;
-  const { t: b } = w(), [C, f] = B(!1);
-  return L(() => {
-    f(s === d);
-  }, [s, d]), /* @__PURE__ */ m(
-    ge.div,
-    {
-      className: ae.indicatorsCategory,
-      initial: { height: "53px" },
-      animate: { height: C ? "auto" : "53px" },
-      transition: { duration: 0.4 },
-      style: {
-        backgroundColor: "white",
-        borderBottom: C ? `1px solid ${o}` : "0px",
-        marginBottom: C ? "20px" : "0px"
-      },
-      children: [
-        /* @__PURE__ */ m("h2", { className: `${ae.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ r("span", { style: { color: C ? o : n }, children: C ? "-" : "+" }),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              style: { marginLeft: 12, color: C ? o : n },
-              children: b(i.name)
-            }
-          )
-        ] }),
-        i.subcategories ? i.subcategories.map(
-          ({ name: y, subcategory: x, indicators: k }, _) => /* @__PURE__ */ r(
-            Ve,
-            {
-              id: x,
-              activeSubCategory: l,
-              subcName: y,
-              onClickSubCategory: a,
-              activeIndicator: c,
-              onClickIndicator: p,
-              multiple: u,
-              activeColor: o,
-              defaultColor: n,
-              indicators: k,
-              activeIndicatorType: h,
-              onChangeType: g
-            },
-            `subcKey ${_}`
-          )
-        ) : /* @__PURE__ */ r("div", { className: ae.list, children: (v = i.indicators) == null ? void 0 : v.map((y, x) => /* @__PURE__ */ r(
-          fe,
-          {
-            indicator: y,
-            values: y.type == "twoUnits" && y.values,
-            activeColor: o,
-            defaultColor: n,
-            activeIndicator: c,
-            onClickIndicator: p,
-            multiple: u,
-            activeIndicatorType: h,
-            onChangeType: g
-          },
-          `indicator${x}`
-        )) })
-      ]
-    }
-  );
-};
-je.propTypes = {
-  cat: e.object,
-  id: e.string,
-  onChange: e.func,
-  onClickCategory: e.func,
-  activeCategory: e.string,
-  activeSubCategory: e.string,
-  onClickSubCategory: e.func,
-  onClickIndicator: e.func,
-  activeIndicator: e.oneOfType([e.object, e.array]),
-  multiple: e.bool,
-  activeColor: e.string,
-  defaultColor: e.string
-};
-const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", ke = {
-  indicatorsList: Mn,
-  title: $n
-}, Ln = ({
-  indicators: i,
-  activeColor: d,
-  defaultColor: o = "#92898A",
-  // Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
-  onChange: n,
-  // Selección multiple
-  multiple: t = !1,
-  // Si multiple es true, debe ser un array de strings, sino un string
-  defaultValue: s = null,
-  //si el indicador es tipo "both" cuando se cambia el tipo
-  changeIndType: l,
-  activeIndicatorType: a
-}) => {
-  const { t: c } = w(), [p, u] = B(), [h, g] = B(), [b, C] = B(), f = (_) => {
-    u(p == _ ? null : _);
-  }, v = (_) => {
-    g(h == _ ? null : _);
-  }, y = ({ indicator: _ }) => {
-    console.log("onClickIndicator: ", _), x(_);
-  }, x = (_) => {
-    if (!t)
-      C(
-        (b == null ? void 0 : b.name) == _.name ? null : _
-      );
-    else {
-      let N = b && b.length > 0 ? [...b] : [];
-      C(
-        N != null && N.some(
-          (D) => D.name == _.name
-        ) ? N.filter(
-          (D) => D.name != String(_.name)
-        ) : [...N, _]
-      ), _.type == "both" && l("cat");
-    }
-  };
-  L(() => {
-    console.log("activeindicator changed to: ", b), n && typeof n == "function" && b && n({ activeIndicator: b });
-  }, [b]), Ee(() => {
-    if (s && !b)
-      if (t && s && Array.isArray(s)) {
-        let _ = b && b.length > 0 ? [...b] : [];
-        C([..._, ...s]), k(s[0].name);
-      } else
-        x(s), k(s.name);
-  }, []);
-  const k = (_) => {
-    const N = i.find((D) => {
-      if (D.subcategories) {
-        let A = D.subcategories.find(
-          (ne) => ne.indicators.find((Z) => Z.name == _)
-        );
-        if (A)
-          return g(A.subcategory), A;
-      } else
-        return D.indicators.some((A) => A.name == _);
-    });
-    N && u(N.category);
-  };
-  return /* @__PURE__ */ m("div", { className: ke.indicatorsList, children: [
-    /* @__PURE__ */ r("h2", { className: ke.title, style: { color: o }, children: c("indicators.indicators") }),
-    i.map((_, N) => /* @__PURE__ */ r(
-      je,
-      {
-        id: _.category,
-        cat: _,
-        onClickCategory: f,
-        activeCategory: p,
-        onClickSubCategory: v,
-        activeSubCategory: h,
-        onClickIndicator: y,
-        activeIndicator: b,
-        activeColor: d,
-        defaultColor: o,
-        multiple: t,
-        onChange: n,
-        onChangeType: l,
-        activeIndicatorType: a
-      },
-      `categoryKey${N}`
-    ))
-  ] });
-};
-Ln.propTypes = {
-  indicators: e.arrayOf(e.object),
-  activeColor: e.string,
-  defaultColor: e.string,
-  onChange: e.func,
-  changeIndType: e.func,
-  multiple: e.bool,
-  activeIndicator: e.oneOfType([e.object, e.array]),
-  defaultValue: e.oneOfType([e.object, e.array]),
-  activeIndicatorType: e.string
-};
-const Fn = "_langSelector_1of0g_2", Bn = "_currentLang_1of0g_7", Dn = "_arrow_1of0g_19", An = "_prevImg_1of0g_22", On = "_langMenu_1of0g_26", K = {
-  langSelector: Fn,
-  currentLang: Bn,
-  arrow: Dn,
-  prevImg: An,
-  langMenu: On
-}, Rn = ({ langs: i, arrow: d, imgPrev: o }) => {
-  const [n, t] = B(!1), { i18n: s } = w(), l = i.find((c) => c.code == s.language), a = (c) => {
-    s.changeLanguage(c), t(!1);
-  };
-  return /* @__PURE__ */ m("div", { className: K.langSelector, children: [
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: K.currentLang,
-        onClick: () => {
-          t(!n);
-        },
-        children: [
-          o && /* @__PURE__ */ r("img", { className: K.prevImg, src: o }),
-          l.titleSelected || l.title,
-          /* @__PURE__ */ r("img", { src: d, className: K.arrow })
-        ]
-      }
-    ),
-    n && /* @__PURE__ */ r("div", { className: K.langMenu, children: i.map((c) => /* @__PURE__ */ r(
-      "button",
-      {
-        className: l.code == c.code ? K.active : "",
-        onClick: () => a(c.code),
-        children: c.title
-      },
-      c.code
-    )) })
-  ] });
-};
-Rn.propTypes = {
-  langs: e.arrayOf(
-    e.shape({
-      code: e.string,
-      title: e.string,
-      titleSelected: e.string
-    })
-  ),
-  color: e.string,
-  bckColor: e.string,
-  hoverColor: e.string,
-  arrow: e.object,
-  imgPrev: e.object
-};
-const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titleContainer_atg3j_46", jn = "_infoContainer_atg3j_52", Pn = "_titleLegendList_atg3j_63", qn = "_legendListContainer_atg3j_70", En = "_gridContainer_atg3j_70", Kn = "_elementLegendContainer_atg3j_76", Un = "_colorDot_atg3j_82", Zn = "_absoluteValueContainer_atg3j_88", Hn = "_absoluteValueColor_atg3j_91", Gn = "_absoluteValueText_atg3j_96", Yn = "_moreInfoContainer_atg3j_108", M = {
-  legendContainer: In,
-  closeButton: zn,
-  titleContainer: Vn,
-  infoContainer: jn,
-  titleLegendList: Pn,
-  legendListContainer: qn,
-  gridContainer: En,
-  elementLegendContainer: Kn,
-  colorDot: Un,
-  absoluteValueContainer: Zn,
-  absoluteValueColor: Hn,
-  absoluteValueText: Gn,
-  moreInfoContainer: Yn
-}, Wn = ({
-  //JSON with the styles of the container (optional)
-  containerStyles: i,
-  //Title on top of the legend
-  title: d,
-  //Array to display the info behind the title should have: [{title, value}, ...]
-  infoList: o,
-  //Array to display the items of the legend: [{title, color}, ...]
-  //color should be a string with hexadecimal value
-  legendList: n,
-  //If not passed it will read t("mainUser")
-  legendListTitle: t,
-  //Should be an object with {maxColor, minColor, maxValue, minValue}
-  //If this has is not null or undefined, the legendList values wont be displayed.
-  //It will display only the absolute value indicator.
-  absoluteValue: s,
-  //Function to be called when the button is clicked (optional).
-  //If this is null or undefined the button wont be displayed.
-  onClickMoreInfo: l,
-  //If not passed it will read t("moreInformation")
-  buttonTitle: a,
-  onClickClose: c
-}) => {
-  const { t: p } = w();
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      style: i ? { ...i } : {},
-      className: `${M.legendContainer}`,
-      children: [
-        /* @__PURE__ */ r("button", { className: M.closeButton, onClick: c }),
-        d && /* @__PURE__ */ r("div", { className: M.titleContainer, children: /* @__PURE__ */ r("h2", { children: d }) }),
-        o && o.length > 0 && /* @__PURE__ */ r("div", { className: M.infoContainer, children: /* @__PURE__ */ r("ul", { children: o.map(({ title: u, value: h }) => /* @__PURE__ */ m("li", { children: [
-          /* @__PURE__ */ r("h3", { className: M.title, children: `${u}:` }),
-          /* @__PURE__ */ m("span", { className: M.value, children: [
-            "  ",
-            h
-          ] })
-        ] }, d)) }) }),
-        /* @__PURE__ */ r("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ r(me, { i18nKey: t, components: { sup: /* @__PURE__ */ r("sup", {}) } }) : p("mainUse") }),
-        /* @__PURE__ */ r("div", { className: M.legendListContainer, children: s ? /* @__PURE__ */ m("div", { className: M.absoluteValueContainer, children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: M.absoluteValueColor,
-              style: {
-                background: `linear-gradient(to bottom, ${s.maxColor} 0%, ${s.minColor} 100%)`
-              }
-            }
-          ),
-          /* @__PURE__ */ m("div", { className: M.absoluteValueText, children: [
-            /* @__PURE__ */ m("span", { children: [
-              s.maxValue,
-              " ",
-              p(s.unit)
-            ] }),
-            /* @__PURE__ */ m("span", { children: [
-              s.minValue,
-              " ",
-              p(s.unit)
-            ] })
-          ] })
-        ] }) : n && n.length > 0 && /* @__PURE__ */ r("div", { className: M.gridContainer, children: n.map(
-          ({ title: u, color: h }) => /* @__PURE__ */ m("div", { className: M.elementLegendContainer, children: [
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: M.colorDot,
-                style: { backgroundColor: h }
-              }
-            ),
-            /* @__PURE__ */ m("div", { className: M.titleLegendElement, children: [
-              p(u),
-              " "
-            ] })
-          ] }, d)
-        ) }) }),
-        l && /* @__PURE__ */ r("button", { className: M.moreInfoContainer, onClick: l, children: a || p("moreInformation") })
-      ]
-    }
-  );
-};
-Wn.propTypes = {
-  title: e.string,
-  containerStyles: e.object,
-  infoList: e.arrayOf(
-    e.shape({
-      title: e.string.isRequired,
-      value: e.oneOfType([e.string, e.number])
-    })
-  ),
-  legendList: e.arrayOf(
-    e.shape({
-      title: e.string,
-      color: e.string
-    })
-  ),
-  legendListTitle: e.string,
-  absoluteValue: e.shape({
-    maxColor: e.string,
-    minColor: e.string,
-    maxValue: e.number,
-    minValue: e.number
-  }),
-  onClickMoreInfo: e.func,
-  buttonTitle: e.string,
-  onClickClose: e.func
-};
-const Xn = "_logo_1ewa6_2", we = {
-  logo: Xn
-}, Jn = ({ src: i, alt: d, href: o }) => {
-  const { t: n } = w(), t = /* @__PURE__ */ r("img", { src: i, alt: n(d) });
-  return o ? /* @__PURE__ */ r("div", { className: we.logo, children: /* @__PURE__ */ r("a", { href: o, children: t }) }) : /* @__PURE__ */ r("div", { className: we.logo, children: t });
-};
-Jn.propTypes = {
-  src: e.string.isRequired,
-  alt: e.string.isRequired,
-  href: e.string,
-  className: e.string
-};
-const Qn = "_mapContainer_84pkf_2", ei = {
-  mapContainer: Qn
-};
-Ue.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
-const ti = ({
-  initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
-  maxZoom: d = 17,
-  minZoom: o = 8,
-  mapStyle: n,
-  firstSymbolLayer: t,
-  cssProps: s = "",
-  onClick: l = "",
-  interactiveLayers: a = [],
-  popUp: c = !1,
-  sources: p = [],
-  layers: u = []
-}) => {
-  const h = he(), [g, b] = B(null), C = ce((f) => f.mapState.showTexts);
-  return L(() => {
-    if (h.current) {
-      const f = h.current.getMap();
-      f.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (C ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
-      });
-    }
-  }, [C]), /* @__PURE__ */ r("div", { className: `${ei.mapContainer}`, style: s, children: /* @__PURE__ */ m(
-    Ze,
-    {
-      initialViewState: i,
-      ref: h,
-      hash: !1,
-      maxZoom: d,
-      minZoom: o,
-      mapStyle: n,
-      onClick: l,
-      interactiveLayerIds: a,
-      children: [
-        p.length && p.map((f, v) => /* @__PURE__ */ r(
-          He,
-          {
-            ...f,
-            children: u.length && u.map((y, x) => {
-              if (y.sourceId == f.id) return /* @__PURE__ */ r(
-                Ge,
-                {
-                  ...y.layer,
-                  beforeId: t
-                },
-                x
-              );
-            })
-          },
-          v
-        )),
-        /* @__PURE__ */ r(Ye, { position: "bottom-right", visualizePitch: !0 }),
-        c && g && /* @__PURE__ */ r(
-          We,
-          {
-            longitude: c.longitude,
-            latitude: c.latitude,
-            anchor: c.anchor,
-            onClose: () => b(null),
-            children: c.content
-          }
-        )
-      ]
-    }
-  ) });
-};
-ti.propTypes = {
-  initialView: e.shape({
-    latitude: e.number.isRequired,
-    longitude: e.number.isRequired,
-    zoom: e.number.isRequired
-  }),
-  mapStyle: e.object,
-  firstSymbolLayer: e.string,
-  cssProps: e.object,
-  style: e.object,
-  maxZoom: e.number,
-  minZoom: e.number,
-  onClick: e.func,
-  interactiveLayers: e.array,
-  popUp: e.shape({
-    latitude: e.number,
-    longitude: e.number,
-    anchor: e.string,
-    content: e.element
-  }),
-  textsUrl: e.string,
-  sources: e.arrayOf(
-    e.shape({
-      id: e.string,
-      type: e.string,
-      url: e.string,
-      //si es type: vector
-      data: e.object
-      //si es type: geojson
-    })
-  ),
-  layers: e.arrayOf(
-    e.shape({
-      sourceId: e.string,
-      layer: e.shape({
-        id: e.string,
-        type: e.string,
-        sourceLayer: e.string,
-        minZoom: e.number,
-        maxZoom: e.number,
-        paint: e.object
-      })
-    })
-  )
-};
-const ni = "_mapContainer_b0pyr_3", ii = {
-  mapContainer: ni
-}, si = "_FeaturePopUp_1gd6w_2", oi = "_title_1gd6w_2", Ne = {
-  FeaturePopUp: si,
-  title: oi
-}, ri = ({ props: i }) => {
-  const { t: d } = w();
-  return /* @__PURE__ */ r("div", { className: Ne.FeaturePopUp, children: i.map((o) => /* @__PURE__ */ m("p", { children: [
-    /* @__PURE__ */ m("span", { className: Ne.title, children: [
-      /* @__PURE__ */ r(me, { i18nKey: o.name, components: { sup: /* @__PURE__ */ r("sup", {}) } }),
-      ": "
-    ] }),
-    o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
-    " ",
-    d(o.unit)
-  ] })) });
-}, ai = ({
-  initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
-  maxZoom: d = 17,
-  minZoom: o = 8,
-  mapStyle: n,
-  firstSymbolLayer: t,
-  cssProps: s = {},
-  onClick: l = "",
-  interactiveLayers: a = [],
-  sources: c = [],
-  layers: p = [],
-  filters: u,
-  popUpParams: h,
-  onClosePopUp: g,
-  showTexts: b
-}) => {
-  console.log(u);
-  const C = he();
-  return L(() => {
-    if (C.current) {
-      const f = C.current.getMap();
-      f.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (b ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
-      });
-    }
-  }, [b]), L(() => {
-    let f = new Xe();
-    return ie.addProtocol("pmtiles", f.tile), () => {
-      ie.removeProtocol("pmtiles");
-    };
-  }, []), /* @__PURE__ */ r("div", { className: `${ii.mapContainer}`, style: s && s, children: /* @__PURE__ */ m(
-    Je,
-    {
-      mapLib: ie,
-      initialViewState: i,
-      ref: C,
-      hash: !1,
-      maxZoom: d,
-      minZoom: o,
-      mapStyle: n,
-      onClick: l,
-      interactiveLayerIds: a,
-      children: [
-        c.length && c.map((f, v) => /* @__PURE__ */ r(
-          Qe,
-          {
-            ...f,
-            children: p.length && p.map((y, x) => {
-              if (y.sourceId == f.id) return /* @__PURE__ */ r(
-                et,
-                {
-                  ...y.layer,
-                  beforeId: t,
-                  filter: u && u
-                },
-                x
-              );
-            })
-          },
-          v
-        )),
-        /* @__PURE__ */ r(tt, { position: "bottom-right", visualizePitch: !0 }),
-        h && /* @__PURE__ */ r(
-          nt,
-          {
-            longitude: h.lng,
-            latitude: h.lat,
-            onClose: g,
-            children: /* @__PURE__ */ r(ri, { props: h.props })
-          }
-        )
-      ]
-    }
-  ) });
-};
-ai.propTypes = {
-  initialView: e.shape({
-    latitude: e.number.isRequired,
-    longitude: e.number.isRequired,
-    zoom: e.number.isRequired
-  }),
-  mapStyle: e.string,
-  firstSymbolLayer: e.string,
-  cssProps: e.object,
-  style: e.object,
-  maxZoom: e.number,
-  minZoom: e.number,
-  onClick: e.func,
-  interactiveLayers: e.array,
-  popUp: e.bool,
-  sources: e.arrayOf(
-    e.shape({
-      id: e.string,
-      type: e.string,
-      url: e.string,
-      //si es type: vector
-      data: e.object
-      //si es type: geojson
-    })
-  ),
-  layers: e.arrayOf(
-    e.shape({
-      sourceId: e.string,
-      layer: e.shape({
-        id: e.string,
-        type: e.string,
-        sourceLayer: e.string,
-        minZoom: e.number,
-        maxZoom: e.number,
-        paint: e.object
-      })
-    })
-  ),
-  showTexts: e.bool,
-  filters: e.array,
-  popUpParams: e.object,
-  onClosePopUp: e.func
-};
-const li = "_sectionBar_1nshk_2", ci = "_leftContent_1nshk_14", di = "_textContainer_1nshk_20", pi = "_title_1nshk_27", ui = "_subtitle_1nshk_33", hi = "_rightContent_1nshk_38", V = {
-  sectionBar: li,
-  leftContent: ci,
-  textContainer: di,
-  title: pi,
-  subtitle: ui,
-  rightContent: hi
-}, mi = ({ leftIcon: i, title: d, subtitle: o, rightContent: n, mainColor: t }) => {
-  const { t: s } = w();
-  return /* @__PURE__ */ m("div", { className: V.sectionBar, children: [
-    /* @__PURE__ */ m("div", { className: V.leftContent, children: [
-      i && /* @__PURE__ */ r("img", { src: i, alt: "Icono", className: V.icon }),
-      /* @__PURE__ */ m("div", { className: V.textContainer, children: [
-        /* @__PURE__ */ r("div", { className: V.title, style: t ? { color: t } : {}, children: s(d) }),
-        o && /* @__PURE__ */ r("div", { className: V.subtitle, children: o })
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: V.rightContent, children: n })
-  ] });
-};
-mi.propTypes = {
-  leftIcon: e.node.isRequired,
-  title: e.string.isRequired,
-  subtitle: e.string,
-  rightContent: e.node.isRequired,
-  mainColor: e.string
-};
-const gi = Me({
-  name: "mapSlice",
-  initialState: {
-    showTexts: !0,
-    sliderSelectedYear: 2025,
-    activeIndicatorKey: 0,
-    activeIndicatorType: "cat",
-    activeIndicatorUnit: null
-  },
-  reducers: {
-    setShowTexts: (i, d) => {
-      i.showTexts = d.payload;
-    },
-    setYear: (i, d) => {
-      i.sliderSelectedYear = d.payload;
-    },
-    setActiveIndicatorKey: (i, d) => {
-      i.activeIndicatorKey = d.payload;
-    },
-    setActiveIndicatorType: (i, d) => {
-      i.activeIndicatorType = d.payload;
-    },
-    setActiveIndicatorUnit: (i, d) => {
-      i.activeIndicatorUnit = d.payload;
-    }
-  }
-}), { setShowTexts: rs, setYear: le, setActiveIndicatorKey: as, setActiveIndicatorType: ls, setActiveIndicatorUnit: cs } = gi.actions, bi = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", fi = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", yi = "_slider_a19yo_2", Ci = "_playButton_a19yo_17", vi = "_sliderOpen_a19yo_28", _i = "_sliderResults_a19yo_32", Y = {
-  slider: yi,
-  playButton: Ci,
-  sliderOpen: vi,
-  sliderResults: _i
-}, xi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: s = !1 }) => {
-  const [l, a] = B(d), c = Te(), p = (y, x) => {
-    a(x), c(le(x - 2e3));
-  }, [u, h] = B(!1), g = () => {
-    h(!0);
-  }, b = () => {
-    h(!1);
-  };
-  ((y, x) => {
-    const k = he();
-    L(() => {
-      k.current = y;
-    }, [y]), L(() => {
-      function _() {
-        k.current();
-      }
-      {
-        let N = setInterval(_, x);
-        return () => clearInterval(N);
-      }
-    }, [x]);
-  })(() => {
-    u && (l != 2050 ? (a(l + 1), c(le(l - 2e3 + 1))) : (a(2025), c(le(25))));
-  }, 1e3);
-  const f = st({
-    palette: {
-      primary: {
-        main: "#605b56"
-      }
-    },
-    components: {
-      MuiSlider: {
-        styleOverrides: {
-          mark: {
-            height: 10,
-            backgroundColor: "#605b56"
-          },
-          valueLabel: {
-            backgroundColor: "transparent",
-            color: "#605b56",
-            padding: 0,
-            top: 3
-          }
-        }
-      }
-    }
-  }), v = [
-    { label: "", value: 2025 },
-    { label: "", value: 2032 },
-    { label: "", value: 2041 },
-    { label: "", value: 2050 }
-  ];
-  return /* @__PURE__ */ r(rt, { theme: f, children: /* @__PURE__ */ m(
-    ot,
-    {
-      sx: { width: 400 },
-      className: `${i ? Y.sliderResults : Y.slider} ${s ? Y.sliderOpen : ""}`,
-      style: { zIndex: t },
-      children: [
-        o,
-        /* @__PURE__ */ r(
-          it,
-          {
-            "aria-label": "TimeSlider",
-            value: l,
-            valueLabelDisplay: "on",
-            step: 1,
-            marks: v,
-            min: o,
-            max: n,
-            onChange: p,
-            color: "primary",
-            size: "small"
-          }
-        ),
-        n,
-        !u && /* @__PURE__ */ r("button", { className: Y.playButton, onClick: g, children: /* @__PURE__ */ r("img", { src: bi, alt: "Play" }) }),
-        u && /* @__PURE__ */ r("button", { className: Y.playButton, onClick: b, children: /* @__PURE__ */ r("img", { src: fi, alt: "Pause" }) })
-      ]
-    }
-  ) });
-};
-xi.propTypes = {
-  defaultYear: e.number,
-  onResults: e.bool,
-  firstYear: e.number,
-  lastYear: e.number,
-  zIndex: e.number,
-  rightBarOpen: e.bool
-};
-const ki = "_TopNavMenuContainer_ku22g_2", wi = "_topNavOptions_ku22g_11", Se = {
-  TopNavMenuContainer: ki,
-  topNavOptions: wi
-}, Ni = ({ options: i = [], cssProps: d = {}, activeColor: o }) => {
-  const { t: n } = w(), t = d.textColor || "inherit";
-  d.borderColor;
-  const s = d.height || "calc(70px - 10px);";
-  return /* @__PURE__ */ r("div", { className: Se.TopNavMenuContainer, children: i.map((l, a) => /* @__PURE__ */ r(
-    at,
-    {
-      to: l.url,
-      className: ({ isActive: c }) => `${Se.topNavOptions}`,
-      style: {
-        color: t,
-        height: s,
-        boxShadow: isActive ? `0 5px 0 0 ${o}` : "inherit"
-      },
-      children: n(l.name)
-    },
-    a
-  )) });
-};
-Ni.propTypes = {
-  options: e.arrayOf(
-    e.object
-  ),
-  cssProps: e.shape({
-    borderColor: e.string.isRequired,
-    textColor: e.string.isRequired
-    // height: PropTypes.string.isRequired,
-  })
-  // activeColor: PropTypes.string,
-  // defaultColor: PropTypes.string
-};
-const Si = Me({
-  name: "userSlice",
-  initialState: {
-    user: {
-      isLoggedIn: !1,
-      username: ""
-    },
-    showLogIn: !1,
-    showUserMenu: !1
-  },
-  reducers: {
-    setShowLogIn: (i, d) => {
-      i.showLogIn = d.payload;
-    },
-    setShowUserMenu: (i, d) => {
-      i.showUserMenu = d.payload;
-    }
-  }
-}), { setShowLogIn: Ti, setShowUserMenu: Mi } = Si.actions, $i = "_UserMenuTrigger_uglss_2", Li = {
-  UserMenuTrigger: $i
-}, Fi = ({ cssClass: i, loginLocale: d = "login" }) => {
-  const o = Te(), n = ce((a) => a.userState.user.isLoggedIn), t = ce((a) => a.userState.user.username), { t: s } = w(), l = () => {
-    o(n ? Ti(!0) : Mi(!0));
-  };
-  return /* @__PURE__ */ r("div", { className: `${Li.UserMenuTrigger} link ${i}`, onClick: l, children: n ? t : s(d) });
-};
-Fi.propTypes = {
-  onClickLoggedIn: e.func.isRequired,
-  onClickLoggedOut: e.func.isRequired,
-  log: e.bool,
-  name: e.string,
-  cssClass: e.string,
-  loginLocale: e.string
-};
-const Bi = "_header_t7qdl_2", Di = "_leftComponents_t7qdl_12", Ai = "_centerComponents_t7qdl_13", Oi = "_rightComponents_t7qdl_14", Q = {
-  header: Bi,
-  leftComponents: Di,
-  centerComponents: Ai,
-  rightComponents: Oi
-}, Ri = ({ cssProps: i, leftComponents: d = [], centerComponents: o = [], rightComponents: n = [] }) => /* @__PURE__ */ m("div", { className: Q.header, style: i, children: [
-  /* @__PURE__ */ r("div", { className: Q.leftComponents, style: { height: i.height }, children: d.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) }),
-  /* @__PURE__ */ r("div", { className: Q.centerComponents, style: { height: i.height }, children: o.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) }),
-  /* @__PURE__ */ r("div", { className: Q.rightComponents, style: { height: i.height }, children: n.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) })
-] });
-Ri.propTypes = {
-  cssProps: e.shape({
-    backgroundColor: e.string.isRequired,
-    height: e.string.isRequired,
-    borderColor: e.string,
-    textColor: e.string
-  }),
-  leftComponents: e.arrayOf(e.node),
-  centerComponents: e.arrayOf(e.node),
-  rightComponents: e.arrayOf(e.node)
-};
-const Ii = "_sidebar_1jqo2_2", zi = "_open_1jqo2_16", Vi = "_content_1jqo2_20", ji = "_closeButton_1jqo2_26", ee = {
-  sidebar: Ii,
-  open: zi,
-  content: Vi,
-  closeButton: ji
-}, Pi = ({ width: i = "300px", children: d, showRightBar: o, onCloseBar: n }) => {
-  const t = () => {
-    n();
-  };
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: `${ee.sidebar} ${o ? ee.open : ""}`,
-      style: { width: o ? i : 0 },
-      children: o && /* @__PURE__ */ m("div", { className: ee.content, children: [
-        /* @__PURE__ */ r("button", { className: ee.closeButton, onClick: t, children: "×" }),
-        d
-      ] })
-    }
-  );
-};
-Pi.propTypes = {
-  width: e.string,
-  children: e.node,
-  showRightBar: e.bool,
-  onCloseBar: e.func
-};
-export {
-  wt as AmbitSelector,
-  Rt as ButtonsList,
-  j as DropdownList,
-  os as EditAmbit,
-  an as FiltersAmbit,
-  un as Graphic,
-  Ri as HeaderSection,
-  Ln as IndicatorsList,
-  Rn as LangSelector,
-  Wn as Legend,
-  Jn as LogoApp,
-  ti as MapboxMap,
-  ai as MaplibreMap,
-  Pi as RightSidebar,
-  mi as SectionBar,
-  xi as TimeSlider,
-  Le as Tooltip,
-  Ni as TopNavMenu,
-  Fi as UserMenuTrigger
-};