@tmf_ciclica/ciclicastorybook 1.2.8 → 1.2.10

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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_phq4n_2{padding:5px 95px;border-radius:100px}._generalButton_phq4n_2:disabled{opacity:.6}._buttonsContainer_1ks7x_2{display:flex;gap:8px}._buttonsContainer_1ks7x_2._vertical_1ks7x_6{flex-direction:column}._buttonsContainer_1ks7x_2._horizontal_1ks7x_9{flex-direction:row}._button_1ks7x_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1ks7x_2:hover{opacity:.8}._button_1ks7x_2._active_1ks7x_25{font-weight:700}._button_1ks7x_2 ._buttonName_1ks7x_28{margin:0 4px}._button_1ks7x_2:disabled{opacity:.5!important;cursor:auto}._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}._indicatorsCategory_11gdl_2{overflow:hidden;min-height:50px}._indicatorsCategory_11gdl_2 ._title_11gdl_6{align-items:center;gap:10px;cursor:pointer;display:grid;height:50px;grid-template-columns:12px auto}._indicatorsCategory_11gdl_2 ._title_11gdl_6._mainTitle_11gdl_14{border-bottom:1px solid;height:70px}._indicatorsCategory_11gdl_2 ._list_11gdl_18{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._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}._GeographicalFilters_cn837_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._GeographicalFilters_cn837_2 ._AppliedFilterContent_cn837_10{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:20px;border-radius:100px}._layersList_cn837_25{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:column;align-items:flex-start}._layerName_cn837_34{padding-left:25px;cursor:pointer}._checkboxContainer_1nxra_2{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_1nxra_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_4u41i_2,._container_4u41i_2 span{font-size:14px}._container_4u41i_2 ._unitLabel_4u41i_8{height:40px}._container_4u41i_2 ._slider_4u41i_11{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_4u41i_2 ._thumb_4u41i_17{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_4u41i_2 ._track_4u41i_26{top:0;bottom:0;background:#605b56;border-radius:3px}._container_4u41i_2 ._labels_4u41i_32{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_bp6cj_2{width:100%;height:100%;padding-left:24px;position:relative;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:start;gap:20px}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitTitle_bp6cj_23{font-size:18px;font-weight:600;border-bottom:1.5px solid #605B56;width:100%;height:70px;display:flex;align-items:center}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitDescription_bp6cj_32{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_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitDescription_bp6cj_32 ._FiltersAmbitDescriptionTitle_bp6cj_43{font-size:18px;font-weight:600}._FiltersAmbitContainer_bp6cj_2 ._warning_bp6cj_47{color:red}._FiltersAmbitContainer_bp6cj_2 ._buttonContainer_bp6cj_50{width:100%;margin-left:-24px;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:column;align-items:center;margin-bottom:20px;height:60px}._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_arwy3_2{overflow:hidden}._indicatorsCategory_arwy3_2 ._title_arwy3_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px;display:grid;grid-template-columns:12px auto}._indicatorsCategory_arwy3_2 ._list_arwy3_13{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_17b40_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_17b40_2 ._indicatorNameContainer_17b40_11{gap:8px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_17b40_2 ._dot_17b40_17{border-radius:100px;width:13px;height:13px;display:flex;align-items:center;justify-content:center}._indicatorContainer_17b40_2 ._indicatorName_17b40_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_17b40_31{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start}._switchExternalContainer_17b40_31 ._switchType_17b40_39{margin:0;width:100%}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:9px;cursor:pointer}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54 ._customRadious_17b40_64{width:13px;height:13px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54 ._optionText_17b40_71{font-weight:400}._indicatorsSubCategory_1nuug_2{overflow:hidden}._indicatorsSubCategory_1nuug_2 h3{text-align:left;display:grid;gap:10px;grid-template-columns:12px auto}._indicatorsSubCategory_1nuug_2 ._list_1nuug_11{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_13b3m_2{width:100%;padding-left:30px}._indicatorsList_13b3m_2 ._title_13b3m_6{border-bottom:1px solid;height:70px;display:flex;align-items:center;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_qs4x9_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_qs4x9_3::-webkit-scrollbar{width:8px}._legendContainer_qs4x9_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_qs4x9_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_qs4x9_3 ._closeButton_qs4x9_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_qs4x9_3 ._closeButton_qs4x9_31:before,._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before{transform:rotate(45deg)}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{transform:rotate(-45deg)}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59{border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59 h2{padding-bottom:16px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65{padding-top:20px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_qs4x9_3 ._titleLegendList_qs4x9_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88 ._colorDot_qs4x9_94{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100{position:relative}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueColor_qs4x9_103{height:130px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueText_qs4x9_108{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_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120{position:relative;margin-top:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._noData_qs4x9_120{height:22px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._absoluteValueText_qs4x9_108{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_qs4x9_3 ._moreInfoContainer_qs4x9_141{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_1prh1_2{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}._slider_1prh1_2 ._playButton_1prh1_14,._slider_1prh1_2 ._playButton_1prh1_14._hover_1prh1_17{background-color:transparent!important}._slider_1prh1_2 ._playButton_1prh1_14 img{height:30px;width:30px}._sliderOpen_1prh1_25{right:490px}._sliderResults_1prh1_29{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_1prh1_29 ._playButton_1prh1_14,._sliderResults_1prh1_29 ._playButton_1prh1_14._hover_1prh1_17{background-color:transparent!important}._sliderResults_1prh1_29 ._playButton_1prh1_14 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_1ox68_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;padding-left:24px;min-height:100%;flex:1}._elementSelector_1ox68_2 ._header_1ox68_14{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;height:70px}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24{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_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementName_1ox68_40{font-size:18px;font-weight:600;flex:1}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementName_1ox68_40 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementDate_1ox68_54{font-size:18px;font-weight:600;flex:.5}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementDate_1ox68_54 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1ox68_2 ._header_1ox68_14 ._buttonsContainer_1ox68_68{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_1ox68_2 ._elementListContainer_1ox68_77{flex:1;width:100%}._elementSelector_1ox68_2 ._newElementButtonContainer_1ox68_81{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px;padding-top:50px}._listElement_1evjl_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;padding-right:15px}._listElement_1evjl_2 ._elementNameDate_1evjl_18{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementNameContainer_1evjl_28{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementName_1evjl_18{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementDate_1evjl_43{flex:.5}._listElement_1evjl_2 ._elementButtons_1evjl_46{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1evjl_2 ._elementButtons_1evjl_46 button:disabled{opacity:.5;cursor:default}._listElement_1evjl_2 ._elementButtons_1evjl_46 img{display:inline}._break_1evjl_64{flex-basis:100%;height:0}._moreInfoContainer_1evjl_69 ._moreInfo_1evjl_69{display:flex;gap:5px;cursor:pointer}._formContainer_asv64_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_asv64_2 ._categorySelectorContainer_asv64_11{margin-bottom:5px;width:100%}._formContainer_asv64_2 ._formObjectContainer_asv64_15{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_asv64_2 ._buttonContainer_asv64_26{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._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}._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_1e994_2{width:100%}._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_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_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start}}._radioButtonContainer_1e994_2 ._questionContainer_1e994_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_1e994_2 ._questionContainer_1e994_27{min-width:auto;max-width:215px}}._radioButtonContainer_1e994_2 ._errorContainer_1e994_44{position:absolute;top:-25px;left:0}._radioButtonContainer_1e994_2 ._iconPrivacy_1e994_49{height:100%;padding-right:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._radioButtonContainer_1e994_2 ._radioQuestion_1e994_59{width:100%;flex:1}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;gap:10px;position:relative;height:100%}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label{text-align:left}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label input{margin-right:5px}@media (width < 768px){._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;flex:1}}label,._radioInput_1e994_93{cursor:pointer}._rankingSliderContainer_1lekm_2{display:grid;width:100%}._rankingSliderContainer_1lekm_2 ._labelContainer_1lekm_6{margin-bottom:25px;color:#605b56}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10{width:100%;position:relative;display:flex;gap:14px;align-items:center;flex-wrap:nowrap;justify-content:center;height:48px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._slider_1lekm_20{height:3px;background:#efefef;border-radius:3px;position:relative;min-width:250px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._thumb_1lekm_27{height:15px;width:15px;border-radius:50%;cursor:grab;top:-100%;transform:translateY(-20%);outline:none}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#444}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 span{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:10px;height:20px;position:relative}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 span:before{content:"";background:#efefef;width:10px;height:10px;position:absolute;top:-14.5px;border-radius:50%}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 ._labelsText_1lekm_64{color:#605b56}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._minLabel_1lekm_67,._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._maxLabel_1lekm_67{align-self:baseline;padding-top:10px;color:#605b56;font-size:12px;white-space:nowrap;margin-top:-7px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._minLabel_1lekm_67{text-align:right}._categorySelector_1t164_2{min-height:50px;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:10px;background-color:#efefef;border-radius:10px;padding:5px}._categorySelector_1t164_2 ._sectionItemActive_1t164_16{color:#fff}._categorySelector_1t164_2 ._sectionItem_1t164_16{border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;padding:5px;min-width:120px;height:100%}._overlay_mnd4j_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}._modal_mnd4j_15{background:#fff;border-radius:12px;position:relative;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:300px}._closeButton_mnd4j_29{position:absolute;top:3px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer}._icon_mnd4j_39{width:60px;height:60px;margin-bottom:16px}._message_mnd4j_45{font-size:18px;font-weight:700;margin-bottom:8px}._submessage_mnd4j_51{font-size:14px;color:#666;margin-bottom:20px}._buttonsContainer_mnd4j_57{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}._buttonWrapper_mnd4j_64{display:inline-flex}._stepsContainer_1cyua_3{display:flex;flex-direction:column;position:relative}._stepWrapper_1cyua_9{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}._stepWrapper_1cyua_9:last-child{margin-bottom:0}._circleContainer_1cyua_19{position:relative}._circle_1cyua_19{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1}._active_1cyua_39{color:#fff;border:none}._completed_1cyua_44{background-color:#ccc;color:#fff;border:none}._label_1cyua_50{margin-left:10px;font-size:14px;color:#aaa}._labelActive_1cyua_56{font-weight:700;color:#333}._connector_1cyua_61{position:absolute;left:50%;transform:translate(-50%);top:32px;width:1px;height:calc(100% - 10px);background-color:#ccc;z-index:0}._statusTextContainer_ch14r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:128px;height:31px;border-radius:200px}._statusTextContainer_ch14r_2 span{font-size:16px;color:#605b56}._buttonsContainer_1c7dw_2{padding:5px 7px;background-color:#efefef;border-radius:10px;display:flex;gap:8px}._buttonsContainer_1c7dw_2 ._button_1c7dw_2{border-radius:10px;display:flex;align-items:center;cursor:pointer;padding:4px;color:#605b56}._buttonsContainer_1c7dw_2 ._button_1c7dw_2:hover{opacity:.8}._buttonsContainer_1c7dw_2 ._button_1c7dw_2._active_1c7dw_20{background:#b32f5d;color:#efefef}._switchContainer_194wl_2{display:flex;align-items:center;gap:10px;font-size:12px;justify-content:center}._switchContainer_194wl_2 ._labelRight_194wl_9,._switchContainer_194wl_2 ._labelLeft_194wl_9{white-space:nowrap;color:#605b56}._switchContainer_194wl_2 ._labelLeft_194wl_9{text-align:right}._switch_194wl_2{position:relative;display:inline-block;width:44px;height:24px}._switch_194wl_2 input{opacity:0;width:0;height:0}._switch_194wl_2 ._slider_194wl_28{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border-radius:24px;transition:background-color .3s;border:2px solid #605b56}._switch_194wl_2 ._slider_194wl_28:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2.5px;background-color:var(--switch-thumb-color, #ccc);border-radius:50%;transition:transform .3s,background-color .3s}._switch_194wl_2 input:checked+._slider_194wl_28:before{transform:translate(20px)}._switch_194wl_2._disabled_194wl_54{opacity:.5;pointer-events:none}._overlay_1xyw2_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}._popup_1xyw2_15{background:#fff;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #0003}._gif_1xyw2_25{width:120px;height:auto;margin-bottom:1rem}._message_1xyw2_31{font-size:1.1rem;text-align:center}._container_gnwec_2{position:relative}._burger_gnwec_6{position:fixed;top:1rem;right:1rem;width:32px;height:32px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;z-index:1000}._burger_gnwec_6 span{display:block;height:4px;border-radius:2px;transition:.3s ease}._open_gnwec_29 span:nth-child(1){transform:translateY(18px) rotate(45deg)}._open_gnwec_29 span:nth-child(2){opacity:0}._open_gnwec_29 span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}._menu_gnwec_41{position:fixed;top:0;right:0;width:250px;height:100vh;padding:1.5rem;display:flex;flex-direction:column;box-shadow:-2px 0 8px #00000026;animation:_slideIn_gnwec_1 .3s ease forwards;z-index:999}@keyframes _slideIn_gnwec_1{0%{transform:translate(100%)}to{transform:translate(0)}}._close_gnwec_63{align-self:flex-end;background:none;border:none;font-size:24px;cursor:pointer}._list_gnwec_71{list-style:none;padding:0;margin-top:50px;display:flex;flex-direction:column;gap:1rem}._link_gnwec_80,._button_gnwec_81{text-decoration:none;color:inherit;font-size:18px;border:none;background:none;cursor:pointer}._active_gnwec_90{font-weight:700;border-bottom:3px solid}._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_1kaqu_2{position:absolute;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_1kaqu_16{border-left:1px solid #ddd}._content_1kaqu_20{position:relative;height:100%}._closeButton_1kaqu_25{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease;z-index:10}._closeButton_1kaqu_25:hover{color:#000}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { jsxs as p, jsx as n, Fragment as Ee } from "react/jsx-runtime";
 import * as me from "react";
-import V, { useState as D, useEffect as F, useMemo as he, useLayoutEffect as Et, useRef as ae } from "react";
+import V, { useState as F, useEffect as D, useMemo as he, useLayoutEffect as Et, useRef as ae } from "react";
 import e from "prop-types";
 import { useTranslation as L, Trans as We } from "react-i18next";
 import { motion as Ge } from "framer-motion";
@@ -44,14 +44,14 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
   fontColor: a,
   moreInfo: c
 }) => {
-  const { name: u, created_at: h, id: g, isBeingProcessed: b } = i;
+  const { name: u, created_at: g, id: C, isBeingProcessed: b } = i;
   return /* @__PURE__ */ p(
     "div",
     {
       className: ge.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(g), children: [
+        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(C), children: [
           /* @__PURE__ */ p("div", { className: ge.ambitName, children: [
             /* @__PURE__ */ n(
               "img",
@@ -62,13 +62,13 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
             ),
             /* @__PURE__ */ n("span", { style: { color: r ? l : a }, children: u })
           ] }),
-          /* @__PURE__ */ n("div", { className: ge.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
+          /* @__PURE__ */ n("div", { className: ge.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: ge.ambitButtons, children: [
           b && /* @__PURE__ */ n("img", { src: w2 }),
-          /* @__PURE__ */ n("button", { onClick: () => o(g), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
-          /* @__PURE__ */ n("button", { onClick: () => d(g), children: /* @__PURE__ */ n("img", { src: _2 }) }),
-          /* @__PURE__ */ n("button", { onClick: () => s(g), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: y2 }) })
+          /* @__PURE__ */ n("button", { onClick: () => o(C), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => d(C), children: /* @__PURE__ */ n("img", { src: _2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => s(C), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: y2 }) })
         ] })
       ]
     }
@@ -129,13 +129,13 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: a = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: h = (v) => console.log(`Copy ambit: ${v}`),
-  onCLickDelete: g = (v) => console.log(`Delete ambit: ${v}`),
+  onClickCopy: g = (v) => console.log(`Copy ambit: ${v}`),
+  onCLickDelete: C = (v) => console.log(`Delete ambit: ${v}`),
   onClickFilters: b = (v) => console.log(`Filters clicked: ${v}`),
-  onClickAmbit: C = (v) => console.log(`OnCLickAmbit: ${v}`)
+  onClickAmbit: h = (v) => console.log(`OnCLickAmbit: ${v}`)
 }) => {
-  const { t: v } = L(), [y, _] = D(i);
-  F(() => {
+  const { t: v } = L(), [y, _] = F(i);
+  D(() => {
     i && _(i);
   }, [i]);
   const m = (f) => {
@@ -177,10 +177,10 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ambit: f,
             fontColor: s,
             activeColor: o,
-            onClickCopy: h,
-            onClickDelete: g,
+            onClickCopy: g,
+            onClickDelete: C,
             onClickFilters: b,
-            onClickAmbit: C
+            onClickAmbit: h
           },
           `ambitKey${f.id}`
         )) }),
@@ -257,23 +257,23 @@ const q2 = ({
       children: i.map((a, c) => {
         const {
           icon: u,
-          activeIcon: h,
-          isActive: g,
+          activeIcon: g,
+          isActive: C,
           name: b,
-          onClick: C,
+          onClick: h,
           disabled: v
         } = a, y = /* @__PURE__ */ p(Ee, { children: [
           s && o === "left" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) }),
-          /* @__PURE__ */ n("img", { src: g ? h : u, alt: l(b) }),
+          /* @__PURE__ */ n("img", { src: C ? g : u, alt: l(b) }),
           s && o === "right" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ n(
             "button",
             {
-              onClick: C,
+              onClick: h,
               className: `${ee.button}
-                ${g && ee.active}`,
+                ${C && ee.active}`,
               disabled: v,
               children: y
             }
@@ -319,9 +319,9 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
   titleFontStyles: a,
   showBottomBar: c = !0,
   titleMarginChildren: u = 15,
-  mainTitle: h = !1
+  mainTitle: g = !1
 }) => {
-  const { t: g } = L();
+  const { t: C } = L();
   return /* @__PURE__ */ p(
     Ge.div,
     {
@@ -332,7 +332,7 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
       style: {
         backgroundColor: "white",
         borderBottom: i && c ? `1px solid ${t}` : "0px",
-        minHeight: h ? "70px" : "50px"
+        minHeight: g ? "70px" : "50px"
       },
       children: [
         /* @__PURE__ */ p(
@@ -342,15 +342,15 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
               ...a
               //marginBottom: titleMarginChildren ? titleMarginChildren : "auto",
             },
-            className: `${ke.title} ${h && ke.mainTitle}`,
+            className: `${ke.title} ${g && ke.mainTitle}`,
             onClick: d,
             children: [
               /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: i ? "-" : "+" }),
-              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: g(r) })
+              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: C(r) })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: ke.content, style: { padding: h ? "20px 0px" : "0px" }, children: s })
+        /* @__PURE__ */ n("div", { className: ke.content, style: { padding: g ? "20px 0px" : "0px" }, children: s })
       ]
     }
   );
@@ -379,9 +379,9 @@ const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "data
   activeFiltersType: null,
   geoLayers: []
 })), yt = ({ title: i, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
-  const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), h = (b) => {
-    M.setState((C) => ({
-      tematicalFiltersSelected: C.tematicalFiltersSelected.filter(
+  const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), g = (b) => {
+    M.setState((h) => ({
+      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (v) => v.code !== b
       )
     }));
@@ -397,10 +397,10 @@ const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "data
       activeColor: r,
       mainTitle: !0,
       color: l,
-      children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, C) => /* @__PURE__ */ p("div", { className: et.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, h) => /* @__PURE__ */ p("div", { className: et.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(b.name),
-        /* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => h(b.code), style: { cursor: "pointer" } })
-      ] }, C)) })
+        /* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => g(b.code), style: { cursor: "pointer" } })
+      ] }, h)) })
     }
   );
 };
@@ -429,17 +429,17 @@ const K2 = "_layersList_cn837_25", U2 = "_layerName_cn837_34", tt = {
   activeColor: t,
   onGeoLayersChange: r
 }) => {
-  const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((g) => g), u = () => {
+  const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((C) => C), u = () => {
     a == "geographical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "geographical" }));
-  }, h = (g) => {
+  }, g = (C) => {
     M.setState((b) => ({
-      geoLayers: b.geoLayers.map((C) => ({
-        ...C,
-        active: C.name === g.name
+      geoLayers: b.geoLayers.map((h) => ({
+        ...h,
+        active: h.name === C.name
       }))
     })), r(c);
   };
-  return F(() => {
+  return D(() => {
     r && r(c);
   }, [c]), /* @__PURE__ */ n(
     le,
@@ -450,15 +450,15 @@ const K2 = "_layersList_cn837_25", U2 = "_layerName_cn837_34", tt = {
       activeColor: t,
       color: s,
       mainTitle: !0,
-      children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((g) => /* @__PURE__ */ p(
+      children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((C) => /* @__PURE__ */ p(
         "div",
         {
           className: `${tt.layerName}`,
-          style: { color: g.active ? t : s, fontWeight: g.active ? "bold" : "normal" },
-          onClick: () => h(g),
+          style: { color: C.active ? t : s, fontWeight: C.active ? "bold" : "normal" },
+          onClick: () => g(C),
           children: [
-            l(g.name),
-            g.active
+            l(C.name),
+            C.active
           ]
         }
       )) })
@@ -566,19 +566,19 @@ let ze = function(i) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
+      t.move(g);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const g = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(b) > Math.abs(g);
+        const C = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(b) > Math.abs(C);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
+      t.move(g);
     }, t.onKeyDown = (a) => {
       if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
@@ -631,8 +631,8 @@ let ze = function(i) {
       if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
       const u = t.getTouchPosition(c);
-      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), $e(t.getTouchEventMap()), function(h) {
-        h.stopPropagation && h.stopPropagation();
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), $e(t.getTouchEventMap()), function(g) {
+        g.stopPropagation && g.stopPropagation();
       }(c);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
@@ -640,13 +640,13 @@ let ze = function(i) {
       }, 0);
       t.pendingResizeTimeouts.push(a);
     }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (b) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), g = { ref: (b) => {
         t["thumb" + c] = b;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: Se(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);
+      }, 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 }, C = { index: c, value: Se(t.state.value), valueNow: t.state.value[c] };
+      return t.props.ariaValuetext && (g["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(C)), t.props.renderThumb(g, C);
     }, 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: Se(t.state.value) };
-      return t.props.renderTrack(h, g);
+      const g = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, C = { index: a, value: Se(t.state.value) };
+      return t.props.renderTrack(g, C);
     };
     let r = Re(o.value);
     r.length || (r = Re(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -677,8 +677,8 @@ let ze = function(i) {
     let t = Number.MAX_VALUE, r = -1;
     const { value: l } = this.state, a = l.length;
     for (let c = 0; c < a; c += 1) {
-      const u = this.calcOffset(l[c]), h = Math.abs(o - u);
-      h < t && (t = h, r = c);
+      const u = this.calcOffset(l[c]), g = Math.abs(o - u);
+      g < t && (t = g, r = c);
     }
     return r;
   }, s.getMousePosition = function(o) {
@@ -701,8 +701,8 @@ let ze = function(i) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, b = Math.abs(c - u);
-    this.state.upperBound === g && this.state.sliderLength === b && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: b, thumbSize: h });
+    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], g = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], C = a - g, b = Math.abs(c - u);
+    this.state.upperBound === C && this.state.sliderLength === b && this.state.thumbSize === g || this.setState({ upperBound: C, sliderLength: b, thumbSize: g });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -741,28 +741,28 @@ let ze = function(i) {
     const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (o === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
+    const { pearling: c, max: u, min: g, minDistance: C } = this.props;
     if (!c) {
       if (r > 0) {
         const b = t[r - 1];
-        o < b + g && (o = b + g);
+        o < b + C && (o = b + C);
       }
       if (r < l - 1) {
         const b = t[r + 1];
-        o > b - g && (o = b - g);
+        o > b - C && (o = b - C);
       }
     }
-    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, g, r), function(b, C, v, y) {
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, C, r), function(b, h, v, y) {
       for (let _ = 0; _ < b; _ += 1) {
         const m = y - _ * v;
-        C[b - 1 - _] > m && (C[b - 1 - _] = m);
+        h[b - 1 - _] > m && (h[b - 1 - _] = m);
       }
-    }(l, t, g, u)) : o < a && (this.pushPreceding(t, g, r), function(b, C, v, y) {
+    }(l, t, C, u)) : o < a && (this.pushPreceding(t, C, r), function(b, h, v, y) {
       for (let _ = 0; _ < b; _ += 1) {
         const m = y + _ * v;
-        C[_] < m && (C[_] = m);
+        h[_] < m && (h[_] = m);
       }
-    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, C, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
     let l, a;
     for (l = r, a = o[l] + t; o[l + 1] !== null && a > o[l + 1]; l += 1, a = o[l] + t) o[l + 1] = Ze(a, this.props);
@@ -836,11 +836,11 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
   defaultValue: a,
   isDate: c
 }) => {
-  const { t: u } = L(), h = c ? new Date(i).getTime() : null, g = c ? new Date(d).getTime() : null, [b, C] = D(c ? [h, g] : [i, d]), v = (y) => {
-    C(y), o == null || o({ min: y[0], max: y[1] });
+  const { t: u } = L(), g = c ? new Date(i).getTime() : null, C = c ? new Date(d).getTime() : null, [b, h] = F(c ? [g, C] : [i, d]), v = (y) => {
+    h(y), o == null || o({ min: y[0], max: y[1] });
   };
-  return F(() => {
-    a || C(c ? [h, g] : [i, d]);
+  return D(() => {
+    a || h(c ? [g, C] : [i, d]);
   }, [a, c]), /* @__PURE__ */ p(
     "div",
     {
@@ -854,9 +854,9 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
             className: ce.slider,
             thumbClassName: ce.thumb,
             trackClassName: ce.track,
-            min: c ? h : i,
-            max: c ? g : d,
-            step: c ? (g - h) / 30 : s,
+            min: c ? g : i,
+            max: c ? C : d,
+            step: c ? (C - g) / 30 : s,
             value: b,
             onAfterChange: v,
             withTracks: !0,
@@ -902,17 +902,17 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
   //onChangeBothType
   activeColor: d
 }) => {
-  const [s, o] = D(), {
+  const [s, o] = F(), {
     type: t,
     name: r,
     values: l,
     minValue: a,
     maxValue: c,
     unit: u,
-    step: h,
-    disabled: g,
+    step: g,
+    disabled: C,
     isDate: b
-  } = i || {}, C = he(
+  } = i || {}, h = he(
     () => t == "cat" || s == "cat",
     [s, t]
   ), v = he(
@@ -925,7 +925,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
     inputsColor: f
   } = M((N) => N), x = (N) => {
     if (N) {
-      const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : C ? "cat" : "both";
+      const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : h ? "cat" : "both";
       let Z = A[0];
       H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((J) => {
         let G = J.tematicalFiltersSelected.find(
@@ -1006,12 +1006,12 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
       titleFontStyles: {
         fontSize: 16,
         fontWeight: 400,
-        opacity: g ? 0.5 : 1
+        opacity: C ? 0.5 : 1
       },
       title: r,
       isOpen: _ == `id${r}`,
       onClick: () => {
-        g || M.setState(() => ({
+        C || M.setState(() => ({
           selectedIndicator: _ == `id${r}` ? "" : `id${r}`
         }));
       },
@@ -1069,7 +1069,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
             ]
           }
         ),
-        C && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
+        h && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
           var $;
           return /* @__PURE__ */ n(
             vt,
@@ -1090,7 +1090,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
             unit: u,
             defaultValue: w[i.code[0]] ? w[i.code[0]] : "",
             isDate: b,
-            step: h
+            step: g
           }
         ) })
       ]
@@ -1218,11 +1218,11 @@ const kt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l, activeFiltersType: a } = M((h) => h), { t: c } = L();
-  F(() => {
-  }, [l]), F(() => {
+  const { tematicalFiltersSelected: l, activeFiltersType: a } = M((g) => g), { t: c } = L();
+  D(() => {
+  }, [l]), D(() => {
     o && M.setState(() => ({ fontColor: o }));
-  }, [o]), F(() => {
+  }, [o]), D(() => {
     t && M.setState(() => ({ inputsColor: t }));
   }, [t]);
   const u = () => {
@@ -1237,14 +1237,14 @@ const kt = ({
       activeColor: r,
       onClick: u,
       mainTitle: !0,
-      children: i == null ? void 0 : i.map((h, g) => /* @__PURE__ */ n(
+      children: i == null ? void 0 : i.map((g, C) => /* @__PURE__ */ n(
         Nt,
         {
-          category: h,
+          category: g,
           fontColor: o,
           activeColor: r
         },
-        `category-${g}`
+        `category-${C}`
       ))
     }
   );
@@ -1277,31 +1277,31 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
   onChangeAppliedFilters: a,
   saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: h,
-  filtersTypes: g = ["geographical", "tematical"],
+  descPlaceholder: g,
+  filtersTypes: C = ["geographical", "tematical"],
   nameRequiredText: b,
-  geoFilterLayers: C = [],
+  geoFilterLayers: h = [],
   onGeoLayersChange: v,
   onlyFilters: y = !1,
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
   descriptionRequired: _ = !1
   //campo descripción required
 }) => {
-  const { t: m } = L(), { tematicalFiltersSelected: f, activeFiltersType: x, geoLayers: w } = M((T) => T), [N, S] = D(i || null), [$, k] = D(d || null), [B, A] = D(!1);
-  F(() => {
+  const { t: m } = L(), { tematicalFiltersSelected: f, activeFiltersType: x, geoLayers: w } = M((T) => T), [N, S] = F(i || null), [$, k] = F(d || null), [B, A] = F(!1);
+  D(() => {
     s && s.length > 0 && M.setState((T) => ({
       tematicalFiltersSelected: s
     }));
-  }, [s]), F(() => {
-    g.includes("geographical") && w != C && M.setState({ geoLayers: C });
-  }, [C]), F(() => {
+  }, [s]), D(() => {
+    C.includes("geographical") && w != h && M.setState({ geoLayers: h });
+  }, [h]), D(() => {
     a(f);
   }, [f]);
   const H = () => {
     _ ? N && $ ? c({ name: N, description: $ }) : A(!0) : N ? c({ name: N, description: $ }) : A(!0);
   };
-  return F(() => {
-    g.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
+  return D(() => {
+    C.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
       geoLayers: T.geoLayers.map((j) => ({
         ...j,
         active: !1
@@ -1328,7 +1328,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
             onChange: (T) => {
               _ && A(!1), k(T.target.value);
             },
-            placeholder: m(h)
+            placeholder: m(g)
           }
         ) }) })
       ] }),
@@ -1342,7 +1342,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
           activeColor: t
         }
       ),
-      g.includes("geographical") && /* @__PURE__ */ n(
+      C.includes("geographical") && /* @__PURE__ */ n(
         _t,
         {
           title: "geo_filters",
@@ -1350,7 +1350,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
           onGeoLayersChange: v
         }
       ),
-      g.includes("tematical") && /* @__PURE__ */ n(
+      C.includes("tematical") && /* @__PURE__ */ n(
         kt,
         {
           indicators: o,
@@ -1396,13 +1396,13 @@ const St = ({
   orientation: c = "horizontal",
   // "horizontal" or "vertical"
   horizontalPadding: u = c == "vertical" ? 50 : 20,
-  verticalPadding: h = 10
+  verticalPadding: g = 10
 }) => {
-  const { xScale: b, yScale: C, ticks: v, height: y, chartWidth: _ } = he(() => {
+  const { xScale: b, yScale: h, ticks: v, height: y, chartWidth: _ } = he(() => {
     if (i && i.length > 0) {
       const m = Ae.max(i, (x) => x.value) || 1, f = a || m;
       if (c === "vertical") {
-        const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, h]), $ = Array.from(
+        const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, g]), $ = Array.from(
           { length: l + 1 },
           (k, B) => f / l * B
         );
@@ -1413,7 +1413,7 @@ const St = ({
           chartWidth: x
         };
       } else {
-        const x = i.length * (s + o) + h * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
+        const x = i.length * (s + o) + g * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
           { length: l + 1 },
           (S, $) => f / l * $
         );
@@ -1439,13 +1439,13 @@ const St = ({
     s,
     o,
     u,
-    h,
+    g,
     a,
     c
   ]);
   return c === "vertical" ? /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: _, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(${u}, 0)`, children: [
     /* @__PURE__ */ n("g", { children: v.map((m, f) => {
-      const x = C(m);
+      const x = h(m);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "line",
@@ -1471,7 +1471,7 @@ const St = ({
       ] }, f);
     }) }),
     i && i.length > 0 && i.map((m, f) => {
-      const x = C(0) - C(m.value), w = f * (s + o), N = C(m.value);
+      const x = h(0) - h(m.value), w = f * (s + o), N = h(m.value);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "rect",
@@ -1589,7 +1589,7 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
   leftPadding: c = -200,
   orientation: u = "horizontal"
 }) => {
-  const { t: h } = L();
+  const { t: g } = L();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -1600,7 +1600,7 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
         paddingBottom: 40
       },
       children: [
-        /* @__PURE__ */ n("div", { className: nt.titleContainer, children: /* @__PURE__ */ n("h2", { children: h(t) }) }),
+        /* @__PURE__ */ n("div", { className: nt.titleContainer, children: /* @__PURE__ */ n("h2", { children: g(t) }) }),
         /* @__PURE__ */ n(
           St,
           {
@@ -1660,14 +1660,14 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = L(), { name: h, type: g, disabled: b } = i;
+  const { t: u } = L(), { name: g, type: C, disabled: b } = i;
   console.log(it);
-  const [C, v] = D(!1);
-  F(() => {
+  const [h, v] = F(!1);
+  D(() => {
     t && v(
       a ? t.some(
-        (m) => m.name == String(h)
-      ) : t.name == h
+        (m) => m.name == String(g)
+      ) : t.name == g
     );
   }, [t]);
   const y = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
@@ -1756,12 +1756,12 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
             "div",
             {
               style: {
-                border: C ? `1px solid ${s}` : `1px solid ${o}`,
+                border: h ? `1px solid ${s}` : `1px solid ${o}`,
                 opacity: b ? 0.5 : 1,
-                backgroundColor: C ? s : "transparent"
+                backgroundColor: h ? s : "transparent"
               },
               className: R.dot,
-              children: a && /* @__PURE__ */ n("img", { src: C ? v0 : it, alt: "" })
+              children: a && /* @__PURE__ */ n("img", { src: h ? v0 : it, alt: "" })
             }
           ),
           /* @__PURE__ */ n(
@@ -1769,13 +1769,13 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
             {
               className: R.indicatorName,
               style: {
-                color: C ? s : o,
+                color: h ? s : o,
                 opacity: b ? 0.5 : 1
               },
               children: /* @__PURE__ */ n(
                 We,
                 {
-                  i18nKey: h,
+                  i18nKey: g,
                   components: { sup: /* @__PURE__ */ n("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -1785,8 +1785,8 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ n("div", { children: y() }),
-    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ n("div", { children: _() })
+    (t == null ? void 0 : t.name) === g && C === "both" && /* @__PURE__ */ n("div", { children: y() }),
+    (t == null ? void 0 : t.name) === g && C === "twoUnits" && /* @__PURE__ */ n("div", { children: _() })
   ] });
 };
 Xe.propTypes = {
@@ -1815,26 +1815,26 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
   activeIndicator: a,
   onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: h,
-  onChangeType: g
+  activeIndicatorType: g,
+  onChangeType: C
 }) => {
-  const { t: b } = L(), [C, v] = D(!1);
-  return F(() => {
+  const { t: b } = L(), [h, v] = F(!1);
+  return D(() => {
     v(t == l);
   }, [t, l]), /* @__PURE__ */ p(
     Ge.div,
     {
       className: st.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: C ? "auto" : "43px" },
+      animate: { height: h ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ n("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: C ? o : s }, children: [
-          /* @__PURE__ */ n("span", { style: { color: C ? o : s }, children: C ? "-" : "+" }),
+        /* @__PURE__ */ n("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: h ? o : s }, children: [
+          /* @__PURE__ */ n("span", { style: { color: h ? o : s }, children: h ? "-" : "+" }),
           /* @__PURE__ */ n(
             "span",
             {
-              style: { color: C ? o : s },
+              style: { color: h ? o : s },
               children: b(i)
             }
           )
@@ -1848,8 +1848,8 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
             activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: h,
-            onChangeType: g
+            activeIndicatorType: g,
+            onChangeType: C
           },
           "indicator" + _
         )) })
@@ -1880,13 +1880,13 @@ const Bt = ({
   onClickSubCategory: a,
   activeIndicator: c,
   onClickIndicator: u,
-  multiple: h,
-  activeIndicatorType: g,
+  multiple: g,
+  activeIndicatorType: C,
   onChangeType: b
 }) => {
   var _;
-  const { t: C } = L(), [v, y] = D(!1);
-  return F(() => {
+  const { t: h } = L(), [v, y] = F(!1);
+  return D(() => {
     y(r === d);
   }, [r, d]), /* @__PURE__ */ p(
     Ge.div,
@@ -1907,7 +1907,7 @@ const Bt = ({
             "span",
             {
               style: { color: v ? s : o },
-              children: C(i.name)
+              children: h(i.name)
             }
           )
         ] }),
@@ -1921,11 +1921,11 @@ const Bt = ({
               onClickSubCategory: a,
               activeIndicator: c,
               onClickIndicator: u,
-              multiple: h,
+              multiple: g,
               activeColor: s,
               defaultColor: o,
               indicators: x,
-              activeIndicatorType: g,
+              activeIndicatorType: C,
               onChangeType: b
             },
             `subcKey ${w}`
@@ -1939,8 +1939,8 @@ const Bt = ({
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
-            multiple: h,
-            activeIndicatorType: g,
+            multiple: g,
+            activeIndicatorType: C,
             onChangeType: b
           },
           `indicator${f}`
@@ -1980,19 +1980,19 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = L(), [u, h] = D(), [g, b] = D(), [C, v] = D(), y = (w) => {
-    h(u == w ? null : w);
+  const { t: c } = L(), [u, g] = F(), [C, b] = F(), [h, v] = F(), y = (w) => {
+    g(u == w ? null : w);
   }, _ = (w) => {
-    b(g == w ? null : w);
+    b(C == w ? null : w);
   }, m = ({ indicator: w }) => {
     f(w);
   }, f = (w) => {
     if (!t)
       v(
-        (C == null ? void 0 : C.name) == w.name ? null : w
+        (h == null ? void 0 : h.name) == w.name ? null : w
       );
     else {
-      let N = C && C.length > 0 ? [...C] : [];
+      let N = h && h.length > 0 ? [...h] : [];
       v(
         N != null && N.some(
           (S) => S.name == w.name
@@ -2002,16 +2002,23 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
       ), w.type == "both" && l("cat");
     }
   };
-  F(() => {
-    o && typeof o == "function" && C && o({ activeIndicator: C });
-  }, [C]), Et(() => {
-    if (r && !C)
+  D(() => {
+    o && typeof o == "function" && h && o({ activeIndicator: h });
+  }, [h]), Et(() => {
+    if (r && !h)
+      if (t && r && Array.isArray(r)) {
+        let w = h && h.length > 0 ? [...h] : [];
+        v([...w, ...r]), x(r[0].name);
+      } else
+        f(r), x(r.name);
+  }, []), D(() => {
+    if (r != h)
       if (t && r && Array.isArray(r)) {
-        let w = C && C.length > 0 ? [...C] : [];
+        let w = h && h.length > 0 ? [...h] : [];
         v([...w, ...r]), x(r[0].name);
       } else
         f(r), x(r.name);
-  }, []);
+  }, [r]);
   const x = (w) => {
     const N = i.find((S) => {
       if (S.subcategories) {
@@ -2023,7 +2030,7 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
       } else
         return S.indicators.some(($) => $.name == w);
     });
-    N && h(N.category);
+    N && g(N.category);
   };
   return /* @__PURE__ */ p("div", { className: ot.indicatorsList, children: [
     /* @__PURE__ */ n("h2", { className: ot.title, style: { color: s }, children: c("indicators.indicators") }),
@@ -2035,9 +2042,9 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
         onClickCategory: y,
         activeCategory: u,
         onClickSubCategory: _,
-        activeSubCategory: g,
+        activeSubCategory: C,
         onClickIndicator: m,
-        activeIndicator: C,
+        activeIndicator: h,
         activeColor: d,
         defaultColor: s,
         multiple: t,
@@ -2067,7 +2074,7 @@ const O0 = "_langSelector_o9enq_2", R0 = "_currentLang_o9enq_14", q0 = "_arrow_o
   prevImg: P0,
   langMenu: E0
 }, j0 = ({ langs: i, arrow: d, imgPrev: s }) => {
-  const [o, t] = D(!1), { i18n: r } = L(), l = i.find((c) => c.code == r.language), a = (c) => {
+  const [o, t] = F(!1), { i18n: r } = L(), l = i.find((c) => c.code == r.language), a = (c) => {
     r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ p("div", { className: de.langSelector, children: [
@@ -2158,11 +2165,11 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titl
       children: [
         /* @__PURE__ */ n("button", { className: O.closeButton, onClick: c }),
         d && /* @__PURE__ */ n("div", { className: O.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ n("h2", { children: d }) }),
-        s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
-          /* @__PURE__ */ n("h3", { className: O.title, children: `${h}:` }),
+        s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: g, value: C }) => /* @__PURE__ */ p("li", { children: [
+          /* @__PURE__ */ n("h3", { className: O.title, children: `${g}:` }),
           /* @__PURE__ */ p("span", { className: O.value, children: [
             "  ",
-            g
+            C
           ] })
         ] }, d)) }) }),
         /* @__PURE__ */ n("h3", { className: O.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ n(We, { i18nKey: t, components: { sup: /* @__PURE__ */ n("sup", {}) }, shouldUnescape: !0 }) }),
@@ -2195,16 +2202,16 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ n("div", { className: O.gridContainer, children: o.map(
-            ({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
+            ({ title: g, color: C }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   className: O.colorDot,
-                  style: { backgroundColor: g }
+                  style: { backgroundColor: C }
                 }
               ),
               /* @__PURE__ */ p("div", { className: O.titleLegendElement, children: [
-                u(h),
+                u(g),
                 " "
               ] })
             ] }, d)
@@ -2281,12 +2288,12 @@ const dn = ({
   interactiveLayers: a = [],
   popUp: c = !1,
   sources: u = [],
-  layers: h = []
+  layers: g = []
 }) => {
-  const g = ae(), [b, C] = D(null), v = Zt((y) => y.mapState.showTexts);
-  return F(() => {
-    if (g.current) {
-      const y = g.current.getMap();
+  const C = ae(), [b, h] = F(null), v = Zt((y) => y.mapState.showTexts);
+  return D(() => {
+    if (C.current) {
+      const y = C.current.getMap();
       y.getStyle().layers.map((m) => {
         m.type == "symbol" && m.id != "professionals" && (v ? y.setLayoutProperty(m.id, "visibility", "visible") : y.setLayoutProperty(m.id, "visibility", "none"));
       });
@@ -2295,7 +2302,7 @@ const dn = ({
     zt,
     {
       initialViewState: i,
-      ref: g,
+      ref: C,
       hash: !1,
       maxZoom: d,
       minZoom: s,
@@ -2307,7 +2314,7 @@ const dn = ({
           Ht,
           {
             ...y,
-            children: h.length && h.map((m, f) => {
+            children: g.length && g.map((m, f) => {
               if (m.sourceId == y.id) return /* @__PURE__ */ n(
                 Kt,
                 {
@@ -2327,7 +2334,7 @@ const dn = ({
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => C(null),
+            onClose: () => h(null),
             children: c.content
           }
         )
@@ -2409,20 +2416,20 @@ const un = "_mapContainer_b0pyr_3", pn = {
   interactiveLayers: a = [],
   sources: c = [],
   layers: u = [],
-  popUpParams: h,
-  onClosePopUp: g,
+  popUpParams: g,
+  onClosePopUp: C,
   showTexts: b,
-  hash: C = !1
+  hash: h = !1
 }) => {
   const v = ae();
-  return F(() => {
+  return D(() => {
     if (v.current) {
       const y = v.current.getMap();
       y.getStyle().layers.map((m) => {
         m.type == "symbol" && m.id != "professionals" && (b ? y.setLayoutProperty(m.id, "visibility", "visible") : y.setLayoutProperty(m.id, "visibility", "none"));
       });
     }
-  }, [b]), F(() => {
+  }, [b]), D(() => {
     let y = new Gt();
     return Ie.addProtocol("pmtiles", y.tile), () => {
       Ie.removeProtocol("pmtiles");
@@ -2433,7 +2440,7 @@ const un = "_mapContainer_b0pyr_3", pn = {
       mapLib: Ie,
       initialViewState: i,
       ref: v,
-      hash: C,
+      hash: h,
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
@@ -2462,13 +2469,13 @@ const un = "_mapContainer_b0pyr_3", pn = {
           _
         )),
         /* @__PURE__ */ n(Jt, { position: "bottom-right", visualizePitch: !0 }),
-        h && /* @__PURE__ */ n(
+        g && /* @__PURE__ */ n(
           e2,
           {
-            longitude: h.lng,
-            latitude: h.lat,
-            onClose: g,
-            children: /* @__PURE__ */ n(gn, { props: h.props })
+            longitude: g.lng,
+            latitude: g.lat,
+            onClose: C,
+            children: /* @__PURE__ */ n(gn, { props: g.props })
           }
         )
       ]
@@ -2604,18 +2611,18 @@ const Nn = t2({
     console.log("year changed to ", a);
   }
 }) => {
-  const [a, c] = D(d), u = (m, f) => {
+  const [a, c] = F(d), u = (m, f) => {
     c(f), l(f);
-  }, [h, g] = D(!1), b = () => {
-    g(!0);
-  }, C = () => {
-    g(!1);
+  }, [g, C] = F(!1), b = () => {
+    C(!0);
+  }, h = () => {
+    C(!1);
   };
   ((m, f) => {
     const x = ae();
-    F(() => {
+    D(() => {
       x.current = m;
-    }, [m]), F(() => {
+    }, [m]), D(() => {
       function w() {
         x.current();
       }
@@ -2625,7 +2632,7 @@ const Nn = t2({
       }
     }, [f]);
   })(() => {
-    h && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
+    g && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
   const y = i2({
     palette: {
@@ -2679,8 +2686,8 @@ const Nn = t2({
           }
         ),
         o,
-        !h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src: kn, alt: "Play" }) }),
-        h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: C, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
+        !g && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src: kn, alt: "Play" }) }),
+        g && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: h, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2823,17 +2830,17 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   elementButtons: a,
   processTooltip: c,
   defaultTooltip: u,
-  showEye: h = !0
+  showEye: g = !0
 }) => {
-  const { name: g, created_at: b, id: C, isBeingProcessed: v } = i, [y, _] = D(!1), { t: m } = L();
+  const { name: C, created_at: b, id: h, isBeingProcessed: v } = i, [y, _] = F(!1), { t: m } = L();
   return /* @__PURE__ */ p(
     "div",
     {
       className: K.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(C), children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
-          h && (s ? /* @__PURE__ */ n(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(h), children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
+          g && (s ? /* @__PURE__ */ n(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ n(
             "img",
             {
               style: { marginRight: 9 },
@@ -2841,7 +2848,7 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
               alt: "eye"
             }
           )),
-          /* @__PURE__ */ n("span", { style: { color: s ? o : t }, children: g })
+          /* @__PURE__ */ n("span", { style: { color: s ? o : t }, children: C })
         ] }) }) : f == "data" ? /* @__PURE__ */ n("div", { className: K.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ n("div", { className: K.elementDate, children: i[f] })) }),
         /* @__PURE__ */ p("div", { className: K.elementButtons, children: [
           i.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
@@ -2927,16 +2934,16 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   // {'name': 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: h = !1,
+  moreInfo: g = !1,
   //{label: 'x'}
-  processTooltip: g,
+  processTooltip: C,
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: b,
   //texto para el tooltip del símbolo de candado para los elementos default
-  showEye: C = !0
+  showEye: h = !0
 }) => {
-  const { t: v } = L(), [y, _] = D(i);
-  F(() => {
+  const { t: v } = L(), [y, _] = F(i);
+  D(() => {
     i && _(i);
   }, [i]);
   const m = (f) => {
@@ -2978,10 +2985,10 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClickElement: a,
             columns: c,
             elementButtons: u,
-            moreInfo: h,
-            processTooltip: g,
+            moreInfo: g,
+            processTooltip: C,
             defaultTooltip: b,
-            showEye: C
+            showEye: h
           },
           `elementKey${f.id}`
         )) }),
@@ -3154,7 +3161,7 @@ function Si(i) {
       values: !0
     },
     exact: l,
-    callback: (h) => !r && u(ki(o, s._names, h.values || s._formValues, !1, a.current))
+    callback: (g) => !r && u(ki(o, s._names, g.values || s._formValues, !1, a.current))
   }), [o, s, r, l]), V.useEffect(() => s._removeUnmounted()), c;
 }
 function $i(i) {
@@ -3167,11 +3174,11 @@ function $i(i) {
     control: t,
     name: s,
     exact: !0
-  }), u = V.useRef(i), h = V.useRef(t.register(s, {
+  }), u = V.useRef(i), g = V.useRef(t.register(s, {
     ...i.rules,
     value: a,
     ...Pe(i.disabled) ? { disabled: i.disabled } : {}
-  })), g = V.useMemo(() => Object.defineProperties({}, {
+  })), C = V.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!P(c.errors, s)
@@ -3192,13 +3199,13 @@ function $i(i) {
       enumerable: !0,
       get: () => P(c.errors, s)
     }
-  }), [c, s]), b = V.useCallback((_) => h.current.onChange({
+  }), [c, s]), b = V.useCallback((_) => g.current.onChange({
     target: {
       value: Ci(_),
       name: s
     },
     type: ut.CHANGE
-  }), [s]), C = V.useCallback(() => h.current.onBlur({
+  }), [s]), h = V.useCallback(() => g.current.onBlur({
     target: {
       value: P(t._formValues, s),
       name: s
@@ -3217,9 +3224,9 @@ function $i(i) {
     value: a,
     ...Pe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: b,
-    onBlur: C,
+    onBlur: h,
     ref: v
-  }), [s, o, c.disabled, b, C, v, a]);
+  }), [s, o, c.disabled, b, h, v, a]);
   return V.useEffect(() => {
     const _ = t._options.shouldUnregister || r;
     t.register(s, {
@@ -3245,8 +3252,8 @@ function $i(i) {
   }, [o, s, t]), V.useMemo(() => ({
     field: y,
     formState: c,
-    fieldState: g
-  }), [y, c, g]);
+    fieldState: C
+  }), [y, c, C]);
 }
 const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_labelContainer_1o3iy_5", Ti = "_inputContainer_1o3iy_8", Mi = "_showPasswordButton_1o3iy_14", Vi = "_forgotPassButton_1o3iy_26", ye = {
   textInputContainer: Bi,
@@ -3282,12 +3289,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
-    width: h = 325,
-    onClickForgotPass: g = () => {
+    width: g = 325,
+    onClickForgotPass: C = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: b = "forgot-password"
-  } = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = D(!1);
+  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = F(!1);
   ae(l);
   const w = () => o ? o === "password" && f ? "text" : o : "text";
   return /* @__PURE__ */ n(
@@ -3296,7 +3303,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       name: s,
       control: v,
       rules: {
-        required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
+        required: l ? `${h(t)} ${h("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
@@ -3304,14 +3311,14 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
         var $;
         return /* @__PURE__ */ p("div", { className: ye.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: ye.labelContainer, children: [
-            C(t),
+            h(t),
             " ",
             l && /* @__PURE__ */ n("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p(
             "div",
             {
-              style: { position: "relative", width: h },
+              style: { position: "relative", width: g },
               className: ye.inputContainer,
               children: [
                 /* @__PURE__ */ n(
@@ -3319,7 +3326,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                   {
                     type: w(),
                     ...N,
-                    placeholder: c ? C(c) : "",
+                    placeholder: c ? h(c) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3333,7 +3340,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                       "img",
                       {
                         src: f ? Ii : Ai,
-                        alt: C("show-password")
+                        alt: h("show-password")
                       }
                     )
                   }
@@ -3341,7 +3348,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: g, children: C(b) }) }),
+          o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: C, children: h(b) }) }),
           /* @__PURE__ */ n(
             xe,
             {
@@ -3371,14 +3378,14 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     required: a,
     validateFunction: c,
     placeholder: u,
-    errorColor: h = "red",
-    width: g = 325,
+    errorColor: g = "red",
+    width: C = 325,
     options: b = []
     //Used if we dont use react hook form
-  } = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
+  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
   ae(a);
-  const [f, x] = D(null);
-  return F(() => {
+  const [f, x] = F(null);
+  return D(() => {
     f && s && s(f);
   }, [f, s]), d ? /* @__PURE__ */ n(
     we,
@@ -3386,7 +3393,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       name: o,
       control: v,
       rules: {
-        required: a ? `${C(r)} ${C("errorMessages.required")}` : !1,
+        required: a ? `${h(r)} ${h("errorMessages.required")}` : !1,
         validate: c ? (w) => {
           let N = d.getValues();
           return c(w, N);
@@ -3396,11 +3403,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
         var S;
         return /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
           r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
-            C(r),
+            h(r),
             " ",
-            a && /* @__PURE__ */ n("label", { style: { color: N.error ? h : "" }, children: "*" })
+            a && /* @__PURE__ */ n("label", { style: { color: N.error ? g : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
+          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
             /* @__PURE__ */ p(
               "select",
               {
@@ -3411,13 +3418,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 },
                 className: z.selectInput,
                 children: [
-                  /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
+                  /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: h(u || "selectOption") }),
                   b.map(($, k) => /* @__PURE__ */ n(
                     "option",
                     {
                       value: $.value,
                       className: z.option,
-                      children: C($.label)
+                      children: h($.label)
                     },
                     k
                   ))
@@ -3437,7 +3444,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
             xe,
             {
               errorMessage: (S = N.error) == null ? void 0 : S.message,
-              errorColor: m || h
+              errorColor: m || g
             }
           )
         ] });
@@ -3445,11 +3452,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     }
   ) : /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
     r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
-      C(r),
+      h(r),
       " ",
       a && /* @__PURE__ */ n("label", { children: "*" })
     ] }),
-    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
+    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
       /* @__PURE__ */ p(
         "select",
         {
@@ -3460,13 +3467,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
           },
           className: z.selectInput,
           children: [
-            /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
+            /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: h(u || "selectOption") }),
             b.map((w, N) => /* @__PURE__ */ n(
               "option",
               {
                 value: w.value,
                 className: z.option,
-                children: C(w.label)
+                children: h(w.label)
               },
               N
             ))
@@ -3492,7 +3499,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     errorColor: l = "red",
     options: a = [],
     multi: c = !1
-  } = i, { t: u } = L(), { control: h, trigger: g, clearErrors: b } = d, { errorColor: C } = Ne((_) => _), v = ({ options: _, onChange: m, actualValue: f }) => {
+  } = i, { t: u } = L(), { control: g, trigger: C, clearErrors: b } = d, { errorColor: h } = Ne((_) => _), v = ({ options: _, onChange: m, actualValue: f }) => {
     if (c && f && f.length > 0) {
       let x = f.filter((w) => w !== _);
       m(x);
@@ -3503,7 +3510,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
   return ae(t), /* @__PURE__ */ n(
     we,
     {
-      control: h,
+      control: g,
       name: s,
       rules: {
         validate: (_) => t && (_ == null || _ === "") ? `${u(o)} ${u("errorMessages.required")}` : null
@@ -3571,7 +3578,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
               xe,
               {
                 errorMessage: (S = N.error) == null ? void 0 : S.message,
-                errorColor: C || l
+                errorColor: h || l
               }
             )
           ] })
@@ -3598,10 +3605,10 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     thumbColor: c = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
-    errorColor: h = "red",
-    labelWidth: g = "300px",
+    errorColor: g = "red",
+    labelWidth: C = "300px",
     sliderWidth: b = "300px",
-    minText: C,
+    minText: h,
     maxText: v,
     disabled: y = !1,
     marks: _ = Array.from(
@@ -3611,7 +3618,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     showMarksNumber: m = !0
   } = i, { t: f } = L(), { control: x, trigger: w, clearErrors: N } = d || {};
   ae(u);
-  const { errorColorForm: S } = Ne((B) => B), [$, k] = D(a);
+  const { errorColorForm: S } = Ne((B) => B), [$, k] = F(a);
   return d ? /* @__PURE__ */ n(
     we,
     {
@@ -3628,12 +3635,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
           {
             className: I.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && g} ${b}`
+              gridTemplateColumns: `${t && C} ${b}`
             },
             children: [
               t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
               /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-                C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
+                h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
                 /* @__PURE__ */ p("div", { children: [
                   /* @__PURE__ */ n(
                     He,
@@ -3666,7 +3673,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 xe,
                 {
                   errorMessage: (H = A.error) == null ? void 0 : H.message,
-                  errorColor: S || h
+                  errorColor: S || g
                 }
               )
             ]
@@ -3678,11 +3685,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     "div",
     {
       className: I.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && g} ${b}` },
+      style: { gridTemplateColumns: `${t && C} ${b}` },
       children: [
         t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
         /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-          C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
+          h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ n(
               He,
@@ -3855,20 +3862,20 @@ const _e = ({
       className: Te.categorySelector,
       style: t ? { ...t } : {},
       children: i.map((a, c) => {
-        const { id: u, label: h } = a, g = s == u;
+        const { id: u, label: g } = a, C = s == u;
         return /* @__PURE__ */ n(
           "button",
           {
-            className: `${Te.sectionItem} ${g ? Te.sectionItemActive : ""}`,
+            className: `${Te.sectionItem} ${C ? Te.sectionItemActive : ""}`,
             type: "button",
-            style: { backgroundColor: g ? o : "inherit" },
+            style: { backgroundColor: C ? o : "inherit" },
             onClick: () => l(u),
             children: /* @__PURE__ */ n(
               "span",
               {
-                style: { color: g ? "white" : "inherit" },
+                style: { color: C ? "white" : "inherit" },
                 className: Te.sectionLabel,
-                children: r(h)
+                children: r(g)
               }
             )
           },
@@ -3888,13 +3895,13 @@ const _e = ({
   submitButtonStyles: a = { width: 325 },
   showCategorySelector: c = !0,
   defaultCategory: u = null,
-  categoryLabel: h = "Select Category",
-  activeCategory: g = null,
+  categoryLabel: g = "Select Category",
+  activeCategory: C = null,
   activeCategoryColor: b = "#b32f5d",
-  onSubmit: C = (v) => console.log("Form submitted with: ", v)
+  onSubmit: h = (v) => console.log("Form submitted with: ", v)
 }) => {
   const { t: v } = L(), { handleSubmit: y, control: _ } = i;
-  F(() => {
+  D(() => {
     r && Ne.setState(() => ({ errorColor: r }));
   }, [r]);
   const m = he(() => d ? d.filter((k) => k.category).map((k) => {
@@ -3907,12 +3914,12 @@ const _e = ({
   }) : [], [d]), f = (k) => {
     const B = d == null ? void 0 : d.find((A) => A.categoryId === k);
     return (B == null ? void 0 : B.subcategories) || [];
-  }, [x, w] = D(
-    g || u || null
-  ), [N, S] = D(null);
-  F(() => {
+  }, [x, w] = F(
+    C || u || null
+  ), [N, S] = F(null);
+  D(() => {
     !x && m.length > 0 && w(m[0].id);
-  }, [m, x]), F(() => {
+  }, [m, x]), D(() => {
     const k = f(x);
     !N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
   }, [x, N, d]);
@@ -4007,7 +4014,7 @@ const _e = ({
       )
     ] }, k.categoryId);
   };
-  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(C), children: [
+  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(h), children: [
     c && m.length > 0 && /* @__PURE__ */ n("div", { className: fe.categorySelectorContainer, children: /* @__PURE__ */ n(
       gt,
       {
@@ -4205,16 +4212,16 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
     defValue: a = !1,
     colorOn: c = "#5A514D",
     disabled: u = !1,
-    width: h = 240
-  } = i, { t: g } = L(), { control: b } = d || {}, [C, v] = D(a), y = (m) => {
+    width: g = 240
+  } = i, { t: C } = L(), { control: b } = d || {}, [h, v] = F(a), y = (m) => {
     v(m), s && s(m);
-  }, _ = (m, f) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${h}px` }, children: [
+  }, _ = (m, f) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${g}px` }, children: [
     r && /* @__PURE__ */ n(
       "span",
       {
         className: pe.labelLeft,
-        style: { width: `${(h - 74) / 2}px` },
-        children: g(r)
+        style: { width: `${(g - 74) / 2}px` },
+        children: C(r)
       }
     ),
     /* @__PURE__ */ p("label", { className: `${pe.switch} ${u ? pe.disabled : ""}`, children: [
@@ -4237,7 +4244,7 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
         }
       )
     ] }),
-    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(h - 74) / 2}px` }, children: g(l) })
+    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(g - 74) / 2}px` }, children: C(l) })
   ] });
   return d ? /* @__PURE__ */ n(
     we,
@@ -4247,7 +4254,7 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
       defaultValue: a,
       render: ({ field: m }) => _(m.value, m.onChange)
     }
-  ) : _(C, y);
+  ) : _(h, y);
 };
 R1.propTypes = {
   input: e.shape({
@@ -4290,7 +4297,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
   button: G1,
   active: Y1
 }, qt = ({ options: i, backgroundColor: d, textColor: s, iconColor: o }) => {
-  const [t, r] = D(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, h = t ? 13 : 0, g = t ? -11.51666 : 0, b = t ? -13 : 0;
+  const [t, r] = F(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, g = t ? 13 : 0, C = t ? -11.51666 : 0, b = t ? -13 : 0;
   return /* @__PURE__ */ p("div", { className: Q.container, children: [
     /* @__PURE__ */ n("button", { onClick: l, className: Q.burger, children: /* @__PURE__ */ p("svg", { width: "40", height: "40", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
       /* @__PURE__ */ n(
@@ -4309,7 +4316,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${h}px,${g}px)`,
+            transform: `translate(${g}px,${C}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4321,7 +4328,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${b}px,${g}px)`,
+            transform: `translate(${b}px,${C}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4357,25 +4364,29 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
       {
         className: Q.menu,
         style: { backgroundColor: d, color: s },
-        children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((C, v) => /* @__PURE__ */ n("li", { className: Q.item, children: C.url ? /* @__PURE__ */ n(
-          ft,
-          {
-            to: C.url,
-            className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
-            onClick: a,
-            style: { color: s },
-            children: C.name
-          }
-        ) : /* @__PURE__ */ n(
-          "button",
-          {
-            className: Q.button,
-            onClick: () => {
-              C.onclick && C.onclick(), a();
-            },
-            children: C.name
-          }
-        ) }, v)) })
+        children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((h, v) => /* @__PURE__ */ p("li", { className: Q.item, children: [
+          h.url && /* @__PURE__ */ n(
+            ft,
+            {
+              to: h.url,
+              className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
+              onClick: a,
+              style: { color: s },
+              children: h.name
+            }
+          ),
+          h.onclick && /* @__PURE__ */ n(
+            "button",
+            {
+              className: Q.button,
+              onClick: () => {
+                h.onclick && h.onclick(), a();
+              },
+              children: h.name
+            }
+          ),
+          h.component && h.component
+        ] }, v)) })
       }
     )
   ] });
@@ -4383,9 +4394,10 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
 qt.propTypes = {
   options: e.arrayOf(
     e.shape({
-      name: e.string.isRequired,
+      name: e.string,
       url: e.string,
-      onclick: e.func
+      onclick: e.func,
+      component: e.any
     })
   ).isRequired,
   backgroundColor: e.string,