@tmf_ciclica/ciclicastorybook 1.1.79 → 1.1.81

package/dist/index.es.js

@@ -1,5 +1,5 @@
 (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_1q5gf_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_1q5gf_3::-webkit-scrollbar{width:8px}._legendContainer_1q5gf_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_1q5gf_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_1q5gf_3 ._closeButton_1q5gf_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_1q5gf_3 ._closeButton_1q5gf_31:before,._legendContainer_1q5gf_3 ._closeButton_1q5gf_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_1q5gf_3 ._closeButton_1q5gf_31:before{transform:rotate(45deg)}._legendContainer_1q5gf_3 ._closeButton_1q5gf_31:after{transform:rotate(-45deg)}._legendContainer_1q5gf_3 ._titleContainer_1q5gf_59{border-bottom:solid 1.5px #605b56}._legendContainer_1q5gf_3 ._titleContainer_1q5gf_59 h2{padding-bottom:16px}._legendContainer_1q5gf_3 ._infoContainer_1q5gf_65{padding-top:20px}._legendContainer_1q5gf_3 ._infoContainer_1q5gf_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_1q5gf_3 ._titleLegendList_1q5gf_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;margin-top:30px;border-bottom:solid 1.5px #605b56}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._gridContainer_1q5gf_83{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._gridContainer_1q5gf_83 ._elementLegendContainer_1q5gf_89{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._gridContainer_1q5gf_83 ._elementLegendContainer_1q5gf_89 ._colorDot_1q5gf_95{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._absoluteValueContainer_1q5gf_101{position:relative}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._absoluteValueContainer_1q5gf_101 ._absoluteValueColor_1q5gf_104{height:130px;width:22px;border-radius:20px}._legendContainer_1q5gf_3 ._legendListContainer_1q5gf_83 ._absoluteValueContainer_1q5gf_101 ._absoluteValueText_1q5gf_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_1q5gf_3 ._moreInfoContainer_1q5gf_121{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 S, useEffect as T, useMemo as he, useLayoutEffect as yt, useRef as $e } from "react";
 import e from "prop-types";
@@ -40,19 +40,19 @@ const qt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", jt = "_nameDateCon
   onClickFilters: i,
   onClickAmbit: t,
   isActive: r,
-  activeColor: c,
+  activeColor: l,
   fontColor: a,
-  moreInfo: l
+  moreInfo: c
 }) => {
-  const { nom: u, created_at: m, id: g, isBeingProcessed: y } = 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(g), 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,11 +60,11 @@ const qt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", jt = "_nameDateCon
                 src: r ? o2 : s2
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: r ? c : a }, children: u })
+            /* @__PURE__ */ s("span", { style: { color: r ? l : a }, children: u })
           ] }),
-          /* @__PURE__ */ s("div", { className: ne.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
+          /* @__PURE__ */ s("div", { className: ne.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
-        /* @__PURE__ */ h("div", { className: ne.ambitButtons, children: [
+        /* @__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 }) }),
@@ -121,11 +121,11 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   nameLabel: t,
   dateLabel: r,
-  newAmbitLabel: c = "New field",
+  newAmbitLabel: l = "New field",
   buttonContainerStyles: a = {},
-  containerStyles: l = {},
+  containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: m = (f) => console.log(`Copy ambit: ${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}`)
@@ -140,24 +140,24 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
       x.sort((w, N) => w[v].localeCompare(N[v])), p(x);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: j.ambitSelector,
-      style: { color: o, ...l },
+      style: { color: o, ...c },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: j.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: j.nameDateContainer, children: [
-                /* @__PURE__ */ s("div", { className: j.ambitName, children: /* @__PURE__ */ h("button", { onClick: () => b("name"), children: [
+              /* @__PURE__ */ m("div", { className: j.nameDateContainer, children: [
+                /* @__PURE__ */ s("div", { className: j.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => b("name"), children: [
                   /* @__PURE__ */ s("span", { children: f(t) }),
                   /* @__PURE__ */ s("img", { src: qe })
                 ] }) }),
-                /* @__PURE__ */ s("div", { className: j.ambitDate, children: /* @__PURE__ */ h("button", { onClick: () => b("date"), children: [
+                /* @__PURE__ */ s("div", { className: j.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => b("date"), children: [
                   /* @__PURE__ */ s("span", { children: f(r) }),
                   /* @__PURE__ */ s("img", { src: qe })
                 ] }) })
@@ -173,7 +173,7 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ambit: v,
             fontColor: o,
             activeColor: i,
-            onClickCopy: m,
+            onClickCopy: h,
             onClickDelete: g,
             onClickFilters: y,
             onClickAmbit: C
@@ -186,7 +186,7 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: f(c)
+            children: f(l)
           }
         ) })
       ]
@@ -244,25 +244,25 @@ const _2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: c } = k();
+  const { t: l } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       className: `${Z.buttonsContainer} ${d === "vertical" && Z.vertical}
           ${d === "horizontal" && Z.horizontal}`,
-      children: n.map((a, l) => {
+      children: n.map((a, c) => {
         const {
           icon: u,
-          activeIcon: m,
+          activeIcon: h,
           isActive: g,
           name: y,
           onClick: C
-        } = a, f = /* @__PURE__ */ h(Se, { children: [
-          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) }),
-          /* @__PURE__ */ s("img", { src: g ? m : u, alt: c(y) }),
-          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) })
+        } = a, f = /* @__PURE__ */ m(Se, { children: [
+          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(y) }),
+          /* @__PURE__ */ s("img", { src: g ? h : u, alt: l(y) }),
+          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(y) })
         ] });
-        return /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+        return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
             "button",
             {
@@ -273,7 +273,7 @@ const _2 = ({
             }
           ),
           t && /* @__PURE__ */ s(Y, { text: y, position: r })
-        ] }, l);
+        ] }, c);
       })
     }
   );
@@ -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: c = 53,
+  height: l = 53,
   //Adjust height if you change fontSize
   titleFontStyles: a,
-  showBottomBar: l = !0,
+  showBottomBar: c = !0,
   titleMarginChildren: u = 25
 }) => {
-  const { t: m } = k();
-  return /* @__PURE__ */ h(
+  const { t: h } = k();
+  return /* @__PURE__ */ m(
     Ae.div,
     {
       className: be.indicatorsCategory,
-      initial: { height: `${c}px` },
-      animate: { height: n ? "auto" : `${c}px` },
+      initial: { height: `${l}px` },
+      animate: { height: n ? "auto" : `${l}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && l ? `1px solid ${t}` : "0px",
+        borderBottom: n && c ? `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: m(r) })
+              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : i }, children: h(r) })
             ]
           }
         ),
@@ -368,9 +368,9 @@ const ni = () => /* @__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: c } = k(), { tematicalFiltersSelected: a } = D((u) => u), l = (u) => {
-    D.setState((m) => ({
-      tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
+  const { t: l } = k(), { tematicalFiltersSelected: a } = D((u) => u), c = (u) => {
+    D.setState((h) => ({
+      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (g) => g.code !== u
       )
     }));
@@ -380,12 +380,12 @@ const ni = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
     {
       isOpen: o,
       onClick: d,
-      title: n ? c(n) : "Applied Filters",
+      title: n ? l(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ s("div", { className: ze.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, m) => /* @__PURE__ */ h("div", { className: ze.AppliedFilterContent, style: { color: i, background: t }, children: [
-        c(u.name),
-        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => l(u.code), style: { cursor: "pointer" } })
-      ] }, m)) })
+      children: /* @__PURE__ */ s("div", { className: ze.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, h) => /* @__PURE__ */ m("div", { className: ze.AppliedFilterContent, style: { color: i, background: t }, children: [
+        l(u.name),
+        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => c(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: c } = k(), { tematicalFiltersSelected: a } = D((l) => l);
+  const { t: l } = k(), { tematicalFiltersSelected: a } = D((c) => c);
   return /* @__PURE__ */ s(
     W,
     {
       isOpen: o,
       onClick: d,
-      title: n ? c(n) : "Geographical Filters",
+      title: n ? l(n) : "Geographical Filters",
       activeColor: r,
       children: "A"
     }
@@ -433,8 +433,8 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
   indicator: i,
   value: t
 }) => {
-  const { t: r } = k(), { title: c } = i || {}, { fontColor: a, inputsColor: l } = D((u) => u);
-  return /* @__PURE__ */ h(
+  const { t: r } = k(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = D((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 ? l : a}`,
-              backgroundColor: t ? l : "white"
+              border: `1.5px solid ${t ? c : a}`,
+              backgroundColor: t ? c : "white"
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "checkmark", children: r(c) })
+        /* @__PURE__ */ s("span", { className: "checkmark", children: r(l) })
       ]
     }
   );
@@ -517,19 +517,19 @@ let Fe = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const l = t.getMousePosition(a), u = t.getDiffPosition(l[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const l = t.getTouchPosition(a);
+      const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const g = l[0] - t.startPosition[0], y = l[1] - t.startPosition[1];
+        const g = c[0] - t.startPosition[0], y = c[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(l[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const u = t.getDiffPosition(c[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 Fe = function(n) {
     }, t.onSliderMouseDown = (a) => {
       if (!t.props.disabled && a.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const l = t.getMousePosition(a);
-          t.forceValueFromPosition(l[0], (u) => {
-            t.start(u, l[0]), de(t.getMouseEventMap());
+          const c = t.getMousePosition(a);
+          t.forceValueFromPosition(c[0], (u) => {
+            t.start(u, c[0]), de(t.getMouseEventMap());
           });
         }
         ye(a);
       }
     }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const l = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
+        const c = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, 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.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.setState({ pending: !0 });
-      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;
+      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;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(l);
-      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(m) {
-        m.stopPropagation && m.stopPropagation();
-      }(l);
+      const u = t.getTouchPosition(c);
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(h) {
+        h.stopPropagation && h.stopPropagation();
+      }(c);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
       t.pendingResizeTimeouts.push(a);
-    }, t.renderThumb = (a, l) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), m = { 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 && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(m, g);
-    }, t.renderTrack = (a, l, u) => {
-      const m = { 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(m, g);
+    }, t.renderThumb = (a, c) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (y) => {
+        t["thumb" + c] = y;
+      }, 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 }, g = { index: c, value: ce(t.state.value), valueNow: t.state.value[c] };
+      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, c, u) => {
+      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, 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 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;
+    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;
   }
   M2(d, n);
   var o = d.prototype;
@@ -611,7 +611,7 @@ let Fe = 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((c) => H(c, i)) } : null;
+    return r.length ? t.pending ? null : { value: r.map((l) => H(l, i)) } : null;
   }, o.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, o.componentWillUnmount = function() {
@@ -626,10 +626,10 @@ let Fe = function(n) {
     return ce(this.state.value);
   }, o.getClosestIndex = function(i) {
     let t = Number.MAX_VALUE, r = -1;
-    const { value: c } = this.state, a = c.length;
-    for (let l = 0; l < a; l += 1) {
-      const u = this.calcOffset(c[l]), m = Math.abs(i - u);
-      m < t && (t = m, r = l);
+    const { value: l } = this.state, a = l.length;
+    for (let c = 0; c < a; c += 1) {
+      const u = this.calcOffset(l[c]), h = Math.abs(i - u);
+      h < t && (t = h, r = c);
     }
     return r;
   }, o.getMousePosition = function(i) {
@@ -652,23 +652,23 @@ let Fe = function(n) {
   }, o.resize = function() {
     const { slider: i, thumb0: t } = this;
     if (!i || !t) return;
-    const r = this.sizeKey(), c = i.getBoundingClientRect(), a = i[r], l = c[this.posMaxKey()], u = c[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - m, y = Math.abs(l - u);
-    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === m || this.setState({ upperBound: g, sliderLength: y, thumbSize: m });
+    const r = this.sizeKey(), l = i.getBoundingClientRect(), a = i[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, y = Math.abs(c - 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(), 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;
+    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;
   }, o.forceValueFromPosition = function(i, t) {
-    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");
+    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");
     });
   }, o.clearPendingResizeTimeouts = function() {
     do {
@@ -678,8 +678,8 @@ let Fe = function(n) {
   }, o.start = function(i, t) {
     const r = this["thumb" + i];
     r && r.focus();
-    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 }));
+    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 }));
   }, 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 Fe = 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: c } = t, a = t[r];
+    const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (i === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: l, max: u, min: m, minDistance: g } = this.props;
-    if (!l) {
+    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
+    if (!c) {
       if (r > 0) {
         const y = t[r - 1];
         i < y + g && (i = y + g);
       }
-      if (r < c - 1) {
+      if (r < l - 1) {
         const y = t[r + 1];
         i > y - g && (i = y - g);
       }
     }
-    t[r] = i, l && c > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, C, f, _) {
+    t[r] = i, c && l > 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);
       }
-    }(c, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, C, f, _) {
+    }(l, 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);
       }
-    }(c, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(i, t, r) {
-    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] = Le(a, this.props);
+    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] = Le(a, this.props);
   }, o.pushPreceding = function(i, t, r) {
-    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] = Le(a, this.props);
+    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] = Le(a, this.props);
   }, o.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, o.orthogonalAxisKey = function() {
@@ -743,28 +743,28 @@ let Fe = 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 c = [];
-    for (let a = 0; a < t; a += 1) c[a] = this.renderThumb(r[a], a);
-    return c;
+    const l = [];
+    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
+    return l;
   }, o.renderTracks = function(i) {
     const t = [], r = i.length - 1;
     t.push(this.renderTrack(0, 0, i[0]));
-    for (let c = 0; c < r; c += 1) t.push(this.renderTrack(c + 1, i[c], i[c + 1]));
+    for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, i[l], i[l + 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, 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 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 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 c = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), l = this.props.marks ? this.renderMarks() : null;
+    const l = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), c = 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 }, c, a, l);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
   }, d;
 }(B.Component);
 Fe.displayName = "ReactSlider", Fe.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 F2 = "_container_15vgv_2", D2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   onChange: i,
   width: t = 300,
   unit: r,
-  fontColor: c = "#605B56",
+  fontColor: l = "#605B56",
   defaultValue: a
 }) => {
-  const { t: l } = k(), [u, m] = S([n, d]), g = (y) => {
-    m(y), i == null || i({ min: y[0], max: y[1] });
+  const { t: c } = k(), [u, h] = S([n, d]), g = (y) => {
+    h(y), i == null || i({ min: y[0], max: y[1] });
   };
   return T(() => {
-    a || m([n, d]);
-  }, [a]), /* @__PURE__ */ h(
+    a || h([n, d]);
+  }, [a]), /* @__PURE__ */ m(
     "div",
     {
       className: Q.container,
-      style: { width: `${t}px`, color: `${c}` },
+      style: { width: `${t}px`, color: `${l}` },
       children: [
-        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: l(r) }) }),
+        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
         /* @__PURE__ */ s(
           L2,
           {
@@ -814,7 +814,7 @@ const F2 = "_container_15vgv_2", D2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
             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,11 +847,11 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   const [o, i] = S(), {
     type: t,
     name: r,
-    values: c,
+    values: l,
     minValue: a,
-    maxValue: l,
+    maxValue: c,
     unit: u,
-    step: m
+    step: h
   } = n || {}, g = he(
     () => t == "cat" || o == "cat",
     [o, t]
@@ -866,22 +866,22 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   } = D((x) => x), b = (x) => {
     if (x) {
       const { min: w, max: N, valueClicked: L, allValues: F } = x || {}, { code: z, type: ae } = n || {}, le = y ? "abs" : g ? "cat" : "both";
-      let E = z[0];
-      ae == "both" && (E = le == "cat" ? z[1] : z[0]), le == "cat" ? D.setState((R) => {
-        let P = R.tematicalFiltersSelected.find(
-          ($) => $.code === E
+      let R = z[0];
+      ae == "both" && (R = le == "cat" ? z[1] : z[0]), le == "cat" ? D.setState((E) => {
+        let P = E.tematicalFiltersSelected.find(
+          ($) => $.code === R
         );
         if (P) {
           let $ = [P.values];
           return P.values.includes(L) ? $ = P.values.filter(
             (I) => I !== L
           ) : $ = [...P.values, L], $.length == F.length ? {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.filter(
-              (I) => I.code !== E
+            tematicalFiltersSelected: E.tematicalFiltersSelected.filter(
+              (I) => I.code !== R
             )
           } : {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.map(
-              (I) => I.code === E ? { ...I, values: $ } : I
+            tematicalFiltersSelected: E.tematicalFiltersSelected.map(
+              (I) => I.code === R ? { ...I, values: $ } : I
             )
           };
         } else {
@@ -891,35 +891,35 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
               ...C,
               {
                 type: "cat",
-                code: E,
+                code: R,
                 values: $.filter((I) => I !== L),
                 name: n.name
               }
             ]
           };
         }
-      }) : le == "abs" && D.setState((R) => {
-        let P = R.tematicalFiltersSelected.find(
-          ($) => $.code === E
+      }) : le == "abs" && D.setState((E) => {
+        let P = E.tematicalFiltersSelected.find(
+          ($) => $.code === R
         );
         if (w == n.minValue && N == n.maxValue)
           return {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.filter(
-              ($) => $.code !== E
+            tematicalFiltersSelected: E.tematicalFiltersSelected.filter(
+              ($) => $.code !== R
             )
           };
         if (P) {
           let $ = { ...P };
           return $.min = w, $.max = N, {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.map(
-              (I) => I.code === E ? $ : I
+            tematicalFiltersSelected: E.tematicalFiltersSelected.map(
+              (I) => I.code === R ? $ : I
             )
           };
         } else
           return {
             tematicalFiltersSelected: [
               ...C,
-              { type: "abs", code: E, min: w, max: N, name: n.name }
+              { type: "abs", code: R, min: w, max: N, name: n.name }
             ]
           };
       });
@@ -931,7 +931,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
         w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
     return console.log("mapfilterSelected", x), x;
   }, [C]);
-  return /* @__PURE__ */ s("div", { className: ue.tematicalFiltersInputContainer, children: /* @__PURE__ */ h(
+  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,12 +994,12 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
             ]
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: c.map((x, w) => {
+        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: l.map((x, w) => {
           var N;
           return /* @__PURE__ */ s(
             it,
             {
-              onClick: () => b({ valueClicked: w, allValues: c }),
+              onClick: () => b({ valueClicked: w, allValues: l }),
               indicator: x,
               value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
             },
@@ -1011,10 +1011,10 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           {
             onChange: b,
             min: a,
-            max: l,
+            max: c,
             unit: u,
             defaultValue: v[n.code[0]] ? v[n.code[0]] : "",
-            step: m
+            step: h
           }
         ) })
       ]
@@ -1042,15 +1042,15 @@ const st = ({
   activeColor: o
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: i } = D((c) => c), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: i } = D((l) => l), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     W,
     {
       title: t,
       isOpen: i == `id${t}`,
       onClick: () => {
-        D.setState((c) => ({
-          activeSubcategory: c.activeSubcategory === `id${t}` ? "" : `id${t}`
+        D.setState((l) => ({
+          activeSubcategory: l.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((c, a) => /* @__PURE__ */ s(
+      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ s(
         Ie,
         {
-          indicator: c,
+          indicator: l,
           fontColor: d,
           activeColor: o
         },
@@ -1089,7 +1089,7 @@ const rt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: c } = D((a) => a);
+  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = D((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: c,
+      color: l,
       activeColor: d,
-      children: i ? i.map((a, l) => /* @__PURE__ */ s(
+      children: i ? i.map((a, c) => /* @__PURE__ */ s(
         st,
         {
           subcategory: a,
-          fontColor: c,
+          fontColor: l,
           activeColor: d
         },
-        `subcategory-${l}`
-      )) : t && t.map((a, l) => /* @__PURE__ */ s(
+        `subcategory-${c}`
+      )) : t && t.map((a, c) => /* @__PURE__ */ s(
         Ie,
         {
           indicator: a,
-          fontColor: c,
+          fontColor: l,
           activeColor: d
         },
-        `indicator-${l}`
+        `indicator-${c}`
       ))
     }
   );
@@ -1142,7 +1142,7 @@ const at = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: c } = D((l) => l), { t: a } = k();
+  const { tematicalFiltersSelected: l } = D((c) => c), { t: a } = k();
   return T(() => {
     i && D.setState(() => ({ fontColor: i }));
   }, [i]), T(() => {
@@ -1154,10 +1154,10 @@ const at = ({
       title: o ? a(o) : "Tematical filters",
       color: i,
       activeColor: r,
-      children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ s(
+      children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
         rt,
         {
-          category: l,
+          category: c,
           fontColor: i,
           activeColor: r
         },
@@ -1189,11 +1189,11 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
   indicators: i,
   activeColor: t,
   textColor: r,
-  backgroundColor: c,
+  backgroundColor: l,
   onChangeAppliedFilters: a,
-  saveAmbit: l,
+  saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: m,
+  descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
   nameRequiredText: y,
   onlyFilters: C = !1
@@ -1208,10 +1208,10 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
     console.log("filtersSelected changed: ", _), a(_);
   }, [_]);
   const L = () => {
-    p ? l({ name: p, description: v }) : N(!0);
+    p ? c({ name: p, description: v }) : N(!0);
   };
-  return /* @__PURE__ */ h("div", { className: J.FiltersAmbitContainer, children: [
-    !C && /* @__PURE__ */ h("div", { className: J.FiltersAmbitHeader, children: [
+  return /* @__PURE__ */ m("div", { className: J.FiltersAmbitContainer, children: [
+    !C && /* @__PURE__ */ m("div", { className: J.FiltersAmbitHeader, children: [
       /* @__PURE__ */ s("div", { className: J.FiltersAmbitTitle, children: /* @__PURE__ */ s(
         "input",
         {
@@ -1228,7 +1228,7 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           value: v,
           onChange: (F) => x(F.target.value),
-          placeholder: f(m)
+          placeholder: f(h)
         }
       ) }) })
     ] }),
@@ -1238,7 +1238,7 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
         title: f("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
-        backgroundColor: c || "#605B5680",
+        backgroundColor: l || "#605B5680",
         activeColor: t
       }
     ),
@@ -1281,38 +1281,38 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
   gap: i = 23,
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
-  horizontalPaddign: c = 20,
+  horizontalPaddign: l = 20,
   leftPadding: a = 200,
-  numberOfDivisions: l = 7,
+  numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = k(), { xScale: g, ticks: y, height: C } = 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, _ = Pe.max(n, (v) => v.value) || 1, p = Pe.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: l + 1 }, (v, x) => u ? u / l * x : _ / l * x);
+      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Pe.max(n, (v) => v.value) || 1, p = Pe.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : _ / c * x);
       return {
         xScale: p,
         ticks: b,
         height: f,
         width: d,
         verticalPaddign: r,
-        horizontalPaddign: c
+        horizontalPaddign: l
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
   }, [
     n,
     d,
-    l,
+    c,
     o,
     i,
-    c,
+    l,
     r,
     u
   ]);
-  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + c * 2, height: C, children: /* @__PURE__ */ h("g", { transform: `translate(0,${i})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${a + c}, 0)`, children: y.map((f, _) => {
+  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: C, children: /* @__PURE__ */ m("g", { transform: `translate(0,${i})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: y.map((f, _) => {
       const p = g(f);
-      return /* @__PURE__ */ h("g", { transform: `translate(${p}, 0)`, children: [
+      return /* @__PURE__ */ m("g", { transform: `translate(${p}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
           {
@@ -1335,10 +1335,10 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
     }) }),
     n && n.length > 0 && (n == null ? void 0 : n.map((f, _) => {
       const p = g(f.value), b = _ * (o + i);
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ m(
         "g",
         {
-          transform: `translate(${a + c}, ${b})`,
+          transform: `translate(${a + l}, ${b})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1347,7 +1347,7 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
                 y: o / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m(f.title)
+                children: h(f.title)
               }
             ),
             /* @__PURE__ */ s(
@@ -1392,12 +1392,12 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", je = {
   borderColor: i = "#605B56",
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
-  maxValue: c = null,
+  maxValue: l = null,
   numberOfDivisions: a = 7,
-  leftPadding: l = 200
+  leftPadding: c = 200
 }) => {
   const { t: u } = k();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: je.graphicContainer,
@@ -1413,9 +1413,9 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", je = {
             data: n,
             width: d,
             fontColor: r,
-            maxValue: c,
+            maxValue: l,
             numberOfDivisions: a,
-            leftPadding: l
+            leftPadding: c
           }
         )
       ]
@@ -1461,24 +1461,24 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
   defaultColor: i = "#92898A",
   activeIndicator: t,
   activeIndicatorType: r,
-  onClickIndicator: c,
+  onClickIndicator: l,
   multiple: a = !1,
-  onChangeType: l
+  onChangeType: c
 }) => {
-  const { t: u } = k(), { name: m, type: g } = n, [y, C] = S(!1);
+  const { t: u } = k(), { name: h, type: g } = n, [y, C] = S(!1);
   T(() => {
     t && C(
       a ? t.some(
-        (p) => p.name == String(m)
-      ) : t.name == m
+        (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: () => l("cat"),
+        onClick: () => c("cat"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1503,11 +1503,11 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
         ]
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         className: M.optionContainer,
-        onClick: () => l("abs"),
+        onClick: () => c("abs"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1532,7 +1532,7 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_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, b) => /* @__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,
@@ -1548,12 +1548,12 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
     },
     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: () => c({ indicator: n }),
+        onClick: () => l({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
             "div",
@@ -1569,14 +1569,14 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
             {
               className: M.indicatorName,
               style: { color: y ? o : i },
-              children: /* @__PURE__ */ s(Ve, { i18nKey: m, components: { sup: /* @__PURE__ */ s("sup", {}) } })
+              children: /* @__PURE__ */ s(Ve, { i18nKey: h, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" } })
             }
           )
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === m && g === "both" && /* @__PURE__ */ s("div", { children: f() }),
-    (t == null ? void 0 : t.name) === m && g === "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,17 +1601,17 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
   activeColor: i,
   activeSubCategory: t,
   onClickSubCategory: r,
-  id: c,
+  id: l,
   activeIndicator: a,
-  onClickIndicator: l,
+  onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: m,
+  activeIndicatorType: h,
   onChangeType: g
 }) => {
   const { t: y } = k(), [C, f] = S(!1);
   return T(() => {
-    f(t == c);
-  }, [t, c]), /* @__PURE__ */ h(
+    f(t == l);
+  }, [t, l]), /* @__PURE__ */ m(
     Ae.div,
     {
       className: Ze.indicatorsSubCategory,
@@ -1619,7 +1619,7 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
       animate: { height: C ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ s("button", { onClick: () => r(c), children: /* @__PURE__ */ h("h3", { style: { color: C ? i : o }, children: [
+        /* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ m("h3", { style: { color: C ? i : o }, children: [
           /* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
@@ -1636,9 +1636,9 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
             defaultColor: o,
             activeColor: i,
             activeIndicator: a,
-            onClickIndicator: l,
+            onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: m,
+            activeIndicatorType: h,
             onChangeType: g
           },
           "indicator" + p
@@ -1666,11 +1666,11 @@ const dt = ({
   defaultColor: i,
   onClickCategory: t,
   activeCategory: r,
-  activeSubCategory: c,
+  activeSubCategory: l,
   onClickSubCategory: a,
-  activeIndicator: l,
+  activeIndicator: c,
   onClickIndicator: u,
-  multiple: m,
+  multiple: h,
   activeIndicatorType: g,
   onChangeType: y
 }) => {
@@ -1678,7 +1678,7 @@ const dt = ({
   const { t: C } = k(), [f, _] = S(!1);
   return T(() => {
     _(r === d);
-  }, [r, d]), /* @__PURE__ */ h(
+  }, [r, d]), /* @__PURE__ */ m(
     Ae.div,
     {
       className: ve.indicatorsCategory,
@@ -1691,7 +1691,7 @@ 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",
@@ -1706,12 +1706,12 @@ const dt = ({
             ct,
             {
               id: v,
-              activeSubCategory: c,
+              activeSubCategory: l,
               subcName: b,
               onClickSubCategory: a,
-              activeIndicator: l,
+              activeIndicator: c,
               onClickIndicator: u,
-              multiple: m,
+              multiple: h,
               activeColor: o,
               defaultColor: i,
               indicators: x,
@@ -1727,9 +1727,9 @@ const dt = ({
             values: b.type == "twoUnits" && b.values,
             activeColor: o,
             defaultColor: i,
-            activeIndicator: l,
+            activeIndicator: c,
             onClickIndicator: u,
-            multiple: m,
+            multiple: h,
             activeIndicatorType: g,
             onChangeType: y
           },
@@ -1767,11 +1767,11 @@ 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: c,
+  changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: l } = k(), [u, m] = S(), [g, y] = S(), [C, f] = S(), _ = (w) => {
-    m(u == w ? null : w);
+  const { t: c } = k(), [u, h] = S(), [g, y] = S(), [C, f] = S(), _ = (w) => {
+    h(u == w ? null : w);
   }, p = (w) => {
     y(g == w ? null : w);
   }, b = ({ indicator: w }) => {
@@ -1789,7 +1789,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         ) ? N.filter(
           (L) => L.name != String(w.name)
         ) : [...N, w]
-      ), w.type == "both" && c("cat");
+      ), w.type == "both" && l("cat");
     }
   };
   T(() => {
@@ -1813,10 +1813,10 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
       } else
         return L.indicators.some((F) => F.name == w);
     });
-    N && m(N.category);
+    N && h(N.category);
   };
-  return /* @__PURE__ */ h("div", { className: He.indicatorsList, children: [
-    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: l("indicators.indicators") }),
+  return /* @__PURE__ */ m("div", { className: He.indicatorsList, children: [
+    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: c("indicators.indicators") }),
     n.map((w, N) => /* @__PURE__ */ s(
       dt,
       {
@@ -1832,7 +1832,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         defaultColor: o,
         multiple: t,
         onChange: i,
-        onChangeType: c,
+        onChangeType: l,
         activeIndicatorType: a
       },
       `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] = S(!1), { i18n: r } = k(), c = n.find((l) => l.code == r.language), a = (l) => {
-    r.changeLanguage(l), t(!1);
+  const [i, t] = S(!1), { i18n: r } = k(), l = n.find((c) => c.code == r.language), a = (c) => {
+    r.changeLanguage(c), t(!1);
   };
-  return /* @__PURE__ */ h("div", { className: X.langSelector, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: X.langSelector, children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: X.currentLang,
@@ -1870,19 +1870,19 @@ const C0 = "_langSelector_o9enq_2", f0 = "_currentLang_o9enq_14", b0 = "_arrow_o
         },
         children: [
           o && /* @__PURE__ */ s("img", { className: X.prevImg, src: o }),
-          (c == null ? void 0 : c.titleSelected) || (c == null ? void 0 : c.title),
+          (l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
           /* @__PURE__ */ s("img", { src: d, className: X.arrow })
         ]
       }
     ),
-    i && /* @__PURE__ */ s("div", { className: X.langMenu, children: n.map((l) => /* @__PURE__ */ s(
+    i && /* @__PURE__ */ s("div", { className: X.langMenu, children: n.map((c) => /* @__PURE__ */ s(
       "button",
       {
-        className: (c == null ? void 0 : c.code) == l.code ? X.active : "",
-        onClick: () => a(l.code),
-        children: l.title
+        className: (l == null ? void 0 : l.code) == c.code ? X.active : "",
+        onClick: () => a(c.code),
+        children: c.title
       },
-      l.code
+      c.code
     )) })
   ] });
 };
@@ -1932,52 +1932,57 @@ const w0 = "_legendContainer_1q5gf_3", x0 = "_closeButton_1q5gf_31", k0 = "_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: c,
+  onClickMoreInfo: l,
   //If not passed it will read t("moreInformation")
   buttonTitle: a,
-  onClickClose: l
+  onClickClose: c
 }) => {
   const { t: u } = k();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       style: n ? { ...n } : {},
       className: `${V.legendContainer}`,
       children: [
-        /* @__PURE__ */ s("button", { className: V.closeButton, onClick: l }),
+        /* @__PURE__ */ s("button", { className: V.closeButton, onClick: c }),
         d && /* @__PURE__ */ s("div", { className: V.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        o && o.length > 0 && /* @__PURE__ */ s("div", { className: V.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: m, value: g }) => /* @__PURE__ */ h("li", { children: [
-          /* @__PURE__ */ s("h3", { className: V.title, children: `${m}:` }),
-          /* @__PURE__ */ h("span", { className: V.value, children: [
+        o && o.length > 0 && /* @__PURE__ */ s("div", { className: V.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: h, value: g }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ s("h3", { className: V.title, children: `${h}:` }),
+          /* @__PURE__ */ m("span", { className: V.value, children: [
             "  ",
             g
           ] })
         ] }, d)) }) }),
-        /* @__PURE__ */ s("h3", { className: V.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) } }) : u("mainUse") }),
-        /* @__PURE__ */ s("div", { className: V.legendListContainer, children: r ? /* @__PURE__ */ h("div", { className: V.absoluteValueContainer, children: [
+        /* @__PURE__ */ s("h3", { className: V.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "&lt;" } }) : u("mainUse") }),
+        /* @__PURE__ */ s("div", { className: V.legendListContainer, children: r ? /* @__PURE__ */ m("div", { className: V.absoluteValueContainer, children: [
           /* @__PURE__ */ s(
             "div",
             {
               className: V.absoluteValueColor,
               style: {
-                background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.minColor} 100%)`
+                background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.midColor ? `${r.midColor} 50%,` : ""} ${r.minColor} 100%)`
               }
             }
           ),
-          /* @__PURE__ */ h("div", { className: V.absoluteValueText, children: [
-            /* @__PURE__ */ h("span", { children: [
+          /* @__PURE__ */ m("div", { className: V.absoluteValueText, children: [
+            /* @__PURE__ */ m("span", { children: [
               r.maxValue,
               " ",
               u(r.unit)
             ] }),
-            /* @__PURE__ */ h("span", { children: [
+            r.midValue && /* @__PURE__ */ m("span", { children: [
+              r.midValue,
+              " ",
+              u(r.unit)
+            ] }),
+            /* @__PURE__ */ m("span", { children: [
               r.minValue,
               " ",
               u(r.unit)
             ] })
           ] })
         ] }) : i && i.length > 0 && /* @__PURE__ */ s("div", { className: V.gridContainer, children: i.map(
-          ({ title: m, color: g }) => /* @__PURE__ */ h("div", { className: V.elementLegendContainer, children: [
+          ({ title: h, color: g }) => /* @__PURE__ */ m("div", { className: V.elementLegendContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
@@ -1985,13 +1990,13 @@ const w0 = "_legendContainer_1q5gf_3", x0 = "_closeButton_1q5gf_31", k0 = "_titl
                 style: { backgroundColor: g }
               }
             ),
-            /* @__PURE__ */ h("div", { className: V.titleLegendElement, children: [
-              u(m),
+            /* @__PURE__ */ m("div", { className: V.titleLegendElement, children: [
+              u(h),
               " "
             ] })
           ] }, d)
         ) }) }),
-        c && /* @__PURE__ */ s("button", { className: V.moreInfoContainer, onClick: c, children: a || u("moreInformation") })
+        l && /* @__PURE__ */ s("button", { className: V.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2045,11 +2050,11 @@ const P0 = ({
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = "",
-  onClick: c = "",
+  onClick: l = "",
   interactiveLayers: a = [],
-  popUp: l = !1,
+  popUp: c = !1,
   sources: u = [],
-  layers: m = []
+  layers: h = []
 }) => {
   const g = $e(), [y, C] = S(null), f = wt((_) => _.mapState.showTexts);
   return T(() => {
@@ -2059,7 +2064,7 @@ const P0 = ({
         b.type == "symbol" && b.id != "professionals" && (f ? _.setLayoutProperty(b.id, "visibility", "visible") : _.setLayoutProperty(b.id, "visibility", "none"));
       });
     }
-  }, [f]), /* @__PURE__ */ s("div", { className: `${E0.mapContainer}`, style: r, children: /* @__PURE__ */ h(
+  }, [f]), /* @__PURE__ */ s("div", { className: `${E0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
     kt,
     {
       initialViewState: n,
@@ -2068,14 +2073,14 @@ const P0 = ({
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: c,
+      onClick: l,
       interactiveLayerIds: a,
       children: [
         u.length && u.map((_, p) => /* @__PURE__ */ s(
           Nt,
           {
             ..._,
-            children: m.length && m.map((b, v) => {
+            children: h.length && h.map((b, v) => {
               if (b.sourceId == _.id) return /* @__PURE__ */ s(
                 Bt,
                 {
@@ -2089,14 +2094,14 @@ const P0 = ({
           p
         )),
         /* @__PURE__ */ s(St, { position: "bottom-right", visualizePitch: !0 }),
-        l && y && /* @__PURE__ */ s(
+        c && y && /* @__PURE__ */ s(
           Mt,
           {
-            longitude: l.longitude,
-            latitude: l.latitude,
-            anchor: l.anchor,
+            longitude: c.longitude,
+            latitude: c.latitude,
+            anchor: c.anchor,
             onClose: () => C(null),
-            children: l.content
+            children: c.content
           }
         )
       ]
@@ -2155,12 +2160,12 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
   title: Z0
 }, H0 = ({ props: n }) => {
   const { t: d } = k();
-  return /* @__PURE__ */ s("div", { className: Ue.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ h("p", { children: [
-    /* @__PURE__ */ h("span", { className: Ue.title, children: [
-      /* @__PURE__ */ s(Ve, { i18nKey: o.name, components: { sup: /* @__PURE__ */ s("sup", {}) } }),
+  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)
@@ -2173,16 +2178,16 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = {},
-  onClick: c = "",
+  onClick: l = "",
   interactiveLayers: a = [],
-  sources: l = [],
+  sources: c = [],
   layers: u = [],
-  filters: m,
+  filters: h,
   popUpParams: g,
   onClosePopUp: y,
   showTexts: C
 }) => {
-  console.log(m);
+  console.log(h);
   const f = $e();
   return T(() => {
     if (f.current) {
@@ -2196,7 +2201,7 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
     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(
     Ft,
     {
       mapLib: fe,
@@ -2206,10 +2211,10 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: c,
+      onClick: l,
       interactiveLayerIds: a,
       children: [
-        l.length && l.map((_, p) => /* @__PURE__ */ s(
+        c.length && c.map((_, p) => /* @__PURE__ */ s(
           Dt,
           {
             ..._,
@@ -2219,7 +2224,7 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
                 {
                   ...b.layer,
                   beforeId: t,
-                  filter: m && m
+                  filter: h && h
                 },
                 v
               );
@@ -2299,12 +2304,12 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
   mainColor: t,
   width: r
 }) => {
-  const { t: c } = k();
-  return /* @__PURE__ */ h("div", { className: K.sectionBar, style: { width: r && r }, children: [
-    /* @__PURE__ */ h("div", { className: K.leftContent, children: [
+  const { t: l } = 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: c(d) }),
+      /* @__PURE__ */ m("div", { className: K.textContainer, children: [
+        /* @__PURE__ */ s("div", { className: K.title, children: l(d) }),
         o && /* @__PURE__ */ s("div", { className: K.subtitle, children: o })
       ] })
     ] }),
@@ -2342,9 +2347,9 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
   sliderOpen: sn,
   sliderResults: rn
 }, an = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: i = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [c, a] = S(d), l = xt(), u = (b, v) => {
-    a(v), l(we(v - 2e3));
-  }, [m, g] = S(!1), y = () => {
+  const [l, a] = S(d), c = xt(), u = (b, v) => {
+    a(v), c(we(v - 2e3));
+  }, [h, g] = S(!1), y = () => {
     g(!0);
   }, C = () => {
     g(!1);
@@ -2363,7 +2368,7 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
       }
     }, [v]);
   })(() => {
-    m && (c != 2050 ? (a(c + 1), l(we(c - 2e3 + 1))) : (a(2025), l(we(25))));
+    h && (l != 2050 ? (a(l + 1), c(we(l - 2e3 + 1))) : (a(2025), c(we(25))));
   }, 1e3);
   const _ = Ot({
     palette: {
@@ -2393,7 +2398,7 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ s(Et, { theme: _, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ s(Et, { theme: _, children: /* @__PURE__ */ m(
     Rt,
     {
       sx: { width: 400 },
@@ -2405,7 +2410,7 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
           It,
           {
             "aria-label": "TimeSlider",
-            value: c,
+            value: l,
             valueLabelDisplay: "on",
             step: 1,
             marks: p,
@@ -2417,8 +2422,8 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
           }
         ),
         i,
-        !m && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: en, alt: "Play" }) }),
-        m && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: C, children: /* @__PURE__ */ s("img", { src: tn, alt: "Pause" }) })
+        !h && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: en, alt: "Play" }) }),
+        h && /* @__PURE__ */ s("button", { className: ie.playButton, onClick: C, children: /* @__PURE__ */ s("img", { src: tn, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2442,7 +2447,7 @@ const ln = "_TopNavMenuContainer_12mp4_2", cn = "_topNavOptions_12mp4_13", dn =
   textColor: i = "white"
 }) => {
   const { t } = k();
-  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, c) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
     Pt,
     {
       to: r.url,
@@ -2453,7 +2458,7 @@ const ln = "_TopNavMenuContainer_12mp4_2", cn = "_topNavOptions_12mp4_13", dn =
       }),
       children: t(r.name)
     },
-    c
+    l
   )) });
 };
 un.propTypes = {
@@ -2475,21 +2480,21 @@ const pn = "_LogInButton_1vxj5_2", mn = {
   containerStyles: i,
   userName: t = "",
   isLoggedIn: r = !1,
-  onClickLogIn: c = () => {
+  onClickLogIn: l = () => {
     console.log("Login clicked");
   },
   onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: l } = k();
+  const { t: c } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       style: { ...i },
       className: `${mn.LogInButton} link ${n}`,
-      onClick: r ? a : c,
-      children: r ? t || l(o) : l(d)
+      onClick: r ? a : l,
+      children: r ? t || c(o) : c(d)
     }
   );
 };
@@ -2552,20 +2557,20 @@ const On = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   activeColor: i,
   fontColor: t,
   moreInfo: r,
-  columns: c,
+  columns: l,
   elementButtons: a,
-  processTooltip: l,
+  processTooltip: c,
   defaultTooltip: u
 }) => {
-  const { nom: m, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = S(!1), { t: p } = k();
-  return /* @__PURE__ */ h(
+  const { nom: h, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = S(!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(y), children: [
-          c.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: [
+          l.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
             o ? /* @__PURE__ */ s(In, { style: { color: i, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
@@ -2573,37 +2578,37 @@ const On = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
                 src: On
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: m })
+            /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: h })
           ] }) }),
-          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 })
+          l.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: g ? new Date(g).toLocaleDateString() : "" }),
+          l.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
+          l.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: Vn }),
-            /* @__PURE__ */ s(Y, { text: l, position: "left" })
+            /* @__PURE__ */ s(Y, { text: c, 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: $n }) }),
             /* @__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: Tn }) }),
             /* @__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: Dn }) }),
             /* @__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: An }),
             /* @__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)
           ] }),
@@ -2655,14 +2660,14 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   buttonContainerStyles: t = {},
   containerStyles: r = {},
-  newElementButton: c,
+  newElementButton: l,
   //{label: 'text', onClick: function()}/null
   onClickElement: a = (C) => console.log(`OnCLickElement: ${C}`),
-  columns: l,
+  columns: c,
   // {'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: m = !1,
+  moreInfo: h = !1,
   //{label: 'x'}
   processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
@@ -2679,29 +2684,29 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
       v.sort((x, w) => x[b].localeCompare(w[b])), _(v);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: q.elementSelector,
       style: { color: o, ...r },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: q.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: q.nameDateContainer, children: [
-                l.nom && /* @__PURE__ */ s("div", { className: q.elementName, children: /* @__PURE__ */ h("button", { onClick: () => p("name"), children: [
-                  /* @__PURE__ */ s("span", { children: C(l.nom) }),
+              /* @__PURE__ */ m("div", { className: q.nameDateContainer, children: [
+                c.nom && /* @__PURE__ */ s("div", { className: q.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.nom) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                l.data && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ h("button", { onClick: () => p("date"), children: [
-                  /* @__PURE__ */ s("span", { children: C(l.data) }),
+                c.data && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.data) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                l.ambit && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.ambit) }) }),
-                l.escenari && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.escenari) }) })
+                c.ambit && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.ambit) }) }),
+                c.escenari && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.escenari) }) })
               ] }),
               /* @__PURE__ */ s("div", { className: q.buttonsContainer })
             ]
@@ -2715,21 +2720,21 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             fontColor: o,
             activeColor: i,
             onClickElement: a,
-            columns: l,
+            columns: c,
             elementButtons: u,
-            moreInfo: m,
+            moreInfo: h,
             processTooltip: g,
             defaultTooltip: y
           },
           `elementKey${b.id}`
         )) }),
-        c && /* @__PURE__ */ s("div", { className: q.newElementButtonContainer, children: /* @__PURE__ */ s(
+        l && /* @__PURE__ */ s("div", { className: q.newElementButtonContainer, children: /* @__PURE__ */ s(
           ge,
           {
             style: { ...t },
-            onClick: c.onClick,
+            onClick: l.onClick,
             borderColor: "grey",
-            children: C(c.label)
+            children: C(l.label)
           }
         ) })
       ]
@@ -2822,17 +2827,17 @@ var ht = (n) => /^\w*$/.test(n), Te = (n) => n === void 0, Jn = (n) => Array.isA
   return Te(i) || i === n ? Te(n[d]) ? o : n[d] : i;
 }, ke = (n) => typeof n == "boolean", We = (n, d, o) => {
   let i = -1;
-  const t = ht(d) ? [d] : gt(d), r = t.length, c = r - 1;
+  const t = ht(d) ? [d] : gt(d), r = t.length, l = r - 1;
   for (; ++i < r; ) {
     const a = t[i];
-    let l = o;
-    if (i !== c) {
+    let c = o;
+    if (i !== l) {
       const u = n[a];
-      l = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
+      c = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
     }
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[a] = l, n = n[a];
+    n[a] = c, n = n[a];
   }
 };
 const Qe = {
@@ -2850,15 +2855,15 @@ var Xn = (n, d, o, i = !0) => {
   for (const r in n)
     Object.defineProperty(t, r, {
       get: () => {
-        const c = r;
-        return d._proxyFormState[c] !== Je.all && (d._proxyFormState[c] = !i || Je.all), o && (o[c] = !0), n[c];
+        const l = r;
+        return d._proxyFormState[l] !== Je.all && (d._proxyFormState[l] = !i || Je.all), o && (o[l] = !0), n[l];
       }
     });
   return t;
 };
 const ft = typeof window < "u" ? te.useLayoutEffect : te.useEffect;
 function e1(n) {
-  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [c, a] = B.useState(o._formState), l = B.useRef({
+  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [l, a] = B.useState(o._formState), c = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2870,7 +2875,7 @@ function e1(n) {
   });
   return ft(() => o._subscribe({
     name: t,
-    formState: l.current,
+    formState: c.current,
     exact: r,
     callback: (u) => {
       !i && a({
@@ -2879,63 +2884,63 @@ function e1(n) {
       });
     }
   }), [t, i, r]), B.useEffect(() => {
-    l.current.isValid && o._setValid(!0);
-  }, [o]), B.useMemo(() => Xn(c, o, l.current, !1), [c, o]);
+    c.current.isValid && o._setValid(!0);
+  }, [o]), B.useMemo(() => Xn(l, o, c.current, !1), [l, o]);
 }
 var t1 = (n) => typeof n == "string", n1 = (n, d, o, i, t) => t1(n) ? A(o, n, t) : Array.isArray(n) ? n.map((r) => A(o, r)) : o;
 function i1(n) {
-  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));
+  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));
   return ft(() => o._subscribe({
     name: i,
     formState: {
       values: !0
     },
-    exact: c,
-    callback: (m) => !r && u(n1(i, o._names, m.values || o._formValues, !1, a.current))
-  }), [i, o, r, c]), B.useEffect(() => o._removeUnmounted()), l;
+    exact: l,
+    callback: (h) => !r && u(n1(i, o._names, h.values || o._formValues, !1, a.current))
+  }), [i, o, r, l]), B.useEffect(() => o._removeUnmounted()), c;
 }
 function o1(n) {
-  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, c = Yn(t._names.array, o), a = i1({
+  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, l = Yn(t._names.array, o), a = i1({
     control: t,
     name: o,
     defaultValue: A(t._formValues, o, A(t._defaultValues, o, n.defaultValue)),
     exact: !0
-  }), l = e1({
+  }), c = e1({
     control: t,
     name: o,
     exact: !0
-  }), u = B.useRef(n), m = B.useRef(t.register(o, {
+  }), u = B.useRef(n), h = B.useRef(t.register(o, {
     ...n.rules,
     value: a,
     ...ke(n.disabled) ? { disabled: n.disabled } : {}
   })), g = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!A(l.errors, o)
+      get: () => !!A(c.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!A(l.dirtyFields, o)
+      get: () => !!A(c.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!A(l.touchedFields, o)
+      get: () => !!A(c.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!A(l.validatingFields, o)
+      get: () => !!A(c.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => A(l.errors, o)
+      get: () => A(c.errors, o)
     }
-  }), [l, o]), y = B.useCallback((p) => m.current.onChange({
+  }), [c, o]), y = B.useCallback((p) => h.current.onChange({
     target: {
       value: Un(p),
       name: o
     },
     type: Qe.CHANGE
-  }), [o]), C = B.useCallback(() => m.current.onBlur({
+  }), [o]), C = B.useCallback(() => h.current.onBlur({
     target: {
       value: A(t._formValues, o),
       name: o
@@ -2952,11 +2957,11 @@ function o1(n) {
   }, [t._fields, o]), _ = B.useMemo(() => ({
     name: o,
     value: a,
-    ...ke(i) || l.disabled ? { disabled: l.disabled || i } : {},
+    ...ke(i) || c.disabled ? { disabled: c.disabled || i } : {},
     onChange: y,
     onBlur: C,
     ref: f
-  }), [o, i, l.disabled, y, C, f, a]);
+  }), [o, i, c.disabled, y, C, f, a]);
   return B.useEffect(() => {
     const p = t._options.shouldUnregister || r;
     t.register(o, {
@@ -2971,19 +2976,19 @@ function o1(n) {
       const v = mt(A(t._options.defaultValues, o));
       We(t._defaultValues, o, v), Te(A(t._formValues, o)) && We(t._formValues, o, v);
     }
-    return !c && t.register(o), () => {
-      (c ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
+    return !l && t.register(o), () => {
+      (l ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
     };
-  }, [o, t, c, r]), B.useEffect(() => {
+  }, [o, t, l, r]), B.useEffect(() => {
     t._setDisabledField({
       disabled: i,
       name: o
     });
   }, [i, o, t]), B.useMemo(() => ({
     field: _,
-    formState: l,
+    formState: c,
     fieldState: g
-  }), [_, l, g]);
+  }), [_, c, g]);
 }
 const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   errorMessage: s1
@@ -3007,11 +3012,11 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
+    width: h = 325,
     onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
@@ -3023,22 +3028,22 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       name: o,
       control: d,
       rules: {
-        required: c ? `${C(t)} ${C("errorMessages.required")}` : !1,
+        required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
       render: ({ field: b, fieldState: v }) => {
         var x;
-        return /* @__PURE__ */ h("div", { className: oe.textInputContainer, children: [
-          /* @__PURE__ */ h("h3", { className: oe.labelContainer, children: [
+        return /* @__PURE__ */ m("div", { className: oe.textInputContainer, children: [
+          /* @__PURE__ */ m("h3", { className: oe.labelContainer, children: [
             C(t),
             " ",
-            c && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ m(
             "div",
             {
-              style: { position: "relative", width: m },
+              style: { position: "relative", width: h },
               className: oe.inputContainer,
               children: [
                 /* @__PURE__ */ s(
@@ -3046,7 +3051,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
                   {
                     type: p(),
                     ...b,
-                    placeholder: l ? C(l) : "",
+                    placeholder: c ? C(c) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3093,32 +3098,32 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
+    width: h = 325,
     options: g = []
   } = n, { t: y } = k();
-  return console.log("placeholder: ", l), /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(
     Ee,
     {
       name: o,
       control: d,
       rules: {
-        required: c ? `${y(t)} ${y("errorMessages.required")}` : !1,
+        required: l ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: a || void 0
       },
       render: ({ field: C, fieldState: f }) => {
         var _;
-        return /* @__PURE__ */ h("div", { className: ee.selectInputContainer, children: [
-          /* @__PURE__ */ h("h3", { className: ee.labelContainer, children: [
+        return /* @__PURE__ */ m("div", { className: ee.selectInputContainer, children: [
+          /* @__PURE__ */ m("h3", { className: ee.labelContainer, children: [
             y(t),
             " ",
-            c && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ h("div", { className: ee.inputContainer, style: { width: m }, children: [
-            /* @__PURE__ */ h(
+          /* @__PURE__ */ m("div", { className: ee.inputContainer, style: { width: h }, children: [
+            /* @__PURE__ */ m(
               "select",
               {
                 ...C,
@@ -3128,7 +3133,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
                 },
                 className: ee.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(l || "selectOption") }),
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
                   g.map((p, b) => /* @__PURE__ */ s(
                     "option",
                     {
@@ -3175,11 +3180,11 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
+    width: h = 325,
     options: g = [],
     multi: y = !1
   } = n, { t: C } = k(), f = ({ options: p, onChange: b, actualValue: v }) => {
@@ -3196,7 +3201,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       control: d,
       name: o,
       rules: {
-        validate: (p) => c && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
+        validate: (p) => l && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
       },
       render: ({
         formState: { errors: p },
@@ -3204,32 +3209,32 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
         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} ${c && U.required}`,
+              className: `${U.radioQuestion} ${l && U.required}`,
               children: C(t)
             }
           ) }),
-          /* @__PURE__ */ h("div", { className: U.inputContainer, children: [
+          /* @__PURE__ */ m("div", { className: U.inputContainer, children: [
             g.map(
               ({
                 label: F,
                 value: z,
                 disabled: ae = !1,
                 italicLabel: le
-              }, E) => {
-                const R = x && y ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((P) => P === z) : x === z;
-                return console.log("isActiveButton: ", R), /* @__PURE__ */ h("label", { children: [
+              }, R) => {
+                const E = x && y ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((P) => P === z) : x === z;
+                return /* @__PURE__ */ m("label", { children: [
                   /* @__PURE__ */ s(
                     "input",
                     {
                       type: "radio",
-                      checked: R,
+                      checked: E,
                       onChange: () => {
-                        y ? R ? f({
+                        y ? E ? f({
                           actualValue: x,
                           options: g,
                           onChange: b
@@ -3263,7 +3268,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   const { inputType: r } = i;
   switch (r) {
     case pe.text:
-      const { code: c, type: a, label: l, maxLength: u, required: m, validateFunction: g } = i;
+      const { code: l, type: a, label: c, maxLength: u, required: h, validateFunction: g } = i;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -3312,14 +3317,14 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   inputContainerStyles: i,
   generalError: t,
   errorColor: r = "red",
-  submitButtonLabel: c = "Submit",
+  submitButtonLabel: l = "Submit",
   submitButtonStyles: a = { width: 325 },
-  activeCategory: l = null,
+  activeCategory: c = null,
   // If provided, only the category with this categoryId will be displayed.
-  onSubmit: u = (m) => console.log("Form submitted with data: ", m)
+  onSubmit: u = (h) => console.log("Form submitted with data: ", h)
 }) => {
   const {
-    register: m,
+    register: h,
     handleSubmit: g,
     watch: y,
     control: C,
@@ -3331,14 +3336,14 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   const { t: _ } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
-    /* @__PURE__ */ h("form", { className: Ne.formContainer, onSubmit: g(u), children: [
+    /* @__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: l && p.categoryId !== l ? "none" : "inherit",
+              display: c && p.categoryId !== c ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
@@ -3358,12 +3363,12 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
               `${p.category}${b}`
             )
           }
-        ) : /* @__PURE__ */ h(
+        ) : /* @__PURE__ */ m(
           "div",
           {
             style: {
               width: "100%",
-              display: l && p.categoryId !== l ? "none" : "flex",
+              display: c && p.categoryId !== c ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
@@ -3390,8 +3395,8 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
           }
         ) }, `inputKey${b}`);
       }) }),
-      /* @__PURE__ */ h("div", { className: Ne.buttonContainer, children: [
-        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(c) }),
+      /* @__PURE__ */ m("div", { className: Ne.buttonContainer, children: [
+        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(l) }),
         /* @__PURE__ */ s(Ce, { errorMessage: t, errorColor: r })
       ] })
     ] })
@@ -3409,10 +3414,10 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   rightComponents: i = [],
   zIndex: t = 10,
   height: r = 60,
-  backgroundColor: c = "#605B56",
+  backgroundColor: l = "#605B56",
   isFooter: a = !1
   // If true, it will apply footer styles
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ m(
   "div",
   {
     className: G.header,
@@ -3420,14 +3425,14 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       ...n,
       zIndex: t,
       height: r,
-      backgroundColor: c,
+      backgroundColor: l,
       top: a ? "auto" : 0,
       bottom: a ? 0 : "auto"
     },
     children: [
-      /* @__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)) })
+      /* @__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)) })
     ]
   }
 );
@@ -3460,7 +3465,7 @@ const $1 = "_sidebar_pt7g1_2", V1 = "_open_pt7g1_16", A1 = "_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: O1, alt: "Close Sidebar" }) }),
         d
       ] })
@@ -3491,8 +3496,11 @@ export {
   O0 as LogoApp,
   P0 as MapboxMap,
   K0 as MaplibreMap,
+  B1 as RadioButtonInput,
   R1 as RightSidebar,
   ii as SectionBar,
+  b1 as SelectInput,
+  Xe as TextInput,
   an as TimeSlider,
   Y as Tooltip,
   un as TopNavMenu