@tmf_ciclica/ciclicastorybook 1.1.24 → 1.1.26

package/dist/index.es.js

@@ -0,0 +1,2526 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@charset "UTF-8";@import"https://unpkg.com/maplibre-gl@^5.3.0/dist/maplibre-gl.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";._ambitSelector_tqnnf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%}._ambitSelector_tqnnf_2 ._header_tqnnf_11{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._nameDateContainer_tqnnf_21{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._nameDateContainer_tqnnf_21 ._ambitName_tqnnf_37{font-size:18px;font-weight:600;flex:1}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._nameDateContainer_tqnnf_21 ._ambitName_tqnnf_37 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._nameDateContainer_tqnnf_21 ._ambitDate_tqnnf_51{font-size:18px;font-weight:600;flex:.5}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._nameDateContainer_tqnnf_21 ._ambitDate_tqnnf_51 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_tqnnf_2 ._header_tqnnf_11 ._buttonsContainer_tqnnf_65{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitItem_1ueih_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:10px;width:100%;padding-bottom:30px;padding-top:30px}._ambitItem_1ueih_2 ._ambitNameDate_1ueih_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1ueih_2 ._ambitNameDate_1ueih_16 ._ambitName_1ueih_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1ueih_2 ._ambitNameDate_1ueih_16 ._ambitDate_1ueih_35{flex:.5}._ambitItem_1ueih_2 ._ambitButtons_1ueih_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._buttonsContainer_1audx_2{display:flex;gap:8px}._buttonsContainer_1audx_2._vertical_1audx_6{flex-direction:column}._buttonsContainer_1audx_2._horizontal_1audx_9{flex-direction:row}._button_1audx_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1audx_2:hover{opacity:.8}._button_1audx_2._active_1audx_25{font-weight:700}._button_1audx_2 ._buttonName_1audx_28{margin:0 4px}._left_19lnt_3{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_19lnt_3:after{content:"";z-index:-1;left:100%;top:50%;transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;transform-origin:center right}._top_19lnt_33{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;white-space:nowrap;z-index:10;color:#000}._top_19lnt_33:after{content:"";z-index:-1;right:50%;top:100%;transform:translate(50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;color:#000;transform-origin:center right}._bottom_19lnt_66{position:absolute;width:auto;top:calc(100% + 10px);right:50%;height:fit-content;transform:translate(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;z-index:10;color:#000}._bottom_19lnt_66:after{content:"";z-index:-1;right:50%;bottom:100%;transform:translate(50%);border-width:.5em;border-style:solid;border-color:transparent;border-bottom-color:#fff;position:absolute;transform-origin:center right}._right_19lnt_97{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:20px;margin:0;white-space:nowrap;height:fit-content;color:#000;z-index:10}._right_19lnt_97:after{content:"";z-index:-1;right:100%;top:50%;color:#000;transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transform-origin:center right}._AppliedFiltersContainer_s8ooe_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._AppliedFiltersContainer_s8ooe_2 ._AppliedFilterContent_s8ooe_10{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:0 20px;border-radius:100px}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_15vgv_2{padding-top:15px;font-size:14px}._container_15vgv_2 span{font-size:14px}._container_15vgv_2 ._unitLabel_15vgv_9{height:40px}._container_15vgv_2 ._slider_15vgv_12{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_15vgv_2 ._thumb_15vgv_18{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_15vgv_2 ._track_15vgv_27{top:0;bottom:0;background:#605b56;border-radius:3px}._container_15vgv_2 ._labels_15vgv_33{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_6o4gt_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitTitle_6o4gt_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitDescription_6o4gt_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitDescription_6o4gt_22 ._FiltersAmbitDescriptionTitle_6o4gt_33{font-size:18px;font-weight:600}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_lw8gx_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._indicatorNameContainer_lw8gx_11{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._dot_lw8gx_20{border-radius:100px;width:16px;height:16px}._indicatorContainer_lw8gx_2 ._indicatorName_lw8gx_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_lw8gx_31{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40{margin:0;width:100%}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._customRadious_lw8gx_65{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._optionText_lw8gx_72{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_1of0g_2{position:relative;width:fit-content}._currentLang_1of0g_7{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_1of0g_7 ._arrow_1of0g_19{width:10px}._currentLang_1of0g_7 ._prevImg_1of0g_22{width:20px}._langMenu_1of0g_26{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_1of0g_26 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_1of0g_26 button:first-child{border-radius:8px 8px 0 0}._langMenu_1of0g_26 button:last-child{border-radius:0 0 8px 8px}._langMenu_1of0g_26 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_atg3j_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative}._legendContainer_atg3j_3 ._closeButton_atg3j_18{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_atg3j_3 ._closeButton_atg3j_18:before,._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_atg3j_3 ._closeButton_atg3j_18:before{transform:rotate(45deg)}._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{transform:rotate(-45deg)}._legendContainer_atg3j_3 ._titleContainer_atg3j_46{border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._titleContainer_atg3j_46 h2{padding-bottom:16px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52{padding-top:20px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_atg3j_3 ._titleLegendList_atg3j_63{font-size:20px;padding-bottom:20px;margin-bottom:20px;margin-top:30px;border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76 ._colorDot_atg3j_82{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88{position:relative}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueColor_atg3j_91{height:130px;width:22px;border-radius:20px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueText_atg3j_96{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_atg3j_3 ._moreInfoContainer_atg3j_108{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_1gd6w_2 ._title_1gd6w_2{font-weight:600}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_15agj_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:start;width:fit-content;gap:80px}._TopNavMenuContainer_15agj_2 ._topNavOptions_15agj_12{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center}._TopNavMenuContainer_15agj_2 ._active_15agj_23{border-bottom:5px solid white}._UserMenuTrigger_uglss_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._header_t7qdl_2{width:100%;display:flex;align-items:center;position:relative;padding:0 16px;background-color:#fff;border-bottom:1px solid black;z-index:10}._header_t7qdl_2 ._leftComponents_t7qdl_12,._header_t7qdl_2 ._centerComponents_t7qdl_13,._header_t7qdl_2 ._rightComponents_t7qdl_14{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_t7qdl_2 ._leftComponents_t7qdl_12{left:16px}._header_t7qdl_2 ._centerComponents_t7qdl_13{left:50%;transform:translate(-50%)}._header_t7qdl_2 ._rightComponents_t7qdl_14{right:16px}._sidebar_1jqo2_2{position:fixed;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_1jqo2_16{border-left:1px solid #ddd}._content_1jqo2_20{position:relative;padding:20px;height:100%}._closeButton_1jqo2_26{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1jqo2_26:hover{color:#000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { jsxs as m, jsx as r, Fragment as qe } from "react/jsx-runtime";
+import Z, { useState as B, useEffect as F, useMemo as te, useLayoutEffect as Ee, useRef as me } from "react";
+import e from "prop-types";
+import { useTranslation as k, Trans as ge } from "react-i18next";
+import { motion as Ce } from "framer-motion";
+import { create as Ke } from "zustand";
+import * as ye from "d3";
+import Ze from "mapbox-gl";
+import { useSelector as de, useDispatch as Te } from "react-redux";
+import Ue, { 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 ot, Box as st } from "@mui/material";
+import { ThemeProvider as rt } from "@emotion/react";
+import { NavLink as at } from "react-router-dom";
+const lt = "_ambitSelector_tqnnf_2", ct = "_header_tqnnf_11", dt = "_nameDateContainer_tqnnf_21", pt = "_ambitName_tqnnf_37", ut = "_ambitDate_tqnnf_51", ht = "_buttonsContainer_tqnnf_65", q = {
+  ambitSelector: lt,
+  header: ct,
+  nameDateContainer: dt,
+  ambitName: pt,
+  ambitDate: ut,
+  buttonsContainer: ht
+}, mt = "_ambitItem_1ueih_2", gt = "_ambitNameDate_1ueih_16", Ct = "_ambitName_1ueih_16", bt = "_ambitDate_1ueih_35", ft = "_ambitButtons_1ueih_38", H = {
+  ambitItem: mt,
+  ambitNameDate: gt,
+  ambitName: Ct,
+  ambitDate: bt,
+  ambitButtons: ft
+}, yt = "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", _t = "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", xt = "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%206725'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.7148'%20r='14.3521'%20stroke='%23605B56'%20stroke-opacity='0.5'%20stroke-width='1.5'/%3e%3cg%20id='Group%206724'%3e%3cpath%20id='Vector'%20d='M17.4114%2023.3302C17.4114%2024.5419%2016.4269%2027.4724%2015.2126%2027.4724C13.9982%2027.4724%2013.0137%2024.5419%2013.0137%2023.3302C13.0137%2022.7483%2013.2453%2022.1902%2013.6577%2021.7787C14.0701%2021.3673%2014.6294%2021.1361%2015.2126%2021.1361C15.7957%2021.1361%2016.355%2021.3673%2016.7674%2021.7787C17.1798%2022.1902%2017.4114%2022.7483%2017.4114%2023.3302Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union'%20d='M15.2919%2020.6088H11.2899L11.289%2020.6078C10.6273%2020.7718%209.36856%2021.3396%209.39931%2023.2845C9.39931%2023.2845%207.41254%2021.7976%208.17372%2019.0179L8.25575%2018.7445C8.59675%2017.7118%209.66004%2016.7306%2010.7714%2016.2435C10.7337%2012.8666%2011.5045%208.19644%2015.2919%204.724V20.6088ZM10.6835%2017.4164C10.5323%2017.5091%2010.3819%2017.6125%2010.2372%2017.7279C9.77215%2018.099%209.43634%2018.5195%209.26747%2018.8988L9.20595%2019.058C8.95666%2019.8145%208.9632%2020.4347%209.07607%2020.9291C9.34144%2020.5645%209.66233%2020.2832%209.9999%2020.0746C10.2365%2019.9284%2010.4715%2019.8251%2010.6835%2019.7494V17.4164Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union_2'%20d='M15.293%204.724C19.0931%208.20817%2019.8548%2012.8981%2019.8115%2016.2777C20.8629%2016.7859%2021.8411%2017.7218%2022.165%2018.7045C23.1398%2021.6599%2021.0225%2023.2445%2021.0225%2023.2445C21.051%2021.4361%2019.9648%2020.8184%2019.2803%2020.6088H15.293V4.724ZM19.7676%2017.3949C19.7586%2017.5313%2019.7493%2017.6646%2019.7383%2017.7943V19.7094C19.9502%2019.7851%2020.1854%2019.8884%2020.4219%2020.0345C20.7595%2020.2432%2021.0794%2020.5253%2021.3447%2020.89C21.4466%2020.444%2021.4627%2019.8956%2021.2812%2019.2367L21.2148%2019.0179C21.0772%2018.6004%2020.7157%2018.1118%2020.1846%2017.6879C20.0493%2017.58%2019.9088%2017.4829%2019.7676%2017.3949Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cg%20id='Vector_2'%3e%3cpath%20d='M12.541%208.28445C12.541%208.28445%2014.8218%209.81829%2018.0434%208.28445C18.0434%208.28445%2016.9978%206.03912%2015.2919%204.61267C15.2919%204.61267%2013.7894%205.92343%2012.541%208.28445Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M15.3057%205.29626C15.9532%205.9116%2016.4918%206.63792%2016.8867%207.2533C17.0801%207.55466%2017.2355%207.82605%2017.3516%208.03748C16.0573%208.54342%2014.966%208.52427%2014.1807%208.36951C13.781%208.29074%2013.4584%208.17533%2013.2266%208.07556C13.7607%207.14513%2014.32%206.40895%2014.7646%205.88806C14.9759%205.64056%2015.1621%205.44302%2015.3057%205.29626Z'%20stroke='%23605B56'%20stroke-opacity='0.5'/%3e%3c/g%3e%3cpath%20id='Vector_3'%20d='M17.6984%2012.9862C17.6985%2013.4539%2017.5596%2013.9111%2017.2993%2014.3001C17.039%2014.689%2016.669%2014.9922%2016.236%2015.1712C15.803%2015.3503%2015.3265%2015.3972%2014.8668%2015.3061C14.4071%2015.2149%2013.9848%2014.9898%2013.6533%2014.6591C13.3218%2014.3285%2013.0961%2013.9072%2013.0046%2013.4485C12.9131%2012.9898%2012.96%2012.5143%2013.1393%2012.0822C13.3186%2011.6501%2013.6224%2011.2808%2014.0121%2011.021C14.4018%2010.7611%2014.86%2010.6224%2015.3287%2010.6224C15.957%2010.6224%2016.5597%2010.8715%2017.004%2011.3147C17.4484%2011.758%2017.6982%2012.3593%2017.6984%2012.9862Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_4'%20d='M17.1358%2013.0038C17.1358%2013.36%2017.0299%2013.7083%2016.8316%2014.0045C16.6332%2014.3007%2016.3513%2014.5316%2016.0214%2014.6679C15.6916%2014.8042%2015.3286%2014.8399%2014.9784%2014.7704C14.6282%2014.7009%2014.3066%2014.5294%2014.0541%2014.2774C13.8017%2014.0255%2013.6297%2013.7046%2013.5601%2013.3552C13.4904%2013.0058%2013.5262%2012.6436%2013.6628%2012.3145C13.7994%2011.9853%2014.0308%2011.704%2014.3277%2011.5061C14.6245%2011.3082%2014.9736%2011.2025%2015.3306%2011.2025C15.8094%2011.2025%2016.2685%2011.3923%2016.6071%2011.7301C16.9456%2012.0679%2017.1358%2012.526%2017.1358%2013.0038Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_5'%20d='M16.7061%2013.2093C16.6508%2013.2093%2016.5978%2013.1874%2016.5588%2013.1485C16.5197%2013.1095%2016.4978%2013.0566%2016.4978%2013.0015C16.4974%2012.7236%2016.3866%2012.4572%2016.1897%2012.2607C15.9928%2012.0642%2015.7258%2011.9537%2015.4473%2011.9533C15.4175%2011.9582%2015.3869%2011.9566%2015.3578%2011.9485C15.3287%2011.9405%2015.3017%2011.9262%2015.2786%2011.9067C15.2556%2011.8872%2015.237%2011.8629%2015.2244%2011.8356C15.2117%2011.8082%2015.2051%2011.7784%2015.2051%2011.7482C15.2051%2011.7181%2015.2117%2011.6883%2015.2244%2011.6609C15.237%2011.6336%2015.2556%2011.6093%2015.2786%2011.5898C15.3017%2011.5703%2015.3287%2011.556%2015.3578%2011.5479C15.3869%2011.5399%2015.4175%2011.5383%2015.4473%2011.5432C15.8348%2011.5435%2016.2063%2011.6973%2016.4803%2011.9707C16.7543%2012.2441%2016.9084%2012.6148%2016.9088%2013.0015C16.9088%2013.0557%2016.8876%2013.1077%2016.8498%2013.1465C16.8119%2013.1854%2016.7603%2013.2079%2016.7061%2013.2093Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_6'%20d='M16.8082%2013.6607C16.8082%2013.7106%2016.7934%2013.7594%2016.7656%2013.8008C16.7378%2013.8423%2016.6984%2013.8746%2016.6522%2013.8937C16.606%2013.9128%2016.5552%2013.9178%2016.5062%2013.9081C16.4571%2013.8983%2016.4121%2013.8743%2016.3768%2013.8391C16.3414%2013.8038%2016.3173%2013.7589%2016.3076%2013.7099C16.2978%2013.661%2016.3028%2013.6103%2016.322%2013.5642C16.3411%2013.5182%2016.3735%2013.4788%2016.4151%2013.4511C16.4566%2013.4234%2016.5055%2013.4086%2016.5555%2013.4086C16.6225%2013.4086%2016.6868%2013.4351%2016.7342%2013.4824C16.7816%2013.5297%2016.8082%2013.5939%2016.8082%2013.6607Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_7'%20d='M15.6008%2016.0612C15.5633%2016.0097%2015.5141%2015.9677%2015.4573%2015.9388C15.4005%2015.9099%2015.3376%2015.8949%2015.2738%2015.8949H15.1898C15.126%2015.8948%2015.0631%2015.9099%2015.0062%2015.9388C14.9494%2015.9677%2014.9002%2016.0096%2014.8627%2016.0612C14.8627%2016.0612%2013.6074%2017.4973%2014.1816%2021.0915C14.4989%2023.0777%2015.2314%2023.6694%2015.2314%2023.6694C15.2314%2023.6694%2015.9639%2023.0777%2016.2819%2021.0915C16.8561%2017.4973%2015.6008%2016.0612%2015.6008%2016.0612Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_8'%20d='M15.1468%2015.8949C15.083%2015.8948%2015.0201%2015.9099%2014.9632%2015.9388C14.9064%2015.9677%2014.8572%2016.0096%2014.8198%2016.0612C14.8198%2016.0612%2013.5645%2017.4973%2014.1387%2021.0915C14.456%2023.0777%2015.1884%2023.6694%2015.1884%2023.6694V15.8949H15.1468Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", wt = "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", kt = "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", Fe = ({
+  ambit: i,
+  onClickCopy: d,
+  onClickDelete: s,
+  onClickFilters: n,
+  onClickAmbit: t,
+  isActive: o,
+  activeColor: l,
+  fontColor: a,
+  moreInfo: c
+}) => {
+  const { name: p, date: u, id: h, isBeingProcessed: g } = i;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: H.ambitItem,
+      style: { borderBottom: `1px solid ${a}` },
+      children: [
+        /* @__PURE__ */ m("div", { className: H.ambitNameDate, onClick: () => t(h), children: [
+          /* @__PURE__ */ m("div", { className: H.ambitName, children: [
+            /* @__PURE__ */ r(
+              "img",
+              {
+                style: { marginRight: 9 },
+                src: o ? wt : kt
+              }
+            ),
+            /* @__PURE__ */ r("span", { style: { color: o ? l : a }, children: p })
+          ] }),
+          /* @__PURE__ */ r("div", { className: H.ambitDate, children: new Date(u).toLocaleDateString() })
+        ] }),
+        /* @__PURE__ */ m("div", { className: H.ambitButtons, children: [
+          g && /* @__PURE__ */ r("img", { src: xt }),
+          /* @__PURE__ */ r("button", { onClick: () => n(h), children: /* @__PURE__ */ r("img", { src: _t }) }),
+          /* @__PURE__ */ r("button", { onClick: () => d(h), children: /* @__PURE__ */ r("img", { src: vt }) }),
+          /* @__PURE__ */ r("button", { onClick: () => s(h), children: /* @__PURE__ */ r("img", { src: yt }) })
+        ] })
+      ]
+    }
+  );
+};
+Fe.propTypes = {
+  ambit: e.shape({
+    name: e.string.isRequired,
+    date: e.string.isRequired,
+    id: e.string.isRequired,
+    isBeingProcessed: e.bool
+  }).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 ve = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M7%2015L7%201M7%2015L1%209M7%2015L13%209'%20stroke='%23605B56'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Nt = ({
+  ambitList: i,
+  activeAmbitId: d,
+  fontColor: s = "#605B56",
+  activeColor: n,
+  nameLabel: t,
+  dateLabel: o,
+  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 } = k(), [h, g] = B(i);
+  F(() => {
+    i && g(i);
+  }, [i]);
+  const C = (b) => {
+    if (h && h.length > 0) {
+      let f = [...h];
+      f.sort((v, y) => v[b].localeCompare(y[b])), g(f);
+    }
+  };
+  return /* @__PURE__ */ m("div", { className: q.ambitSelector, style: { color: s }, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: q.header,
+        style: { borderBottom: `1px solid ${s}` },
+        children: [
+          /* @__PURE__ */ m("div", { className: q.nameDateContainer, children: [
+            /* @__PURE__ */ r("div", { className: q.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => C("name"), children: [
+              /* @__PURE__ */ r("span", { children: u(t) }),
+              /* @__PURE__ */ r("img", { src: ve })
+            ] }) }),
+            /* @__PURE__ */ r("div", { className: q.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
+              /* @__PURE__ */ r("span", { children: u(o) }),
+              /* @__PURE__ */ r("img", { src: ve })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ r("div", { className: q.buttonsContainer })
+        ]
+      }
+    ),
+    h && h.length > 0 && h.map((b) => /* @__PURE__ */ r(
+      Fe,
+      {
+        isActive: d == b.id,
+        ambit: b,
+        fontColor: s,
+        activeColor: n,
+        onClickCopy: l,
+        onClickDelete: a,
+        onClickFilters: c,
+        onClickAmbit: p
+      },
+      `ambitKey${b.id}`
+    ))
+  ] });
+};
+Nt.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,
+  nameLabel: e.string,
+  dateLabel: e.string
+};
+const St = "_buttonsContainer_1audx_2", Tt = "_vertical_1audx_6", Mt = "_horizontal_1audx_9", Ft = "_button_1audx_2", Lt = "_active_1audx_25", Dt = "_buttonName_1audx_28", R = {
+  buttonsContainer: St,
+  vertical: Tt,
+  horizontal: Mt,
+  button: Ft,
+  active: Lt,
+  buttonName: Dt
+}, Bt = "_left_19lnt_3", $t = "_top_19lnt_33", Ot = "_bottom_19lnt_66", At = "_right_19lnt_97", It = {
+  left: Bt,
+  top: $t,
+  bottom: Ot,
+  right: At
+}, Le = ({ text: i, position: d, styleCustom: s = null }) => {
+  const { t: n } = k();
+  return /* @__PURE__ */ r("div", { className: `tooltip ${It[d]}`, style: s, 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: s = !0,
+  namePosition: n = "right",
+  useTooltip: t = !1,
+  tooltipPosition: o = "top"
+}) => {
+  const { t: l } = k();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${R.buttonsContainer} ${d === "vertical" && R.vertical}
+          ${d === "horizontal" && R.horizontal}`,
+      children: i.map((a, c) => {
+        const {
+          icon: p,
+          activeIcon: u,
+          isActive: h,
+          name: g,
+          onClick: C
+        } = a, b = /* @__PURE__ */ m(qe, { children: [
+          s && n === "left" && /* @__PURE__ */ r("span", { className: R.buttonName, children: l(g) }),
+          /* @__PURE__ */ r("img", { src: h ? u : p, alt: l(g) }),
+          s && n === "right" && /* @__PURE__ */ r("span", { className: R.buttonName, children: l(g) })
+        ] });
+        return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: C,
+              className: `${R.button}
+                ${h && R.active}`,
+              children: b
+            }
+          ),
+          t && /* @__PURE__ */ r(Le, { text: g, position: o })
+        ] }, 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 Vt = "_indicatorsCategory_1cu33_2", jt = "_title_1cu33_5", oe = {
+  indicatorsCategory: Vt,
+  title: jt
+}, z = ({
+  isOpen: i,
+  onClick: d,
+  children: s,
+  color: n,
+  activeColor: t = "#F8A925",
+  title: o = "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 } = k();
+  return /* @__PURE__ */ m(
+    Ce.div,
+    {
+      className: oe.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: `${oe.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(o) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: oe.content, children: s })
+      ]
+    }
+  );
+};
+z.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 ao = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), zt = "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", Pt = "_AppliedFiltersContainer_s8ooe_2", qt = "_AppliedFilterContent_s8ooe_10", _e = {
+  AppliedFiltersContainer: Pt,
+  AppliedFilterContent: qt
+}, T = Ke((i) => ({
+  activeCategory: "",
+  activeSubCategory: "",
+  selectedIndicator: "",
+  tematicalFiltersSelected: [],
+  fontColor: "#605B56",
+  inputsColor: "#605B56"
+})), De = ({ title: i, onClick: d, isOpen: s = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: o }) => {
+  const { t: l } = k(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
+    T.setState((u) => ({
+      tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
+        (h) => h.code !== p
+      )
+    }));
+  };
+  return /* @__PURE__ */ r(
+    z,
+    {
+      isOpen: s,
+      onClick: d,
+      title: i ? l(i) : "Applied Filters",
+      activeColor: o,
+      children: /* @__PURE__ */ r("div", { className: _e.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ m("div", { className: _e.AppliedFilterContent, style: { color: n, background: t }, children: [
+        l(p.name),
+        /* @__PURE__ */ r("img", { src: zt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
+      ] }, u)) })
+    }
+  );
+};
+De.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: s = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: o }) => {
+  const { t: l } = k(), { tematicalFiltersSelected: a } = T((c) => c);
+  return /* @__PURE__ */ r(
+    z,
+    {
+      isOpen: s,
+      onClick: d,
+      title: i ? l(i) : "Geographical Filters",
+      activeColor: o,
+      children: "A"
+    }
+  );
+};
+Be.propTypes = {
+  isOpen: e.bool,
+  onClick: e.func,
+  title: e.string,
+  textColor: e.string,
+  backgroundColor: e.string,
+  activeColor: e.string
+};
+const Et = "_checkboxContainer_zld97_2", Kt = {
+  checkboxContainer: Et
+}, $e = ({
+  onClick: i,
+  containerStyles: d,
+  color: s = "#605B56",
+  indicator: n,
+  value: t
+}) => {
+  const { t: o } = k(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      style: { ...d, color: s },
+      role: "checkbox",
+      className: Kt.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: o(l) })
+      ]
+    }
+  );
+};
+$e.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 pe(i, d) {
+  return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, n) {
+    return s.__proto__ = n, s;
+  }, pe(i, d);
+}
+function Zt(i, d) {
+  i.prototype = Object.create(d.prototype), i.prototype.constructor = i, pe(i, d);
+}
+function se(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 V(i, d) {
+  return ue(function(s, n) {
+    let t = s;
+    return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
+  }(i, d), d);
+}
+function ue(i, d) {
+  const s = (i - d.min) % d.step;
+  let n = i - s;
+  return 2 * Math.abs(s) >= d.step && (n += s > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
+}
+let he = 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());
+          });
+        }
+        se(a);
+      }
+    }, t.onSliderClick = (a) => {
+      if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
+        const c = t.getMousePosition(a), p = V(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()), se(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()), se(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 o = re(n.value);
+    o.length || (o = re(n.defaultValue)), t.pendingResizeTimeouts = [];
+    const l = [];
+    for (let a = 0; a < o.length; a += 1) o[a] = V(o[a], n), l.push(a);
+    return t.resizeObserver = null, t.resizeElementRef = Z.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: o, zIndices: l }, t;
+  }
+  Zt(d, i);
+  var s = d.prototype;
+  return s.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 o = re(n.value);
+    return o.length ? t.pending ? null : { value: o.map((l) => V(l, n)) } : null;
+  }, s.componentDidUpdate = function() {
+    this.state.upperBound === 0 && this.resize();
+  }, s.componentWillUnmount = function() {
+    this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
+  }, s.onEnd = function(n) {
+    n && function(t) {
+      Object.keys(t).forEach((o) => {
+        typeof document < "u" && document.removeEventListener(o, t[o], !1);
+      });
+    }(n), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
+  }, s.getValue = function() {
+    return W(this.state.value);
+  }, s.getClosestIndex = function(n) {
+    let t = Number.MAX_VALUE, o = -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, o = c);
+    }
+    return o;
+  }, s.getMousePosition = function(n) {
+    return [n["page" + this.axisKey()], n["page" + this.orthogonalAxisKey()]];
+  }, s.getTouchPosition = function(n) {
+    const t = n.touches[0];
+    return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
+  }, s.getKeyDownEventMap = function() {
+    return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
+  }, s.getMouseEventMap = function() {
+    return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
+  }, s.getTouchEventMap = function() {
+    return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
+  }, s.getValueFromPosition = function(n) {
+    const t = n / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
+    return V(this.state.startValue + t, this.props);
+  }, s.getDiffPosition = function(n) {
+    let t = n - this.state.startPosition;
+    return this.props.invert && (t *= -1), t;
+  }, s.resize = function() {
+    const { slider: n, thumb0: t } = this;
+    if (!n || !t) return;
+    const o = this.sizeKey(), l = n.getBoundingClientRect(), a = n[o], c = l[this.posMaxKey()], p = l[this.posMinKey()], u = t.getBoundingClientRect()[o.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 });
+  }, s.calcOffset = function(n) {
+    const t = this.props.max - this.props.min;
+    return t === 0 ? 0 : (n - this.props.min) / t * this.state.upperBound;
+  }, s.calcValue = function(n) {
+    return n / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
+  }, s.calcOffsetFromPosition = function(n) {
+    const { slider: t } = this, o = t.getBoundingClientRect(), l = o[this.posMaxKey()], a = o[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;
+  }, s.forceValueFromPosition = function(n, t) {
+    const o = this.calcOffsetFromPosition(n), l = this.getClosestIndex(o), a = V(this.calcValue(o), 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");
+    });
+  }, s.clearPendingResizeTimeouts = function() {
+    do {
+      const n = this.pendingResizeTimeouts.shift();
+      clearTimeout(n);
+    } while (this.pendingResizeTimeouts.length);
+  }, s.start = function(n, t) {
+    const o = this["thumb" + n];
+    o && o.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 }));
+  }, s.moveUpByStep = function(n) {
+    n === void 0 && (n = this.props.step);
+    const t = this.state.value[this.state.index], o = V(this.props.invert && this.props.orientation === "horizontal" ? t - n : t + n, this.props);
+    this.move(Math.min(o, this.props.max));
+  }, s.moveDownByStep = function(n) {
+    n === void 0 && (n = this.props.step);
+    const t = this.state.value[this.state.index], o = V(this.props.invert && this.props.orientation === "horizontal" ? t + n : t - n, this.props);
+    this.move(Math.max(o, this.props.min));
+  }, s.move = function(n) {
+    const t = this.state.value.slice(), { index: o } = this.state, { length: l } = t, a = t[o];
+    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 (o > 0) {
+        const g = t[o - 1];
+        n < g + h && (n = g + h);
+      }
+      if (o < l - 1) {
+        const g = t[o + 1];
+        n > g - h && (n = g - h);
+      }
+    }
+    t[o] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, h, o), function(g, C, b, f) {
+      for (let v = 0; v < g; v += 1) {
+        const y = f - v * b;
+        C[g - 1 - v] > y && (C[g - 1 - v] = y);
+      }
+    }(l, t, h, p)) : n < a && (this.pushPreceding(t, h, o), function(g, C, b, f) {
+      for (let v = 0; v < g; v += 1) {
+        const y = f + v * b;
+        C[v] < y && (C[v] = y);
+      }
+    }(l, t, h, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+  }, s.pushSucceeding = function(n, t, o) {
+    let l, a;
+    for (l = o, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = ue(a, this.props);
+  }, s.pushPreceding = function(n, t, o) {
+    for (let l = o, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = ue(a, this.props);
+  }, s.axisKey = function() {
+    return this.props.orientation === "vertical" ? "Y" : "X";
+  }, s.orthogonalAxisKey = function() {
+    return this.props.orientation === "vertical" ? "X" : "Y";
+  }, s.posMinKey = function() {
+    return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
+  }, s.posMaxKey = function() {
+    return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
+  }, s.sizeKey = function() {
+    return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
+  }, s.fireChangeEvent = function(n) {
+    this.props[n] && this.props[n](W(this.state.value), this.state.index);
+  }, s.buildThumbStyle = function(n, t) {
+    const o = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
+    return o[this.posMinKey()] = n + "px", o;
+  }, s.buildTrackStyle = function(n, t) {
+    const o = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
+    return o[this.posMinKey()] = n, o[this.posMaxKey()] = t, o;
+  }, s.buildMarkStyle = function(n) {
+    var t;
+    return (t = { position: "absolute" })[this.posMinKey()] = n, t;
+  }, s.renderThumbs = function(n) {
+    const { length: t } = n, o = [];
+    for (let a = 0; a < t; a += 1) o[a] = this.buildThumbStyle(n[a], a);
+    const l = [];
+    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(o[a], a);
+    return l;
+  }, s.renderTracks = function(n) {
+    const t = [], o = n.length - 1;
+    t.push(this.renderTrack(0, 0, n[0]));
+    for (let l = 0; l < o; l += 1) t.push(this.renderTrack(l + 1, n[l], n[l + 1]));
+    return t.push(this.renderTrack(o + 1, n[o], this.state.upperBound)), t;
+  }, s.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((o, l) => l) : typeof n == "number" && (n = Array.from({ length: t }).map((o, l) => l).filter((o) => o % n == 0)), n.map(parseFloat).sort((o, l) => o - l).map((o) => {
+      const l = this.calcOffset(o), a = { key: o, className: this.props.markClassName, style: this.buildMarkStyle(l) };
+      return this.props.renderMark(a);
+    });
+  }, s.render = function() {
+    const n = [], { value: t } = this.state, o = t.length;
+    for (let p = 0; p < o; 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 Z.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;
+}(Z.Component);
+he.displayName = "ReactSlider", he.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) => Z.createElement("div", i), renderTrack: (i) => Z.createElement("div", i), renderMark: (i) => Z.createElement("span", i) };
+var Ut = he;
+const Ht = "_container_15vgv_2", Gt = "_unitLabel_15vgv_9", Yt = "_slider_15vgv_12", Wt = "_thumb_15vgv_18", Xt = "_track_15vgv_27", Jt = "_labels_15vgv_33", E = {
+  container: Ht,
+  unitLabel: Gt,
+  slider: Yt,
+  thumb: Wt,
+  track: Xt,
+  labels: Jt
+}, Oe = ({
+  min: i = 0,
+  max: d = 100,
+  step: s = 1,
+  onChange: n,
+  width: t = 300,
+  unit: o,
+  fontColor: l = "#605B56",
+  value: a = [i, d]
+}) => {
+  const { t: c } = k(), 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(o) }) }),
+        /* @__PURE__ */ r(
+          Ut,
+          {
+            className: E.slider,
+            thumbClassName: E.thumb,
+            trackClassName: E.track,
+            min: i,
+            max: d,
+            step: s,
+            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] })
+        ] })
+      ]
+    }
+  );
+};
+Oe.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 Qt = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_1vm1r_2", tn = "_checkboxContainer_1vm1r_28", nn = "_absoluteSliderContainer_1vm1r_37", J = {
+  tematicalFiltersInputContainer: Qt,
+  inputTypeContainer: en,
+  checkboxContainer: tn,
+  absoluteSliderContainer: nn
+}, be = ({
+  indicator: i,
+  //onChangeBothType
+  activeColor: d
+}) => {
+  const [s, n] = B(), {
+    type: t,
+    name: o,
+    values: l,
+    minValue: a,
+    maxValue: c,
+    unit: p
+  } = i || {}, u = te(
+    () => t == "cat" || s == "cat",
+    [s, t]
+  ), h = te(
+    () => t == "abs" || s == "abs",
+    [s, t]
+  ), {
+    tematicalFiltersSelected: g,
+    selectedIndicator: C,
+    fontColor: b,
+    inputsColor: f
+  } = T((x) => x), v = (x) => {
+    if (x) {
+      const { min: w, max: _, valueClicked: N, allValues: $ } = x || {}, { code: O, type: ne } = i || {}, U = h ? "abs" : u ? "cat" : "both";
+      let A = O[0];
+      ne == "both" && (A = U == "cat" ? O[1] : O[0]), U == "cat" ? T.setState((P) => {
+        let I = P.tematicalFiltersSelected.find(
+          (L) => L.code === A
+        );
+        if (I) {
+          let L = [I.values];
+          if (I.values.includes(N)) {
+            if (L = I.values.filter(
+              (D) => D !== N
+            ), L.length < 1)
+              return {
+                tematicalFiltersSelected: P.tematicalFiltersSelected.filter(
+                  (D) => D.code !== A
+                )
+              };
+          } else
+            L = [...I.values, N];
+          return {
+            tematicalFiltersSelected: P.tematicalFiltersSelected.map(
+              (D) => D.code === A ? { ...D, values: L } : D
+            )
+          };
+        } else {
+          console.log("entra aqui: ", $, " ", N);
+          let L = $.map((D, Pe) => Pe);
+          return {
+            tematicalFiltersSelected: [
+              ...g,
+              {
+                type: "cat",
+                code: A,
+                values: L.filter((D) => D !== N),
+                name: i.name
+              }
+            ]
+          };
+        }
+      }) : U == "abs" && T.setState((P) => {
+        let I = P.tematicalFiltersSelected.find(
+          (L) => L.code === A
+        );
+        if (I) {
+          let L = { ...I };
+          return L.min = w, L.max = _, {
+            tematicalFiltersSelected: P.tematicalFiltersSelected.map(
+              (D) => D.code === A ? L : D
+            )
+          };
+        } else
+          return {
+            tematicalFiltersSelected: [
+              ...g,
+              { type: "abs", code: A, min: w, max: _ }
+            ]
+          };
+      });
+    }
+  }, y = te(() => {
+    const x = {};
+    if ((g == null ? void 0 : g.length) > 0)
+      for (const w of g)
+        w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
+    return x;
+  }, [g]);
+  return /* @__PURE__ */ r("div", { className: J.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
+    z,
+    {
+      titleFontStyles: { fontSize: 16, fontWeight: 400 },
+      title: o,
+      isOpen: C == `id${o}`,
+      onClick: () => T.setState(() => ({
+        selectedIndicator: C == `id${o}` ? "" : `id${o}`
+      })),
+      showBottomBar: !1,
+      height: 38,
+      titleMarginChildren: 14,
+      className: "tematicalFiltersInputContainer",
+      color: b,
+      activeColor: d,
+      children: [
+        t == "both" && /* @__PURE__ */ m(
+          "div",
+          {
+            className: J.inputTypeContainer,
+            style: { color: b },
+            children: [
+              /* @__PURE__ */ m("label", { children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "tipo",
+                    value: "abs",
+                    onChange: () => {
+                      n("abs");
+                    },
+                    style: {
+                      marginRight: 4,
+                      backgroundColor: s == "abs" ? f : "white",
+                      border: `1.5px solid ${s == "abs" ? f : b}`
+                    }
+                  }
+                ),
+                "Absoluto"
+              ] }),
+              /* @__PURE__ */ m("label", { children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: "radio",
+                    name: "tipo",
+                    value: "cat",
+                    onChange: () => {
+                      n("cat");
+                    },
+                    style: {
+                      marginRight: 4,
+                      backgroundColor: s == "cat" ? f : "white",
+                      border: `1.5px solid ${s == "cat" ? f : b}`
+                    }
+                  }
+                ),
+                "Categórico"
+              ] })
+            ]
+          }
+        ),
+        u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x, w) => {
+          var _;
+          return /* @__PURE__ */ r(
+            $e,
+            {
+              onClick: () => v({ valueClicked: w, allValues: l }),
+              indicator: x,
+              value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(w)) || !y[i.code[t == "both" ? 1 : 0]]
+            },
+            `checkbox-${w}`
+          );
+        }) }),
+        h && /* @__PURE__ */ r("div", { className: J.absoluteSliderContainer, children: /* @__PURE__ */ r(
+          Oe,
+          {
+            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 Ae = ({
+  subcategory: i,
+  fontColor: d,
+  activeColor: s
+  //onChangeBothType,
+}) => {
+  const { activeSubcategory: n } = T((l) => l), { name: t, indicators: o } = i || {};
+  return /* @__PURE__ */ r(
+    z,
+    {
+      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: s,
+      children: o == null ? void 0 : o.map((l, a) => /* @__PURE__ */ r(
+        be,
+        {
+          indicator: l,
+          fontColor: d
+        },
+        `indicatorSub-${a}`
+      ))
+    }
+  );
+};
+Ae.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 Ie = ({
+  category: i,
+  //  onChangeBothType,
+  activeColor: d
+}) => {
+  const { name: s, subcategories: n, indicators: t } = i || {}, { activeCategory: o, fontColor: l } = T((a) => a);
+  return i && /* @__PURE__ */ r(
+    z,
+    {
+      onClick: () => {
+        T.setState((a) => ({
+          activeCategory: o === `id${s}` ? "" : `id${s}`
+        }));
+      },
+      title: s,
+      isOpen: o === `id${s}`,
+      titleFontStyles: { fontSize: 18, fontWeight: "bold" },
+      showBottomBar: !1,
+      color: l,
+      activeColor: d,
+      children: n ? n.map((a, c) => /* @__PURE__ */ r(
+        Ae,
+        {
+          subcategory: a,
+          fontColor: l,
+          activeColor: d
+        },
+        `subcategory-${c}`
+      )) : t && t.map((a, c) => /* @__PURE__ */ r(
+        be,
+        {
+          indicator: a,
+          fontColor: l,
+          activeColor: d
+        },
+        `indicator-${c}`
+      ))
+    }
+  );
+};
+Ie.propTypes = {
+  category: e.shape({
+    name: e.string.isRequired,
+    subcategories: e.array,
+    indicators: e.array
+  }),
+  activeColor: e.string
+  //onChangeBothType: PropTypes.func,
+};
+const Re = ({
+  indicators: i,
+  isOpen: d = !0,
+  title: s,
+  fontColor: n = "#605B56",
+  //The color of the slider and the checkbox when is checked
+  inputsColor: t = "#605B56",
+  activeColor: o
+}) => {
+  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = k();
+  return F(() => {
+    console.log("filtersSelected changed: ", l);
+  }, [l]), F(() => {
+    n && T.setState(() => ({ fontColor: n }));
+  }, [n]), F(() => {
+    t && T.setState(() => ({ inputsColor: t }));
+  }, [t]), /* @__PURE__ */ r(
+    z,
+    {
+      isOpen: d,
+      title: s ? a(s) : "Tematical filters",
+      color: n,
+      activeColor: o,
+      children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */ r(
+        Ie,
+        {
+          category: c,
+          fontColor: n,
+          activeColor: o
+        },
+        `category-${p}`
+      ))
+    }
+  );
+};
+Re.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 on = "_FiltersAmbitContainer_6o4gt_2", sn = "_FiltersAmbitHeader_6o4gt_7", rn = "_FiltersAmbitTitle_6o4gt_15", an = "_FiltersAmbitDescription_6o4gt_22", ln = "_FiltersAmbitDescriptionTitle_6o4gt_33", G = {
+  FiltersAmbitContainer: on,
+  FiltersAmbitHeader: sn,
+  FiltersAmbitTitle: rn,
+  FiltersAmbitDescription: an,
+  FiltersAmbitDescriptionTitle: ln
+}, cn = ({
+  ambitName: i,
+  ambitDescription: d,
+  defaultFilters: s,
+  indicators: n,
+  activeColor: t,
+  textColor: o,
+  backgroundColor: l,
+  onChangeAppliedFilters: a,
+  saveAmbit: c
+}) => {
+  const { t: p } = k(), { tematicalFiltersSelected: u } = T((h) => h);
+  return F(() => {
+    s && s.length > 0 && T.setState((h) => ({
+      tematicalFiltersSelected: s
+    }));
+  }, [s]), F(() => {
+    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(
+      De,
+      {
+        title: p("applied_filters"),
+        isOpen: !0,
+        textColor: o || "#fff",
+        backgroundColor: l || "#605B5680",
+        activeColor: t
+      }
+    ),
+    /* @__PURE__ */ r(Be, { activeColor: t }),
+    /* @__PURE__ */ r(
+      Re,
+      {
+        indicators: n,
+        inputsColor: t,
+        textColor: o,
+        title: "tematical_filters",
+        activeColor: t
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "buttonContainer", children: /* @__PURE__ */ r("button", { className: "mainButton", onClick: c, children: p("guardar_ambit") }) })
+  ] });
+};
+cn.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 dn = "_barChartContainer_d2f1z_2", pn = {
+  barChartContainer: dn
+}, Ve = ({
+  data: i,
+  width: d = 700,
+  barHeight: s = 25,
+  gap: n = 23,
+  fontColor: t = "#605B56",
+  verticalPaddign: o = 10,
+  horizontalPaddign: l = 20,
+  leftPadding: a = 200,
+  numberOfDivisions: c = 7,
+  maxValue: p = null
+}) => {
+  const { t: u } = k(), { xScale: h, ticks: g, height: C } = te(() => {
+    if (i && i.length > 0) {
+      const b = (i == null ? void 0 : i.length) * (s + n) + o * 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, w) => p ? p / c * w : f / c * w);
+      return {
+        xScale: v,
+        ticks: y,
+        height: b,
+        width: d,
+        verticalPaddign: o,
+        horizontalPaddign: l
+      };
+    } else
+      return { xScale: null, ticks: [], height: 0 };
+  }, [
+    i,
+    d,
+    c,
+    s,
+    n,
+    l,
+    o,
+    p
+  ]);
+  return /* @__PURE__ */ r("div", { className: pn.barChartContainer, children: /* @__PURE__ */ r("svg", { width: d + l * 2, height: C, children: /* @__PURE__ */ m("g", { transform: `translate(0,${n})`, children: [
+    /* @__PURE__ */ r("g", { transform: `translate(${a + l}, 0)`, children: g.map((b, f) => {
+      const v = h(b);
+      return /* @__PURE__ */ m("g", { transform: `translate(${v}, 0)`, children: [
+        /* @__PURE__ */ r(
+          "line",
+          {
+            y1: 0,
+            y2: C - n * 2,
+            stroke: "#ccc"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "text",
+          {
+            y: C - n,
+            textAnchor: "middle",
+            fontSize: 10,
+            fill: t,
+            children: parseInt(b)
+          }
+        )
+      ] }, f);
+    }) }),
+    i && i.length > 0 && (i == null ? void 0 : i.map((b, f) => {
+      const v = h(b.value), y = f * (s + n);
+      return /* @__PURE__ */ m(
+        "g",
+        {
+          transform: `translate(${a + l}, ${y})`,
+          children: [
+            /* @__PURE__ */ r(
+              "text",
+              {
+                x: -24,
+                y: s / 2 + 5,
+                textAnchor: "end",
+                fill: t,
+                children: u(b.title)
+              }
+            ),
+            /* @__PURE__ */ r(
+              "rect",
+              {
+                width: v,
+                height: s,
+                fill: b.color,
+                rx: 0
+              }
+            )
+          ]
+        },
+        f
+      );
+    }))
+  ] }) }) });
+};
+Ve.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 un = "_graphicContainer_c9zrg_2", hn = "_titleContainer_c9zrg_14", xe = {
+  graphicContainer: un,
+  titleContainer: hn
+}, mn = ({
+  data: i,
+  graphWidth: d = 700,
+  containerStyle: s,
+  borderColor: n = "#605B56",
+  title: t = "Graphic Title",
+  fontColor: o = "#605B56",
+  maxValue: l = null,
+  numberOfDivisions: a = 7,
+  leftPadding: c = 200
+}) => {
+  const { t: p } = k();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: xe.graphicContainer,
+      style: {
+        ...s || {},
+        border: `1.5px solid ${n}`
+      },
+      children: [
+        /* @__PURE__ */ r("div", { className: xe.titleContainer, children: /* @__PURE__ */ r("h2", { children: p(t) }) }),
+        /* @__PURE__ */ r(
+          Ve,
+          {
+            data: i,
+            width: d,
+            fontColor: o,
+            maxValue: l,
+            numberOfDivisions: a,
+            leftPadding: c
+          }
+        )
+      ]
+    }
+  );
+};
+mn.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 gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu33_11", ae = {
+  indicatorsCategory: gn,
+  title: Cn,
+  list: bn
+}, fn = "_indicatorContainer_lw8gx_2", yn = "_indicatorNameContainer_lw8gx_11", vn = "_dot_lw8gx_20", _n = "_indicatorName_lw8gx_11", xn = "_switchExternalContainer_lw8gx_31", wn = "_switchType_lw8gx_40", kn = "_switchTypeOptions_lw8gx_44", Nn = "_optionContainer_lw8gx_55", Sn = "_customRadious_lw8gx_65", Tn = "_optionText_lw8gx_72", S = {
+  indicatorContainer: fn,
+  indicatorNameContainer: yn,
+  dot: vn,
+  indicatorName: _n,
+  switchExternalContainer: xn,
+  switchType: wn,
+  switchTypeOptions: kn,
+  optionContainer: Nn,
+  customRadious: Sn,
+  optionText: Tn
+}, fe = ({
+  indicator: i,
+  values: d = [],
+  activeColor: s,
+  defaultColor: n = "#92898A",
+  activeIndicator: t,
+  activeIndicatorType: o,
+  onClickIndicator: l,
+  multiple: a = !1,
+  onChangeType: c
+}) => {
+  const { t: p } = k(), { name: u, type: h } = i, [g, C] = B(!1);
+  F(() => {
+    t && C(
+      a ? t.some(
+        (v) => v.name == String(u)
+      ) : t.name == u
+    );
+  }, [t]);
+  const b = () => /* @__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: o === "cat" ? s : "transparent",
+                borderColor: o === "cat" ? s : n
+              }
+            }
+          ),
+          /* @__PURE__ */ r(
+            "h4",
+            {
+              className: S.optionText,
+              style: {
+                color: o === "cat" ? s : n
+              },
+              children: p("indicators.cat")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: S.optionContainer,
+        onClick: () => c("abs"),
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: `${S.customRadious}`,
+              style: {
+                backgroundColor: o === "abs" ? s : "transparent",
+                borderColor: o === "abs" ? s : n
+              }
+            }
+          ),
+          /* @__PURE__ */ r(
+            "h4",
+            {
+              className: S.optionText,
+              style: {
+                color: o === "abs" ? s : 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 ${s}` : `1px solid ${n}`
+                  },
+                  className: S.dot
+                }
+              ),
+              /* @__PURE__ */ r(
+                "h4",
+                {
+                  className: S.indicatorName,
+                  style: { color: g ? s : n },
+                  children: /* @__PURE__ */ r(ge, { i18nKey: u, components: { sup: /* @__PURE__ */ r("sup", {}) } })
+                }
+              )
+            ]
+          }
+        ),
+        (t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */ r("div", { children: b() }),
+        (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 Mn = "_indicatorsSubCategory_1dzsi_2", Fn = "_list_1dzsi_8", we = {
+  indicatorsSubCategory: Mn,
+  list: Fn
+}, je = ({
+  subcName: i,
+  indicators: d,
+  defaultColor: s,
+  activeColor: n,
+  activeSubCategory: t,
+  onClickSubCategory: o,
+  id: l,
+  activeIndicator: a,
+  onClickIndicator: c,
+  multiple: p,
+  activeIndicatorType: u,
+  onChangeType: h
+}) => {
+  const { t: g } = k(), [C, b] = B(!1);
+  return F(() => {
+    b(t == l);
+  }, [t, l]), /* @__PURE__ */ m(
+    Ce.div,
+    {
+      className: we.indicatorsSubCategory,
+      initial: { height: "43px" },
+      animate: { height: C ? "auto" : "43px" },
+      transition: { duration: 0.4 },
+      children: [
+        /* @__PURE__ */ r("button", { onClick: () => o(l), children: /* @__PURE__ */ m("h3", { style: { color: C ? n : s }, children: [
+          /* @__PURE__ */ r("span", { style: { color: C ? n : s }, children: C ? "-" : "+" }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              style: { marginLeft: 12, color: C ? n : s },
+              children: g(i)
+            }
+          )
+        ] }) }),
+        d && /* @__PURE__ */ r("div", { className: we.list, children: d == null ? void 0 : d.map((f, v) => /* @__PURE__ */ r(
+          fe,
+          {
+            indicator: f,
+            defaultColor: s,
+            activeColor: n,
+            activeIndicator: a,
+            onClickIndicator: c,
+            multiple: p,
+            activeIndicatorType: u,
+            onChangeType: h
+          },
+          "indicator" + v
+        )) })
+      ]
+    }
+  );
+};
+je.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 ze = ({
+  cat: i,
+  id: d,
+  activeColor: s,
+  defaultColor: n,
+  onClickCategory: t,
+  activeCategory: o,
+  activeSubCategory: l,
+  onClickSubCategory: a,
+  activeIndicator: c,
+  onClickIndicator: p,
+  multiple: u,
+  activeIndicatorType: h,
+  onChangeType: g
+}) => {
+  var v;
+  const { t: C } = k(), [b, f] = B(!1);
+  return F(() => {
+    f(o === d);
+  }, [o, d]), /* @__PURE__ */ m(
+    Ce.div,
+    {
+      className: ae.indicatorsCategory,
+      initial: { height: "53px" },
+      animate: { height: b ? "auto" : "53px" },
+      transition: { duration: 0.4 },
+      style: {
+        backgroundColor: "white",
+        borderBottom: b ? `1px solid ${s}` : "0px",
+        marginBottom: b ? "20px" : "0px"
+      },
+      children: [
+        /* @__PURE__ */ m("h2", { className: `${ae.title}`, onClick: () => t(d), children: [
+          /* @__PURE__ */ r("span", { style: { color: b ? s : n }, children: b ? "-" : "+" }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              style: { marginLeft: 12, color: b ? s : n },
+              children: C(i.name)
+            }
+          )
+        ] }),
+        i.subcategories ? i.subcategories.map(
+          ({ name: y, subcategory: x, indicators: w }, _) => /* @__PURE__ */ r(
+            je,
+            {
+              id: x,
+              activeSubCategory: l,
+              subcName: y,
+              onClickSubCategory: a,
+              activeIndicator: c,
+              onClickIndicator: p,
+              multiple: u,
+              activeColor: s,
+              defaultColor: n,
+              indicators: w,
+              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: s,
+            defaultColor: n,
+            activeIndicator: c,
+            onClickIndicator: p,
+            multiple: u,
+            activeIndicatorType: h,
+            onChangeType: g
+          },
+          `indicator${x}`
+        )) })
+      ]
+    }
+  );
+};
+ze.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 Ln = "_indicatorsList_fklyu_2", Dn = "_title_fklyu_6", ke = {
+  indicatorsList: Ln,
+  title: Dn
+}, Bn = ({
+  indicators: i,
+  activeColor: d,
+  defaultColor: s = "#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: o = null,
+  //si el indicador es tipo "both" cuando se cambia el tipo
+  changeIndType: l,
+  activeIndicatorType: a
+}) => {
+  const { t: c } = k(), [p, u] = B(), [h, g] = B(), [C, b] = B(), f = (_) => {
+    u(p == _ ? null : _);
+  }, v = (_) => {
+    g(h == _ ? null : _);
+  }, y = ({ indicator: _ }) => {
+    console.log("onClickIndicator: ", _), x(_);
+  }, x = (_) => {
+    if (!t)
+      b(
+        (C == null ? void 0 : C.name) == _.name ? null : _
+      );
+    else {
+      let N = C && C.length > 0 ? [...C] : [];
+      b(
+        N != null && N.some(
+          ($) => $.name == _.name
+        ) ? N.filter(
+          ($) => $.name != String(_.name)
+        ) : [...N, _]
+      ), _.type == "both" && l("cat");
+    }
+  };
+  F(() => {
+    console.log("activeindicator changed to: ", C), n && typeof n == "function" && C && n({ activeIndicator: C });
+  }, [C]), Ee(() => {
+    if (o && !C)
+      if (t && o && Array.isArray(o)) {
+        let _ = C && C.length > 0 ? [...C] : [];
+        b([..._, ...o]), w(o[0].name);
+      } else
+        x(o), w(o.name);
+  }, []);
+  const w = (_) => {
+    const N = i.find(($) => {
+      if ($.subcategories) {
+        let O = $.subcategories.find(
+          (ne) => ne.indicators.find((U) => U.name == _)
+        );
+        if (O)
+          return g(O.subcategory), O;
+      } else
+        return $.indicators.some((O) => O.name == _);
+    });
+    N && u(N.category);
+  };
+  return /* @__PURE__ */ m("div", { className: ke.indicatorsList, children: [
+    /* @__PURE__ */ r("h2", { className: ke.title, style: { color: s }, children: c("indicators.indicators") }),
+    i.map((_, N) => /* @__PURE__ */ r(
+      ze,
+      {
+        id: _.category,
+        cat: _,
+        onClickCategory: f,
+        activeCategory: p,
+        onClickSubCategory: v,
+        activeSubCategory: h,
+        onClickIndicator: y,
+        activeIndicator: C,
+        activeColor: d,
+        defaultColor: s,
+        multiple: t,
+        onChange: n,
+        onChangeType: l,
+        activeIndicatorType: a
+      },
+      `categoryKey${N}`
+    ))
+  ] });
+};
+Bn.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 $n = "_langSelector_1of0g_2", On = "_currentLang_1of0g_7", An = "_arrow_1of0g_19", In = "_prevImg_1of0g_22", Rn = "_langMenu_1of0g_26", K = {
+  langSelector: $n,
+  currentLang: On,
+  arrow: An,
+  prevImg: In,
+  langMenu: Rn
+}, Vn = ({ langs: i, arrow: d, imgPrev: s }) => {
+  const [n, t] = B(!1), { i18n: o } = k(), l = i.find((c) => c.code == o.language), a = (c) => {
+    o.changeLanguage(c), t(!1);
+  };
+  return /* @__PURE__ */ m("div", { className: K.langSelector, children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: K.currentLang,
+        onClick: () => {
+          t(!n);
+        },
+        children: [
+          s && /* @__PURE__ */ r("img", { className: K.prevImg, src: s }),
+          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
+    )) })
+  ] });
+};
+Vn.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 jn = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Pn = "_titleContainer_atg3j_46", qn = "_infoContainer_atg3j_52", En = "_titleLegendList_atg3j_63", Kn = "_legendListContainer_atg3j_70", Zn = "_gridContainer_atg3j_70", Un = "_elementLegendContainer_atg3j_76", Hn = "_colorDot_atg3j_82", Gn = "_absoluteValueContainer_atg3j_88", Yn = "_absoluteValueColor_atg3j_91", Wn = "_absoluteValueText_atg3j_96", Xn = "_moreInfoContainer_atg3j_108", M = {
+  legendContainer: jn,
+  closeButton: zn,
+  titleContainer: Pn,
+  infoContainer: qn,
+  titleLegendList: En,
+  legendListContainer: Kn,
+  gridContainer: Zn,
+  elementLegendContainer: Un,
+  colorDot: Hn,
+  absoluteValueContainer: Gn,
+  absoluteValueColor: Yn,
+  absoluteValueText: Wn,
+  moreInfoContainer: Xn
+}, Jn = ({
+  //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: s,
+  //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: o,
+  //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 } = k();
+  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 }) }),
+        s && s.length > 0 && /* @__PURE__ */ r("div", { className: M.infoContainer, children: /* @__PURE__ */ r("ul", { children: s.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(ge, { i18nKey: t, components: { sup: /* @__PURE__ */ r("sup", {}) } }) : p("mainUse") }),
+        /* @__PURE__ */ r("div", { className: M.legendListContainer, children: o ? /* @__PURE__ */ m("div", { className: M.absoluteValueContainer, children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: M.absoluteValueColor,
+              style: {
+                background: `linear-gradient(to bottom, ${o.maxColor} 0%, ${o.minColor} 100%)`
+              }
+            }
+          ),
+          /* @__PURE__ */ m("div", { className: M.absoluteValueText, children: [
+            /* @__PURE__ */ m("span", { children: [
+              o.maxValue,
+              " ",
+              p(o.unit)
+            ] }),
+            /* @__PURE__ */ m("span", { children: [
+              o.minValue,
+              " ",
+              p(o.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") })
+      ]
+    }
+  );
+};
+Jn.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 Qn = "_logo_1ewa6_2", Ne = {
+  logo: Qn
+}, ei = ({ src: i, alt: d, href: s }) => {
+  const { t: n } = k(), t = /* @__PURE__ */ r("img", { src: i, alt: n(d) });
+  return s ? /* @__PURE__ */ r("div", { className: Ne.logo, children: /* @__PURE__ */ r("a", { href: s, children: t }) }) : /* @__PURE__ */ r("div", { className: Ne.logo, children: t });
+};
+ei.propTypes = {
+  src: e.string.isRequired,
+  alt: e.string.isRequired,
+  href: e.string,
+  className: e.string
+};
+const ti = "_mapContainer_84pkf_2", ni = {
+  mapContainer: ti
+};
+Ze.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
+const ii = ({
+  initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
+  maxZoom: d = 17,
+  minZoom: s = 8,
+  mapStyle: n,
+  firstSymbolLayer: t,
+  cssProps: o = "",
+  onClick: l = "",
+  interactiveLayers: a = [],
+  popUp: c = !1,
+  sources: p = [],
+  layers: u = []
+}) => {
+  const h = me(), [g, C] = B(null), b = de((f) => f.mapState.showTexts);
+  return F(() => {
+    if (h.current) {
+      const f = h.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]), /* @__PURE__ */ r("div", { className: `${ni.mapContainer}`, style: o, children: /* @__PURE__ */ m(
+    Ue,
+    {
+      initialViewState: i,
+      ref: h,
+      hash: !1,
+      maxZoom: d,
+      minZoom: s,
+      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: () => C(null),
+            children: c.content
+          }
+        )
+      ]
+    }
+  ) });
+};
+ii.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 oi = "_mapContainer_b0pyr_3", si = {
+  mapContainer: oi
+}, ri = "_FeaturePopUp_1gd6w_2", ai = "_title_1gd6w_2", Se = {
+  FeaturePopUp: ri,
+  title: ai
+}, li = ({ props: i }) => {
+  const { t: d } = k();
+  return /* @__PURE__ */ r("div", { className: Se.FeaturePopUp, children: i.map((s) => /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ m("span", { className: Se.title, children: [
+      /* @__PURE__ */ r(ge, { i18nKey: s.name, components: { sup: /* @__PURE__ */ r("sup", {}) } }),
+      ": "
+    ] }),
+    s.value.toLocaleString("de", { maximumFractionDigits: 2 }),
+    " ",
+    d(s.unit)
+  ] })) });
+}, ci = ({
+  initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
+  maxZoom: d = 17,
+  minZoom: s = 8,
+  mapStyle: n,
+  firstSymbolLayer: t,
+  cssProps: o = {},
+  onClick: l = "",
+  interactiveLayers: a = [],
+  sources: c = [],
+  layers: p = [],
+  filters: u,
+  popUpParams: h,
+  onClosePopUp: g,
+  showTexts: C
+}) => {
+  console.log(u);
+  const b = me();
+  return F(() => {
+    if (b.current) {
+      const f = b.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]), F(() => {
+    let f = new Xe();
+    return ie.addProtocol("pmtiles", f.tile), () => {
+      ie.removeProtocol("pmtiles");
+    };
+  }, []), /* @__PURE__ */ r("div", { className: `${si.mapContainer}`, style: o && o, children: /* @__PURE__ */ m(
+    Je,
+    {
+      mapLib: ie,
+      initialViewState: i,
+      ref: b,
+      hash: !1,
+      maxZoom: d,
+      minZoom: s,
+      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(li, { props: h.props })
+          }
+        )
+      ]
+    }
+  ) });
+};
+ci.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 di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textContainer_1egwc_20", hi = "_title_1egwc_27", mi = "_subtitle_1egwc_33", gi = "_rightContent_1egwc_38", j = {
+  sectionBar: di,
+  leftContent: pi,
+  textContainer: ui,
+  title: hi,
+  subtitle: mi,
+  rightContent: gi
+}, lo = ({
+  leftIcon: i,
+  title: d,
+  subtitle: s,
+  rightContent: n,
+  mainColor: t,
+  width: o
+}) => {
+  const { t: l } = k();
+  return /* @__PURE__ */ m("div", { className: j.sectionBar, style: { width: o && o }, children: [
+    /* @__PURE__ */ m("div", { className: j.leftContent, children: [
+      i && /* @__PURE__ */ r("img", { src: i, alt: "Icono", className: j.icon }),
+      /* @__PURE__ */ m("div", { className: j.textContainer, children: [
+        /* @__PURE__ */ r("div", { className: j.title, children: l(d) }),
+        s && /* @__PURE__ */ r("div", { className: j.subtitle, children: s })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: j.rightContent, children: n })
+  ] });
+}, Ci = 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: co, setYear: le, setActiveIndicatorKey: po, setActiveIndicatorType: uo, setActiveIndicatorUnit: ho } = Ci.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", vi = "_playButton_a19yo_17", _i = "_sliderOpen_a19yo_28", xi = "_sliderResults_a19yo_32", Y = {
+  slider: yi,
+  playButton: vi,
+  sliderOpen: _i,
+  sliderResults: xi
+}, wi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: s = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: o = !1 }) => {
+  const [l, a] = B(d), c = Te(), p = (y, x) => {
+    a(x), c(le(x - 2e3));
+  }, [u, h] = B(!1), g = () => {
+    h(!0);
+  }, C = () => {
+    h(!1);
+  };
+  ((y, x) => {
+    const w = me();
+    F(() => {
+      w.current = y;
+    }, [y]), F(() => {
+      function _() {
+        w.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 = ot({
+    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(
+    st,
+    {
+      sx: { width: 400 },
+      className: `${i ? Y.sliderResults : Y.slider} ${o ? Y.sliderOpen : ""}`,
+      style: { zIndex: t },
+      children: [
+        s,
+        /* @__PURE__ */ r(
+          it,
+          {
+            "aria-label": "TimeSlider",
+            value: l,
+            valueLabelDisplay: "on",
+            step: 1,
+            marks: v,
+            min: s,
+            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: C, children: /* @__PURE__ */ r("img", { src: fi, alt: "Pause" }) })
+      ]
+    }
+  ) });
+};
+wi.propTypes = {
+  defaultYear: e.number,
+  onResults: e.bool,
+  firstYear: e.number,
+  lastYear: e.number,
+  zIndex: e.number,
+  rightBarOpen: e.bool
+};
+const ki = "_TopNavMenuContainer_15agj_2", Ni = "_topNavOptions_15agj_12", Si = "_active_15agj_23", ce = {
+  TopNavMenuContainer: ki,
+  topNavOptions: Ni,
+  active: Si
+}, Ti = ({
+  options: i = [],
+  cssProps: d = {},
+  containerStyles: s
+}) => {
+  const { t: n } = k(), t = d.textColor || "inherit", o = d.borderColor || "transparent", l = d.height || "100%";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: ce.TopNavMenuContainer,
+      style: s || {},
+      children: i.map((a, c) => /* @__PURE__ */ r(
+        at,
+        {
+          to: a.url,
+          className: ({ isActive: p }) => `${ce.topNavOptions} ${p ? ce.active : ""}`,
+          style: ({ isActive: p }) => ({
+            color: t,
+            borderColor: p ? o : "transparent",
+            height: `calc(${l} - 10px)`
+          }),
+          children: n(a.name)
+        },
+        c
+      ))
+    }
+  );
+};
+Ti.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 Mi = 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: Fi, setShowUserMenu: Li } = Mi.actions, Di = "_UserMenuTrigger_uglss_2", Bi = {
+  UserMenuTrigger: Di
+}, $i = ({ cssClass: i, loginLocale: d = "login" }) => {
+  const s = Te(), n = de((a) => a.userState.user.isLoggedIn), t = de((a) => a.userState.user.username), { t: o } = k(), l = () => {
+    s(n ? Fi(!0) : Li(!0));
+  };
+  return /* @__PURE__ */ r("div", { className: `${Bi.UserMenuTrigger} link ${i}`, onClick: l, children: n ? t : o(d) });
+};
+$i.propTypes = {
+  onClickLoggedIn: e.func.isRequired,
+  onClickLoggedOut: e.func.isRequired,
+  log: e.bool,
+  name: e.string,
+  cssClass: e.string,
+  loginLocale: e.string
+};
+const Oi = "_header_t7qdl_2", Ai = "_leftComponents_t7qdl_12", Ii = "_centerComponents_t7qdl_13", Ri = "_rightComponents_t7qdl_14", Q = {
+  header: Oi,
+  leftComponents: Ai,
+  centerComponents: Ii,
+  rightComponents: Ri
+}, Vi = ({
+  cssProps: i,
+  leftComponents: d = [],
+  centerComponents: s = [],
+  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, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
+    }
+  ),
+  /* @__PURE__ */ r(
+    "div",
+    {
+      className: Q.centerComponents,
+      style: { height: i.height },
+      children: s.map((t, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
+    }
+  ),
+  /* @__PURE__ */ r(
+    "div",
+    {
+      className: Q.rightComponents,
+      style: { height: i.height },
+      children: n.map((t, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
+    }
+  )
+] });
+Vi.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 ji = "_sidebar_1jqo2_2", zi = "_open_1jqo2_16", Pi = "_content_1jqo2_20", qi = "_closeButton_1jqo2_26", ee = {
+  sidebar: ji,
+  open: zi,
+  content: Pi,
+  closeButton: qi
+}, Ei = ({ width: i = "300px", children: d, showRightBar: s, onCloseBar: n }) => {
+  const t = () => {
+    n();
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${ee.sidebar} ${s ? ee.open : ""}`,
+      style: { width: s ? i : 0 },
+      children: s && /* @__PURE__ */ m("div", { className: ee.content, children: [
+        /* @__PURE__ */ r("button", { className: ee.closeButton, onClick: t, children: "×" }),
+        d
+      ] })
+    }
+  );
+};
+Ei.propTypes = {
+  width: e.string,
+  children: e.node,
+  showRightBar: e.bool,
+  onCloseBar: e.func
+};
+export {
+  Nt as AmbitSelector,
+  Rt as ButtonsList,
+  z as DropdownList,
+  ao as EditAmbit,
+  cn as FiltersAmbit,
+  mn as Graphic,
+  Vi as HeaderSection,
+  Bn as IndicatorsList,
+  Vn as LangSelector,
+  Jn as Legend,
+  ei as LogoApp,
+  ii as MapboxMap,
+  ci as MaplibreMap,
+  Ei as RightSidebar,
+  lo as SectionBar,
+  wi as TimeSlider,
+  Le as Tooltip,
+  Ti as TopNavMenu,
+  $i as UserMenuTrigger
+};