@tmf_ciclica/ciclicastorybook 1.1.83 → 1.1.86

package/dist/index.es.js

@@ -1,15 +1,15 @@
 (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_mcunf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23{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_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39{font-size:18px;font-weight:600;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53{font-size:18px;font-weight:600;flex:.5}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._buttonsContainer_mcunf_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._ambitListContainer_mcunf_76{flex:1;width:100%}._ambitSelector_mcunf_2 ._newAmbitButtonContainer_mcunf_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._ambitItem_1qa6u_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_1qa6u_2 ._ambitNameDate_1qa6u_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitName_1qa6u_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitDate_1qa6u_35{flex:.5}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38 button:disabled{opacity:.5;cursor:default}._generalButton_8d6ru_2{padding:5px 95px;border-radius:100px}._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_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_cokx9_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start;flex-wrap:wrap}._AppliedFiltersContainer_cokx9_2 ._AppliedFilterContent_cokx9_11{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_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_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_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._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_1go6h_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_1go6h_2 ._indicatorNameContainer_1go6h_11{gap:10px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_1go6h_2 ._dot_1go6h_17{border-radius:100px;width:16px;height:16px}._indicatorContainer_1go6h_2 ._indicatorName_1go6h_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_1go6h_28{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37{margin:0;width:100%}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._customRadious_1go6h_62{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._optionText_1go6h_69{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_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{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_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_jhxfb_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative;overflow-y:scroll}._legendContainer_jhxfb_3::-webkit-scrollbar{width:8px}._legendContainer_jhxfb_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_jhxfb_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_jhxfb_3 ._closeButton_jhxfb_31{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_jhxfb_3 ._closeButton_jhxfb_31:before,._legendContainer_jhxfb_3 ._closeButton_jhxfb_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_jhxfb_3 ._closeButton_jhxfb_31:before{transform:rotate(45deg)}._legendContainer_jhxfb_3 ._closeButton_jhxfb_31:after{transform:rotate(-45deg)}._legendContainer_jhxfb_3 ._titleContainer_jhxfb_59{border-bottom:solid 1.5px #605b56}._legendContainer_jhxfb_3 ._titleContainer_jhxfb_59 h2{padding-bottom:16px}._legendContainer_jhxfb_3 ._infoContainer_jhxfb_65{padding-top:20px}._legendContainer_jhxfb_3 ._infoContainer_jhxfb_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_jhxfb_3 ._titleLegendList_jhxfb_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;margin-top:30px;border-bottom:solid 1.5px #605b56}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._gridContainer_jhxfb_83{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._gridContainer_jhxfb_83 ._elementLegendContainer_jhxfb_89{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._gridContainer_jhxfb_83 ._elementLegendContainer_jhxfb_89 ._colorDot_jhxfb_95{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._absoluteValueContainer_jhxfb_101{position:relative}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._absoluteValueContainer_jhxfb_101 ._absoluteValueColor_jhxfb_104{height:130px;width:22px;border-radius:20px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._absoluteValueContainer_jhxfb_101 ._absoluteValueText_jhxfb_109{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_jhxfb_3 ._legendListContainer_jhxfb_83 ._noDataContainer_jhxfb_121{position:relative;margin-top:10px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._noDataContainer_jhxfb_121 ._noData_jhxfb_121{height:22px;width:22px;border-radius:20px}._legendContainer_jhxfb_3 ._legendListContainer_jhxfb_83 ._noDataContainer_jhxfb_121 ._absoluteValueText_jhxfb_109{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_jhxfb_3 ._moreInfoContainer_jhxfb_142{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_mt8l5_2{padding:15px;color:#92898a}._FeaturePopUp_mt8l5_2 p{margin-bottom:10px}._FeaturePopUp_mt8l5_2 ._title_mt8l5_9{font-weight:600;margin-right:5px;color:#92898a}._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_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._LogInButton_1vxj5_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39{font-size:18px;font-weight:600;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._buttonsContainer_fd7az_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._elementListContainer_fd7az_76{flex:1;width:100%}._elementSelector_fd7az_2 ._newElementButtonContainer_fd7az_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._listElement_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._textInputContainer_1o3iy_2{width:100%}._textInputContainer_1o3iy_2 ._labelContainer_1o3iy_5{margin-bottom:25px}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8{background-color:#605b5620;padding:7px;border-radius:4px;position:relative}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 ._showPasswordButton_1o3iy_14{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 input{width:100%}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26{margin-top:10px;cursor:pointer}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26 button{text-decoration:underline}._errorMessage_1xiyb_2{min-height:25px}._formContainer_b071f_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_b071f_2 ._formObjectContainer_b071f_11{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_b071f_2 ._buttonContainer_b071f_22{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._inputsContainer_10t9s_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;gap:30px}._selectInputContainer_1rj0h_2{width:100%;position:relative}._selectInputContainer_1rj0h_2 ._labelContainer_1rj0h_6{margin-bottom:25px}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9{position:relative}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:9px 40px 9px 9px;border:1.5px solid #605b56;border-radius:4px;cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2 ._option_1rj0h_23{cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._dropdownArrow_1rj0h_26{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}._radioButtonContainer_3bp8g_2{width:100%}._radioButtonContainer_3bp8g_2 ._wholeInputContainer_3bp8g_5{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;width:100%;flex-wrap:wrap;position:relative;gap:15px}@media (width < 768px){._radioButtonContainer_3bp8g_2 ._wholeInputContainer_3bp8g_5{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start}}._radioButtonContainer_3bp8g_2 ._questionContainer_3bp8g_27{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;align-self:flex-start;position:relative}@media (width < 768px){._radioButtonContainer_3bp8g_2 ._questionContainer_3bp8g_27{min-width:auto;max-width:215px}}._radioButtonContainer_3bp8g_2 ._errorContainer_3bp8g_44{position:absolute;top:-25px;left:0}._radioButtonContainer_3bp8g_2 ._iconPrivacy_3bp8g_49{height:100%;padding-right:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._radioButtonContainer_3bp8g_2 ._radioQuestion_3bp8g_59{width:100%;flex:1}._radioButtonContainer_3bp8g_2 ._inputContainer_3bp8g_63{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;gap:10px;position:relative;height:100%}._radioButtonContainer_3bp8g_2 ._inputContainer_3bp8g_63 label{text-align:left}._radioButtonContainer_3bp8g_2 ._inputContainer_3bp8g_63 label input{margin-right:5px}@media (width < 768px){._radioButtonContainer_3bp8g_2 ._inputContainer_3bp8g_63{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;flex:1}}._required_3bp8g_92:after{position:relative;top:-3px;left:1px;display:inline-block;content:"*"}._requiredWhite_3bp8g_100:after{position:relative;top:-3px;left:1px;display:inline-block;content:"*"}label,._radioInput_3bp8g_109{cursor:pointer}._header_13kbt_2{width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;padding:0 16px;background-color:#fff;border-bottom:1px solid black}._header_13kbt_2 ._leftComponents_13kbt_13,._header_13kbt_2 ._centerComponents_13kbt_14,._header_13kbt_2 ._rightComponents_13kbt_15{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_13kbt_2 ._leftComponents_13kbt_13{left:16px}._header_13kbt_2 ._centerComponents_13kbt_14{left:50%;transform:translate(-50%)}._header_13kbt_2 ._rightComponents_13kbt_15{right:16px}._header_13kbt_2 ._componentsContainer_13kbt_32{height:100%;width:100%}._sidebar_pt7g1_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_pt7g1_16{border-left:1px solid #ddd}._content_pt7g1_20{position:relative;padding:20px;height:100%}._closeButton_pt7g1_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_pt7g1_26:hover{color:#000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsxs as h, jsx as s, Fragment as Se } from "react/jsx-runtime";
+import { jsxs as m, jsx as s, Fragment as Se } from "react/jsx-runtime";
 import * as te from "react";
 import B, { useState as D, useEffect as V, useMemo as he, useLayoutEffect as yt, useRef as $e } from "react";
 import e from "prop-types";
-import { useTranslation as N, Trans as Ve } from "react-i18next";
+import { useTranslation as k, Trans as Ve } from "react-i18next";
 import { motion as Ae } from "framer-motion";
 import { create as _t } from "zustand";
 import * as Ee from "d3";
 import vt from "mapbox-gl";
 import { useSelector as wt, useDispatch as xt } from "react-redux";
-import Nt, { Source as kt, Layer as Bt, NavigationControl as St, Popup as Dt } from "react-map-gl/mapbox";
+import kt, { Source as Nt, Layer as Bt, NavigationControl as St, Popup as Dt } from "react-map-gl/mapbox";
 import fe from "maplibre-gl";
 import { Protocol as Mt } from "pmtiles";
 import Lt, { Source as Ft, Layer as Tt, NavigationControl as $t, Popup as Vt } from "react-map-gl/maplibre";
@@ -40,19 +40,19 @@ const jt = "_ambitSelector_mcunf_2", qt = "_header_mcunf_13", zt = "_nameDateCon
   onClickFilters: i,
   onClickAmbit: t,
   isActive: r,
-  activeColor: l,
+  activeColor: c,
   fontColor: a,
-  moreInfo: c
+  moreInfo: l
 }) => {
-  const { nom: u, created_at: C, id: m, isBeingProcessed: b } = n;
-  return /* @__PURE__ */ h(
+  const { nom: u, created_at: h, id: g, isBeingProcessed: y } = n;
+  return /* @__PURE__ */ m(
     "div",
     {
       className: ne.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ h("div", { className: ne.ambitNameDate, onClick: () => t(m), children: [
-          /* @__PURE__ */ h("div", { className: ne.ambitName, children: [
+        /* @__PURE__ */ m("div", { className: ne.ambitNameDate, onClick: () => t(g), children: [
+          /* @__PURE__ */ m("div", { className: ne.ambitName, children: [
             /* @__PURE__ */ s(
               "img",
               {
@@ -60,15 +60,15 @@ const jt = "_ambitSelector_mcunf_2", qt = "_header_mcunf_13", zt = "_nameDateCon
                 src: r ? o2 : s2
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: r ? l : a }, children: u })
+            /* @__PURE__ */ s("span", { style: { color: r ? c : a }, children: u })
           ] }),
-          /* @__PURE__ */ s("div", { className: ne.ambitDate, children: C ? new Date(C).toLocaleDateString() : "" })
+          /* @__PURE__ */ s("div", { className: ne.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
-        /* @__PURE__ */ h("div", { className: ne.ambitButtons, children: [
-          b && /* @__PURE__ */ s("img", { src: i2 }),
-          /* @__PURE__ */ s("button", { onClick: () => i(m), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: n2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => d(m), children: /* @__PURE__ */ s("img", { src: t2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => o(m), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: e2 }) })
+        /* @__PURE__ */ m("div", { className: ne.ambitButtons, children: [
+          y && /* @__PURE__ */ s("img", { src: i2 }),
+          /* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: n2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: t2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: e2 }) })
         ] })
       ]
     }
@@ -121,43 +121,43 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   nameLabel: t,
   dateLabel: r,
-  newAmbitLabel: l = "New field",
+  newAmbitLabel: c = "New field",
   buttonContainerStyles: a = {},
-  containerStyles: c = {},
+  containerStyles: l = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: C = (f) => console.log(`Copy ambit: ${f}`),
-  onCLickDelete: m = (f) => console.log(`Delete ambit: ${f}`),
-  onClickFilters: b = (f) => console.log(`Filters clicked: ${f}`),
-  onClickAmbit: g = (f) => console.log(`OnCLickAmbit: ${f}`)
+  onClickCopy: h = (f) => console.log(`Copy ambit: ${f}`),
+  onCLickDelete: g = (f) => console.log(`Delete ambit: ${f}`),
+  onClickFilters: y = (f) => console.log(`Filters clicked: ${f}`),
+  onClickAmbit: C = (f) => console.log(`OnCLickAmbit: ${f}`)
 }) => {
-  const { t: f } = N(), [_, p] = D(n);
+  const { t: f } = k(), [_, p] = D(n);
   V(() => {
     n && p(n);
   }, [n]);
-  const y = (v) => {
+  const b = (v) => {
     if (_ && _.length > 0) {
       let x = [..._];
-      x.sort((w, k) => w[v].localeCompare(k[v])), p(x);
+      x.sort((w, N) => w[v].localeCompare(N[v])), p(x);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: z.ambitSelector,
-      style: { color: o, ...c },
+      style: { color: o, ...l },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: z.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: z.nameDateContainer, children: [
-                /* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ h("button", { onClick: () => y("name"), children: [
+              /* @__PURE__ */ m("div", { className: z.nameDateContainer, children: [
+                /* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => b("name"), children: [
                   /* @__PURE__ */ s("span", { children: f(t) }),
                   /* @__PURE__ */ s("img", { src: je })
                 ] }) }),
-                /* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ h("button", { onClick: () => y("date"), children: [
+                /* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => b("date"), children: [
                   /* @__PURE__ */ s("span", { children: f(r) }),
                   /* @__PURE__ */ s("img", { src: je })
                 ] }) })
@@ -173,10 +173,10 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ambit: v,
             fontColor: o,
             activeColor: i,
-            onClickCopy: C,
-            onClickDelete: m,
-            onClickFilters: b,
-            onClickAmbit: g
+            onClickCopy: h,
+            onClickDelete: g,
+            onClickFilters: y,
+            onClickAmbit: C
           },
           `ambitKey${v.id}`
         )) }),
@@ -186,7 +186,7 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: f(l)
+            children: f(c)
           }
         ) })
       ]
@@ -228,7 +228,7 @@ const c2 = "_buttonsContainer_1audx_2", d2 = "_vertical_1audx_6", u2 = "_horizon
   bottom: f2,
   right: b2
 }, Y = ({ text: n, position: d, styleCustom: o = null }) => {
-  const { t: i } = N();
+  const { t: i } = k();
   return /* @__PURE__ */ s("div", { className: `tooltip ${y2[d]}`, style: o, children: i(n) });
 };
 Y.propTypes = {
@@ -244,36 +244,36 @@ const _2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: l } = N();
+  const { t: c } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       className: `${Z.buttonsContainer} ${d === "vertical" && Z.vertical}
           ${d === "horizontal" && Z.horizontal}`,
-      children: n.map((a, c) => {
+      children: n.map((a, l) => {
         const {
           icon: u,
-          activeIcon: C,
-          isActive: m,
-          name: b,
-          onClick: g
-        } = a, f = /* @__PURE__ */ h(Se, { children: [
-          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(b) }),
-          /* @__PURE__ */ s("img", { src: m ? C : u, alt: l(b) }),
-          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(b) })
+          activeIcon: h,
+          isActive: g,
+          name: y,
+          onClick: C
+        } = a, f = /* @__PURE__ */ m(Se, { children: [
+          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) }),
+          /* @__PURE__ */ s("img", { src: g ? h : u, alt: c(y) }),
+          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) })
         ] });
-        return /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+        return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
             "button",
             {
-              onClick: g,
+              onClick: C,
               className: `${Z.button}
-                ${m && Z.active}`,
+                ${g && Z.active}`,
               children: f
             }
           ),
-          t && /* @__PURE__ */ s(Y, { text: b, position: r })
-        ] }, c);
+          t && /* @__PURE__ */ s(Y, { text: y, position: r })
+        ] }, l);
       })
     }
   );
@@ -306,27 +306,27 @@ const v2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", be = {
   activeColor: t = "#F8A925",
   title: r = "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,
+  height: c = 53,
   //Adjust height if you change fontSize
   titleFontStyles: a,
-  showBottomBar: c = !0,
+  showBottomBar: l = !0,
   titleMarginChildren: u = 25
 }) => {
-  const { t: C } = N();
-  return /* @__PURE__ */ h(
+  const { t: h } = k();
+  return /* @__PURE__ */ m(
     Ae.div,
     {
       className: be.indicatorsCategory,
-      initial: { height: `${l}px` },
-      animate: { height: n ? "auto" : `${l}px` },
+      initial: { height: `${c}px` },
+      animate: { height: n ? "auto" : `${c}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && c ? `1px solid ${t}` : "0px",
+        borderBottom: n && l ? `1px solid ${t}` : "0px",
         marginBottom: n ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "h2",
           {
             style: {
@@ -337,7 +337,7 @@ const v2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", be = {
             onClick: d,
             children: [
               /* @__PURE__ */ s("span", { style: { color: n ? t : i }, children: n ? "-" : "+" }),
-              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : i }, children: C(r) })
+              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : i }, children: h(r) })
             ]
           }
         ),
@@ -357,9 +357,9 @@ W.propTypes = {
   showBottomBar: e.bool,
   titleFontStyles: e.object
 };
-const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "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", N2 = "_AppliedFiltersContainer_cokx9_2", k2 = "_AppliedFilterContent_cokx9_11", qe = {
-  AppliedFiltersContainer: N2,
-  AppliedFilterContent: k2
+const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "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", k2 = "_AppliedFiltersContainer_cokx9_2", N2 = "_AppliedFilterContent_cokx9_11", qe = {
+  AppliedFiltersContainer: k2,
+  AppliedFilterContent: N2
 }, T = _t((n) => ({
   activeCategory: "",
   activeSubCategory: "",
@@ -368,10 +368,10 @@ const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
   fontColor: "#605B56",
   inputsColor: "#605B56"
 })), tt = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = N(), { tematicalFiltersSelected: a } = T((u) => u), c = (u) => {
-    T.setState((C) => ({
-      tematicalFiltersSelected: C.tematicalFiltersSelected.filter(
-        (m) => m.code !== u
+  const { t: c } = k(), { tematicalFiltersSelected: a } = T((u) => u), l = (u) => {
+    T.setState((h) => ({
+      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
+        (g) => g.code !== u
       )
     }));
   };
@@ -380,12 +380,12 @@ const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
     {
       isOpen: o,
       onClick: d,
-      title: n ? l(n) : "Applied Filters",
+      title: n ? c(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ s("div", { className: qe.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, C) => /* @__PURE__ */ h("div", { className: qe.AppliedFilterContent, style: { color: i, background: t }, children: [
-        l(u.name),
-        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
-      ] }, C)) })
+      children: /* @__PURE__ */ s("div", { className: qe.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, h) => /* @__PURE__ */ m("div", { className: qe.AppliedFilterContent, style: { color: i, background: t }, children: [
+        c(u.name),
+        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => l(u.code), style: { cursor: "pointer" } })
+      ] }, h)) })
     }
   );
 };
@@ -404,13 +404,13 @@ tt.propTypes = {
   activeColor: e.string
 };
 const nt = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = N(), { tematicalFiltersSelected: a } = T((c) => c);
+  const { t: c } = k(), { tematicalFiltersSelected: a } = T((l) => l);
   return /* @__PURE__ */ s(
     W,
     {
       isOpen: o,
       onClick: d,
-      title: n ? l(n) : "Geographical Filters",
+      title: n ? c(n) : "Geographical Filters",
       activeColor: r,
       children: "A"
     }
@@ -433,8 +433,8 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
   indicator: i,
   value: t
 }) => {
-  const { t: r } = N(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = T((u) => u);
-  return /* @__PURE__ */ h(
+  const { t: r } = k(), { title: c } = i || {}, { fontColor: a, inputsColor: l } = T((u) => u);
+  return /* @__PURE__ */ m(
     "div",
     {
       style: { ...d, color: o },
@@ -450,12 +450,12 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
             value: t,
             readOnly: !0,
             style: {
-              border: `1.5px solid ${t ? c : a}`,
-              backgroundColor: t ? c : "white"
+              border: `1.5px solid ${t ? l : a}`,
+              backgroundColor: t ? l : "white"
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "checkmark", children: r(l) })
+        /* @__PURE__ */ s("span", { className: "checkmark", children: r(c) })
       ]
     }
   );
@@ -517,19 +517,19 @@ let Le = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), C = t.getValueFromPosition(u);
-      t.move(C);
+      const l = t.getMousePosition(a), u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const c = t.getTouchPosition(a);
+      const l = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const m = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(b) > Math.abs(m);
+        const g = l[0] - t.startPosition[0], y = l[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(y) > Math.abs(g);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), C = t.getValueFromPosition(u);
-      t.move(C);
+      const u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onKeyDown = (a) => {
       if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
@@ -559,51 +559,51 @@ let Le = function(n) {
     }, 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], (u) => {
-            t.start(u, c[0]), de(t.getMouseEventMap());
+          const l = t.getMousePosition(a);
+          t.forceValueFromPosition(l[0], (u) => {
+            t.start(u, l[0]), de(t.getMouseEventMap());
           });
         }
         ye(a);
       }
     }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const c = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
+        const l = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, t.createOnKeyDown = (a) => (c) => {
-      t.props.disabled || (t.start(a), de(t.getKeyDownEventMap()), ye(c));
-    }, t.createOnMouseDown = (a) => (c) => {
-      if (t.props.disabled || c.button === 2) return;
+    }, t.createOnKeyDown = (a) => (l) => {
+      t.props.disabled || (t.start(a), de(t.getKeyDownEventMap()), ye(l));
+    }, t.createOnMouseDown = (a) => (l) => {
+      if (t.props.disabled || l.button === 2) return;
       t.setState({ pending: !0 });
-      const u = t.getMousePosition(c);
-      t.start(a, u[0]), de(t.getMouseEventMap()), ye(c);
-    }, t.createOnTouchStart = (a) => (c) => {
-      if (t.props.disabled || c.touches.length > 1) return;
+      const u = t.getMousePosition(l);
+      t.start(a, u[0]), de(t.getMouseEventMap()), ye(l);
+    }, t.createOnTouchStart = (a) => (l) => {
+      if (t.props.disabled || l.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(c);
-      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(C) {
-        C.stopPropagation && C.stopPropagation();
-      }(c);
+      const u = t.getTouchPosition(l);
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(h) {
+        h.stopPropagation && h.stopPropagation();
+      }(l);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
       t.pendingResizeTimeouts.push(a);
-    }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), C = { ref: (b) => {
-        t["thumb" + c] = b;
-      }, key: t.props.thumbClassName + "-" + c, className: u, 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 }, m = { index: c, value: ce(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (C["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(m)), t.props.renderThumb(C, m);
-    }, t.renderTrack = (a, c, u) => {
-      const C = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, m = { index: a, value: ce(t.state.value) };
-      return t.props.renderTrack(C, m);
+    }, t.renderThumb = (a, l) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), h = { ref: (y) => {
+        t["thumb" + l] = y;
+      }, key: t.props.thumbClassName + "-" + l, className: u, style: a, onMouseDown: t.createOnMouseDown(l), onTouchStart: t.createOnTouchStart(l), onFocus: t.createOnKeyDown(l), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[l], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[l] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[l] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: l, value: ce(t.state.value), valueNow: t.state.value[l] };
+      return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
+    }, t.renderTrack = (a, l, u) => {
+      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(l, t.state.upperBound - u) }, g = { index: a, value: ce(t.state.value) };
+      return t.props.renderTrack(h, g);
     };
     let r = _e(i.value);
     r.length || (r = _e(i.defaultValue)), t.pendingResizeTimeouts = [];
-    const l = [];
-    for (let a = 0; a < r.length; a += 1) r[a] = H(r[a], i), l.push(a);
-    return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
+    const c = [];
+    for (let a = 0; a < r.length; a += 1) r[a] = H(r[a], i), c.push(a);
+    return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: c }, t;
   }
   D2(d, n);
   var o = d.prototype;
@@ -611,7 +611,7 @@ let Le = function(n) {
     typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
   }, d.getDerivedStateFromProps = function(i, t) {
     const r = _e(i.value);
-    return r.length ? t.pending ? null : { value: r.map((l) => H(l, i)) } : null;
+    return r.length ? t.pending ? null : { value: r.map((c) => H(c, i)) } : null;
   }, o.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, o.componentWillUnmount = function() {
@@ -626,10 +626,10 @@ let Le = function(n) {
     return ce(this.state.value);
   }, o.getClosestIndex = function(i) {
     let t = Number.MAX_VALUE, r = -1;
-    const { value: l } = this.state, a = l.length;
-    for (let c = 0; c < a; c += 1) {
-      const u = this.calcOffset(l[c]), C = Math.abs(i - u);
-      C < t && (t = C, r = c);
+    const { value: c } = this.state, a = c.length;
+    for (let l = 0; l < a; l += 1) {
+      const u = this.calcOffset(c[l]), h = Math.abs(i - u);
+      h < t && (t = h, r = l);
     }
     return r;
   }, o.getMousePosition = function(i) {
@@ -652,23 +652,23 @@ let Le = function(n) {
   }, o.resize = function() {
     const { slider: i, thumb0: t } = this;
     if (!i || !t) return;
-    const r = this.sizeKey(), l = i.getBoundingClientRect(), a = i[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], C = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], m = a - C, b = Math.abs(c - u);
-    this.state.upperBound === m && this.state.sliderLength === b && this.state.thumbSize === C || this.setState({ upperBound: m, sliderLength: b, thumbSize: C });
+    const r = this.sizeKey(), c = i.getBoundingClientRect(), a = i[r], l = c[this.posMaxKey()], u = c[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, y = Math.abs(l - u);
+    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: y, thumbSize: h });
   }, o.calcOffset = function(i) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (i - this.props.min) / t * this.state.upperBound;
   }, o.calcValue = function(i) {
     return i / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, o.calcOffsetFromPosition = function(i) {
-    const { slider: t } = this, r = t.getBoundingClientRect(), l = r[this.posMaxKey()], a = r[this.posMinKey()];
-    let c = i - (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;
+    const { slider: t } = this, r = t.getBoundingClientRect(), c = r[this.posMaxKey()], a = r[this.posMinKey()];
+    let l = i - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? c : a));
+    return this.props.invert && (l = this.state.sliderLength - l), l -= this.state.thumbSize / 2, l;
   }, o.forceValueFromPosition = function(i, t) {
-    const r = this.calcOffsetFromPosition(i), l = this.getClosestIndex(r), a = H(this.calcValue(r), this.props), c = this.state.value.slice();
-    c[l] = a;
-    for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
-    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
-      t(l), this.fireChangeEvent("onChange");
+    const r = this.calcOffsetFromPosition(i), c = this.getClosestIndex(r), a = H(this.calcValue(r), this.props), l = this.state.value.slice();
+    l[c] = a;
+    for (let u = 0; u < l.length - 1; u += 1) if (l[u + 1] - l[u] < this.props.minDistance) return;
+    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: l }, () => {
+      t(c), this.fireChangeEvent("onChange");
     });
   }, o.clearPendingResizeTimeouts = function() {
     do {
@@ -678,8 +678,8 @@ let Le = function(n) {
   }, o.start = function(i, t) {
     const r = this["thumb" + i];
     r && r.focus();
-    const { zIndices: l } = this.state;
-    l.splice(l.indexOf(i), 1), l.push(i), this.setState((a) => ({ startValue: a.value[i], startPosition: t !== void 0 ? t : a.startPosition, index: i, zIndices: l }));
+    const { zIndices: c } = this.state;
+    c.splice(c.indexOf(i), 1), c.push(i), this.setState((a) => ({ startValue: a.value[i], startPosition: t !== void 0 ? t : a.startPosition, index: i, zIndices: c }));
   }, o.moveUpByStep = function(i) {
     i === void 0 && (i = this.props.step);
     const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t - i : t + i, this.props);
@@ -689,36 +689,36 @@ let Le = function(n) {
     const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t + i : t - i, this.props);
     this.move(Math.max(r, this.props.min));
   }, o.move = function(i) {
-    const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
+    const t = this.state.value.slice(), { index: r } = this.state, { length: c } = t, a = t[r];
     if (i === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: C, minDistance: m } = this.props;
-    if (!c) {
+    const { pearling: l, max: u, min: h, minDistance: g } = this.props;
+    if (!l) {
       if (r > 0) {
-        const b = t[r - 1];
-        i < b + m && (i = b + m);
+        const y = t[r - 1];
+        i < y + g && (i = y + g);
       }
-      if (r < l - 1) {
-        const b = t[r + 1];
-        i > b - m && (i = b - m);
+      if (r < c - 1) {
+        const y = t[r + 1];
+        i > y - g && (i = y - g);
       }
     }
-    t[r] = i, c && l > 1 && (i > a ? (this.pushSucceeding(t, m, r), function(b, g, f, _) {
-      for (let p = 0; p < b; p += 1) {
-        const y = _ - p * f;
-        g[b - 1 - p] > y && (g[b - 1 - p] = y);
+    t[r] = i, l && c > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, C, f, _) {
+      for (let p = 0; p < y; p += 1) {
+        const b = _ - p * f;
+        C[y - 1 - p] > b && (C[y - 1 - p] = b);
       }
-    }(l, t, m, u)) : i < a && (this.pushPreceding(t, m, r), function(b, g, f, _) {
-      for (let p = 0; p < b; p += 1) {
-        const y = _ + p * f;
-        g[p] < y && (g[p] = y);
+    }(c, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, C, f, _) {
+      for (let p = 0; p < y; p += 1) {
+        const b = _ + p * f;
+        C[p] < b && (C[p] = b);
       }
-    }(l, t, m, C))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(c, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(i, t, r) {
-    let l, a;
-    for (l = r, a = i[l] + t; i[l + 1] !== null && a > i[l + 1]; l += 1, a = i[l] + t) i[l + 1] = Me(a, this.props);
+    let c, a;
+    for (c = r, a = i[c] + t; i[c + 1] !== null && a > i[c + 1]; c += 1, a = i[c] + t) i[c + 1] = Me(a, this.props);
   }, o.pushPreceding = function(i, t, r) {
-    for (let l = r, a = i[l] - t; i[l - 1] !== null && a < i[l - 1]; l -= 1, a = i[l] - t) i[l - 1] = Me(a, this.props);
+    for (let c = r, a = i[c] - t; i[c - 1] !== null && a < i[c - 1]; c -= 1, a = i[c] - t) i[c - 1] = Me(a, this.props);
   }, o.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, o.orthogonalAxisKey = function() {
@@ -743,28 +743,28 @@ let Le = function(n) {
   }, o.renderThumbs = function(i) {
     const { length: t } = i, r = [];
     for (let a = 0; a < t; a += 1) r[a] = this.buildThumbStyle(i[a], a);
-    const l = [];
-    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
-    return l;
+    const c = [];
+    for (let a = 0; a < t; a += 1) c[a] = this.renderThumb(r[a], a);
+    return c;
   }, o.renderTracks = function(i) {
     const t = [], r = i.length - 1;
     t.push(this.renderTrack(0, 0, i[0]));
-    for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, i[l], i[l + 1]));
+    for (let c = 0; c < r; c += 1) t.push(this.renderTrack(c + 1, i[c], i[c + 1]));
     return t.push(this.renderTrack(r + 1, i[r], this.state.upperBound)), t;
   }, o.renderMarks = function() {
     let { marks: i } = this.props;
     const t = this.props.max - this.props.min + 1;
-    return typeof i == "boolean" ? i = Array.from({ length: t }).map((r, l) => l) : typeof i == "number" && (i = Array.from({ length: t }).map((r, l) => l).filter((r) => r % i == 0)), i.map(parseFloat).sort((r, l) => r - l).map((r) => {
-      const l = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(l) };
+    return typeof i == "boolean" ? i = Array.from({ length: t }).map((r, c) => c) : typeof i == "number" && (i = Array.from({ length: t }).map((r, c) => c).filter((r) => r % i == 0)), i.map(parseFloat).sort((r, c) => r - c).map((r) => {
+      const c = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(c) };
       return this.props.renderMark(a);
     });
   }, o.render = function() {
     const i = [], { value: t } = this.state, r = t.length;
     for (let u = 0; u < r; u += 1) i[u] = this.calcOffset(t[u], u);
-    const l = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), c = this.props.marks ? this.renderMarks() : null;
+    const c = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), l = this.props.marks ? this.renderMarks() : null;
     return B.createElement("div", { ref: (u) => {
       this.slider = u, this.resizeElementRef.current = u;
-    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, c, a, l);
   }, d;
 }(B.Component);
 Le.displayName = "ReactSlider", Le.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, 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: (n) => B.createElement("div", n), renderTrack: (n) => B.createElement("div", n), renderMark: (n) => B.createElement("span", n) };
@@ -783,21 +783,21 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   onChange: i,
   width: t = 300,
   unit: r,
-  fontColor: l = "#605B56",
+  fontColor: c = "#605B56",
   defaultValue: a
 }) => {
-  const { t: c } = N(), [u, C] = D([n, d]), m = (b) => {
-    C(b), i == null || i({ min: b[0], max: b[1] });
+  const { t: l } = k(), [u, h] = D([n, d]), g = (y) => {
+    h(y), i == null || i({ min: y[0], max: y[1] });
   };
   return V(() => {
-    a || C([n, d]);
-  }, [a]), /* @__PURE__ */ h(
+    a || h([n, d]);
+  }, [a]), /* @__PURE__ */ m(
     "div",
     {
       className: Q.container,
-      style: { width: `${t}px`, color: `${l}` },
+      style: { width: `${t}px`, color: `${c}` },
       children: [
-        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
+        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: l(r) }) }),
         /* @__PURE__ */ s(
           M2,
           {
@@ -808,13 +808,13 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
             max: d,
             step: o,
             value: u,
-            onAfterChange: m,
+            onAfterChange: g,
             withTracks: !0,
             pearling: !0,
             minDistance: 0.1
           }
         ),
-        /* @__PURE__ */ h("div", { className: Q.labels, children: [
+        /* @__PURE__ */ m("div", { className: Q.labels, children: [
           /* @__PURE__ */ s("span", { children: u[0] }),
           /* @__PURE__ */ s("span", { children: u[1] })
         ] })
@@ -847,25 +847,25 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   const [o, i] = D(), {
     type: t,
     name: r,
-    values: l,
+    values: c,
     minValue: a,
-    maxValue: c,
+    maxValue: l,
     unit: u,
-    step: C
-  } = n || {}, m = he(
+    step: h
+  } = n || {}, g = he(
     () => t == "cat" || o == "cat",
     [o, t]
-  ), b = he(
+  ), y = he(
     () => t == "abs" || o == "abs",
     [o, t]
   ), {
-    tematicalFiltersSelected: g,
+    tematicalFiltersSelected: C,
     selectedIndicator: f,
     fontColor: _,
     inputsColor: p
-  } = T((x) => x), y = (x) => {
+  } = T((x) => x), b = (x) => {
     if (x) {
-      const { min: w, max: k, valueClicked: L, allValues: F } = x || {}, { code: q, type: ae } = n || {}, le = b ? "abs" : m ? "cat" : "both";
+      const { min: w, max: N, valueClicked: L, allValues: F } = x || {}, { code: q, type: ae } = n || {}, le = y ? "abs" : g ? "cat" : "both";
       let R = q[0];
       ae == "both" && (R = le == "cat" ? q[1] : q[0]), le == "cat" ? T.setState((P) => {
         let E = P.tematicalFiltersSelected.find(
@@ -888,7 +888,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           let $ = F.map((I, bt) => bt);
           return {
             tematicalFiltersSelected: [
-              ...g,
+              ...C,
               {
                 type: "cat",
                 code: R,
@@ -902,7 +902,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
         let E = P.tematicalFiltersSelected.find(
           ($) => $.code === R
         );
-        if (w == n.minValue && k == n.maxValue)
+        if (w == n.minValue && N == n.maxValue)
           return {
             tematicalFiltersSelected: P.tematicalFiltersSelected.filter(
               ($) => $.code !== R
@@ -910,7 +910,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           };
         if (E) {
           let $ = { ...E };
-          return $.min = w, $.max = k, {
+          return $.min = w, $.max = N, {
             tematicalFiltersSelected: P.tematicalFiltersSelected.map(
               (I) => I.code === R ? $ : I
             )
@@ -918,20 +918,20 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ...g,
-              { type: "abs", code: R, min: w, max: k, name: n.name }
+              ...C,
+              { type: "abs", code: R, min: w, max: N, name: n.name }
             ]
           };
       });
     }
   }, v = he(() => {
     const x = {};
-    if ((g == null ? void 0 : g.length) > 0)
-      for (const w of g)
+    if ((C == null ? void 0 : C.length) > 0)
+      for (const w of C)
         w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
     return console.log("mapfilterSelected", x), x;
-  }, [g]);
-  return /* @__PURE__ */ s("div", { className: ue.tematicalFiltersInputContainer, children: /* @__PURE__ */ h(
+  }, [C]);
+  return /* @__PURE__ */ s("div", { className: ue.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
     W,
     {
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
@@ -947,13 +947,13 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
       color: _,
       activeColor: d,
       children: [
-        t == "both" && /* @__PURE__ */ h(
+        t == "both" && /* @__PURE__ */ m(
           "div",
           {
             className: ue.inputTypeContainer,
             style: { color: _ },
             children: [
-              /* @__PURE__ */ h("label", { children: [
+              /* @__PURE__ */ m("label", { children: [
                 /* @__PURE__ */ s(
                   "input",
                   {
@@ -972,7 +972,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
                 ),
                 "Absoluto"
               ] }),
-              /* @__PURE__ */ h("label", { children: [
+              /* @__PURE__ */ m("label", { children: [
                 /* @__PURE__ */ s(
                   "input",
                   {
@@ -994,27 +994,27 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
             ]
           }
         ),
-        m && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: l.map((x, w) => {
-          var k;
+        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: c.map((x, w) => {
+          var N;
           return /* @__PURE__ */ s(
             it,
             {
-              onClick: () => y({ valueClicked: w, allValues: l }),
+              onClick: () => b({ valueClicked: w, allValues: c }),
               indicator: x,
-              value: ((k = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : k.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
+              value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
             },
             `checkbox-${w}`
           );
         }) }),
-        b && /* @__PURE__ */ s("div", { className: ue.absoluteSliderContainer, children: /* @__PURE__ */ s(
+        y && /* @__PURE__ */ s("div", { className: ue.absoluteSliderContainer, children: /* @__PURE__ */ s(
           ot,
           {
-            onChange: y,
+            onChange: b,
             min: a,
-            max: c,
+            max: l,
             unit: u,
             defaultValue: v[n.code[0]] ? v[n.code[0]] : "",
-            step: C
+            step: h
           }
         ) })
       ]
@@ -1042,15 +1042,15 @@ const st = ({
   activeColor: o
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: i } = T((l) => l), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: i } = T((c) => c), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     W,
     {
       title: t,
       isOpen: i == `id${t}`,
       onClick: () => {
-        T.setState((l) => ({
-          activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
+        T.setState((c) => ({
+          activeSubcategory: c.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
@@ -1059,10 +1059,10 @@ const st = ({
       height: 48,
       color: d,
       activeColor: o,
-      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ s(
+      children: r == null ? void 0 : r.map((c, a) => /* @__PURE__ */ s(
         Ie,
         {
-          indicator: l,
+          indicator: c,
           fontColor: d,
           activeColor: o
         },
@@ -1089,7 +1089,7 @@ const rt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = T((a) => a);
+  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: c } = T((a) => a);
   return n && /* @__PURE__ */ s(
     W,
     {
@@ -1102,24 +1102,24 @@ const rt = ({
       isOpen: r === `id${o}`,
       titleFontStyles: { fontSize: 18, fontWeight: "bold" },
       showBottomBar: !1,
-      color: l,
+      color: c,
       activeColor: d,
-      children: i ? i.map((a, c) => /* @__PURE__ */ s(
+      children: i ? i.map((a, l) => /* @__PURE__ */ s(
         st,
         {
           subcategory: a,
-          fontColor: l,
+          fontColor: c,
           activeColor: d
         },
-        `subcategory-${c}`
-      )) : t && t.map((a, c) => /* @__PURE__ */ s(
+        `subcategory-${l}`
+      )) : t && t.map((a, l) => /* @__PURE__ */ s(
         Ie,
         {
           indicator: a,
-          fontColor: l,
+          fontColor: c,
           activeColor: d
         },
-        `indicator-${c}`
+        `indicator-${l}`
       ))
     }
   );
@@ -1142,7 +1142,7 @@ const at = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = N();
+  const { tematicalFiltersSelected: c } = T((l) => l), { t: a } = k();
   return V(() => {
     i && T.setState(() => ({ fontColor: i }));
   }, [i]), V(() => {
@@ -1154,10 +1154,10 @@ const at = ({
       title: o ? a(o) : "Tematical filters",
       color: i,
       activeColor: r,
-      children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
+      children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ s(
         rt,
         {
-          category: c,
+          category: l,
           fontColor: i,
           activeColor: r
         },
@@ -1189,17 +1189,17 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
   indicators: i,
   activeColor: t,
   textColor: r,
-  backgroundColor: l,
+  backgroundColor: c,
   onChangeAppliedFilters: a,
-  saveAmbit: c,
+  saveAmbit: l,
   namePlaceholder: u,
-  descPlaceholder: C,
-  filtersTypes: m = ["geographical", "tematical"],
-  nameRequiredText: b,
-  onlyFilters: g = !1
+  descPlaceholder: h,
+  filtersTypes: g = ["geographical", "tematical"],
+  nameRequiredText: y,
+  onlyFilters: C = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: f } = N(), { tematicalFiltersSelected: _ } = T((F) => F), [p, y] = D(n || null), [v, x] = D(d || null), [w, k] = D(!1);
+  const { t: f } = k(), { tematicalFiltersSelected: _ } = T((F) => F), [p, b] = D(n || null), [v, x] = D(d || null), [w, N] = D(!1);
   V(() => {
     o && o.length > 0 && T.setState((F) => ({
       tematicalFiltersSelected: o
@@ -1208,16 +1208,16 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
     console.log("filtersSelected changed: ", _), a(_);
   }, [_]);
   const L = () => {
-    p ? c({ name: p, description: v }) : k(!0);
+    p ? l({ name: p, description: v }) : N(!0);
   };
-  return /* @__PURE__ */ h("div", { className: X.FiltersAmbitContainer, children: [
-    !g && /* @__PURE__ */ h("div", { className: X.FiltersAmbitHeader, children: [
+  return /* @__PURE__ */ m("div", { className: X.FiltersAmbitContainer, children: [
+    !C && /* @__PURE__ */ m("div", { className: X.FiltersAmbitHeader, children: [
       /* @__PURE__ */ s("div", { className: X.FiltersAmbitTitle, children: /* @__PURE__ */ s(
         "input",
         {
           type: "text",
           onChange: (F) => {
-            k(!1), y(F.target.value);
+            N(!1), b(F.target.value);
           },
           value: p,
           placeholder: f(u)
@@ -1228,7 +1228,7 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           value: v,
           onChange: (F) => x(F.target.value),
-          placeholder: f(C)
+          placeholder: f(h)
         }
       ) }) })
     ] }),
@@ -1238,12 +1238,12 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         title: f("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
-        backgroundColor: l || "#605B5680",
+        backgroundColor: c || "#605B5680",
         activeColor: t
       }
     ),
-    m.includes("geographical") && /* @__PURE__ */ s(nt, { activeColor: t }),
-    m.includes("tematical") && /* @__PURE__ */ s(
+    g.includes("geographical") && /* @__PURE__ */ s(nt, { activeColor: t }),
+    g.includes("tematical") && /* @__PURE__ */ s(
       at,
       {
         indicators: i,
@@ -1253,8 +1253,8 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    w && /* @__PURE__ */ s("div", { className: X.warning, children: f(b) }),
-    !g && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(ge, { onClick: () => L(), children: f("save_ambit") }) })
+    w && /* @__PURE__ */ s("div", { className: X.warning, children: f(y) }),
+    !C && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(ge, { onClick: () => L(), children: f("save_ambit") }) })
   ] });
 };
 K2.propTypes = {
@@ -1281,50 +1281,50 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
   gap: i = 23,
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
-  horizontalPaddign: l = 20,
+  horizontalPaddign: c = 20,
   leftPadding: a = 200,
-  numberOfDivisions: c = 7,
+  numberOfDivisions: l = 7,
   maxValue: u = null
 }) => {
-  const { t: C } = N(), { xScale: m, ticks: b, height: g } = he(() => {
+  const { t: h } = k(), { xScale: g, ticks: y, height: C } = he(() => {
     if (n && n.length > 0) {
-      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Ee.max(n, (v) => v.value) || 1, p = Ee.scaleLinear().domain([0, u || _]).range([0, d - a]), y = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : _ / c * x);
+      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Ee.max(n, (v) => v.value) || 1, p = Ee.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: l + 1 }, (v, x) => u ? u / l * x : _ / l * x);
       return {
         xScale: p,
-        ticks: y,
+        ticks: b,
         height: f,
         width: d,
         verticalPaddign: r,
-        horizontalPaddign: l
+        horizontalPaddign: c
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
   }, [
     n,
     d,
-    c,
+    l,
     o,
     i,
-    l,
+    c,
     r,
     u
   ]);
-  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: g, children: /* @__PURE__ */ h("g", { transform: `translate(0,${i})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: b.map((f, _) => {
-      const p = m(f);
-      return /* @__PURE__ */ h("g", { transform: `translate(${p}, 0)`, children: [
+  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + c * 2, height: C, children: /* @__PURE__ */ m("g", { transform: `translate(0,${i})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${a + c}, 0)`, children: y.map((f, _) => {
+      const p = g(f);
+      return /* @__PURE__ */ m("g", { transform: `translate(${p}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
           {
             y1: 0,
-            y2: g - i * 2,
+            y2: C - i * 2,
             stroke: "#ccc"
           }
         ),
         /* @__PURE__ */ s(
           "text",
           {
-            y: g - i,
+            y: C - i,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
@@ -1334,11 +1334,11 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
       ] }, _);
     }) }),
     n && n.length > 0 && (n == null ? void 0 : n.map((f, _) => {
-      const p = m(f.value), y = _ * (o + i);
-      return /* @__PURE__ */ h(
+      const p = g(f.value), b = _ * (o + i);
+      return /* @__PURE__ */ m(
         "g",
         {
-          transform: `translate(${a + l}, ${y})`,
+          transform: `translate(${a + c}, ${b})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1347,7 +1347,7 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
                 y: o / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: C(f.title)
+                children: h(f.title)
               }
             ),
             /* @__PURE__ */ s(
@@ -1392,12 +1392,12 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", ze = {
   borderColor: i = "#605B56",
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
-  maxValue: l = null,
+  maxValue: c = null,
   numberOfDivisions: a = 7,
-  leftPadding: c = 200
+  leftPadding: l = 200
 }) => {
-  const { t: u } = N();
-  return /* @__PURE__ */ h(
+  const { t: u } = k();
+  return /* @__PURE__ */ m(
     "div",
     {
       className: ze.graphicContainer,
@@ -1413,9 +1413,9 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", ze = {
             data: n,
             width: d,
             fontColor: r,
-            maxValue: l,
+            maxValue: c,
             numberOfDivisions: a,
-            leftPadding: c
+            leftPadding: l
           }
         )
       ]
@@ -1461,24 +1461,24 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
   defaultColor: i = "#92898A",
   activeIndicator: t,
   activeIndicatorType: r,
-  onClickIndicator: l,
+  onClickIndicator: c,
   multiple: a = !1,
-  onChangeType: c
+  onChangeType: l
 }) => {
-  const { t: u } = N(), { name: C, type: m } = n, [b, g] = D(!1);
+  const { t: u } = k(), { name: h, type: g } = n, [y, C] = D(!1);
   V(() => {
-    t && g(
+    t && C(
       a ? t.some(
-        (p) => p.name == String(C)
-      ) : t.name == C
+        (p) => p.name == String(h)
+      ) : t.name == h
     );
   }, [t]);
-  const f = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ h("div", { className: M.switchTypeOptions, children: [
-    /* @__PURE__ */ h(
+  const f = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ m("div", { className: M.switchTypeOptions, children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: M.optionContainer,
-        onClick: () => c("cat"),
+        onClick: () => l("cat"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1503,11 +1503,11 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
         ]
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         className: M.optionContainer,
-        onClick: () => c("abs"),
+        onClick: () => l("abs"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1532,7 +1532,7 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
         ]
       }
     )
-  ] }) }) }), _ = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ s("div", { className: M.switchTypeOptions, children: d.map((p, y) => /* @__PURE__ */ h(
+  ] }) }) }), _ = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ s("div", { className: M.switchTypeOptions, children: d.map((p, b) => /* @__PURE__ */ m(
     "div",
     {
       className: M.optionContainer,
@@ -1546,20 +1546,20 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
         /* @__PURE__ */ s("h4", { children: u(p.unit) })
       ]
     },
-    y
+    b
   )) }) }) });
-  return /* @__PURE__ */ h("div", { className: M.indicatorContainer, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: M.indicatorContainer, children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: M.indicatorNameContainer,
-        onClick: () => l({ indicator: n }),
+        onClick: () => c({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
             "div",
             {
               style: {
-                border: b ? `1px solid ${o}` : `1px solid ${i}`
+                border: y ? `1px solid ${o}` : `1px solid ${i}`
               },
               className: M.dot
             }
@@ -1568,15 +1568,15 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
             "h4",
             {
               className: M.indicatorName,
-              style: { color: b ? o : i },
-              children: /* @__PURE__ */ s(Ve, { i18nKey: C, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" } })
+              style: { color: y ? o : i },
+              children: /* @__PURE__ */ s(Ve, { i18nKey: h, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" } })
             }
           )
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === C && m === "both" && /* @__PURE__ */ s("div", { children: f() }),
-    (t == null ? void 0 : t.name) === C && m === "twoUnits" && /* @__PURE__ */ s("div", { children: _() })
+    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ s("div", { children: f() }),
+    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ s("div", { children: _() })
   ] });
 };
 Oe.propTypes = {
@@ -1601,31 +1601,31 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
   activeColor: i,
   activeSubCategory: t,
   onClickSubCategory: r,
-  id: l,
+  id: c,
   activeIndicator: a,
-  onClickIndicator: c,
+  onClickIndicator: l,
   multiple: u,
-  activeIndicatorType: C,
-  onChangeType: m
+  activeIndicatorType: h,
+  onChangeType: g
 }) => {
-  const { t: b } = N(), [g, f] = D(!1);
+  const { t: y } = k(), [C, f] = D(!1);
   return V(() => {
-    f(t == l);
-  }, [t, l]), /* @__PURE__ */ h(
+    f(t == c);
+  }, [t, c]), /* @__PURE__ */ m(
     Ae.div,
     {
       className: Ze.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: g ? "auto" : "43px" },
+      animate: { height: C ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ h("h3", { style: { color: g ? i : o }, children: [
-          /* @__PURE__ */ s("span", { style: { color: g ? i : o }, children: g ? "-" : "+" }),
+        /* @__PURE__ */ s("button", { onClick: () => r(c), children: /* @__PURE__ */ m("h3", { style: { color: C ? i : o }, children: [
+          /* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: g ? i : o },
-              children: b(n)
+              style: { marginLeft: 12, color: C ? i : o },
+              children: y(n)
             }
           )
         ] }) }),
@@ -1636,10 +1636,10 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
             defaultColor: o,
             activeColor: i,
             activeIndicator: a,
-            onClickIndicator: c,
+            onClickIndicator: l,
             multiple: u,
-            activeIndicatorType: C,
-            onChangeType: m
+            activeIndicatorType: h,
+            onChangeType: g
           },
           "indicator" + p
         )) })
@@ -1666,19 +1666,19 @@ const dt = ({
   defaultColor: i,
   onClickCategory: t,
   activeCategory: r,
-  activeSubCategory: l,
+  activeSubCategory: c,
   onClickSubCategory: a,
-  activeIndicator: c,
+  activeIndicator: l,
   onClickIndicator: u,
-  multiple: C,
-  activeIndicatorType: m,
-  onChangeType: b
+  multiple: h,
+  activeIndicatorType: g,
+  onChangeType: y
 }) => {
   var p;
-  const { t: g } = N(), [f, _] = D(!1);
+  const { t: C } = k(), [f, _] = D(!1);
   return V(() => {
     _(r === d);
-  }, [r, d]), /* @__PURE__ */ h(
+  }, [r, d]), /* @__PURE__ */ m(
     Ae.div,
     {
       className: ve.indicatorsCategory,
@@ -1691,47 +1691,47 @@ const dt = ({
         marginBottom: f ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ h("h2", { className: `${ve.title}`, onClick: () => t(d), children: [
+        /* @__PURE__ */ m("h2", { className: `${ve.title}`, onClick: () => t(d), children: [
           /* @__PURE__ */ s("span", { style: { color: f ? o : i }, children: f ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
               style: { marginLeft: 12, color: f ? o : i },
-              children: g(n.name)
+              children: C(n.name)
             }
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: y, subcategory: v, indicators: x }, w) => /* @__PURE__ */ s(
+          ({ name: b, subcategory: v, indicators: x }, w) => /* @__PURE__ */ s(
             ct,
             {
               id: v,
-              activeSubCategory: l,
-              subcName: y,
+              activeSubCategory: c,
+              subcName: b,
               onClickSubCategory: a,
-              activeIndicator: c,
+              activeIndicator: l,
               onClickIndicator: u,
-              multiple: C,
+              multiple: h,
               activeColor: o,
               defaultColor: i,
               indicators: x,
-              activeIndicatorType: m,
-              onChangeType: b
+              activeIndicatorType: g,
+              onChangeType: y
             },
             `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ s("div", { className: ve.list, children: (p = n.indicators) == null ? void 0 : p.map((y, v) => /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ s("div", { className: ve.list, children: (p = n.indicators) == null ? void 0 : p.map((b, v) => /* @__PURE__ */ s(
           Oe,
           {
-            indicator: y,
-            values: y.type == "twoUnits" && y.values,
+            indicator: b,
+            values: b.type == "twoUnits" && b.values,
             activeColor: o,
             defaultColor: i,
-            activeIndicator: c,
+            activeIndicator: l,
             onClickIndicator: u,
-            multiple: C,
-            activeIndicatorType: m,
-            onChangeType: b
+            multiple: h,
+            activeIndicatorType: g,
+            onChangeType: y
           },
           `indicator${v}`
         )) })
@@ -1767,57 +1767,57 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
   // Si multiple es true, debe ser un array de strings, sino un string
   defaultValue: r = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
-  changeIndType: l,
+  changeIndType: c,
   activeIndicatorType: a
 }) => {
-  const { t: c } = N(), [u, C] = D(), [m, b] = D(), [g, f] = D(), _ = (w) => {
-    C(u == w ? null : w);
+  const { t: l } = k(), [u, h] = D(), [g, y] = D(), [C, f] = D(), _ = (w) => {
+    h(u == w ? null : w);
   }, p = (w) => {
-    b(m == w ? null : w);
-  }, y = ({ indicator: w }) => {
+    y(g == w ? null : w);
+  }, b = ({ indicator: w }) => {
     console.log("onClickIndicator: ", w), v(w);
   }, v = (w) => {
     if (!t)
       f(
-        (g == null ? void 0 : g.name) == w.name ? null : w
+        (C == null ? void 0 : C.name) == w.name ? null : w
       );
     else {
-      let k = g && g.length > 0 ? [...g] : [];
+      let N = C && C.length > 0 ? [...C] : [];
       f(
-        k != null && k.some(
+        N != null && N.some(
           (L) => L.name == w.name
-        ) ? k.filter(
+        ) ? N.filter(
           (L) => L.name != String(w.name)
-        ) : [...k, w]
-      ), w.type == "both" && l("cat");
+        ) : [...N, w]
+      ), w.type == "both" && c("cat");
     }
   };
   V(() => {
-    console.log("activeindicator changed to: ", g), i && typeof i == "function" && g && i({ activeIndicator: g });
-  }, [g]), yt(() => {
-    if (r && !g)
+    console.log("activeindicator changed to: ", C), i && typeof i == "function" && C && i({ activeIndicator: C });
+  }, [C]), yt(() => {
+    if (r && !C)
       if (t && r && Array.isArray(r)) {
-        let w = g && g.length > 0 ? [...g] : [];
+        let w = C && C.length > 0 ? [...C] : [];
         f([...w, ...r]), x(r[0].name);
       } else
         v(r), x(r.name);
   }, []);
   const x = (w) => {
-    const k = n.find((L) => {
+    const N = n.find((L) => {
       if (L.subcategories) {
         let F = L.subcategories.find(
           (q) => q.indicators.find((ae) => ae.name == w)
         );
         if (F)
-          return b(F.subcategory), F;
+          return y(F.subcategory), F;
       } else
         return L.indicators.some((F) => F.name == w);
     });
-    k && C(k.category);
+    N && h(N.category);
   };
-  return /* @__PURE__ */ h("div", { className: He.indicatorsList, children: [
-    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: c("indicators.indicators") }),
-    n.map((w, k) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ m("div", { className: He.indicatorsList, children: [
+    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: l("indicators.indicators") }),
+    n.map((w, N) => /* @__PURE__ */ s(
       dt,
       {
         id: w.category,
@@ -1825,17 +1825,17 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         onClickCategory: _,
         activeCategory: u,
         onClickSubCategory: p,
-        activeSubCategory: m,
-        onClickIndicator: y,
-        activeIndicator: g,
+        activeSubCategory: g,
+        onClickIndicator: b,
+        activeIndicator: C,
         activeColor: d,
         defaultColor: o,
         multiple: t,
         onChange: i,
-        onChangeType: l,
+        onChangeType: c,
         activeIndicatorType: a
       },
-      `categoryKey${k}`
+      `categoryKey${N}`
     ))
   ] });
 };
@@ -1857,11 +1857,11 @@ const C0 = "_langSelector_o9enq_2", f0 = "_currentLang_o9enq_14", b0 = "_arrow_o
   prevImg: y0,
   langMenu: _0
 }, v0 = ({ langs: n, arrow: d, imgPrev: o }) => {
-  const [i, t] = D(!1), { i18n: r } = N(), l = n.find((c) => c.code == r.language), a = (c) => {
-    r.changeLanguage(c), t(!1);
+  const [i, t] = D(!1), { i18n: r } = k(), c = n.find((l) => l.code == r.language), a = (l) => {
+    r.changeLanguage(l), t(!1);
   };
-  return /* @__PURE__ */ h("div", { className: J.langSelector, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: J.langSelector, children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: J.currentLang,
@@ -1870,19 +1870,19 @@ const C0 = "_langSelector_o9enq_2", f0 = "_currentLang_o9enq_14", b0 = "_arrow_o
         },
         children: [
           o && /* @__PURE__ */ s("img", { className: J.prevImg, src: o }),
-          (l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
+          (c == null ? void 0 : c.titleSelected) || (c == null ? void 0 : c.title),
           /* @__PURE__ */ s("img", { src: d, className: J.arrow })
         ]
       }
     ),
-    i && /* @__PURE__ */ s("div", { className: J.langMenu, children: n.map((c) => /* @__PURE__ */ s(
+    i && /* @__PURE__ */ s("div", { className: J.langMenu, children: n.map((l) => /* @__PURE__ */ s(
       "button",
       {
-        className: (l == null ? void 0 : l.code) == c.code ? J.active : "",
-        onClick: () => a(c.code),
-        children: c.title
+        className: (c == null ? void 0 : c.code) == l.code ? J.active : "",
+        onClick: () => a(l.code),
+        children: l.title
       },
-      c.code
+      l.code
     )) })
   ] });
 };
@@ -1900,11 +1900,11 @@ v0.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titleContainer_jhxfb_59", k0 = "_infoContainer_jhxfb_65", B0 = "_titleLegendList_jhxfb_76", S0 = "_legendListContainer_jhxfb_83", D0 = "_gridContainer_jhxfb_83", M0 = "_elementLegendContainer_jhxfb_89", L0 = "_colorDot_jhxfb_95", F0 = "_absoluteValueContainer_jhxfb_101", T0 = "_absoluteValueColor_jhxfb_104", $0 = "_absoluteValueText_jhxfb_109", V0 = "_noDataContainer_jhxfb_121", A0 = "_noData_jhxfb_121", I0 = "_moreInfoContainer_jhxfb_142", S = {
+const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", k0 = "_titleContainer_jhxfb_59", N0 = "_infoContainer_jhxfb_65", B0 = "_titleLegendList_jhxfb_76", S0 = "_legendListContainer_jhxfb_83", D0 = "_gridContainer_jhxfb_83", M0 = "_elementLegendContainer_jhxfb_89", L0 = "_colorDot_jhxfb_95", F0 = "_absoluteValueContainer_jhxfb_101", T0 = "_absoluteValueColor_jhxfb_104", $0 = "_absoluteValueText_jhxfb_109", V0 = "_noDataContainer_jhxfb_121", A0 = "_noData_jhxfb_121", I0 = "_moreInfoContainer_jhxfb_142", S = {
   legendContainer: w0,
   closeButton: x0,
-  titleContainer: N0,
-  infoContainer: k0,
+  titleContainer: k0,
+  infoContainer: N0,
   titleLegendList: B0,
   legendListContainer: S0,
   gridContainer: D0,
@@ -1934,32 +1934,30 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
   absoluteValue: r,
   //Function to be called when the button is clicked (optional).
   //If this is null or undefined the button wont be displayed.
-  onClickMoreInfo: l,
+  onClickMoreInfo: c,
   //If not passed it will read t("moreInformation")
   buttonTitle: a,
-  onClickClose: c,
-  noDataColor: u = null,
-  noDataText: C
+  onClickClose: l
 }) => {
-  const { t: m } = N();
-  return /* @__PURE__ */ h(
+  const { t: u } = k();
+  return /* @__PURE__ */ m(
     "div",
     {
       style: n ? { ...n } : {},
       className: `${S.legendContainer}`,
       children: [
-        /* @__PURE__ */ s("button", { className: S.closeButton, onClick: c }),
+        /* @__PURE__ */ s("button", { className: S.closeButton, onClick: l }),
         d && /* @__PURE__ */ s("div", { className: S.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        o && o.length > 0 && /* @__PURE__ */ s("div", { className: S.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: b, value: g }) => /* @__PURE__ */ h("li", { children: [
-          /* @__PURE__ */ s("h3", { className: S.title, children: `${b}:` }),
-          /* @__PURE__ */ h("span", { className: S.value, children: [
+        o && o.length > 0 && /* @__PURE__ */ s("div", { className: S.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: h, value: g }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ s("h3", { className: S.title, children: `${h}:` }),
+          /* @__PURE__ */ m("span", { className: S.value, children: [
             "  ",
             g
           ] })
         ] }, d)) }) }),
-        /* @__PURE__ */ s("h3", { className: S.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "&lt;" } }) : m("mainUse") }),
-        /* @__PURE__ */ h("div", { className: S.legendListContainer, children: [
-          r ? /* @__PURE__ */ h("div", { className: S.absoluteValueContainer, children: [
+        /* @__PURE__ */ s("h3", { className: S.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" }, tOptions: { interpolation: { escapeValue: !0 } } }) : u("mainUse") }),
+        /* @__PURE__ */ m("div", { className: S.legendListContainer, children: [
+          r ? /* @__PURE__ */ m("div", { className: S.absoluteValueContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
@@ -1969,25 +1967,25 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
                 }
               }
             ),
-            /* @__PURE__ */ h("div", { className: S.absoluteValueText, children: [
-              /* @__PURE__ */ h("span", { children: [
+            /* @__PURE__ */ m("div", { className: S.absoluteValueText, children: [
+              /* @__PURE__ */ m("span", { children: [
                 r.maxValue,
                 " ",
-                m(r.unit)
+                u(r.unit)
               ] }),
-              r.midValue && /* @__PURE__ */ h("span", { children: [
+              r.midValue && /* @__PURE__ */ m("span", { children: [
                 r.midValue,
                 " ",
-                m(r.unit)
+                u(r.unit)
               ] }),
-              /* @__PURE__ */ h("span", { children: [
+              /* @__PURE__ */ m("span", { children: [
                 r.minValue,
                 " ",
-                m(r.unit)
+                u(r.unit)
               ] })
             ] })
           ] }) : i && i.length > 0 && /* @__PURE__ */ s("div", { className: S.gridContainer, children: i.map(
-            ({ title: b, color: g }) => /* @__PURE__ */ h("div", { className: S.elementLegendContainer, children: [
+            ({ title: h, color: g }) => /* @__PURE__ */ m("div", { className: S.elementLegendContainer, children: [
               /* @__PURE__ */ s(
                 "div",
                 {
@@ -1995,26 +1993,26 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
                   style: { backgroundColor: g }
                 }
               ),
-              /* @__PURE__ */ h("div", { className: S.titleLegendElement, children: [
-                m(b),
+              /* @__PURE__ */ m("div", { className: S.titleLegendElement, children: [
+                u(h),
                 " "
               ] })
             ] }, d)
           ) }),
-          r && u && /* @__PURE__ */ h("div", { className: S.noDataContainer, children: [
+          r.noDataColor && /* @__PURE__ */ m("div", { className: S.noDataContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
                 className: S.noData,
                 style: {
-                  background: u
+                  background: r.noDataColor
                 }
               }
             ),
-            /* @__PURE__ */ s("div", { className: S.absoluteValueText, children: /* @__PURE__ */ s("span", { children: m(C) }) })
+            /* @__PURE__ */ s("div", { className: S.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(r.noDataText) }) })
           ] })
         ] }),
-        l && /* @__PURE__ */ s("button", { className: S.moreInfoContainer, onClick: l, children: a || m("moreInformation") })
+        c && /* @__PURE__ */ s("button", { className: S.moreInfoContainer, onClick: c, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2049,7 +2047,7 @@ O0.propTypes = {
 const R0 = "_logo_1ewa6_2", Ke = {
   logo: R0
 }, P0 = ({ src: n, alt: d, href: o }) => {
-  const { t: i } = N(), t = /* @__PURE__ */ s("img", { src: n, alt: i(d) });
+  const { t: i } = k(), t = /* @__PURE__ */ s("img", { src: n, alt: i(d) });
   return o ? /* @__PURE__ */ s("div", { className: Ke.logo, children: /* @__PURE__ */ s("a", { href: o, children: t }) }) : /* @__PURE__ */ s("div", { className: Ke.logo, children: t });
 };
 P0.propTypes = {
@@ -2069,41 +2067,41 @@ const q0 = ({
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = "",
-  onClick: l = "",
+  onClick: c = "",
   interactiveLayers: a = [],
-  popUp: c = !1,
+  popUp: l = !1,
   sources: u = [],
-  layers: C = []
+  layers: h = []
 }) => {
-  const m = $e(), [b, g] = D(null), f = wt((_) => _.mapState.showTexts);
+  const g = $e(), [y, C] = D(null), f = wt((_) => _.mapState.showTexts);
   return V(() => {
-    if (m.current) {
-      const _ = m.current.getMap();
-      _.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (f ? _.setLayoutProperty(y.id, "visibility", "visible") : _.setLayoutProperty(y.id, "visibility", "none"));
+    if (g.current) {
+      const _ = g.current.getMap();
+      _.getStyle().layers.map((b) => {
+        b.type == "symbol" && b.id != "professionals" && (f ? _.setLayoutProperty(b.id, "visibility", "visible") : _.setLayoutProperty(b.id, "visibility", "none"));
       });
     }
-  }, [f]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: r, children: /* @__PURE__ */ h(
-    Nt,
+  }, [f]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
+    kt,
     {
       initialViewState: n,
-      ref: m,
+      ref: g,
       hash: !1,
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: l,
+      onClick: c,
       interactiveLayerIds: a,
       children: [
         u.length && u.map((_, p) => /* @__PURE__ */ s(
-          kt,
+          Nt,
           {
             ..._,
-            children: C.length && C.map((y, v) => {
-              if (y.sourceId == _.id) return /* @__PURE__ */ s(
+            children: h.length && h.map((b, v) => {
+              if (b.sourceId == _.id) return /* @__PURE__ */ s(
                 Bt,
                 {
-                  ...y.layer,
+                  ...b.layer,
                   beforeId: t
                 },
                 v
@@ -2113,14 +2111,14 @@ const q0 = ({
           p
         )),
         /* @__PURE__ */ s(St, { position: "bottom-right", visualizePitch: !0 }),
-        c && b && /* @__PURE__ */ s(
+        l && y && /* @__PURE__ */ s(
           Dt,
           {
-            longitude: c.longitude,
-            latitude: c.latitude,
-            anchor: c.anchor,
-            onClose: () => g(null),
-            children: c.content
+            longitude: l.longitude,
+            latitude: l.latitude,
+            anchor: l.anchor,
+            onClose: () => C(null),
+            children: l.content
           }
         )
       ]
@@ -2178,13 +2176,13 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
   FeaturePopUp: H0,
   title: K0
 }, U0 = ({ props: n }) => {
-  const { t: d } = N();
-  return /* @__PURE__ */ s("div", { className: Ue.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ h("p", { children: [
-    /* @__PURE__ */ h("span", { className: Ue.title, children: [
+  const { t: d } = k();
+  return /* @__PURE__ */ s("div", { className: Ue.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ m("span", { className: Ue.title, children: [
       /* @__PURE__ */ s(Ve, { i18nKey: o.name, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" } }),
       ":"
     ] }),
-    isNaN(o.value) ? /* @__PURE__ */ s(Se, { children: d(o.value) }) : /* @__PURE__ */ h(Se, { children: [
+    isNaN(o.value) ? /* @__PURE__ */ s(Se, { children: d(o.value) }) : /* @__PURE__ */ m(Se, { children: [
       o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
       " ",
       d(o.unit)
@@ -2197,30 +2195,30 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = {},
-  onClick: l = "",
+  onClick: c = "",
   interactiveLayers: a = [],
-  sources: c = [],
+  sources: l = [],
   layers: u = [],
-  filters: C,
-  popUpParams: m,
-  onClosePopUp: b,
-  showTexts: g
+  filters: h,
+  popUpParams: g,
+  onClosePopUp: y,
+  showTexts: C
 }) => {
-  console.log(C);
+  console.log(h);
   const f = $e();
   return V(() => {
     if (f.current) {
       const _ = f.current.getMap();
-      _.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (g ? _.setLayoutProperty(y.id, "visibility", "visible") : _.setLayoutProperty(y.id, "visibility", "none"));
+      _.getStyle().layers.map((b) => {
+        b.type == "symbol" && b.id != "professionals" && (C ? _.setLayoutProperty(b.id, "visibility", "visible") : _.setLayoutProperty(b.id, "visibility", "none"));
       });
     }
-  }, [g]), V(() => {
+  }, [C]), V(() => {
     let _ = new Mt();
     return fe.addProtocol("pmtiles", _.tile), () => {
       fe.removeProtocol("pmtiles");
     };
-  }, []), /* @__PURE__ */ s("div", { className: `${Z0.mapContainer}`, style: r && r, children: /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ s("div", { className: `${Z0.mapContainer}`, style: r && r, children: /* @__PURE__ */ m(
     Lt,
     {
       mapLib: fe,
@@ -2230,20 +2228,20 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: l,
+      onClick: c,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((_, p) => /* @__PURE__ */ s(
+        l.length && l.map((_, p) => /* @__PURE__ */ s(
           Ft,
           {
             ..._,
-            children: u.length && u.map((y, v) => {
-              if (y.sourceId == _.id) return /* @__PURE__ */ s(
+            children: u.length && u.map((b, v) => {
+              if (b.sourceId == _.id) return /* @__PURE__ */ s(
                 Tt,
                 {
-                  ...y.layer,
+                  ...b.layer,
                   beforeId: t,
-                  filter: C && C
+                  filter: h && h
                 },
                 v
               );
@@ -2252,13 +2250,13 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
           p
         )),
         /* @__PURE__ */ s($t, { position: "bottom-right", visualizePitch: !0 }),
-        m && /* @__PURE__ */ s(
+        g && /* @__PURE__ */ s(
           Vt,
           {
-            longitude: m.lng,
-            latitude: m.lat,
-            onClose: b,
-            children: /* @__PURE__ */ s(U0, { props: m.props })
+            longitude: g.lng,
+            latitude: g.lat,
+            onClose: y,
+            children: /* @__PURE__ */ s(U0, { props: g.props })
           }
         )
       ]
@@ -2323,12 +2321,12 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
   mainColor: t,
   width: r
 }) => {
-  const { t: l } = N();
-  return /* @__PURE__ */ h("div", { className: K.sectionBar, style: { width: r && r }, children: [
-    /* @__PURE__ */ h("div", { className: K.leftContent, children: [
+  const { t: c } = k();
+  return /* @__PURE__ */ m("div", { className: K.sectionBar, style: { width: r && r }, children: [
+    /* @__PURE__ */ m("div", { className: K.leftContent, children: [
       n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: K.icon }),
-      /* @__PURE__ */ h("div", { className: K.textContainer, children: [
-        /* @__PURE__ */ s("div", { className: K.title, children: l(d) }),
+      /* @__PURE__ */ m("div", { className: K.textContainer, children: [
+        /* @__PURE__ */ s("div", { className: K.title, children: c(d) }),
         o && /* @__PURE__ */ s("div", { className: K.subtitle, children: o })
       ] })
     ] }),
@@ -2366,28 +2364,28 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
   sliderOpen: an,
   sliderResults: ln
 }, cn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: i = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [l, a] = D(d), c = xt(), u = (y, v) => {
-    a(v), c(we(v - 2e3));
-  }, [C, m] = D(!1), b = () => {
-    m(!0);
-  }, g = () => {
-    m(!1);
+  const [c, a] = D(d), l = xt(), u = (b, v) => {
+    a(v), l(we(v - 2e3));
+  }, [h, g] = D(!1), y = () => {
+    g(!0);
+  }, C = () => {
+    g(!1);
   };
-  ((y, v) => {
+  ((b, v) => {
     const x = $e();
     V(() => {
-      x.current = y;
-    }, [y]), V(() => {
+      x.current = b;
+    }, [b]), V(() => {
       function w() {
         x.current();
       }
       {
-        let k = setInterval(w, v);
-        return () => clearInterval(k);
+        let N = setInterval(w, v);
+        return () => clearInterval(N);
       }
     }, [v]);
   })(() => {
-    C && (l != 2050 ? (a(l + 1), c(we(l - 2e3 + 1))) : (a(2025), c(we(25))));
+    h && (c != 2050 ? (a(c + 1), l(we(c - 2e3 + 1))) : (a(2025), l(we(25))));
   }, 1e3);
   const _ = Ot({
     palette: {
@@ -2417,7 +2415,7 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ s(Pt, { theme: _, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ s(Pt, { theme: _, children: /* @__PURE__ */ m(
     Rt,
     {
       sx: { width: 400 },
@@ -2429,7 +2427,7 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
           It,
           {
             "aria-label": "TimeSlider",
-            value: l,
+            value: c,
             valueLabelDisplay: "on",
             step: 1,
             marks: p,
@@ -2441,8 +2439,8 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
           }
         ),
         i,
-        !C && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: b, children: /* @__PURE__ */ s("img", { src: nn, alt: "Play" }) }),
-        C && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: g, children: /* @__PURE__ */ s("img", { src: on, alt: "Pause" }) })
+        !h && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: nn, alt: "Play" }) }),
+        h && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: C, children: /* @__PURE__ */ s("img", { src: on, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2463,21 +2461,25 @@ const dn = "_TopNavMenuContainer_12mp4_2", un = "_topNavOptions_12mp4_13", pn =
   options: n = [],
   containerStyles: d,
   borderColor: o = "red",
-  textColor: i = "white"
+  textColor: i = "white",
+  onChangeNavLink: t = (r) => {
+    console.log("Changed NavLink", r);
+  }
 }) => {
-  const { t } = N();
-  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
+  const { t: r } = k();
+  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((c, a) => /* @__PURE__ */ s(
     Et,
     {
-      to: r.url,
-      className: ({ isActive: a }) => `${xe.topNavOptions} ${a ? xe.active : ""} `,
-      style: ({ isActive: a }) => ({
+      to: c.url,
+      className: ({ isActive: l }) => `${xe.topNavOptions} ${l ? xe.active : ""} `,
+      onClick: () => t(c.url),
+      style: ({ isActive: l }) => ({
         color: i,
-        borderBottom: a ? `5px solid ${o}` : "5px solid transparent"
+        borderBottom: l ? `5px solid ${o}` : "5px solid transparent"
       }),
-      children: t(r.name)
+      children: r(c.name)
     },
-    l
+    a
   )) });
 };
 mn.propTypes = {
@@ -2499,21 +2501,21 @@ const hn = "_LogInButton_1vxj5_2", gn = {
   containerStyles: i,
   userName: t = "",
   isLoggedIn: r = !1,
-  onClickLogIn: l = () => {
+  onClickLogIn: c = () => {
     console.log("Login clicked");
   },
   onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: c } = N();
+  const { t: l } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       style: { ...i },
       className: `${gn.LogInButton} link ${n}`,
-      onClick: r ? a : l,
-      children: r ? t || c(o) : c(d)
+      onClick: r ? a : c,
+      children: r ? t || l(o) : l(d)
     }
   );
 };
@@ -2525,7 +2527,7 @@ Cn.propTypes = {
   userName: e.string,
   isLoggedIn: e.bool
 };
-const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateContainer_fd7az_23", _n = "_elementName_fd7az_39", vn = "_elementDate_fd7az_53", wn = "_buttonsContainer_fd7az_67", xn = "_elementListContainer_fd7az_76", Nn = "_newElementButtonContainer_fd7az_80", j = {
+const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateContainer_fd7az_23", _n = "_elementName_fd7az_39", vn = "_elementDate_fd7az_53", wn = "_buttonsContainer_fd7az_67", xn = "_elementListContainer_fd7az_76", kn = "_newElementButtonContainer_fd7az_80", j = {
   elementSelector: fn,
   header: bn,
   nameDateContainer: yn,
@@ -2533,9 +2535,9 @@ const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateC
   elementDate: vn,
   buttonsContainer: wn,
   elementListContainer: xn,
-  newElementButtonContainer: Nn
-}, kn = "_listElement_1s506_2", Bn = "_elementNameDate_1s506_17", Sn = "_elementNameContainer_1s506_27", Dn = "_elementName_1s506_17", Mn = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
-  listElement: kn,
+  newElementButtonContainer: kn
+}, Nn = "_listElement_1s506_2", Bn = "_elementNameDate_1s506_17", Sn = "_elementNameContainer_1s506_27", Dn = "_elementName_1s506_17", Mn = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
+  listElement: Nn,
   elementNameDate: Bn,
   elementNameContainer: Sn,
   elementName: Dn,
@@ -2576,20 +2578,20 @@ const Pn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   activeColor: i,
   fontColor: t,
   moreInfo: r,
-  columns: l,
+  columns: c,
   elementButtons: a,
-  processTooltip: c,
+  processTooltip: l,
   defaultTooltip: u
 }) => {
-  const { nom: C, created_at: m, id: b, isBeingProcessed: g } = n, [f, _] = D(!1), { t: p } = N();
-  return /* @__PURE__ */ h(
+  const { nom: h, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = D(!1), { t: p } = k();
+  return /* @__PURE__ */ m(
     "div",
     {
       className: O.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ h("div", { className: O.elementNameDate, onClick: () => d(b), children: [
-          l.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ h("div", { className: O.elementName, children: [
+        /* @__PURE__ */ m("div", { className: O.elementNameDate, onClick: () => d(y), children: [
+          c.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
             o ? /* @__PURE__ */ s(Rn, { style: { color: i, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
@@ -2597,37 +2599,37 @@ const Pn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
                 src: Pn
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: C })
+            /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: h })
           ] }) }),
-          l.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: m ? new Date(m).toLocaleDateString() : "" }),
-          l.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
-          l.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
+          c.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: g ? new Date(g).toLocaleDateString() : "" }),
+          c.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
+          c.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
         ] }),
-        /* @__PURE__ */ h("div", { className: O.elementButtons, children: [
-          n.processing && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+        /* @__PURE__ */ m("div", { className: O.elementButtons, children: [
+          n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: In }),
-            /* @__PURE__ */ s(Y, { text: c, position: "left" })
+            /* @__PURE__ */ s(Y, { text: l, position: "left" })
           ] }),
-          a.filter && !n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.filter.onclick(n), children: /* @__PURE__ */ s("img", { src: An }) }),
             /* @__PURE__ */ s(Y, { text: a.filter.tooltiptext, position: "left" })
           ] }),
-          a.copy && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.copy.onclick(n), children: /* @__PURE__ */ s("img", { src: Vn }) }),
             /* @__PURE__ */ s(Y, { text: a.copy.tooltiptext, position: "left" })
           ] }),
-          a.trash && !n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.trash.onclick(n), children: /* @__PURE__ */ s("img", { src: $n }) }),
             /* @__PURE__ */ s(Y, { text: a.trash.tooltiptext, position: "left" })
           ] }),
-          n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: On }),
             /* @__PURE__ */ s(Y, { text: u, position: "left" })
           ] })
         ] }),
         r && /* @__PURE__ */ s("div", { className: O.break }),
-        r && /* @__PURE__ */ h("div", { className: O.moreInfoContainer, children: [
-          /* @__PURE__ */ h("div", { className: O.moreInfo, onClick: () => _(!f), children: [
+        r && /* @__PURE__ */ m("div", { className: O.moreInfoContainer, children: [
+          /* @__PURE__ */ m("div", { className: O.moreInfo, onClick: () => _(!f), children: [
             /* @__PURE__ */ s("span", { children: f ? "-" : "+" }),
             p(r.label)
           ] }),
@@ -2679,81 +2681,81 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   buttonContainerStyles: t = {},
   containerStyles: r = {},
-  newElementButton: l,
+  newElementButton: c,
   //{label: 'text', onClick: function()}/null
-  onClickElement: a = (g) => console.log(`OnCLickElement: ${g}`),
-  columns: c,
+  onClickElement: a = (C) => console.log(`OnCLickElement: ${C}`),
+  columns: l,
   // {'nom': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
   //{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
-  moreInfo: C = !1,
+  moreInfo: h = !1,
   //{label: 'x'}
-  processTooltip: m,
+  processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: b
+  defaultTooltip: y
   //texto para el tooltip del símbolo de candado para los elementos default
 }) => {
-  const { t: g } = N(), [f, _] = D(n);
+  const { t: C } = k(), [f, _] = D(n);
   V(() => {
     n && _(n);
   }, [n]);
-  const p = (y) => {
+  const p = (b) => {
     if (f && f.length > 0) {
       let v = [...f];
-      v.sort((x, w) => x[y].localeCompare(w[y])), _(v);
+      v.sort((x, w) => x[b].localeCompare(w[b])), _(v);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: j.elementSelector,
       style: { color: o, ...r },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: j.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: j.nameDateContainer, children: [
-                c.nom && /* @__PURE__ */ s("div", { className: j.elementName, children: /* @__PURE__ */ h("button", { onClick: () => p("name"), children: [
-                  /* @__PURE__ */ s("span", { children: g(c.nom) }),
+              /* @__PURE__ */ m("div", { className: j.nameDateContainer, children: [
+                l.nom && /* @__PURE__ */ s("div", { className: j.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(l.nom) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.data && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ h("button", { onClick: () => p("date"), children: [
-                  /* @__PURE__ */ s("span", { children: g(c.data) }),
+                l.data && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(l.data) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.ambit && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: g(c.ambit) }) }),
-                c.escenari && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: g(c.escenari) }) })
+                l.ambit && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.ambit) }) }),
+                l.escenari && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.escenari) }) })
               ] }),
               /* @__PURE__ */ s("div", { className: j.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: j.elementListContainer, children: f && f.length > 0 && f.map((y) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: j.elementListContainer, children: f && f.length > 0 && f.map((b) => /* @__PURE__ */ s(
           ut,
           {
-            isActive: d == y.id,
-            listelement: y,
+            isActive: d == b.id,
+            listelement: b,
             fontColor: o,
             activeColor: i,
             onClickElement: a,
-            columns: c,
+            columns: l,
             elementButtons: u,
-            moreInfo: C,
-            processTooltip: m,
-            defaultTooltip: b
+            moreInfo: h,
+            processTooltip: g,
+            defaultTooltip: y
           },
-          `elementKey${y.id}`
+          `elementKey${b.id}`
         )) }),
-        l && /* @__PURE__ */ s("div", { className: j.newElementButtonContainer, children: /* @__PURE__ */ s(
+        c && /* @__PURE__ */ s("div", { className: j.newElementButtonContainer, children: /* @__PURE__ */ s(
           ge,
           {
             style: { ...t },
-            onClick: l.onClick,
+            onClick: c.onClick,
             borderColor: "grey",
-            children: g(l.label)
+            children: C(c.label)
           }
         ) })
       ]
@@ -2844,19 +2846,19 @@ var ht = (n) => /^\w*$/.test(n), Te = (n) => n === void 0, e1 = (n) => Array.isA
     return o;
   const i = (ht(d) ? [d] : gt(d)).reduce((t, r) => pt(t) ? t : t[r], n);
   return Te(i) || i === n ? Te(n[d]) ? o : n[d] : i;
-}, Ne = (n) => typeof n == "boolean", We = (n, d, o) => {
+}, ke = (n) => typeof n == "boolean", We = (n, d, o) => {
   let i = -1;
-  const t = ht(d) ? [d] : gt(d), r = t.length, l = r - 1;
+  const t = ht(d) ? [d] : gt(d), r = t.length, c = r - 1;
   for (; ++i < r; ) {
     const a = t[i];
-    let c = o;
-    if (i !== l) {
+    let l = o;
+    if (i !== c) {
       const u = n[a];
-      c = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
+      l = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
     }
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[a] = c, n = n[a];
+    n[a] = l, n = n[a];
   }
 };
 const Qe = {
@@ -2874,15 +2876,15 @@ var t1 = (n, d, o, i = !0) => {
   for (const r in n)
     Object.defineProperty(t, r, {
       get: () => {
-        const l = r;
-        return d._proxyFormState[l] !== Xe.all && (d._proxyFormState[l] = !i || Xe.all), o && (o[l] = !0), n[l];
+        const c = r;
+        return d._proxyFormState[c] !== Xe.all && (d._proxyFormState[c] = !i || Xe.all), o && (o[c] = !0), n[c];
       }
     });
   return t;
 };
 const ft = typeof window < "u" ? te.useLayoutEffect : te.useEffect;
 function n1(n) {
-  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [l, a] = B.useState(o._formState), c = B.useRef({
+  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [c, a] = B.useState(o._formState), l = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2894,7 +2896,7 @@ function n1(n) {
   });
   return ft(() => o._subscribe({
     name: t,
-    formState: c.current,
+    formState: l.current,
     exact: r,
     callback: (u) => {
       !i && a({
@@ -2903,71 +2905,71 @@ function n1(n) {
       });
     }
   }), [t, i, r]), B.useEffect(() => {
-    c.current.isValid && o._setValid(!0);
-  }, [o]), B.useMemo(() => t1(l, o, c.current, !1), [l, o]);
+    l.current.isValid && o._setValid(!0);
+  }, [o]), B.useMemo(() => t1(c, o, l.current, !1), [c, o]);
 }
 var i1 = (n) => typeof n == "string", o1 = (n, d, o, i, t) => i1(n) ? A(o, n, t) : Array.isArray(n) ? n.map((r) => A(o, r)) : o;
 function s1(n) {
-  const d = Re(), { control: o = d.control, name: i, defaultValue: t, disabled: r, exact: l } = n || {}, a = B.useRef(t), [c, u] = B.useState(o._getWatch(i, a.current));
+  const d = Re(), { control: o = d.control, name: i, defaultValue: t, disabled: r, exact: c } = n || {}, a = B.useRef(t), [l, u] = B.useState(o._getWatch(i, a.current));
   return ft(() => o._subscribe({
     name: i,
     formState: {
       values: !0
     },
-    exact: l,
-    callback: (C) => !r && u(o1(i, o._names, C.values || o._formValues, !1, a.current))
-  }), [i, o, r, l]), B.useEffect(() => o._removeUnmounted()), c;
+    exact: c,
+    callback: (h) => !r && u(o1(i, o._names, h.values || o._formValues, !1, a.current))
+  }), [i, o, r, c]), B.useEffect(() => o._removeUnmounted()), l;
 }
 function r1(n) {
-  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, l = Qn(t._names.array, o), a = s1({
+  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, c = Qn(t._names.array, o), a = s1({
     control: t,
     name: o,
     defaultValue: A(t._formValues, o, A(t._defaultValues, o, n.defaultValue)),
     exact: !0
-  }), c = n1({
+  }), l = n1({
     control: t,
     name: o,
     exact: !0
-  }), u = B.useRef(n), C = B.useRef(t.register(o, {
+  }), u = B.useRef(n), h = B.useRef(t.register(o, {
     ...n.rules,
     value: a,
-    ...Ne(n.disabled) ? { disabled: n.disabled } : {}
-  })), m = B.useMemo(() => Object.defineProperties({}, {
+    ...ke(n.disabled) ? { disabled: n.disabled } : {}
+  })), g = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!A(c.errors, o)
+      get: () => !!A(l.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!A(c.dirtyFields, o)
+      get: () => !!A(l.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!A(c.touchedFields, o)
+      get: () => !!A(l.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!A(c.validatingFields, o)
+      get: () => !!A(l.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => A(c.errors, o)
+      get: () => A(l.errors, o)
     }
-  }), [c, o]), b = B.useCallback((p) => C.current.onChange({
+  }), [l, o]), y = B.useCallback((p) => h.current.onChange({
     target: {
       value: Yn(p),
       name: o
     },
     type: Qe.CHANGE
-  }), [o]), g = B.useCallback(() => C.current.onBlur({
+  }), [o]), C = B.useCallback(() => h.current.onBlur({
     target: {
       value: A(t._formValues, o),
       name: o
     },
     type: Qe.BLUR
   }), [o, t._formValues]), f = B.useCallback((p) => {
-    const y = A(t._fields, o);
-    y && p && (y._f.ref = {
+    const b = A(t._fields, o);
+    b && p && (b._f.ref = {
       focus: () => p.focus && p.focus(),
       select: () => p.select && p.select(),
       setCustomValidity: (v) => p.setCustomValidity(v),
@@ -2976,38 +2978,38 @@ function r1(n) {
   }, [t._fields, o]), _ = B.useMemo(() => ({
     name: o,
     value: a,
-    ...Ne(i) || c.disabled ? { disabled: c.disabled || i } : {},
-    onChange: b,
-    onBlur: g,
+    ...ke(i) || l.disabled ? { disabled: l.disabled || i } : {},
+    onChange: y,
+    onBlur: C,
     ref: f
-  }), [o, i, c.disabled, b, g, f, a]);
+  }), [o, i, l.disabled, y, C, f, a]);
   return B.useEffect(() => {
     const p = t._options.shouldUnregister || r;
     t.register(o, {
       ...u.current.rules,
-      ...Ne(u.current.disabled) ? { disabled: u.current.disabled } : {}
+      ...ke(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const y = (v, x) => {
+    const b = (v, x) => {
       const w = A(t._fields, v);
       w && w._f && (w._f.mount = x);
     };
-    if (y(o, !0), p) {
+    if (b(o, !0), p) {
       const v = mt(A(t._options.defaultValues, o));
       We(t._defaultValues, o, v), Te(A(t._formValues, o)) && We(t._formValues, o, v);
     }
-    return !l && t.register(o), () => {
-      (l ? p && !t._state.action : p) ? t.unregister(o) : y(o, !1);
+    return !c && t.register(o), () => {
+      (c ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
     };
-  }, [o, t, l, r]), B.useEffect(() => {
+  }, [o, t, c, r]), B.useEffect(() => {
     t._setDisabledField({
       disabled: i,
       name: o
     });
   }, [i, o, t]), B.useMemo(() => ({
     field: _,
-    formState: c,
-    fieldState: m
-  }), [_, c, m]);
+    formState: l,
+    fieldState: g
+  }), [_, l, g]);
 }
 const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   errorMessage: a1
@@ -3016,7 +3018,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   errorColor: d = "red",
   containerStyles: o
 }) => {
-  const { t: i } = N();
+  const { t: i } = k();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -3031,46 +3033,46 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
-    width: C = 325,
-    onClickForgotPass: m = () => {
+    width: h = 325,
+    onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: b = "forgot-password"
-  } = n, { t: g } = N(), [f, _] = D(!1), p = () => i ? i === "password" && f ? "text" : i : "text";
+    forgotPassLabel: y = "forgot-password"
+  } = n, { t: C } = k(), [f, _] = D(!1), p = () => i ? i === "password" && f ? "text" : i : "text";
   return /* @__PURE__ */ s(
     Pe,
     {
       name: o,
       control: d,
       rules: {
-        required: l ? `${g(t)} ${g("errorMessages.required")}` : !1,
+        required: c ? `${C(t)} ${C("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
-      render: ({ field: y, fieldState: v }) => {
+      render: ({ field: b, fieldState: v }) => {
         var x;
-        return /* @__PURE__ */ h("div", { className: oe.textInputContainer, children: [
-          /* @__PURE__ */ h("h3", { className: oe.labelContainer, children: [
-            g(t),
+        return /* @__PURE__ */ m("div", { className: oe.textInputContainer, children: [
+          /* @__PURE__ */ m("h3", { className: oe.labelContainer, children: [
+            C(t),
             " ",
-            l && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
+            c && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ m(
             "div",
             {
-              style: { position: "relative", width: C },
+              style: { position: "relative", width: h },
               className: oe.inputContainer,
               children: [
                 /* @__PURE__ */ s(
                   "input",
                   {
                     type: p(),
-                    ...y,
-                    placeholder: c ? g(c) : "",
+                    ...b,
+                    placeholder: l ? C(l) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3086,7 +3088,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
               ]
             }
           ),
-          i == "password" && /* @__PURE__ */ s("div", { className: oe.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: m, children: g(b) }) }),
+          i == "password" && /* @__PURE__ */ s("div", { className: oe.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: C(y) }) }),
           /* @__PURE__ */ s(
             Ce,
             {
@@ -3098,7 +3100,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       }
     }
   );
-}, c1 = "_formContainer_b071f_2", d1 = "_formObjectContainer_b071f_11", u1 = "_buttonContainer_b071f_22", ke = {
+}, c1 = "_formContainer_b071f_2", d1 = "_formObjectContainer_b071f_11", u1 = "_buttonContainer_b071f_22", Ne = {
   formContainer: c1,
   formObjectContainer: d1,
   buttonContainer: u1
@@ -3117,50 +3119,50 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
-    width: C = 325,
-    options: m = []
-  } = n, { t: b } = N();
+    width: h = 325,
+    options: g = []
+  } = n, { t: y } = k();
   return /* @__PURE__ */ s(
     Pe,
     {
       name: o,
       control: d,
       rules: {
-        required: l ? `${b(t)} ${b("errorMessages.required")}` : !1,
+        required: c ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: a || void 0
       },
-      render: ({ field: g, fieldState: f }) => {
+      render: ({ field: C, fieldState: f }) => {
         var _;
-        return /* @__PURE__ */ h("div", { className: ee.selectInputContainer, children: [
-          /* @__PURE__ */ h("h3", { className: ee.labelContainer, children: [
-            b(t),
+        return /* @__PURE__ */ m("div", { className: ee.selectInputContainer, children: [
+          /* @__PURE__ */ m("h3", { className: ee.labelContainer, children: [
+            y(t),
             " ",
-            l && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
+            c && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ h("div", { className: ee.inputContainer, style: { width: C }, children: [
-            /* @__PURE__ */ h(
+          /* @__PURE__ */ m("div", { className: ee.inputContainer, style: { width: h }, children: [
+            /* @__PURE__ */ m(
               "select",
               {
-                ...g,
+                ...C,
                 onChange: (p) => {
-                  const y = p.target.value, v = m.every((x) => typeof x.value == "number") ? Number(y) : y;
-                  g.onChange(v);
+                  const b = p.target.value, v = g.every((x) => typeof x.value == "number") ? Number(b) : b;
+                  C.onChange(v);
                 },
                 className: ee.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: b(c || "selectOption") }),
-                  m.map((p, y) => /* @__PURE__ */ s(
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(l || "selectOption") }),
+                  g.map((p, b) => /* @__PURE__ */ s(
                     "option",
                     {
                       value: p.value,
                       className: ee.option,
-                      children: b(p.label)
+                      children: y(p.label)
                     },
-                    y
+                    b
                   ))
                 ]
               }
@@ -3185,12 +3187,12 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       }
     }
   );
-}, v1 = "_radioButtonContainer_3bp8g_2", w1 = "_wholeInputContainer_3bp8g_5", x1 = "_questionContainer_3bp8g_27", N1 = "_radioQuestion_3bp8g_59", k1 = "_inputContainer_3bp8g_63", B1 = "_required_3bp8g_92", S1 = "_radioInput_3bp8g_109", U = {
+}, v1 = "_radioButtonContainer_3bp8g_2", w1 = "_wholeInputContainer_3bp8g_5", x1 = "_questionContainer_3bp8g_27", k1 = "_radioQuestion_3bp8g_59", N1 = "_inputContainer_3bp8g_63", B1 = "_required_3bp8g_92", S1 = "_radioInput_3bp8g_109", U = {
   radioButtonContainer: v1,
   wholeInputContainer: w1,
   questionContainer: x1,
-  radioQuestion: N1,
-  inputContainer: k1,
+  radioQuestion: k1,
+  inputContainer: N1,
   required: B1,
   radioInput: S1
 }, D1 = ({ input: n, control: d }) => {
@@ -3199,20 +3201,20 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
-    width: C = 325,
-    options: m = [],
-    multi: b = !1
-  } = n, { t: g } = N(), f = ({ options: p, onChange: y, actualValue: v }) => {
-    if (b && v && v.length > 0) {
+    width: h = 325,
+    options: g = [],
+    multi: y = !1
+  } = n, { t: C } = k(), f = ({ options: p, onChange: b, actualValue: v }) => {
+    if (y && v && v.length > 0) {
       let x = v.filter((w) => w !== p);
-      y(x);
+      b(x);
     }
-  }, _ = ({ options: p, onChange: y, actualValue: v }) => {
-    b ? v && v.length > 0 ? y([...v, p]) : y([p]) : y(p);
+  }, _ = ({ options: p, onChange: b, actualValue: v }) => {
+    y ? v && v.length > 0 ? b([...v, p]) : b([p]) : b(p);
   };
   return /* @__PURE__ */ s(
     Pe,
@@ -3220,48 +3222,48 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       control: d,
       name: o,
       rules: {
-        validate: (p) => l && (p == null || p === "") ? `${g(t)} ${g("errorMessages.required")}` : null
+        validate: (p) => c && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
       },
       render: ({
         formState: { errors: p },
-        field: { onChange: y, onBlur: v, value: x, ref: w },
-        fieldState: k
+        field: { onChange: b, onBlur: v, value: x, ref: w },
+        fieldState: N
       }) => {
         var L;
-        return /* @__PURE__ */ s("div", { id: o + "id", className: U.radioButtonContainer, children: /* @__PURE__ */ h("div", { className: U.wholeInputContainer, children: [
+        return /* @__PURE__ */ s("div", { id: o + "id", className: U.radioButtonContainer, children: /* @__PURE__ */ m("div", { className: U.wholeInputContainer, children: [
           t && /* @__PURE__ */ s("div", { className: U.questionContainer, children: /* @__PURE__ */ s(
             "h3",
             {
               htmlFor: o + "id",
-              className: `${U.radioQuestion} ${l && U.required}`,
-              children: g(t)
+              className: `${U.radioQuestion} ${c && U.required}`,
+              children: C(t)
             }
           ) }),
-          /* @__PURE__ */ h("div", { className: U.inputContainer, children: [
-            m.map(
+          /* @__PURE__ */ m("div", { className: U.inputContainer, children: [
+            g.map(
               ({
                 label: F,
                 value: q,
                 disabled: ae = !1,
                 italicLabel: le
               }, R) => {
-                const P = x && b ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((E) => E === q) : x === q;
-                return /* @__PURE__ */ h("label", { children: [
+                const P = x && y ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((E) => E === q) : x === q;
+                return /* @__PURE__ */ m("label", { children: [
                   /* @__PURE__ */ s(
                     "input",
                     {
                       type: "radio",
                       checked: P,
                       onChange: () => {
-                        b ? P ? f({
+                        y ? P ? f({
                           actualValue: x,
-                          options: m,
-                          onChange: y
+                          options: g,
+                          onChange: b
                         }) : _({
                           actualValue: x,
-                          options: m,
-                          onChange: y
-                        }) : y(q);
+                          options: g,
+                          onChange: b
+                        }) : b(q);
                       },
                       className: U.radioInput
                     }
@@ -3274,7 +3276,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
             /* @__PURE__ */ s(
               Ce,
               {
-                errorMessage: (L = k.error) == null ? void 0 : L.message,
+                errorMessage: (L = N.error) == null ? void 0 : L.message,
                 errorColor: u
               }
             )
@@ -3287,7 +3289,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   const { inputType: r } = i;
   switch (r) {
     case pe.text:
-      const { code: l, type: a, label: c, maxLength: u, required: C, validateFunction: m } = i;
+      const { code: c, type: a, label: l, maxLength: u, required: h, validateFunction: g } = i;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -3336,29 +3338,29 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   inputContainerStyles: i,
   generalError: t,
   errorColor: r = "red",
-  submitButtonLabel: l = "Submit",
+  submitButtonLabel: c = "Submit",
   submitButtonStyles: a = { width: 325 },
-  activeCategory: c = null,
+  activeCategory: l = null,
   // If provided, only the category with this categoryId will be displayed.
-  onSubmit: u = (C) => console.log("Form submitted with data: ", C)
+  onSubmit: u = (h) => console.log("Form submitted with data: ", h)
 }) => {
   const {
-    register: C,
-    handleSubmit: m,
-    watch: b,
-    control: g,
+    register: h,
+    handleSubmit: g,
+    watch: y,
+    control: C,
     formState: { errors: f }
-  } = n, { t: _ } = N();
+  } = n, { t: _ } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
-    /* @__PURE__ */ h("form", { className: ke.formContainer, onSubmit: m(u), children: [
-      /* @__PURE__ */ s("div", { className: ke.formObjectContainer, children: d && d.map((p, y) => {
+    /* @__PURE__ */ m("form", { className: Ne.formContainer, onSubmit: g(u), children: [
+      /* @__PURE__ */ s("div", { className: Ne.formObjectContainer, children: d && d.map((p, b) => {
         const { inputs: v } = p;
         return p.category ? o ? /* @__PURE__ */ s(
           "div",
           {
             style: {
-              display: c && p.categoryId !== c ? "none" : "inherit",
+              display: l && p.categoryId !== l ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
@@ -3369,21 +3371,21 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
                   Be,
                   {
                     inputs: v,
-                    control: g,
+                    control: C,
                     inputContainerStyles: i,
                     errorColor: r
                   }
                 )
               },
-              `${p.category}${y}`
+              `${p.category}${b}`
             )
           }
-        ) : /* @__PURE__ */ h(
+        ) : /* @__PURE__ */ m(
           "div",
           {
             style: {
               width: "100%",
-              display: c && p.categoryId !== c ? "none" : "flex",
+              display: l && p.categoryId !== l ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
@@ -3392,26 +3394,26 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
                 Be,
                 {
                   inputs: v,
-                  control: g,
+                  control: C,
                   inputContainerStyles: i,
                   errorColor: r
                 }
               ) })
             ]
           },
-          `${p.category}${y}`
+          `${p.category}${b}`
         ) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
           Be,
           {
             inputContainerStyles: i,
             inputs: v,
-            control: g,
+            control: C,
             errorColor: r
           }
-        ) }, `inputKey${y}`);
+        ) }, `inputKey${b}`);
       }) }),
-      /* @__PURE__ */ h("div", { className: ke.buttonContainer, children: [
-        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(l) }),
+      /* @__PURE__ */ m("div", { className: Ne.buttonContainer, children: [
+        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(c) }),
         /* @__PURE__ */ s(Ce, { errorMessage: t, errorColor: r })
       ] })
     ] })
@@ -3429,10 +3431,10 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   rightComponents: i = [],
   zIndex: t = 10,
   height: r = 60,
-  backgroundColor: l = "#605B56",
+  backgroundColor: c = "#605B56",
   isFooter: a = !1
   // If true, it will apply footer styles
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ m(
   "div",
   {
     className: G.header,
@@ -3440,14 +3442,14 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       ...n,
       zIndex: t,
       height: r,
-      backgroundColor: l,
+      backgroundColor: c,
       top: a ? "auto" : 0,
       bottom: a ? 0 : "auto"
     },
     children: [
-      /* @__PURE__ */ s("div", { className: G.leftComponents, children: d.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) }),
-      /* @__PURE__ */ s("div", { className: G.centerComponents, children: o.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) }),
-      /* @__PURE__ */ s("div", { className: G.rightComponents, children: i.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) })
+      /* @__PURE__ */ s("div", { className: G.leftComponents, children: d.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ s("div", { className: G.centerComponents, children: o.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ s("div", { className: G.rightComponents, children: i.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) })
     ]
   }
 );
@@ -3480,7 +3482,7 @@ const A1 = "_sidebar_pt7g1_2", I1 = "_open_pt7g1_16", O1 = "_content_pt7g1_20",
     {
       className: `${me.sidebar} ${o ? me.open : ""}`,
       style: { width: o ? n : 0 },
-      children: o && /* @__PURE__ */ h("div", { className: me.content, children: [
+      children: o && /* @__PURE__ */ m("div", { className: me.content, children: [
         /* @__PURE__ */ s("button", { className: me.closeButton, onClick: t, children: /* @__PURE__ */ s("img", { src: P1, alt: "Close Sidebar" }) }),
         d
       ] })