@tmf_ciclica/ciclicastorybook 1.2.10 → 1.2.12

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 F, useEffect as D, useMemo as he, useLayoutEffect as Et, useRef as ae } from "react";
+import D, { useState as A, useEffect as F, 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: g, id: C, isBeingProcessed: b } = i;
+  const { name: u, created_at: g, id: m, isBeingProcessed: b } = i;
   return /* @__PURE__ */ p(
     "div",
     {
       className: ge.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(C), children: [
+        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(m), children: [
           /* @__PURE__ */ p("div", { className: ge.ambitName, children: [
             /* @__PURE__ */ n(
               "img",
@@ -66,9 +66,9 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
         ] }),
         /* @__PURE__ */ p("div", { className: ge.ambitButtons, children: [
           b && /* @__PURE__ */ n("img", { src: w2 }),
-          /* @__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 }) })
+          /* @__PURE__ */ n("button", { onClick: () => o(m), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => d(m), children: /* @__PURE__ */ n("img", { src: _2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => s(m), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: y2 }) })
         ] })
       ]
     }
@@ -129,19 +129,19 @@ 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: g = (v) => console.log(`Copy ambit: ${v}`),
-  onCLickDelete: C = (v) => console.log(`Delete ambit: ${v}`),
-  onClickFilters: b = (v) => console.log(`Filters clicked: ${v}`),
-  onClickAmbit: h = (v) => console.log(`OnCLickAmbit: ${v}`)
+  onClickCopy: g = (_) => console.log(`Copy ambit: ${_}`),
+  onCLickDelete: m = (_) => console.log(`Delete ambit: ${_}`),
+  onClickFilters: b = (_) => console.log(`Filters clicked: ${_}`),
+  onClickAmbit: h = (_) => console.log(`OnCLickAmbit: ${_}`)
 }) => {
-  const { t: v } = L(), [y, _] = F(i);
-  D(() => {
-    i && _(i);
+  const { t: _ } = L(), [v, y] = A(i);
+  F(() => {
+    i && y(i);
   }, [i]);
-  const m = (f) => {
-    if (y && y.length > 0) {
-      let x = [...y];
-      x.sort((w, N) => w[f].localeCompare(N[f])), _(x);
+  const f = (C) => {
+    if (v && v.length > 0) {
+      let N = [...v];
+      N.sort((w, x) => w[C].localeCompare(x[C])), y(N);
     }
   };
   return /* @__PURE__ */ p(
@@ -157,12 +157,12 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${s}` },
             children: [
               /* @__PURE__ */ p("div", { className: Y.nameDateContainer, children: [
-                /* @__PURE__ */ n("div", { className: Y.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
-                  /* @__PURE__ */ n("span", { children: v(t) }),
+                /* @__PURE__ */ n("div", { className: Y.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
+                  /* @__PURE__ */ n("span", { children: _(t) }),
                   /* @__PURE__ */ n("img", { src: Je })
                 ] }) }),
-                /* @__PURE__ */ n("div", { className: Y.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
-                  /* @__PURE__ */ n("span", { children: v(r) }),
+                /* @__PURE__ */ n("div", { className: Y.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
+                  /* @__PURE__ */ n("span", { children: _(r) }),
                   /* @__PURE__ */ n("img", { src: Je })
                 ] }) })
               ] }),
@@ -170,19 +170,19 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: Y.ambitListContainer, children: y && y.length > 0 && y.map((f) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: Y.ambitListContainer, children: v && v.length > 0 && v.map((C) => /* @__PURE__ */ n(
           bt,
           {
-            isActive: d == f.id,
-            ambit: f,
+            isActive: d == C.id,
+            ambit: C,
             fontColor: s,
             activeColor: o,
             onClickCopy: g,
-            onClickDelete: C,
+            onClickDelete: m,
             onClickFilters: b,
             onClickAmbit: h
           },
-          `ambitKey${f.id}`
+          `ambitKey${C.id}`
         )) }),
         /* @__PURE__ */ n("div", { className: Y.newAmbitButtonContainer, children: /* @__PURE__ */ n(
           Fe,
@@ -190,7 +190,7 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: v(l)
+            children: _(l)
           }
         ) })
       ]
@@ -258,13 +258,13 @@ const q2 = ({
         const {
           icon: u,
           activeIcon: g,
-          isActive: C,
+          isActive: m,
           name: b,
           onClick: h,
-          disabled: v
-        } = a, y = /* @__PURE__ */ p(Ee, { children: [
+          disabled: _
+        } = a, v = /* @__PURE__ */ p(Ee, { children: [
           s && o === "left" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) }),
-          /* @__PURE__ */ n("img", { src: C ? g : u, alt: l(b) }),
+          /* @__PURE__ */ n("img", { src: m ? 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: [
@@ -273,9 +273,9 @@ const q2 = ({
             {
               onClick: h,
               className: `${ee.button}
-                ${C && ee.active}`,
-              disabled: v,
-              children: y
+                ${m && ee.active}`,
+              disabled: _,
+              children: v
             }
           ),
           t && /* @__PURE__ */ n(re, { text: b, position: r })
@@ -321,7 +321,7 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
   titleMarginChildren: u = 15,
   mainTitle: g = !1
 }) => {
-  const { t: C } = L();
+  const { t: m } = L();
   return /* @__PURE__ */ p(
     Ge.div,
     {
@@ -346,7 +346,7 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
             onClick: d,
             children: [
               /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: i ? "-" : "+" }),
-              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: C(r) })
+              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: m(r) })
             ]
           }
         ),
@@ -382,7 +382,7 @@ const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "data
   const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), g = (b) => {
     M.setState((h) => ({
       tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
-        (v) => v.code !== b
+        (_) => _.code !== b
       )
     }));
   };
@@ -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((C) => C), u = () => {
+  const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((m) => m), u = () => {
     a == "geographical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "geographical" }));
-  }, g = (C) => {
+  }, g = (m) => {
     M.setState((b) => ({
       geoLayers: b.geoLayers.map((h) => ({
         ...h,
-        active: h.name === C.name
+        active: h.name === m.name
       }))
     })), r(c);
   };
-  return D(() => {
+  return F(() => {
     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((C) => /* @__PURE__ */ p(
+      children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((m) => /* @__PURE__ */ p(
         "div",
         {
           className: `${tt.layerName}`,
-          style: { color: C.active ? t : s, fontWeight: C.active ? "bold" : "normal" },
-          onClick: () => g(C),
+          style: { color: m.active ? t : s, fontWeight: m.active ? "bold" : "normal" },
+          onClick: () => g(m),
           children: [
-            l(C.name),
-            C.active
+            l(m.name),
+            m.active
           ]
         }
       )) })
@@ -573,8 +573,8 @@ let ze = function(i) {
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const C = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(b) > Math.abs(C);
+        const m = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(b) > Math.abs(m);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
@@ -642,17 +642,17 @@ let ze = function(i) {
     }, t.renderThumb = (a, c) => {
       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 }, 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);
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, m = { index: c, value: 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(m)), t.props.renderThumb(g, m);
     }, t.renderTrack = (a, c, u) => {
-      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);
+      const g = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, m = { index: a, value: Se(t.state.value) };
+      return t.props.renderTrack(g, m);
     };
     let r = Re(o.value);
     r.length || (r = Re(o.defaultValue)), t.pendingResizeTimeouts = [];
     const l = [];
     for (let a = 0; a < r.length; a += 1) r[a] = te(r[a], o), l.push(a);
-    return t.resizeObserver = null, t.resizeElementRef = V.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
+    return t.resizeObserver = null, t.resizeElementRef = D.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
   }
   Y2(d, i);
   var s = d.prototype;
@@ -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()], 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 });
+    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()], m = a - g, b = Math.abs(c - u);
+    this.state.upperBound === m && this.state.sliderLength === b && this.state.thumbSize === g || this.setState({ upperBound: m, 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: g, minDistance: C } = this.props;
+    const { pearling: c, max: u, min: g, minDistance: m } = this.props;
     if (!c) {
       if (r > 0) {
         const b = t[r - 1];
-        o < b + C && (o = b + C);
+        o < b + m && (o = b + m);
       }
       if (r < l - 1) {
         const b = t[r + 1];
-        o > b - C && (o = b - C);
+        o > b - m && (o = b - m);
       }
     }
-    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;
-        h[b - 1 - _] > m && (h[b - 1 - _] = m);
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, m, r), function(b, h, _, v) {
+      for (let y = 0; y < b; y += 1) {
+        const f = v - y * _;
+        h[b - 1 - y] > f && (h[b - 1 - y] = f);
       }
-    }(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;
-        h[_] < m && (h[_] = m);
+    }(l, t, m, u)) : o < a && (this.pushPreceding(t, m, r), function(b, h, _, v) {
+      for (let y = 0; y < b; y += 1) {
+        const f = v + y * _;
+        h[y] < f && (h[y] = f);
       }
-    }(l, t, C, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, m, 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);
@@ -811,12 +811,12 @@ let ze = function(i) {
     const o = [], { value: t } = this.state, r = t.length;
     for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
     const l = this.props.withTracks ? this.renderTracks(o) : null, a = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
-    return V.createElement("div", { ref: (u) => {
+    return D.createElement("div", { ref: (u) => {
       this.slider = u, this.resizeElementRef.current = u;
     }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
   }, d;
-}(V.Component);
-ze.displayName = "ReactSlider", ze.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (i) => V.createElement("div", i), renderTrack: (i) => V.createElement("div", i), renderMark: (i) => V.createElement("span", i) };
+}(D.Component);
+ze.displayName = "ReactSlider", ze.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (i) => D.createElement("div", i), renderTrack: (i) => D.createElement("div", i), renderMark: (i) => D.createElement("span", i) };
 var He = ze;
 const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_11", e0 = "_thumb_4u41i_17", t0 = "_track_4u41i_26", n0 = "_labels_4u41i_32", ce = {
   container: X2,
@@ -836,11 +836,11 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
   defaultValue: a,
   isDate: c
 }) => {
-  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] });
+  const { t: u } = L(), g = c ? new Date(i).getTime() : null, m = c ? new Date(d).getTime() : null, [b, h] = A(c ? [g, m] : [i, d]), _ = (v) => {
+    h(v), o == null || o({ min: v[0], max: v[1] });
   };
-  return D(() => {
-    a || h(c ? [g, C] : [i, d]);
+  return F(() => {
+    a || h(c ? [g, m] : [i, d]);
   }, [a, c]), /* @__PURE__ */ p(
     "div",
     {
@@ -855,10 +855,10 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
             thumbClassName: ce.thumb,
             trackClassName: ce.track,
             min: c ? g : i,
-            max: c ? C : d,
-            step: c ? (C - g) / 30 : s,
+            max: c ? m : d,
+            step: c ? (m - g) / 30 : s,
             value: b,
-            onAfterChange: v,
+            onAfterChange: _,
             withTracks: !0,
             pearling: !c,
             minDistance: c ? 0 : 0.1
@@ -902,7 +902,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
   //onChangeBothType
   activeColor: d
 }) => {
-  const [s, o] = F(), {
+  const [s, o] = A(), {
     type: t,
     name: r,
     values: l,
@@ -910,24 +910,24 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
     maxValue: c,
     unit: u,
     step: g,
-    disabled: C,
+    disabled: m,
     isDate: b
   } = i || {}, h = he(
     () => t == "cat" || s == "cat",
     [s, t]
-  ), v = he(
+  ), _ = he(
     () => t == "abs" || s == "abs",
     [s, t]
   ), {
-    tematicalFiltersSelected: y,
-    selectedIndicator: _,
-    fontColor: m,
-    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" : h ? "cat" : "both";
-      let Z = A[0];
-      H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((J) => {
+    tematicalFiltersSelected: v,
+    selectedIndicator: y,
+    fontColor: f,
+    inputsColor: C
+  } = M((x) => x), N = (x) => {
+    if (x) {
+      const { min: S, max: $, valueClicked: k, allValues: B } = x || {}, { code: V, type: H, source: T } = i || {}, j = _ ? "abs" : h ? "cat" : "both";
+      let Z = V[0];
+      H == "both" && (Z = j == "cat" ? V[1] : V[0]), j == "cat" ? M.setState((J) => {
         let G = J.tematicalFiltersSelected.find(
           (q) => q.code === Z
         );
@@ -948,7 +948,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
           let q = B.map((E, Pt) => Pt);
           return {
             tematicalFiltersSelected: [
-              ...y,
+              ...v,
               {
                 type: "cat",
                 code: Z,
@@ -980,7 +980,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ...y,
+              ...v,
               {
                 type: j,
                 code: Z,
@@ -994,39 +994,39 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
       });
     }
   }, w = he(() => {
-    const N = {};
-    if ((y == null ? void 0 : y.length) > 0)
-      for (const S of y)
-        S.type === "cat" ? N[S.code] = new Set(S.values) : N[S.code] = [S.min, S.max];
-    return N;
-  }, [y]);
+    const x = {};
+    if ((v == null ? void 0 : v.length) > 0)
+      for (const S of v)
+        S.type === "cat" ? x[S.code] = new Set(S.values) : x[S.code] = [S.min, S.max];
+    return x;
+  }, [v]);
   return /* @__PURE__ */ n("div", { className: Be.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
     le,
     {
       titleFontStyles: {
         fontSize: 16,
         fontWeight: 400,
-        opacity: C ? 0.5 : 1
+        opacity: m ? 0.5 : 1
       },
       title: r,
-      isOpen: _ == `id${r}`,
+      isOpen: y == `id${r}`,
       onClick: () => {
-        C || M.setState(() => ({
-          selectedIndicator: _ == `id${r}` ? "" : `id${r}`
+        m || M.setState(() => ({
+          selectedIndicator: y == `id${r}` ? "" : `id${r}`
         }));
       },
       showBottomBar: !1,
       height: 42,
       titleMarginChildren: 14,
       className: "tematicalFiltersInputContainer",
-      color: m,
+      color: f,
       activeColor: d,
       children: [
         t == "both" && /* @__PURE__ */ p(
           "div",
           {
             className: Be.inputTypeContainer,
-            style: { color: m },
+            style: { color: f },
             children: [
               /* @__PURE__ */ p("label", { children: [
                 /* @__PURE__ */ n(
@@ -1040,8 +1040,8 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "abs" ? f : "white",
-                      border: `1.5px solid ${s == "abs" ? f : m}`
+                      backgroundColor: s == "abs" ? C : "white",
+                      border: `1.5px solid ${s == "abs" ? C : f}`
                     }
                   }
                 ),
@@ -1059,8 +1059,8 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "cat" ? f : "white",
-                      border: `1.5px solid ${s == "cat" ? f : m}`
+                      backgroundColor: s == "cat" ? C : "white",
+                      border: `1.5px solid ${s == "cat" ? C : f}`
                     }
                   }
                 ),
@@ -1069,22 +1069,22 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
             ]
           }
         ),
-        h && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
+        h && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((x, S) => {
           var $;
           return /* @__PURE__ */ n(
             vt,
             {
-              onClick: () => x({ valueClicked: S, allValues: l }),
-              indicator: N,
+              onClick: () => N({ valueClicked: S, allValues: l }),
+              indicator: x,
               value: (($ = w[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : $.has(S)) || !w[i.code[t == "both" ? 1 : 0]]
             },
             `checkbox-${S}`
           );
         }) }),
-        (v || t == "glb") && /* @__PURE__ */ n("div", { className: Be.absoluteSliderContainer, children: /* @__PURE__ */ n(
+        (_ || t == "glb") && /* @__PURE__ */ n("div", { className: Be.absoluteSliderContainer, children: /* @__PURE__ */ n(
           wt,
           {
-            onChange: x,
+            onChange: N,
             min: a,
             max: c,
             unit: u,
@@ -1219,10 +1219,10 @@ const kt = ({
   activeColor: r
 }) => {
   const { tematicalFiltersSelected: l, activeFiltersType: a } = M((g) => g), { t: c } = L();
-  D(() => {
-  }, [l]), D(() => {
+  F(() => {
+  }, [l]), F(() => {
     o && M.setState(() => ({ fontColor: o }));
-  }, [o]), D(() => {
+  }, [o]), F(() => {
     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((g, C) => /* @__PURE__ */ n(
+      children: i == null ? void 0 : i.map((g, m) => /* @__PURE__ */ n(
         Nt,
         {
           category: g,
           fontColor: o,
           activeColor: r
         },
-        `category-${C}`
+        `category-${m}`
       ))
     }
   );
@@ -1278,47 +1278,47 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
   saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: g,
-  filtersTypes: C = ["geographical", "tematical"],
+  filtersTypes: m = ["geographical", "tematical"],
   nameRequiredText: b,
   geoFilterLayers: h = [],
-  onGeoLayersChange: v,
-  onlyFilters: y = !1,
+  onGeoLayersChange: _,
+  onlyFilters: v = !1,
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
-  descriptionRequired: _ = !1
+  descriptionRequired: y = !1
   //campo descripción required
 }) => {
-  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(() => {
+  const { t: f } = L(), { tematicalFiltersSelected: C, activeFiltersType: N, geoLayers: w } = M((T) => T), [x, S] = A(i || null), [$, k] = A(d || null), [B, V] = A(!1);
+  F(() => {
     s && s.length > 0 && M.setState((T) => ({
       tematicalFiltersSelected: s
     }));
-  }, [s]), D(() => {
-    C.includes("geographical") && w != h && M.setState({ geoLayers: h });
-  }, [h]), D(() => {
-    a(f);
-  }, [f]);
+  }, [s]), F(() => {
+    m.includes("geographical") && w != h && M.setState({ geoLayers: h });
+  }, [h]), F(() => {
+    a(C);
+  }, [C]);
   const H = () => {
-    _ ? N && $ ? c({ name: N, description: $ }) : A(!0) : N ? c({ name: N, description: $ }) : A(!0);
+    y ? x && $ ? c({ name: x, description: $ }) : V(!0) : x ? c({ name: x, description: $ }) : V(!0);
   };
-  return D(() => {
-    C.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
+  return F(() => {
+    m.includes("geographical") && N != "geographical" && w.length > 0 && M.setState((T) => ({
       geoLayers: T.geoLayers.map((j) => ({
         ...j,
         active: !1
       }))
     }));
-  }, [x]), /* @__PURE__ */ p("div", { className: ne.FiltersAmbitContainer, children: [
+  }, [N]), /* @__PURE__ */ p("div", { className: ne.FiltersAmbitContainer, children: [
     /* @__PURE__ */ p("div", { children: [
-      !y && /* @__PURE__ */ p("div", { className: ne.FiltersAmbitHeader, children: [
+      !v && /* @__PURE__ */ p("div", { className: ne.FiltersAmbitHeader, children: [
         /* @__PURE__ */ n("div", { className: ne.FiltersAmbitTitle, children: /* @__PURE__ */ n(
           "input",
           {
             type: "text",
             onChange: (T) => {
-              A(!1), S(T.target.value);
+              V(!1), S(T.target.value);
             },
-            value: N,
-            placeholder: m(u)
+            value: x,
+            placeholder: f(u)
           }
         ) }),
         /* @__PURE__ */ n("div", { className: ne.FiltersAmbitDescription, children: /* @__PURE__ */ n("div", { className: ne.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ n(
@@ -1326,31 +1326,31 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
           {
             value: $,
             onChange: (T) => {
-              _ && A(!1), k(T.target.value);
+              y && V(!1), k(T.target.value);
             },
-            placeholder: m(g)
+            placeholder: f(g)
           }
         ) }) })
       ] }),
       /* @__PURE__ */ n(
         yt,
         {
-          title: m("applied_filters"),
-          isOpen: x == "applied",
+          title: f("applied_filters"),
+          isOpen: N == "applied",
           textColor: r || "#fff",
           backgroundColor: l || "#605B5680",
           activeColor: t
         }
       ),
-      C.includes("geographical") && /* @__PURE__ */ n(
+      m.includes("geographical") && /* @__PURE__ */ n(
         _t,
         {
           title: "geo_filters",
           activeColor: t,
-          onGeoLayersChange: v
+          onGeoLayersChange: _
         }
       ),
-      C.includes("tematical") && /* @__PURE__ */ n(
+      m.includes("tematical") && /* @__PURE__ */ n(
         kt,
         {
           indicators: o,
@@ -1361,9 +1361,9 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
         }
       )
     ] }),
-    !y && /* @__PURE__ */ p("div", { className: ne.buttonContainer, children: [
-      B && /* @__PURE__ */ n("div", { className: ne.warning, children: m(b) }),
-      /* @__PURE__ */ n(Fe, { onClick: () => H(), children: m("save_ambit") })
+    !v && /* @__PURE__ */ p("div", { className: ne.buttonContainer, children: [
+      B && /* @__PURE__ */ n("div", { className: ne.warning, children: f(b) }),
+      /* @__PURE__ */ n(Fe, { onClick: () => H(), children: f("save_ambit") })
     ] })
   ] });
 };
@@ -1396,31 +1396,33 @@ const St = ({
   orientation: c = "horizontal",
   // "horizontal" or "vertical"
   horizontalPadding: u = c == "vertical" ? 50 : 20,
-  verticalPadding: g = 10
+  verticalPadding: g = 10,
+  xLabelPadding: m = c == "vertical" ? 50 : 40
 }) => {
-  const { xScale: b, yScale: h, ticks: v, height: y, chartWidth: _ } = he(() => {
+  const { xScale: h, yScale: _, ticks: v, height: y, chartWidth: f } = he(() => {
     if (i && i.length > 0) {
-      const m = Ae.max(i, (x) => x.value) || 1, f = a || m;
+      console.log("data");
+      const C = Ae.max(i, (w) => w.value) || 1, N = a || C;
       if (c === "vertical") {
-        const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, g]), $ = Array.from(
+        const w = i.length * (s + o) + u * 2, x = d, $ = Ae.scaleLinear().domain([0, N]).range([x - 100, g]), k = Array.from(
           { length: l + 1 },
-          (k, B) => f / l * B
+          (B, V) => N / l * V
         );
         return {
-          yScale: S,
-          ticks: $,
-          height: w,
-          chartWidth: x
+          yScale: $,
+          ticks: k,
+          height: x,
+          chartWidth: w
         };
       } else {
-        const x = i.length * (s + o) + g * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
+        const w = i.length * (s + o) + g * 2 + 50, x = Ae.scaleLinear().domain([0, N]).range([0, d - r]), S = Array.from(
           { length: l + 1 },
-          (S, $) => f / l * $
+          ($, k) => N / l * k
         );
         return {
-          xScale: w,
-          ticks: N,
-          height: x,
+          xScale: x,
+          ticks: S,
+          height: w,
           chartWidth: d
         };
       }
@@ -1443,17 +1445,17 @@ const St = ({
     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 = h(m);
+  return c === "vertical" ? /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: f, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(${u}, 0)`, children: [
+    /* @__PURE__ */ n("g", { children: v.map((C, N) => {
+      const w = _(C);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "line",
           {
             x1: 0,
-            x2: _ - u * 2,
-            y1: x,
-            y2: x,
+            x2: f - u * 2,
+            y1: w,
+            y2: w,
             stroke: "#ccc"
           }
         ),
@@ -1461,47 +1463,47 @@ const St = ({
           "text",
           {
             x: -10,
-            y: x + 4,
+            y: w + 4,
             textAnchor: "end",
             fontSize: 10,
             fill: t,
-            children: parseInt(m)
+            children: parseInt(C)
           }
         )
-      ] }, f);
+      ] }, N);
     }) }),
-    i && i.length > 0 && i.map((m, f) => {
-      const x = h(0) - h(m.value), w = f * (s + o), N = h(m.value);
+    i && i.length > 0 && i.map((C, N) => {
+      const w = _(0) - _(C.value), x = N * (s + o), S = _(C.value);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "rect",
           {
-            x: w,
-            y: N,
+            x,
+            y: S,
             width: s,
-            height: x,
-            fill: m.color,
+            height: w,
+            fill: C.color,
             rx: 0
           }
         ),
         /* @__PURE__ */ n(
           "text",
           {
-            x: w + s / 2,
-            y: y - 10,
+            x: x + s / 2,
+            y: y - m,
             textAnchor: "start",
             fill: t,
             fontSize: 12,
-            transform: `rotate(-90, ${w + s / 2}, ${y - 10})`,
-            children: m.title
+            transform: `rotate(-90, ${x + s / 2}, ${y - m})`,
+            children: C.title
           }
         )
-      ] }, f);
+      ] }, N);
     })
-  ] }) }) }) : /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: _ + u * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ n("g", { transform: `translate(${r + u}, 0)`, children: v.map((m, f) => {
-      const x = b(m);
-      return /* @__PURE__ */ p("g", { transform: `translate(${x}, 0)`, children: [
+  ] }) }) }) : /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: f + u * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ n("g", { transform: `translate(${r + u}, 0)`, children: v.map((C, N) => {
+      const w = h(C);
+      return /* @__PURE__ */ p("g", { transform: `translate(${w}, 0)`, children: [
         /* @__PURE__ */ n(
           "line",
           {
@@ -1513,21 +1515,21 @@ const St = ({
         /* @__PURE__ */ n(
           "text",
           {
-            y: y - 50 - o,
+            y: y - m - o,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
-            children: parseInt(m)
+            children: parseInt(C)
           }
         )
-      ] }, f);
+      ] }, N);
     }) }),
-    i && i.length > 0 && i.map((m, f) => {
-      const x = b(m.value), w = f * (s + o);
+    i && i.length > 0 && i.map((C, N) => {
+      const w = h(C.value), x = N * (s + o);
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${r + u}, ${w})`,
+          transform: `translate(${r + u}, ${x})`,
           children: [
             /* @__PURE__ */ n(
               "text",
@@ -1536,21 +1538,21 @@ const St = ({
                 y: s / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m.title
+                children: C.title
               }
             ),
             /* @__PURE__ */ n(
               "rect",
               {
-                width: x,
+                width: w,
                 height: s,
-                fill: m.color,
+                fill: C.color,
                 rx: 0
               }
             )
           ]
         },
-        f
+        N
       );
     })
   ] }) }) });
@@ -1572,7 +1574,8 @@ St.propTypes = {
   fontColor: e.string,
   leftPadding: e.number,
   maxValue: e.number,
-  orientation: e.oneOf(["horizontal", "vertical"])
+  orientation: e.oneOf(["horizontal", "vertical"]),
+  xLabelPadding: e.number
 };
 const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
   graphicContainer: g0,
@@ -1587,9 +1590,10 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
   maxValue: l = null,
   numberOfDivisions: a = 7,
   leftPadding: c = -200,
-  orientation: u = "horizontal"
+  orientation: u = "horizontal",
+  xLabelPadding: g = 0
 }) => {
-  const { t: g } = L();
+  const { t: m } = L();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -1600,7 +1604,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: g(t) }) }),
+        /* @__PURE__ */ n("div", { className: nt.titleContainer, children: /* @__PURE__ */ n("h2", { children: m(t) }) }),
         /* @__PURE__ */ n(
           St,
           {
@@ -1610,7 +1614,8 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
             maxValue: l,
             numberOfDivisions: a,
             leftPadding: c,
-            orientation: u
+            orientation: u,
+            xLabelPadding: g
           }
         )
       ]
@@ -1632,7 +1637,8 @@ f0.propTypes = {
   fontColor: e.string,
   maxValue: e.number,
   numberOfDivisions: e.number,
-  leftPadding: e.number
+  leftPadding: e.number,
+  xLabelPadding: e.number
 };
 const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arwy3_13", Le = {
   indicatorsCategory: b0,
@@ -1660,17 +1666,17 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = L(), { name: g, type: C, disabled: b } = i;
+  const { t: u } = L(), { name: g, type: m, disabled: b } = i;
   console.log(it);
-  const [h, v] = F(!1);
-  D(() => {
-    t && v(
+  const [h, _] = A(!1);
+  F(() => {
+    t && _(
       a ? t.some(
-        (m) => m.name == String(g)
+        (f) => f.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: [
+  const v = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -1729,7 +1735,7 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
         ]
       }
     )
-  ] }) }) }), _ = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ n("div", { className: R.switchTypeOptions, children: d.map((m, f) => /* @__PURE__ */ p(
+  ] }) }) }), y = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ n("div", { className: R.switchTypeOptions, children: d.map((f, C) => /* @__PURE__ */ p(
     "div",
     {
       className: R.optionContainer,
@@ -1740,10 +1746,10 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
             className: R.customRadious
           }
         ),
-        /* @__PURE__ */ n("h4", { children: u(m.unit) })
+        /* @__PURE__ */ n("h4", { children: u(f.unit) })
       ]
     },
-    f
+    C
   )) }) }) });
   return /* @__PURE__ */ p("div", { className: R.indicatorContainer, children: [
     /* @__PURE__ */ p(
@@ -1785,8 +1791,8 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
         ]
       }
     ),
-    (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: _() })
+    (t == null ? void 0 : t.name) === g && m === "both" && /* @__PURE__ */ n("div", { children: v() }),
+    (t == null ? void 0 : t.name) === g && m === "twoUnits" && /* @__PURE__ */ n("div", { children: y() })
   ] });
 };
 Xe.propTypes = {
@@ -1816,11 +1822,11 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
   onClickIndicator: c,
   multiple: u,
   activeIndicatorType: g,
-  onChangeType: C
+  onChangeType: m
 }) => {
-  const { t: b } = L(), [h, v] = F(!1);
-  return D(() => {
-    v(t == l);
+  const { t: b } = L(), [h, _] = A(!1);
+  return F(() => {
+    _(t == l);
   }, [t, l]), /* @__PURE__ */ p(
     Ge.div,
     {
@@ -1839,19 +1845,19 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ n("div", { className: st.list, children: d == null ? void 0 : d.map((y, _) => /* @__PURE__ */ n(
+        d && /* @__PURE__ */ n("div", { className: st.list, children: d == null ? void 0 : d.map((v, y) => /* @__PURE__ */ n(
           Xe,
           {
-            indicator: y,
+            indicator: v,
             defaultColor: s,
             activeColor: o,
             activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
             activeIndicatorType: g,
-            onChangeType: C
+            onChangeType: m
           },
-          "indicator" + _
+          "indicator" + y
         )) })
       ]
     }
@@ -1881,69 +1887,69 @@ const Bt = ({
   activeIndicator: c,
   onClickIndicator: u,
   multiple: g,
-  activeIndicatorType: C,
+  activeIndicatorType: m,
   onChangeType: b
 }) => {
-  var _;
-  const { t: h } = L(), [v, y] = F(!1);
-  return D(() => {
-    y(r === d);
+  var y;
+  const { t: h } = L(), [_, v] = A(!1);
+  return F(() => {
+    v(r === d);
   }, [r, d]), /* @__PURE__ */ p(
     Ge.div,
     {
       className: Le.indicatorsCategory,
       initial: { height: "53px" },
-      animate: { height: v ? "auto" : "53px" },
+      animate: { height: _ ? "auto" : "53px" },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: v ? `1px solid ${s}` : "0px",
-        marginBottom: v ? "20px" : "0px"
+        borderBottom: _ ? `1px solid ${s}` : "0px",
+        marginBottom: _ ? "20px" : "0px"
       },
       children: [
         /* @__PURE__ */ p("h2", { className: `${Le.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ n("span", { className: Le.plus, style: { color: v ? s : o }, children: v ? "-" : "+" }),
+          /* @__PURE__ */ n("span", { className: Le.plus, style: { color: _ ? s : o }, children: _ ? "-" : "+" }),
           /* @__PURE__ */ n(
             "span",
             {
-              style: { color: v ? s : o },
+              style: { color: _ ? s : o },
               children: h(i.name)
             }
           )
         ] }),
         i.subcategories ? i.subcategories.map(
-          ({ name: m, subcategory: f, indicators: x }, w) => /* @__PURE__ */ n(
+          ({ name: f, subcategory: C, indicators: N }, w) => /* @__PURE__ */ n(
             $t,
             {
-              id: f,
+              id: C,
               activeSubCategory: l,
-              subcName: m,
+              subcName: f,
               onClickSubCategory: a,
               activeIndicator: c,
               onClickIndicator: u,
               multiple: g,
               activeColor: s,
               defaultColor: o,
-              indicators: x,
-              activeIndicatorType: C,
+              indicators: N,
+              activeIndicatorType: m,
               onChangeType: b
             },
             `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ n("div", { className: Le.list, children: (_ = i.indicators) == null ? void 0 : _.map((m, f) => /* @__PURE__ */ n(
+        ) : /* @__PURE__ */ n("div", { className: Le.list, children: (y = i.indicators) == null ? void 0 : y.map((f, C) => /* @__PURE__ */ n(
           Xe,
           {
-            indicator: m,
-            values: m.type == "twoUnits" && m.values,
+            indicator: f,
+            values: f.type == "twoUnits" && f.values,
             activeColor: s,
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
             multiple: g,
-            activeIndicatorType: C,
+            activeIndicatorType: m,
             onChangeType: b
           },
-          `indicator${f}`
+          `indicator${C}`
         )) })
       ]
     }
@@ -1980,47 +1986,47 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = L(), [u, g] = F(), [C, b] = F(), [h, v] = F(), y = (w) => {
+  const { t: c } = L(), [u, g] = A(), [m, b] = A(), [h, _] = A(), v = (w) => {
     g(u == w ? null : w);
-  }, _ = (w) => {
-    b(C == w ? null : w);
-  }, m = ({ indicator: w }) => {
-    f(w);
-  }, f = (w) => {
+  }, y = (w) => {
+    b(m == w ? null : w);
+  }, f = ({ indicator: w }) => {
+    C(w);
+  }, C = (w) => {
     if (!t)
-      v(
+      _(
         (h == null ? void 0 : h.name) == w.name ? null : w
       );
     else {
-      let N = h && h.length > 0 ? [...h] : [];
-      v(
-        N != null && N.some(
+      let x = h && h.length > 0 ? [...h] : [];
+      _(
+        x != null && x.some(
           (S) => S.name == w.name
-        ) ? N.filter(
+        ) ? x.filter(
           (S) => S.name != String(w.name)
-        ) : [...N, w]
+        ) : [...x, w]
       ), w.type == "both" && l("cat");
     }
   };
-  D(() => {
+  F(() => {
     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);
+        _([...w, ...r]), N(r[0].name);
       } else
-        f(r), x(r.name);
-  }, []), D(() => {
+        C(r), N(r.name);
+  }, []), F(() => {
     if (r != h)
       if (t && r && Array.isArray(r)) {
         let w = h && h.length > 0 ? [...h] : [];
-        v([...w, ...r]), x(r[0].name);
+        _([...w, ...r]), N(r[0].name);
       } else
-        f(r), x(r.name);
+        C(r), N(r.name);
   }, [r]);
-  const x = (w) => {
-    const N = i.find((S) => {
+  const N = (w) => {
+    const x = i.find((S) => {
       if (S.subcategories) {
         let $ = S.subcategories.find(
           (k) => k.indicators.find((B) => B.name == w)
@@ -2030,20 +2036,20 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
       } else
         return S.indicators.some(($) => $.name == w);
     });
-    N && g(N.category);
+    x && g(x.category);
   };
   return /* @__PURE__ */ p("div", { className: ot.indicatorsList, children: [
     /* @__PURE__ */ n("h2", { className: ot.title, style: { color: s }, children: c("indicators.indicators") }),
-    i.map((w, N) => /* @__PURE__ */ n(
+    i.map((w, x) => /* @__PURE__ */ n(
       Bt,
       {
         id: w.category,
         cat: w,
-        onClickCategory: y,
+        onClickCategory: v,
         activeCategory: u,
-        onClickSubCategory: _,
-        activeSubCategory: C,
-        onClickIndicator: m,
+        onClickSubCategory: y,
+        activeSubCategory: m,
+        onClickIndicator: f,
         activeIndicator: h,
         activeColor: d,
         defaultColor: s,
@@ -2052,7 +2058,7 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
         onChangeType: l,
         activeIndicatorType: a
       },
-      `categoryKey${N}`
+      `categoryKey${x}`
     ))
   ] });
 };
@@ -2074,7 +2080,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] = F(!1), { i18n: r } = L(), l = i.find((c) => c.code == r.language), a = (c) => {
+  const [o, t] = A(!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: [
@@ -2165,11 +2171,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: g, value: C }) => /* @__PURE__ */ p("li", { children: [
+        s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: g, value: m }) => /* @__PURE__ */ p("li", { children: [
           /* @__PURE__ */ n("h3", { className: O.title, children: `${g}:` }),
           /* @__PURE__ */ p("span", { className: O.value, children: [
             "  ",
-            C
+            m
           ] })
         ] }, 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 }) }),
@@ -2202,12 +2208,12 @@ 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: g, color: C }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
+            ({ title: g, color: m }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   className: O.colorDot,
-                  style: { backgroundColor: C }
+                  style: { backgroundColor: m }
                 }
               ),
               /* @__PURE__ */ p("div", { className: O.titleLegendElement, children: [
@@ -2290,19 +2296,19 @@ const dn = ({
   sources: u = [],
   layers: g = []
 }) => {
-  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"));
+  const m = ae(), [b, h] = A(null), _ = Zt((v) => v.mapState.showTexts);
+  return F(() => {
+    if (m.current) {
+      const v = m.current.getMap();
+      v.getStyle().layers.map((f) => {
+        f.type == "symbol" && f.id != "professionals" && (_ ? v.setLayoutProperty(f.id, "visibility", "visible") : v.setLayoutProperty(f.id, "visibility", "none"));
       });
     }
-  }, [v]), /* @__PURE__ */ n("div", { className: `${cn.mapContainer}`, style: r, children: /* @__PURE__ */ p(
+  }, [_]), /* @__PURE__ */ n("div", { className: `${cn.mapContainer}`, style: r, children: /* @__PURE__ */ p(
     zt,
     {
       initialViewState: i,
-      ref: C,
+      ref: m,
       hash: !1,
       maxZoom: d,
       minZoom: s,
@@ -2310,22 +2316,22 @@ const dn = ({
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        u.length && u.map((y, _) => /* @__PURE__ */ n(
+        u.length && u.map((v, y) => /* @__PURE__ */ n(
           Ht,
           {
-            ...y,
-            children: g.length && g.map((m, f) => {
-              if (m.sourceId == y.id) return /* @__PURE__ */ n(
+            ...v,
+            children: g.length && g.map((f, C) => {
+              if (f.sourceId == v.id) return /* @__PURE__ */ n(
                 Kt,
                 {
-                  ...m.layer,
+                  ...f.layer,
                   beforeId: t
                 },
-                f
+                C
               );
             })
           },
-          _
+          y
         )),
         /* @__PURE__ */ n(Ut, { position: "bottom-right", visualizePitch: !0 }),
         c && b && /* @__PURE__ */ n(
@@ -2417,21 +2423,21 @@ const un = "_mapContainer_b0pyr_3", pn = {
   sources: c = [],
   layers: u = [],
   popUpParams: g,
-  onClosePopUp: C,
+  onClosePopUp: m,
   showTexts: b,
   hash: h = !1
 }) => {
-  const v = ae();
-  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"));
+  const _ = ae();
+  return F(() => {
+    if (_.current) {
+      const v = _.current.getMap();
+      v.getStyle().layers.map((f) => {
+        f.type == "symbol" && f.id != "professionals" && (b ? v.setLayoutProperty(f.id, "visibility", "visible") : v.setLayoutProperty(f.id, "visibility", "none"));
       });
     }
-  }, [b]), D(() => {
-    let y = new Gt();
-    return Ie.addProtocol("pmtiles", y.tile), () => {
+  }, [b]), F(() => {
+    let v = new Gt();
+    return Ie.addProtocol("pmtiles", v.tile), () => {
       Ie.removeProtocol("pmtiles");
     };
   }, []), /* @__PURE__ */ n("div", { className: `${pn.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
@@ -2439,7 +2445,7 @@ const un = "_mapContainer_b0pyr_3", pn = {
     {
       mapLib: Ie,
       initialViewState: i,
-      ref: v,
+      ref: _,
       hash: h,
       maxZoom: d,
       minZoom: s,
@@ -2447,26 +2453,26 @@ const un = "_mapContainer_b0pyr_3", pn = {
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((y, _) => /* @__PURE__ */ n(
+        c.length && c.map((v, y) => /* @__PURE__ */ n(
           Xt,
           {
-            ...y,
-            children: u.length && u.map((m, f) => {
-              if (m.sourceId == y.id) return /* @__PURE__ */ n(
+            ...v,
+            children: u.length && u.map((f, C) => {
+              if (f.sourceId == v.id) return /* @__PURE__ */ n(
                 Qt,
                 {
-                  ...m.layer,
+                  ...f.layer,
                   beforeId: t,
-                  filter: m.filters ? m.filters : ["all"],
+                  filter: f.filters ? f.filters : ["all"],
                   layout: {
-                    visibility: m.layer.visibility || "visible"
+                    visibility: f.layer.visibility || "visible"
                   }
                 },
-                f
+                C
               );
             })
           },
-          _
+          y
         )),
         /* @__PURE__ */ n(Jt, { position: "bottom-right", visualizePitch: !0 }),
         g && /* @__PURE__ */ n(
@@ -2474,7 +2480,7 @@ const un = "_mapContainer_b0pyr_3", pn = {
           {
             longitude: g.lng,
             latitude: g.lat,
-            onClose: C,
+            onClose: m,
             children: /* @__PURE__ */ n(gn, { props: g.props })
           }
         )
@@ -2611,30 +2617,30 @@ const Nn = t2({
     console.log("year changed to ", a);
   }
 }) => {
-  const [a, c] = F(d), u = (m, f) => {
-    c(f), l(f);
-  }, [g, C] = F(!1), b = () => {
-    C(!0);
+  const [a, c] = A(d), u = (f, C) => {
+    c(C), l(C);
+  }, [g, m] = A(!1), b = () => {
+    m(!0);
   }, h = () => {
-    C(!1);
+    m(!1);
   };
-  ((m, f) => {
-    const x = ae();
-    D(() => {
-      x.current = m;
-    }, [m]), D(() => {
+  ((f, C) => {
+    const N = ae();
+    F(() => {
+      N.current = f;
+    }, [f]), F(() => {
       function w() {
-        x.current();
+        N.current();
       }
       {
-        let N = setInterval(w, f);
-        return () => clearInterval(N);
+        let x = setInterval(w, C);
+        return () => clearInterval(x);
       }
-    }, [f]);
+    }, [C]);
   })(() => {
     g && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
-  const y = i2({
+  const v = i2({
     palette: {
       primary: {
         main: "#605b56"
@@ -2656,13 +2662,13 @@ const Nn = t2({
         }
       }
     }
-  }), _ = [
+  }), y = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ n(o2, { theme: y, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(o2, { theme: v, children: /* @__PURE__ */ p(
     s2,
     {
       sx: { width: 400 },
@@ -2677,7 +2683,7 @@ const Nn = t2({
             value: a,
             valueLabelDisplay: "on",
             step: 1,
-            marks: _,
+            marks: y,
             min: s,
             max: o,
             onChange: u,
@@ -2832,14 +2838,14 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: u,
   showEye: g = !0
 }) => {
-  const { name: C, created_at: b, id: h, isBeingProcessed: v } = i, [y, _] = F(!1), { t: m } = L();
+  const { name: m, created_at: b, id: h, isBeingProcessed: _ } = i, [v, y] = A(!1), { t: f } = L();
   return /* @__PURE__ */ p(
     "div",
     {
       className: K.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__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: [
+        /* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(h), children: Object.keys(l).map((C) => C === "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",
             {
@@ -2848,8 +2854,8 @@ 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: 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__ */ n("span", { style: { color: s ? o : t }, children: m })
+        ] }) }) : C == "data" ? /* @__PURE__ */ n("div", { className: K.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ n("div", { className: K.elementDate, children: i[C] })) }),
         /* @__PURE__ */ p("div", { className: K.elementButtons, children: [
           i.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ n("img", { src: si }),
@@ -2874,11 +2880,11 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         ] }),
         r && /* @__PURE__ */ n("div", { className: K.break }),
         r && /* @__PURE__ */ p("div", { className: K.moreInfoContainer, children: [
-          /* @__PURE__ */ p("div", { className: K.moreInfo, onClick: () => _(!y), children: [
-            /* @__PURE__ */ n("span", { children: y ? "-" : "+" }),
-            m(r.label)
+          /* @__PURE__ */ p("div", { className: K.moreInfo, onClick: () => y(!v), children: [
+            /* @__PURE__ */ n("span", { children: v ? "-" : "+" }),
+            f(r.label)
           ] }),
-          r && y && /* @__PURE__ */ n("div", { className: K.moreInfoInfo, children: i[r.info] })
+          r && v && /* @__PURE__ */ n("div", { className: K.moreInfoInfo, children: i[r.info] })
         ] })
       ]
     }
@@ -2929,27 +2935,27 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: l,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: a = (v) => console.log(`OnCLickElement: ${v}`),
+  onClickElement: a = (_) => console.log(`OnCLickElement: ${_}`),
   columns: c,
   // {'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: g = !1,
   //{label: 'x'}
-  processTooltip: C,
+  processTooltip: m,
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: b,
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: h = !0
 }) => {
-  const { t: v } = L(), [y, _] = F(i);
-  D(() => {
-    i && _(i);
+  const { t: _ } = L(), [v, y] = A(i);
+  F(() => {
+    i && y(i);
   }, [i]);
-  const m = (f) => {
-    if (y && y.length > 0) {
-      let x = [...y];
-      x.sort((w, N) => w[f].localeCompare(N[f])), _(x);
+  const f = (C) => {
+    if (v && v.length > 0) {
+      let N = [...v];
+      N.sort((w, x) => w[C].localeCompare(x[C])), y(N);
     }
   };
   return /* @__PURE__ */ p(
@@ -2964,33 +2970,33 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: U.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ n("div", { className: U.nameDateContainer, children: Object.keys(c).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: U.elementName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
-                /* @__PURE__ */ n("span", { children: v(c.name) }),
+              /* @__PURE__ */ n("div", { className: U.nameDateContainer, children: Object.keys(c).map((C) => C === "name" ? /* @__PURE__ */ n("div", { className: U.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
+                /* @__PURE__ */ n("span", { children: _(c.name) }),
                 /* @__PURE__ */ n("img", { src: ct, alt: "order arrow" })
-              ] }) }, f) : f === "data" ? /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
-                /* @__PURE__ */ n("span", { children: v(c.data) }),
+              ] }) }, C) : C === "data" ? /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
+                /* @__PURE__ */ n("span", { children: _(c.data) }),
                 /* @__PURE__ */ n("img", { src: ct, alt: "order arrow" })
-              ] }) }, f) : /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ n("span", { children: v(c[f]) }) }, f)) }),
+              ] }) }, C) : /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ n("span", { children: _(c[C]) }) }, C)) }),
               /* @__PURE__ */ n("div", { className: U.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: U.elementListContainer, children: y && y.length > 0 && y.map((f) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: U.elementListContainer, children: v && v.length > 0 && v.map((C) => /* @__PURE__ */ n(
           Lt,
           {
-            isActive: d == f.id,
-            listelement: f,
+            isActive: d == C.id,
+            listelement: C,
             fontColor: s,
             activeColor: o,
             onClickElement: a,
             columns: c,
             elementButtons: u,
             moreInfo: g,
-            processTooltip: C,
+            processTooltip: m,
             defaultTooltip: b,
             showEye: h
           },
-          `elementKey${f.id}`
+          `elementKey${C.id}`
         )) }),
         l && /* @__PURE__ */ n("div", { className: U.newElementButtonContainer, children: /* @__PURE__ */ n(
           Fe,
@@ -2999,7 +3005,7 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClick: l.onClick,
             borderColor: "grey",
             disabled: l.disabled || !1,
-            children: v(l.label)
+            children: _(l.label)
           }
         ) })
       ]
@@ -3110,9 +3116,9 @@ const ut = {
   CHANGE: "change"
 }, pt = {
   all: "all"
-}, Ft = V.createContext(null);
+}, Ft = D.createContext(null);
 Ft.displayName = "HookFormContext";
-const Qe = () => V.useContext(Ft);
+const Qe = () => D.useContext(Ft);
 var wi = (i, d, s, o = !0) => {
   const t = {
     defaultValues: d._defaultValues
@@ -3128,7 +3134,7 @@ var wi = (i, d, s, o = !0) => {
 };
 const At = typeof window < "u" ? me.useLayoutEffect : me.useEffect;
 function xi(i) {
-  const d = Qe(), { control: s = d.control, disabled: o, name: t, exact: r } = i || {}, [l, a] = V.useState(s._formState), c = V.useRef({
+  const d = Qe(), { control: s = d.control, disabled: o, name: t, exact: r } = i || {}, [l, a] = D.useState(s._formState), c = D.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -3148,13 +3154,13 @@ function xi(i) {
         ...u
       });
     }
-  }), [t, o, r]), V.useEffect(() => {
+  }), [t, o, r]), D.useEffect(() => {
     c.current.isValid && s._setValid(!0);
-  }, [s]), V.useMemo(() => wi(l, s, c.current, !1), [l, s]);
+  }, [s]), D.useMemo(() => wi(l, s, c.current, !1), [l, s]);
 }
 var Ni = (i) => typeof i == "string", ki = (i, d, s, o, t) => Ni(i) ? P(s, i, t) : Array.isArray(i) ? i.map((r) => P(s, r)) : s;
 function Si(i) {
-  const d = Qe(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: l } = i || {}, a = V.useRef(t), [c, u] = V.useState(s._getWatch(o, a.current));
+  const d = Qe(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: l } = i || {}, a = D.useRef(t), [c, u] = D.useState(s._getWatch(o, a.current));
   return At(() => s._subscribe({
     name: o,
     formState: {
@@ -3162,7 +3168,7 @@ function Si(i) {
     },
     exact: l,
     callback: (g) => !r && u(ki(o, s._names, g.values || s._formValues, !1, a.current))
-  }), [o, s, r, l]), V.useEffect(() => s._removeUnmounted()), c;
+  }), [o, s, r, l]), D.useEffect(() => s._removeUnmounted()), c;
 }
 function $i(i) {
   const d = Qe(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = i, l = bi(t._names.array, s), a = Si({
@@ -3174,11 +3180,11 @@ function $i(i) {
     control: t,
     name: s,
     exact: !0
-  }), u = V.useRef(i), g = V.useRef(t.register(s, {
+  }), u = D.useRef(i), g = D.useRef(t.register(s, {
     ...i.rules,
     value: a,
     ...Pe(i.disabled) ? { disabled: i.disabled } : {}
-  })), C = V.useMemo(() => Object.defineProperties({}, {
+  })), m = D.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!P(c.errors, s)
@@ -3199,61 +3205,61 @@ function $i(i) {
       enumerable: !0,
       get: () => P(c.errors, s)
     }
-  }), [c, s]), b = V.useCallback((_) => g.current.onChange({
+  }), [c, s]), b = D.useCallback((y) => g.current.onChange({
     target: {
-      value: Ci(_),
+      value: Ci(y),
       name: s
     },
     type: ut.CHANGE
-  }), [s]), h = V.useCallback(() => g.current.onBlur({
+  }), [s]), h = D.useCallback(() => g.current.onBlur({
     target: {
       value: P(t._formValues, s),
       name: s
     },
     type: ut.BLUR
-  }), [s, t._formValues]), v = V.useCallback((_) => {
-    const m = P(t._fields, s);
-    m && _ && (m._f.ref = {
-      focus: () => _.focus && _.focus(),
-      select: () => _.select && _.select(),
-      setCustomValidity: (f) => _.setCustomValidity(f),
-      reportValidity: () => _.reportValidity()
+  }), [s, t._formValues]), _ = D.useCallback((y) => {
+    const f = P(t._fields, s);
+    f && y && (f._f.ref = {
+      focus: () => y.focus && y.focus(),
+      select: () => y.select && y.select(),
+      setCustomValidity: (C) => y.setCustomValidity(C),
+      reportValidity: () => y.reportValidity()
     });
-  }, [t._fields, s]), y = V.useMemo(() => ({
+  }, [t._fields, s]), v = D.useMemo(() => ({
     name: s,
     value: a,
     ...Pe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: b,
     onBlur: h,
-    ref: v
-  }), [s, o, c.disabled, b, h, v, a]);
-  return V.useEffect(() => {
-    const _ = t._options.shouldUnregister || r;
+    ref: _
+  }), [s, o, c.disabled, b, h, _, a]);
+  return D.useEffect(() => {
+    const y = t._options.shouldUnregister || r;
     t.register(s, {
       ...u.current.rules,
       ...Pe(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const m = (f, x) => {
-      const w = P(t._fields, f);
-      w && w._f && (w._f.mount = x);
+    const f = (C, N) => {
+      const w = P(t._fields, C);
+      w && w._f && (w._f.mount = N);
     };
-    if (m(s, !0), _) {
-      const f = Mt(P(t._options.defaultValues, s));
-      dt(t._defaultValues, s, f), Ue(P(t._formValues, s)) && dt(t._formValues, s, f);
+    if (f(s, !0), y) {
+      const C = Mt(P(t._options.defaultValues, s));
+      dt(t._defaultValues, s, C), Ue(P(t._formValues, s)) && dt(t._formValues, s, C);
     }
     return !l && t.register(s), () => {
-      (l ? _ && !t._state.action : _) ? t.unregister(s) : m(s, !1);
+      (l ? y && !t._state.action : y) ? t.unregister(s) : f(s, !1);
     };
-  }, [s, t, l, r]), V.useEffect(() => {
+  }, [s, t, l, r]), D.useEffect(() => {
     t._setDisabledField({
       disabled: o,
       name: s
     });
-  }, [o, s, t]), V.useMemo(() => ({
-    field: y,
+  }, [o, s, t]), D.useMemo(() => ({
+    field: v,
     formState: c,
-    fieldState: C
-  }), [y, c, C]);
+    fieldState: m
+  }), [v, c, m]);
 }
 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,
@@ -3290,24 +3296,24 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     placeholder: c,
     errorColor: u = "red",
     width: g = 325,
-    onClickForgotPass: C = () => {
+    onClickForgotPass: m = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: b = "forgot-password"
-  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = F(!1);
+  } = i, { t: h } = L(), { control: _, trigger: v, clearErrors: y } = d, { errorColor: f } = Ne((x) => x), [C, N] = A(!1);
   ae(l);
-  const w = () => o ? o === "password" && f ? "text" : o : "text";
+  const w = () => o ? o === "password" && C ? "text" : o : "text";
   return /* @__PURE__ */ n(
     we,
     {
       name: s,
-      control: v,
+      control: _,
       rules: {
         required: l ? `${h(t)} ${h("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
-      render: ({ field: N, fieldState: S }) => {
+      render: ({ field: x, fieldState: S }) => {
         var $;
         return /* @__PURE__ */ p("div", { className: ye.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: ye.labelContainer, children: [
@@ -3325,7 +3331,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                   "input",
                   {
                     type: w(),
-                    ...N,
+                    ...x,
                     placeholder: c ? h(c) : "",
                     maxLength: r || void 0
                   }
@@ -3333,13 +3339,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 o == "password" && /* @__PURE__ */ n(
                   "button",
                   {
-                    onClick: () => x(!f),
+                    onClick: () => N(!C),
                     type: "button",
                     className: ye.showPasswordButton,
                     children: /* @__PURE__ */ n(
                       "img",
                       {
-                        src: f ? Ii : Ai,
+                        src: C ? Ii : Ai,
                         alt: h("show-password")
                       }
                     )
@@ -3348,12 +3354,12 @@ 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: C, children: h(b) }) }),
+          o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: m, children: h(b) }) }),
           /* @__PURE__ */ n(
             xe,
             {
               errorMessage: ($ = S.error) == null ? void 0 : $.message,
-              errorColor: m || u
+              errorColor: f || u
             }
           )
         ] });
@@ -3379,41 +3385,41 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     validateFunction: c,
     placeholder: u,
     errorColor: g = "red",
-    width: C = 325,
+    width: m = 325,
     options: b = []
     //Used if we dont use react hook form
-  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
+  } = i, { t: h } = L(), { control: _, trigger: v, clearErrors: y } = d || {}, { errorColor: f } = Ne((w) => w);
   ae(a);
-  const [f, x] = F(null);
-  return D(() => {
-    f && s && s(f);
-  }, [f, s]), d ? /* @__PURE__ */ n(
+  const [C, N] = A(null);
+  return F(() => {
+    C && s && s(C);
+  }, [C, s]), d ? /* @__PURE__ */ n(
     we,
     {
       name: o,
-      control: v,
+      control: _,
       rules: {
         required: a ? `${h(r)} ${h("errorMessages.required")}` : !1,
         validate: c ? (w) => {
-          let N = d.getValues();
-          return c(w, N);
+          let x = d.getValues();
+          return c(w, x);
         } : void 0
       },
-      render: ({ field: w, fieldState: N }) => {
+      render: ({ field: w, fieldState: x }) => {
         var S;
         return /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
           r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
             h(r),
             " ",
-            a && /* @__PURE__ */ n("label", { style: { color: N.error ? g : "" }, children: "*" })
+            a && /* @__PURE__ */ n("label", { style: { color: x.error ? g : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
+          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: m }, children: [
             /* @__PURE__ */ p(
               "select",
               {
                 ...w,
                 onChange: ($) => {
-                  const k = $.target.value, B = b.every((A) => typeof A.value == "number") ? Number(k) : k;
+                  const k = $.target.value, B = b.every((V) => typeof V.value == "number") ? Number(k) : k;
                   w.onChange(B);
                 },
                 className: z.selectInput,
@@ -3443,8 +3449,8 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
           /* @__PURE__ */ n(
             xe,
             {
-              errorMessage: (S = N.error) == null ? void 0 : S.message,
-              errorColor: m || g
+              errorMessage: (S = x.error) == null ? void 0 : S.message,
+              errorColor: f || g
             }
           )
         ] });
@@ -3456,26 +3462,26 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       " ",
       a && /* @__PURE__ */ n("label", { children: "*" })
     ] }),
-    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
+    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: m }, children: [
       /* @__PURE__ */ p(
         "select",
         {
-          value: f || "",
+          value: C || "",
           onChange: (w) => {
-            const N = w.target.value, S = b.every(($) => typeof $.value == "number") ? Number(N) : N;
-            x(S);
+            const x = w.target.value, S = b.every(($) => typeof $.value == "number") ? Number(x) : x;
+            N(S);
           },
           className: z.selectInput,
           children: [
             /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: h(u || "selectOption") }),
-            b.map((w, N) => /* @__PURE__ */ n(
+            b.map((w, x) => /* @__PURE__ */ n(
               "option",
               {
                 value: w.value,
                 className: z.option,
                 children: h(w.label)
               },
-              N
+              x
             ))
           ]
         }
@@ -3499,13 +3505,13 @@ 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: 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);
+  } = i, { t: u } = L(), { control: g, trigger: m, clearErrors: b } = d, { errorColor: h } = Ne((y) => y), _ = ({ options: y, onChange: f, actualValue: C }) => {
+    if (c && C && C.length > 0) {
+      let N = C.filter((w) => w !== y);
+      f(N);
     }
-  }, y = ({ options: _, onChange: m, actualValue: f }) => {
-    c ? f && f.length > 0 ? m([...f, _]) : m([_]) : m(_);
+  }, v = ({ options: y, onChange: f, actualValue: C }) => {
+    c ? C && C.length > 0 ? f([...C, y]) : f([y]) : f(y);
   };
   return ae(t), /* @__PURE__ */ n(
     we,
@@ -3513,12 +3519,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       control: g,
       name: s,
       rules: {
-        validate: (_) => t && (_ == null || _ === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (y) => t && (y == null || y === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: _ },
-        field: { onChange: m, onBlur: f, value: x, ref: w },
-        fieldState: N
+        formState: { errors: y },
+        field: { onChange: f, onBlur: C, value: N, ref: w },
+        fieldState: x
       }) => {
         var S;
         return /* @__PURE__ */ n("div", { id: s + "id", className: se.radioButtonContainer, children: /* @__PURE__ */ p("div", { className: se.wholeInputContainer, children: [
@@ -3533,7 +3539,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 t && /* @__PURE__ */ n(
                   "label",
                   {
-                    style: { color: N.error ? l : "" },
+                    style: { color: x.error ? l : "" },
                     children: "*"
                   }
                 )
@@ -3546,9 +3552,9 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 label: $,
                 value: k,
                 disabled: B = !1,
-                italicLabel: A
+                italicLabel: V
               }, H) => {
-                const T = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((j) => j === k) : x === k;
+                const T = N && c ? N.isArray && (N == null ? void 0 : N.length) > 0 && N.some((j) => j === k) : N === k;
                 return /* @__PURE__ */ p("label", { children: [
                   /* @__PURE__ */ n(
                     "input",
@@ -3556,15 +3562,15 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                       type: "radio",
                       checked: T,
                       onChange: () => {
-                        c ? T ? v({
-                          actualValue: x,
+                        c ? T ? _({
+                          actualValue: N,
                           options: a,
-                          onChange: m
-                        }) : y({
-                          actualValue: x,
+                          onChange: f
+                        }) : v({
+                          actualValue: N,
                           options: a,
-                          onChange: m
-                        }) : m(k);
+                          onChange: f
+                        }) : f(k);
                       },
                       className: se.radioInput
                     }
@@ -3577,7 +3583,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
             /* @__PURE__ */ n(
               xe,
               {
-                errorMessage: (S = N.error) == null ? void 0 : S.message,
+                errorMessage: (S = x.error) == null ? void 0 : S.message,
                 errorColor: h || l
               }
             )
@@ -3606,41 +3612,41 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
     errorColor: g = "red",
-    labelWidth: C = "300px",
+    labelWidth: m = "300px",
     sliderWidth: b = "300px",
     minText: h,
-    maxText: v,
-    disabled: y = !1,
-    marks: _ = Array.from(
+    maxText: _,
+    disabled: v = !1,
+    marks: y = Array.from(
       { length: l - r + 1 },
-      (B, A) => r + A
+      (B, V) => r + V
     ),
-    showMarksNumber: m = !0
-  } = i, { t: f } = L(), { control: x, trigger: w, clearErrors: N } = d || {};
+    showMarksNumber: f = !0
+  } = i, { t: C } = L(), { control: N, trigger: w, clearErrors: x } = d || {};
   ae(u);
-  const { errorColorForm: S } = Ne((B) => B), [$, k] = F(a);
+  const { errorColorForm: S } = Ne((B) => B), [$, k] = A(a);
   return d ? /* @__PURE__ */ n(
     we,
     {
       name: o,
-      control: x,
+      control: N,
       defaultValue: a,
       rules: {
-        required: u ? `${f(t)} ${f("errorMessages.required")}` : !1
+        required: u ? `${C(t)} ${C("errorMessages.required")}` : !1
       },
-      render: ({ field: B, fieldState: A }) => {
+      render: ({ field: B, fieldState: V }) => {
         var H;
         return /* @__PURE__ */ p(
           "div",
           {
             className: I.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && C} ${b}`
+              gridTemplateColumns: `${t && m} ${b}`
             },
             children: [
-              t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
+              t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: C(t) }),
               /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-                h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
+                h && /* @__PURE__ */ n("div", { className: I.minLabel, children: C(h) }),
                 /* @__PURE__ */ p("div", { children: [
                   /* @__PURE__ */ n(
                     He,
@@ -3662,17 +3668,17 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                       ),
                       trackClassName: I.track,
                       markClassName: I.mark,
-                      disabled: y
+                      disabled: v
                     }
                   ),
-                  _ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((T) => /* @__PURE__ */ n("span", { children: m && T }, T)) })
+                  y && /* @__PURE__ */ n("div", { className: I.labels, children: y.map((T) => /* @__PURE__ */ n("span", { children: f && T }, T)) })
                 ] }),
-                v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
+                _ && /* @__PURE__ */ n("div", { className: I.maxLabel, children: C(_) })
               ] }),
               /* @__PURE__ */ n(
                 xe,
                 {
-                  errorMessage: (H = A.error) == null ? void 0 : H.message,
+                  errorMessage: (H = V.error) == null ? void 0 : H.message,
                   errorColor: S || g
                 }
               )
@@ -3685,11 +3691,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     "div",
     {
       className: I.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && C} ${b}` },
+      style: { gridTemplateColumns: `${t && m} ${b}` },
       children: [
-        t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
+        t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: C(t) }),
         /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-          h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
+          h && /* @__PURE__ */ n("div", { className: I.minLabel, children: C(h) }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ n(
               He,
@@ -3713,12 +3719,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 ),
                 trackClassName: I.track,
                 markClassName: I.mark,
-                disabled: y
+                disabled: v
               }
             ),
-            _ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((B) => /* @__PURE__ */ n("span", { children: m && B }, B)) })
+            y && /* @__PURE__ */ n("div", { className: I.labels, children: y.map((B) => /* @__PURE__ */ n("span", { children: f && B }, B)) })
           ] }),
-          v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
+          _ && /* @__PURE__ */ n("div", { className: I.maxLabel, children: C(_) })
         ] })
       ]
     }
@@ -3862,18 +3868,18 @@ const _e = ({
       className: Te.categorySelector,
       style: t ? { ...t } : {},
       children: i.map((a, c) => {
-        const { id: u, label: g } = a, C = s == u;
+        const { id: u, label: g } = a, m = s == u;
         return /* @__PURE__ */ n(
           "button",
           {
-            className: `${Te.sectionItem} ${C ? Te.sectionItemActive : ""}`,
+            className: `${Te.sectionItem} ${m ? Te.sectionItemActive : ""}`,
             type: "button",
-            style: { backgroundColor: C ? o : "inherit" },
+            style: { backgroundColor: m ? o : "inherit" },
             onClick: () => l(u),
             children: /* @__PURE__ */ n(
               "span",
               {
-                style: { color: C ? "white" : "inherit" },
+                style: { color: m ? "white" : "inherit" },
                 className: Te.sectionLabel,
                 children: r(g)
               }
@@ -3896,36 +3902,36 @@ const _e = ({
   showCategorySelector: c = !0,
   defaultCategory: u = null,
   categoryLabel: g = "Select Category",
-  activeCategory: C = null,
+  activeCategory: m = null,
   activeCategoryColor: b = "#b32f5d",
-  onSubmit: h = (v) => console.log("Form submitted with: ", v)
+  onSubmit: h = (_) => console.log("Form submitted with: ", _)
 }) => {
-  const { t: v } = L(), { handleSubmit: y, control: _ } = i;
-  D(() => {
+  const { t: _ } = L(), { handleSubmit: v, control: y } = i;
+  F(() => {
     r && Ne.setState(() => ({ errorColor: r }));
   }, [r]);
-  const m = he(() => d ? d.filter((k) => k.category).map((k) => {
+  const f = he(() => d ? d.filter((k) => k.category).map((k) => {
     var B;
     return {
       id: k.categoryId,
       label: k.category,
       hasSubcategories: ((B = k.subcategories) == null ? void 0 : B.length) > 0
     };
-  }) : [], [d]), f = (k) => {
-    const B = d == null ? void 0 : d.find((A) => A.categoryId === k);
+  }) : [], [d]), C = (k) => {
+    const B = d == null ? void 0 : d.find((V) => V.categoryId === k);
     return (B == null ? void 0 : B.subcategories) || [];
-  }, [x, w] = F(
-    C || u || null
-  ), [N, S] = F(null);
-  D(() => {
-    !x && m.length > 0 && w(m[0].id);
-  }, [m, x]), D(() => {
-    const k = f(x);
-    !N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
-  }, [x, N, d]);
+  }, [N, w] = A(
+    m || u || null
+  ), [x, S] = A(null);
+  F(() => {
+    !N && f.length > 0 && w(f[0].id);
+  }, [f, N]), F(() => {
+    const k = C(N);
+    !x && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
+  }, [N, x, d]);
   const $ = (k, B) => {
-    var A;
-    if (((A = k.subcategories) == null ? void 0 : A.length) > 0) {
+    var V;
+    if (((V = k.subcategories) == null ? void 0 : V.length) > 0) {
       const H = k.subcategories;
       return /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ n(
@@ -3935,7 +3941,7 @@ const _e = ({
             children: /* @__PURE__ */ n(
               gt,
               {
-                activeCategory: N,
+                activeCategory: x,
                 categories: H,
                 onChange: (T) => S(T),
                 activeColor: b
@@ -3945,7 +3951,7 @@ const _e = ({
           k.categoryId
         ),
         H.map((T, j) => {
-          const Z = !N || T.id === N;
+          const Z = !x || T.id === x;
           return s ? /* @__PURE__ */ n(
             "div",
             {
@@ -3957,7 +3963,7 @@ const _e = ({
                 _e,
                 {
                   inputs: T.inputs,
-                  control: _,
+                  control: y,
                   inputContainerStyles: o,
                   errorColor: r,
                   reactHookFormInstance: i
@@ -3973,12 +3979,12 @@ const _e = ({
                 display: Z ? "block" : "none"
               },
               children: [
-                /* @__PURE__ */ n("h3", { style: { marginBottom: 15 }, children: v(T.label) }),
+                /* @__PURE__ */ n("h3", { style: { marginBottom: 15 }, children: _(T.label) }),
                 /* @__PURE__ */ n(
                   _e,
                   {
                     inputs: T.inputs,
-                    control: _,
+                    control: y,
                     inputContainerStyles: o,
                     errorColor: r,
                     reactHookFormInstance: i
@@ -3995,18 +4001,18 @@ const _e = ({
       _e,
       {
         inputs: k.inputs,
-        control: _,
+        control: y,
         inputContainerStyles: o,
         errorColor: r,
         reactHookFormInstance: i
       }
     ) }, k.categoryId) : /* @__PURE__ */ p("div", { style: { width: "100%" }, children: [
-      /* @__PURE__ */ n("h2", { children: v(k.category) }),
+      /* @__PURE__ */ n("h2", { children: _(k.category) }),
       /* @__PURE__ */ n(
         _e,
         {
           inputs: k.inputs,
-          control: _,
+          control: y,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: i
@@ -4014,12 +4020,12 @@ const _e = ({
       )
     ] }, k.categoryId);
   };
-  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(h), children: [
-    c && m.length > 0 && /* @__PURE__ */ n("div", { className: fe.categorySelectorContainer, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: v(h), children: [
+    c && f.length > 0 && /* @__PURE__ */ n("div", { className: fe.categorySelectorContainer, children: /* @__PURE__ */ n(
       gt,
       {
-        activeCategory: x,
-        categories: m,
+        activeCategory: N,
+        categories: f,
         onChange: (k) => {
           w(k), S(null);
         },
@@ -4027,8 +4033,8 @@ const _e = ({
       }
     ) }),
     /* @__PURE__ */ n("div", { className: fe.formObjectContainer, children: d == null ? void 0 : d.map((k, B) => {
-      const A = k.categoryId === x;
-      return k.category && !A ? null : k.category && A ? /* @__PURE__ */ n(
+      const V = k.categoryId === N;
+      return k.category && !V ? null : k.category && V ? /* @__PURE__ */ n(
         "div",
         {
           style: {
@@ -4042,7 +4048,7 @@ const _e = ({
         _e,
         {
           inputs: k.inputs,
-          control: _,
+          control: y,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: i
@@ -4050,7 +4056,7 @@ const _e = ({
       );
     }) }),
     /* @__PURE__ */ p("div", { className: fe.buttonContainer, children: [
-      /* @__PURE__ */ n(Fe, { containerStyles: a, type: "submit", children: v(l) }),
+      /* @__PURE__ */ n(Fe, { containerStyles: a, type: "submit", children: _(l) }),
       /* @__PURE__ */ n(xe, { errorMessage: t, errorColor: r })
     ] })
   ] });
@@ -4213,15 +4219,15 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
     colorOn: c = "#5A514D",
     disabled: u = !1,
     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: `${g}px` }, children: [
+  } = i, { t: m } = L(), { control: b } = d || {}, [h, _] = A(a), v = (f) => {
+    _(f), s && s(f);
+  }, y = (f, C) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${g}px` }, children: [
     r && /* @__PURE__ */ n(
       "span",
       {
         className: pe.labelLeft,
         style: { width: `${(g - 74) / 2}px` },
-        children: C(r)
+        children: m(r)
       }
     ),
     /* @__PURE__ */ p("label", { className: `${pe.switch} ${u ? pe.disabled : ""}`, children: [
@@ -4229,8 +4235,8 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
         "input",
         {
           type: "checkbox",
-          checked: !!m,
-          onChange: () => f(!m),
+          checked: !!f,
+          onChange: () => C(!f),
           disabled: u
         }
       ),
@@ -4239,12 +4245,12 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
         {
           className: pe.slider,
           style: {
-            "--switch-thumb-color": o ? m ? c : "#ccc" : c
+            "--switch-thumb-color": o ? f ? c : "#ccc" : c
           }
         }
       )
     ] }),
-    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(g - 74) / 2}px` }, children: C(l) })
+    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(g - 74) / 2}px` }, children: m(l) })
   ] });
   return d ? /* @__PURE__ */ n(
     we,
@@ -4252,9 +4258,9 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
       name: t,
       control: b,
       defaultValue: a,
-      render: ({ field: m }) => _(m.value, m.onChange)
+      render: ({ field: f }) => y(f.value, f.onChange)
     }
-  ) : _(h, y);
+  ) : y(h, v);
 };
 R1.propTypes = {
   input: e.shape({
@@ -4297,7 +4303,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] = 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;
+  const [t, r] = A(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, g = t ? 13 : 0, m = 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(
@@ -4316,7 +4322,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${g}px,${C}px)`,
+            transform: `translate(${g}px,${m}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4328,7 +4334,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${b}px,${C}px)`,
+            transform: `translate(${b}px,${m}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4364,12 +4370,12 @@ 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((h, v) => /* @__PURE__ */ p("li", { className: Q.item, children: [
+        children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((h, _) => /* @__PURE__ */ p("li", { className: Q.item, children: [
           h.url && /* @__PURE__ */ n(
             ft,
             {
               to: h.url,
-              className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
+              className: ({ isActive: v }) => `${Q.link} ${v ? Q.active : ""}`,
               onClick: a,
               style: { color: s },
               children: h.name
@@ -4386,7 +4392,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
             }
           ),
           h.component && h.component
-        ] }, v)) })
+        ] }, _)) })
       }
     )
   ] });