@tmf_ciclica/ciclicastorybook 1.1.59 → 1.1.60

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@charset "UTF-8";@import"https://unpkg.com/maplibre-gl@^5.3.0/dist/maplibre-gl.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";._ambitSelector_mcunf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39{font-size:18px;font-weight:600;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53{font-size:18px;font-weight:600;flex:.5}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._buttonsContainer_mcunf_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._ambitListContainer_mcunf_76{flex:1;width:100%}._ambitSelector_mcunf_2 ._newAmbitButtonContainer_mcunf_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._ambitItem_1qa6u_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:10px;width:100%;padding-bottom:30px;padding-top:30px}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitName_1qa6u_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitDate_1qa6u_35{flex:.5}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38 button:disabled{opacity:.5;cursor:default}._generalButton_8d6ru_2{padding:5px 95px;border-radius:100px}._buttonsContainer_1audx_2{display:flex;gap:8px}._buttonsContainer_1audx_2._vertical_1audx_6{flex-direction:column}._buttonsContainer_1audx_2._horizontal_1audx_9{flex-direction:row}._button_1audx_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1audx_2:hover{opacity:.8}._button_1audx_2._active_1audx_25{font-weight:700}._button_1audx_2 ._buttonName_1audx_28{margin:0 4px}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_s8ooe_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._AppliedFiltersContainer_s8ooe_2 ._AppliedFilterContent_s8ooe_10{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:0 20px;border-radius:100px}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_15vgv_2{padding-top:15px;font-size:14px}._container_15vgv_2 span{font-size:14px}._container_15vgv_2 ._unitLabel_15vgv_9{height:40px}._container_15vgv_2 ._slider_15vgv_12{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_15vgv_2 ._thumb_15vgv_18{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_15vgv_2 ._track_15vgv_27{top:0;bottom:0;background:#605b56;border-radius:3px}._container_15vgv_2 ._labels_15vgv_33{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_lw8gx_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._indicatorNameContainer_lw8gx_11{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._dot_lw8gx_20{border-radius:100px;width:16px;height:16px}._indicatorContainer_lw8gx_2 ._indicatorName_lw8gx_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_lw8gx_31{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40{margin:0;width:100%}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._customRadious_lw8gx_65{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._optionText_lw8gx_72{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_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_atg3j_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative}._legendContainer_atg3j_3 ._closeButton_atg3j_18{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_atg3j_3 ._closeButton_atg3j_18:before,._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_atg3j_3 ._closeButton_atg3j_18:before{transform:rotate(45deg)}._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{transform:rotate(-45deg)}._legendContainer_atg3j_3 ._titleContainer_atg3j_46{border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._titleContainer_atg3j_46 h2{padding-bottom:16px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52{padding-top:20px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_atg3j_3 ._titleLegendList_atg3j_63{font-size:20px;padding-bottom:20px;margin-bottom:20px;margin-top:30px;border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76 ._colorDot_atg3j_82{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88{position:relative}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueColor_atg3j_91{height:130px;width:22px;border-radius:20px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueText_atg3j_96{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_atg3j_3 ._moreInfoContainer_atg3j_108{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_1gd6w_2 ._title_1gd6w_2{font-weight:600}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._LogInButton_1vxj5_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39{font-size:18px;font-weight:600;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._buttonsContainer_fd7az_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._elementListContainer_fd7az_76{flex:1;width:100%}._elementSelector_fd7az_2 ._newElementButtonContainer_fd7az_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._listElement_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._textInputContainer_15gun_2{width:100%}._textInputContainer_15gun_2 ._labelContainer_15gun_5{margin-bottom:25px}._textInputContainer_15gun_2 ._inputContainer_15gun_8{background-color:#605b5620;padding:7px;border-radius:4px;position:relative}._textInputContainer_15gun_2 ._inputContainer_15gun_8 ._showPasswordButton_15gun_14{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}._textInputContainer_15gun_2 ._inputContainer_15gun_8 input{width:100%}._textInputContainer_15gun_2 ._forgotPassButton_15gun_26{margin-top:10px;cursor:pointer}._textInputContainer_15gun_2 ._forgotPassButton_15gun_26 button{text-decoration:underline}._errorMessage_1xiyb_2{min-height:25px}._formContainer_fx5a2_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_fx5a2_2 ._formObjectContainer_fx5a2_11{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1;width:100%}._formContainer_fx5a2_2 ._buttonContainer_fx5a2_21{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._inputsContainer_10t9s_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;gap:30px}._header_13kbt_2{width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;padding:0 16px;background-color:#fff;border-bottom:1px solid black}._header_13kbt_2 ._leftComponents_13kbt_13,._header_13kbt_2 ._centerComponents_13kbt_14,._header_13kbt_2 ._rightComponents_13kbt_15{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_13kbt_2 ._leftComponents_13kbt_13{left:16px}._header_13kbt_2 ._centerComponents_13kbt_14{left:50%;transform:translate(-50%)}._header_13kbt_2 ._rightComponents_13kbt_15{right:16px}._header_13kbt_2 ._componentsContainer_13kbt_32{height:100%;width:100%}._sidebar_pt7g1_2{position:fixed;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_pt7g1_16{border-left:1px solid #ddd}._content_pt7g1_20{position:relative;padding:20px;height:100%}._closeButton_pt7g1_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_pt7g1_26:hover{color:#000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsxs as h, jsx as s, Fragment as xe } from "react/jsx-runtime";
+import { jsxs as m, jsx as s, Fragment as xe } from "react/jsx-runtime";
 import * as X from "react";
-import N, { useState as M, useEffect as D, useMemo as le, useLayoutEffect as Ct, useRef as Fe } from "react";
+import N, { useState as B, useEffect as L, useMemo as le, useLayoutEffect as Ct, useRef as Fe } from "react";
 import e from "prop-types";
 import { useTranslation as k, Trans as Le } from "react-i18next";
 import { motion as De } from "framer-motion";
@@ -44,15 +44,15 @@ const Rt = "_ambitSelector_mcunf_2", Et = "_header_mcunf_13", Pt = "_nameDateCon
   fontColor: a,
   moreInfo: c
 }) => {
-  const { nom: u, created_at: p, id: g, isBeingProcessed: y } = n;
-  return /* @__PURE__ */ h(
+  const { nom: u, created_at: p, id: h, isBeingProcessed: y } = n;
+  return /* @__PURE__ */ m(
     "div",
     {
       className: ee.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ h("div", { className: ee.ambitNameDate, onClick: () => t(g), children: [
-          /* @__PURE__ */ h("div", { className: ee.ambitName, children: [
+        /* @__PURE__ */ m("div", { className: ee.ambitNameDate, onClick: () => t(h), children: [
+          /* @__PURE__ */ m("div", { className: ee.ambitName, children: [
             /* @__PURE__ */ s(
               "img",
               {
@@ -64,11 +64,11 @@ const Rt = "_ambitSelector_mcunf_2", Et = "_header_mcunf_13", Pt = "_nameDateCon
           ] }),
           /* @__PURE__ */ s("div", { className: ee.ambitDate, children: p ? new Date(p).toLocaleDateString() : "" })
         ] }),
-        /* @__PURE__ */ h("div", { className: ee.ambitButtons, children: [
+        /* @__PURE__ */ m("div", { className: ee.ambitButtons, children: [
           y && /* @__PURE__ */ s("img", { src: e2 }),
-          /* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: Qt }) }),
-          /* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: Xt }) }),
-          /* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: Jt }) })
+          /* @__PURE__ */ s("button", { onClick: () => i(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: Qt }) }),
+          /* @__PURE__ */ s("button", { onClick: () => d(h), children: /* @__PURE__ */ s("img", { src: Xt }) }),
+          /* @__PURE__ */ s("button", { onClick: () => o(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: Jt }) })
         ] })
       ]
     }
@@ -126,38 +126,38 @@ const Oe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: p = (C) => console.log(`Copy ambit: ${C}`),
-  onCLickDelete: g = (C) => console.log(`Delete ambit: ${C}`),
+  onCLickDelete: h = (C) => console.log(`Delete ambit: ${C}`),
   onClickFilters: y = (C) => console.log(`Filters clicked: ${C}`),
-  onClickAmbit: m = (C) => console.log(`OnCLickAmbit: ${C}`)
+  onClickAmbit: g = (C) => console.log(`OnCLickAmbit: ${C}`)
 }) => {
-  const { t: C } = k(), [f, b] = M(n);
-  D(() => {
-    n && b(n);
+  const { t: C } = k(), [b, f] = B(n);
+  L(() => {
+    n && f(n);
   }, [n]);
   const v = (w) => {
-    if (f && f.length > 0) {
-      let x = [...f];
-      x.sort((_, S) => _[w].localeCompare(S[w])), b(x);
+    if (b && b.length > 0) {
+      let x = [...b];
+      x.sort((_, S) => _[w].localeCompare(S[w])), f(x);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: j.ambitSelector,
       style: { color: o, ...c },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
             className: j.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: j.nameDateContainer, children: [
-                /* @__PURE__ */ s("div", { className: j.ambitName, children: /* @__PURE__ */ h("button", { onClick: () => v("name"), children: [
+              /* @__PURE__ */ m("div", { className: j.nameDateContainer, children: [
+                /* @__PURE__ */ s("div", { className: j.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => v("name"), children: [
                   /* @__PURE__ */ s("span", { children: C(t) }),
                   /* @__PURE__ */ s("img", { src: Oe })
                 ] }) }),
-                /* @__PURE__ */ s("div", { className: j.ambitDate, children: /* @__PURE__ */ h("button", { onClick: () => v("date"), children: [
+                /* @__PURE__ */ s("div", { className: j.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => v("date"), children: [
                   /* @__PURE__ */ s("span", { children: C(r) }),
                   /* @__PURE__ */ s("img", { src: Oe })
                 ] }) })
@@ -166,7 +166,7 @@ const Oe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: j.ambitListContainer, children: f && f.length > 0 && f.map((w) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: j.ambitListContainer, children: b && b.length > 0 && b.map((w) => /* @__PURE__ */ s(
           We,
           {
             isActive: d == w.id,
@@ -174,9 +174,9 @@ const Oe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             fontColor: o,
             activeColor: i,
             onClickCopy: p,
-            onClickDelete: g,
+            onClickDelete: h,
             onClickFilters: y,
-            onClickAmbit: m
+            onClickAmbit: g
           },
           `ambitKey${w.id}`
         )) }),
@@ -254,21 +254,21 @@ const f2 = ({
         const {
           icon: u,
           activeIcon: p,
-          isActive: g,
+          isActive: h,
           name: y,
-          onClick: m
-        } = a, C = /* @__PURE__ */ h(xe, { children: [
+          onClick: g
+        } = a, C = /* @__PURE__ */ m(xe, { children: [
           o && i === "left" && /* @__PURE__ */ s("span", { className: q.buttonName, children: l(y) }),
-          /* @__PURE__ */ s("img", { src: g ? p : u, alt: l(y) }),
+          /* @__PURE__ */ s("img", { src: h ? p : u, alt: l(y) }),
           o && i === "right" && /* @__PURE__ */ s("span", { className: q.buttonName, children: l(y) })
         ] });
-        return /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+        return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
             "button",
             {
-              onClick: m,
+              onClick: g,
               className: `${q.button}
-                ${g && q.active}`,
+                ${h && q.active}`,
               children: C
             }
           ),
@@ -313,7 +313,7 @@ const b2 = "_indicatorsCategory_1cu33_2", y2 = "_title_1cu33_5", me = {
   titleMarginChildren: u = 25
 }) => {
   const { t: p } = k();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     De.div,
     {
       className: me.indicatorsCategory,
@@ -326,7 +326,7 @@ const b2 = "_indicatorsCategory_1cu33_2", y2 = "_title_1cu33_5", me = {
         marginBottom: n ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "h2",
           {
             style: {
@@ -360,7 +360,7 @@ G.propTypes = {
 const Rn = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), v2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", _2 = "_AppliedFiltersContainer_s8ooe_2", w2 = "_AppliedFilterContent_s8ooe_10", Ie = {
   AppliedFiltersContainer: _2,
   AppliedFilterContent: w2
-}, L = ft((n) => ({
+}, F = ft((n) => ({
   activeCategory: "",
   activeSubCategory: "",
   selectedIndicator: "",
@@ -368,10 +368,10 @@ const Rn = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), v2 = "data
   fontColor: "#605B56",
   inputsColor: "#605B56"
 })), Je = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = k(), { tematicalFiltersSelected: a } = L((u) => u), c = (u) => {
-    L.setState((p) => ({
+  const { t: l } = k(), { tematicalFiltersSelected: a } = F((u) => u), c = (u) => {
+    F.setState((p) => ({
       tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
-        (g) => g.code !== u
+        (h) => h.code !== u
       )
     }));
   };
@@ -382,7 +382,7 @@ const Rn = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), v2 = "data
       onClick: d,
       title: n ? l(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ s("div", { className: Ie.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, p) => /* @__PURE__ */ h("div", { className: Ie.AppliedFilterContent, style: { color: i, background: t }, children: [
+      children: /* @__PURE__ */ s("div", { className: Ie.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, p) => /* @__PURE__ */ m("div", { className: Ie.AppliedFilterContent, style: { color: i, background: t }, children: [
         l(u.name),
         /* @__PURE__ */ s("img", { src: v2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
       ] }, p)) })
@@ -404,7 +404,7 @@ Je.propTypes = {
   activeColor: e.string
 };
 const Xe = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = k(), { tematicalFiltersSelected: a } = L((c) => c);
+  const { t: l } = k(), { tematicalFiltersSelected: a } = F((c) => c);
   return /* @__PURE__ */ s(
     G,
     {
@@ -433,8 +433,8 @@ const x2 = "_checkboxContainer_zld97_2", k2 = {
   indicator: i,
   value: t
 }) => {
-  const { t: r } = k(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = L((u) => u);
-  return /* @__PURE__ */ h(
+  const { t: r } = k(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = F((u) => u);
+  return /* @__PURE__ */ m(
     "div",
     {
       style: { ...d, color: o },
@@ -524,8 +524,8 @@ let Se = function(n) {
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(y) > Math.abs(g);
+        const h = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(y) > Math.abs(h);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), p = t.getValueFromPosition(u);
@@ -593,11 +593,11 @@ let Se = function(n) {
     }, t.renderThumb = (a, c) => {
       const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), p = { ref: (y) => {
         t["thumb" + c] = y;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: oe(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (p["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(p, g);
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: c, value: oe(t.state.value), valueNow: t.state.value[c] };
+      return t.props.ariaValuetext && (p["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(p, h);
     }, t.renderTrack = (a, c, u) => {
-      const p = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: a, value: oe(t.state.value) };
-      return t.props.renderTrack(p, g);
+      const p = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, h = { index: a, value: oe(t.state.value) };
+      return t.props.renderTrack(p, h);
     };
     let r = ge(i.value);
     r.length || (r = ge(i.defaultValue)), t.pendingResizeTimeouts = [];
@@ -652,8 +652,8 @@ let Se = function(n) {
   }, o.resize = function() {
     const { slider: i, thumb0: t } = this;
     if (!i || !t) return;
-    const r = this.sizeKey(), l = i.getBoundingClientRect(), a = i[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], p = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - p, y = Math.abs(c - u);
-    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === p || this.setState({ upperBound: g, sliderLength: y, thumbSize: p });
+    const r = this.sizeKey(), l = i.getBoundingClientRect(), a = i[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], p = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - p, y = Math.abs(c - u);
+    this.state.upperBound === h && this.state.sliderLength === y && this.state.thumbSize === p || this.setState({ upperBound: h, sliderLength: y, thumbSize: p });
   }, o.calcOffset = function(i) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (i - this.props.min) / t * this.state.upperBound;
@@ -692,28 +692,28 @@ let Se = function(n) {
     const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (i === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: p, minDistance: g } = this.props;
+    const { pearling: c, max: u, min: p, minDistance: h } = this.props;
     if (!c) {
       if (r > 0) {
         const y = t[r - 1];
-        i < y + g && (i = y + g);
+        i < y + h && (i = y + h);
       }
       if (r < l - 1) {
         const y = t[r + 1];
-        i > y - g && (i = y - g);
+        i > y - h && (i = y - h);
       }
     }
-    t[r] = i, c && l > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, m, C, f) {
-      for (let b = 0; b < y; b += 1) {
-        const v = f - b * C;
-        m[y - 1 - b] > v && (m[y - 1 - b] = v);
+    t[r] = i, c && l > 1 && (i > a ? (this.pushSucceeding(t, h, r), function(y, g, C, b) {
+      for (let f = 0; f < y; f += 1) {
+        const v = b - f * C;
+        g[y - 1 - f] > v && (g[y - 1 - f] = v);
       }
-    }(l, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, m, C, f) {
-      for (let b = 0; b < y; b += 1) {
-        const v = f + b * C;
-        m[b] < v && (m[b] = v);
+    }(l, t, h, u)) : i < a && (this.pushPreceding(t, h, r), function(y, g, C, b) {
+      for (let f = 0; f < y; f += 1) {
+        const v = b + f * C;
+        g[f] < v && (g[f] = v);
       }
-    }(l, t, g, p))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, h, p))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(i, t, r) {
     let l, a;
     for (l = r, a = i[l] + t; i[l + 1] !== null && a > i[l + 1]; l += 1, a = i[l] + t) i[l + 1] = Ne(a, this.props);
@@ -786,12 +786,12 @@ const B2 = "_container_15vgv_2", M2 = "_unitLabel_15vgv_9", F2 = "_slider_15vgv_
   fontColor: l = "#605B56",
   defaultValue: a
 }) => {
-  const { t: c } = k(), [u, p] = M([n, d]), g = (y) => {
+  const { t: c } = k(), [u, p] = B([n, d]), h = (y) => {
     p(y), i == null || i({ min: y[0], max: y[1] });
   };
-  return D(() => {
+  return L(() => {
     a && p([a]);
-  }, [a]), /* @__PURE__ */ h(
+  }, [a]), /* @__PURE__ */ m(
     "div",
     {
       className: Y.container,
@@ -808,13 +808,13 @@ const B2 = "_container_15vgv_2", M2 = "_unitLabel_15vgv_9", F2 = "_slider_15vgv_
             max: d,
             step: o,
             value: u,
-            onAfterChange: g,
+            onAfterChange: h,
             withTracks: !0,
             pearling: !0,
             minDistance: 0.1
           }
         ),
-        /* @__PURE__ */ h("div", { className: Y.labels, children: [
+        /* @__PURE__ */ m("div", { className: Y.labels, children: [
           /* @__PURE__ */ s("span", { children: u[0] }),
           /* @__PURE__ */ s("span", { children: u[1] })
         ] })
@@ -844,7 +844,7 @@ const V2 = "_tematicalFiltersInputContainer_1vm1r_2", $2 = "_inputTypeContainer_
   //onChangeBothType
   activeColor: d
 }) => {
-  const [o, i] = M(), {
+  const [o, i] = B(), {
     type: t,
     name: r,
     values: l,
@@ -852,108 +852,108 @@ const V2 = "_tematicalFiltersInputContainer_1vm1r_2", $2 = "_inputTypeContainer_
     maxValue: c,
     unit: u,
     step: p
-  } = n || {}, g = le(
+  } = n || {}, h = le(
     () => t == "cat" || o == "cat",
     [o, t]
   ), y = le(
     () => t == "abs" || o == "abs",
     [o, t]
   ), {
-    tematicalFiltersSelected: m,
+    tematicalFiltersSelected: g,
     selectedIndicator: C,
-    fontColor: f,
-    inputsColor: b
-  } = L((x) => x), v = (x) => {
+    fontColor: b,
+    inputsColor: f
+  } = F((x) => x), v = (x) => {
     if (x) {
-      const { min: _, max: S, valueClicked: B, allValues: E } = x || {}, { code: Q, type: de } = n || {}, ue = y ? "abs" : g ? "cat" : "both";
-      let R = Q[0];
-      de == "both" && (R = ue == "cat" ? Q[1] : Q[0]), ue == "cat" ? L.setState((z) => {
+      const { min: _, max: S, valueClicked: $, allValues: V } = x || {}, { code: Q, type: de } = n || {}, ue = y ? "abs" : h ? "cat" : "both";
+      let E = Q[0];
+      de == "both" && (E = ue == "cat" ? Q[1] : Q[0]), ue == "cat" ? F.setState((z) => {
         let P = z.tematicalFiltersSelected.find(
-          (T) => T.code === R
+          (D) => D.code === E
         );
         if (P) {
-          let T = [P.values];
-          return P.values.includes(B) ? T = P.values.filter(
-            (A) => A !== B
-          ) : T = [...P.values, B], T.length == E.length ? {
+          let D = [P.values];
+          return P.values.includes($) ? D = P.values.filter(
+            (O) => O !== $
+          ) : D = [...P.values, $], D.length == V.length ? {
             tematicalFiltersSelected: z.tematicalFiltersSelected.filter(
-              (A) => A.code !== R
+              (O) => O.code !== E
             )
           } : {
             tematicalFiltersSelected: z.tematicalFiltersSelected.map(
-              (A) => A.code === R ? { ...A, values: T } : A
+              (O) => O.code === E ? { ...O, values: D } : O
             )
           };
         } else {
-          let T = E.map((A, gt) => gt);
+          let D = V.map((O, gt) => gt);
           return {
             tematicalFiltersSelected: [
-              ...m,
+              ...g,
               {
                 type: "cat",
-                code: R,
-                values: T.filter((A) => A !== B),
+                code: E,
+                values: D.filter((O) => O !== $),
                 name: n.name
               }
             ]
           };
         }
-      }) : ue == "abs" && L.setState((z) => {
+      }) : ue == "abs" && F.setState((z) => {
         let P = z.tematicalFiltersSelected.find(
-          (T) => T.code === R
+          (D) => D.code === E
         );
         if (_ == n.minValue && S == n.maxValue)
           return {
             tematicalFiltersSelected: z.tematicalFiltersSelected.filter(
-              (T) => T.code !== R
+              (D) => D.code !== E
             )
           };
         if (P) {
-          let T = { ...P };
-          return T.min = _, T.max = S, {
+          let D = { ...P };
+          return D.min = _, D.max = S, {
             tematicalFiltersSelected: z.tematicalFiltersSelected.map(
-              (A) => A.code === R ? T : A
+              (O) => O.code === E ? D : O
             )
           };
         } else
           return {
             tematicalFiltersSelected: [
-              ...m,
-              { type: "abs", code: R, min: _, max: S }
+              ...g,
+              { type: "abs", code: E, min: _, max: S }
             ]
           };
       });
     }
   }, w = le(() => {
     const x = {};
-    if ((m == null ? void 0 : m.length) > 0)
-      for (const _ of m)
+    if ((g == null ? void 0 : g.length) > 0)
+      for (const _ of g)
         _.type === "cat" ? x[_.code] = new Set(_.values) : x[_.code] = [_.min, _.max];
     return x;
-  }, [m]);
-  return /* @__PURE__ */ s("div", { className: re.tematicalFiltersInputContainer, children: /* @__PURE__ */ h(
+  }, [g]);
+  return /* @__PURE__ */ s("div", { className: re.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
     G,
     {
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
       title: r,
       isOpen: C == `id${r}`,
-      onClick: () => L.setState(() => ({
+      onClick: () => F.setState(() => ({
         selectedIndicator: C == `id${r}` ? "" : `id${r}`
       })),
       showBottomBar: !1,
       height: 38,
       titleMarginChildren: 14,
       className: "tematicalFiltersInputContainer",
-      color: f,
+      color: b,
       activeColor: d,
       children: [
-        t == "both" && /* @__PURE__ */ h(
+        t == "both" && /* @__PURE__ */ m(
           "div",
           {
             className: re.inputTypeContainer,
-            style: { color: f },
+            style: { color: b },
             children: [
-              /* @__PURE__ */ h("label", { children: [
+              /* @__PURE__ */ m("label", { children: [
                 /* @__PURE__ */ s(
                   "input",
                   {
@@ -965,14 +965,14 @@ const V2 = "_tematicalFiltersInputContainer_1vm1r_2", $2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: o == "abs" ? b : "white",
-                      border: `1.5px solid ${o == "abs" ? b : f}`
+                      backgroundColor: o == "abs" ? f : "white",
+                      border: `1.5px solid ${o == "abs" ? f : b}`
                     }
                   }
                 ),
                 "Absoluto"
               ] }),
-              /* @__PURE__ */ h("label", { children: [
+              /* @__PURE__ */ m("label", { children: [
                 /* @__PURE__ */ s(
                   "input",
                   {
@@ -984,8 +984,8 @@ const V2 = "_tematicalFiltersInputContainer_1vm1r_2", $2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: o == "cat" ? b : "white",
-                      border: `1.5px solid ${o == "cat" ? b : f}`
+                      backgroundColor: o == "cat" ? f : "white",
+                      border: `1.5px solid ${o == "cat" ? f : b}`
                     }
                   }
                 ),
@@ -994,7 +994,7 @@ const V2 = "_tematicalFiltersInputContainer_1vm1r_2", $2 = "_inputTypeContainer_
             ]
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: re.checkboxContainer, children: l.map((x, _) => {
+        h && /* @__PURE__ */ s("div", { className: re.checkboxContainer, children: l.map((x, _) => {
           var S;
           return /* @__PURE__ */ s(
             Qe,
@@ -1042,14 +1042,14 @@ const tt = ({
   activeColor: o
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: i } = L((l) => l), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: i } = F((l) => l), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     G,
     {
       title: t,
       isOpen: i == `id${t}`,
       onClick: () => {
-        L.setState((l) => ({
+        F.setState((l) => ({
           activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
@@ -1089,12 +1089,12 @@ const nt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = L((a) => a);
+  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = F((a) => a);
   return n && /* @__PURE__ */ s(
     G,
     {
       onClick: () => {
-        L.setState((a) => ({
+        F.setState((a) => ({
           activeCategory: r === `id${o}` ? "" : `id${o}`
         }));
       },
@@ -1142,11 +1142,11 @@ const it = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l } = L((c) => c), { t: a } = k();
-  return D(() => {
-    i && L.setState(() => ({ fontColor: i }));
-  }, [i]), D(() => {
-    t && L.setState(() => ({ inputsColor: t }));
+  const { tematicalFiltersSelected: l } = F((c) => c), { t: a } = k();
+  return L(() => {
+    i && F.setState(() => ({ fontColor: i }));
+  }, [i]), L(() => {
+    t && F.setState(() => ({ inputsColor: t }));
   }, [t]), /* @__PURE__ */ s(
     G,
     {
@@ -1194,54 +1194,56 @@ const I2 = "_FiltersAmbitContainer_1g9xx_2", R2 = "_FiltersAmbitHeader_1g9xx_7",
   saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: p,
-  filtersTypes: g = ["geographical", "tematical"],
-  nameRequiredText: y
+  filtersTypes: h = ["geographical", "tematical"],
+  nameRequiredText: y,
+  onlyFilters: g = !1
+  //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: m } = k(), { tematicalFiltersSelected: C } = L((B) => B), [f, b] = M(n || null), [v, w] = M(d || null), [x, _] = M(!1);
-  D(() => {
-    o && o.length > 0 && L.setState((B) => ({
+  const { t: C } = k(), { tematicalFiltersSelected: b } = F((V) => V), [f, v] = B(n || null), [w, x] = B(d || null), [_, S] = B(!1);
+  L(() => {
+    o && o.length > 0 && F.setState((V) => ({
       tematicalFiltersSelected: o
     }));
-  }, [o]), D(() => {
-    console.log("filtersSelected changed: ", C), a(C);
-  }, [C]);
-  const S = () => {
-    f ? c({ name: f, description: v }) : _(!0);
+  }, [o]), L(() => {
+    console.log("filtersSelected changed: ", b), a(b);
+  }, [b]);
+  const $ = () => {
+    f ? c({ name: f, description: w }) : S(!0);
   };
-  return /* @__PURE__ */ h("div", { className: W.FiltersAmbitContainer, children: [
-    /* @__PURE__ */ h("div", { className: W.FiltersAmbitHeader, children: [
+  return /* @__PURE__ */ m("div", { className: W.FiltersAmbitContainer, children: [
+    !g && /* @__PURE__ */ m("div", { className: W.FiltersAmbitHeader, children: [
       /* @__PURE__ */ s("div", { className: W.FiltersAmbitTitle, children: /* @__PURE__ */ s(
         "input",
         {
           type: "text",
-          onChange: (B) => {
-            _(!1), b(B.target.value);
+          onChange: (V) => {
+            S(!1), v(V.target.value);
           },
           value: f,
-          placeholder: m(u)
+          placeholder: C(u)
         }
       ) }),
       /* @__PURE__ */ s("div", { className: W.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: W.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
         "textarea",
         {
-          value: v,
-          onChange: (B) => w(B.target.value),
-          placeholder: m(p)
+          value: w,
+          onChange: (V) => x(V.target.value),
+          placeholder: C(p)
         }
       ) }) })
     ] }),
     /* @__PURE__ */ s(
       Je,
       {
-        title: m("applied_filters"),
+        title: C("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
         backgroundColor: l || "#605B5680",
         activeColor: t
       }
     ),
-    g.includes("geographical") && /* @__PURE__ */ s(Xe, { activeColor: t }),
-    g.includes("tematical") && /* @__PURE__ */ s(
+    h.includes("geographical") && /* @__PURE__ */ s(Xe, { activeColor: t }),
+    h.includes("tematical") && /* @__PURE__ */ s(
       it,
       {
         indicators: i,
@@ -1251,8 +1253,8 @@ const I2 = "_FiltersAmbitContainer_1g9xx_2", R2 = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    x && /* @__PURE__ */ s("div", { className: W.warning, children: m(y) }),
-    /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(ce, { onClick: () => S(), children: m("save_ambit") }) })
+    _ && /* @__PURE__ */ s("div", { className: W.warning, children: C(y) }),
+    !g && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(ce, { onClick: () => $(), children: C("save_ambit") }) })
   ] });
 };
 q2.propTypes = {
@@ -1284,11 +1286,11 @@ const Z2 = "_barChartContainer_d2f1z_2", H2 = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: p } = k(), { xScale: g, ticks: y, height: m } = le(() => {
+  const { t: p } = k(), { xScale: h, ticks: y, height: g } = le(() => {
     if (n && n.length > 0) {
-      const C = (n == null ? void 0 : n.length) * (o + i) + r * 2, f = Ae.max(n, (w) => w.value) || 1, b = Ae.scaleLinear().domain([0, u || f]).range([0, d - a]), v = Array.from({ length: c + 1 }, (w, x) => u ? u / c * x : f / c * x);
+      const C = (n == null ? void 0 : n.length) * (o + i) + r * 2, b = Ae.max(n, (w) => w.value) || 1, f = Ae.scaleLinear().domain([0, u || b]).range([0, d - a]), v = Array.from({ length: c + 1 }, (w, x) => u ? u / c * x : b / c * x);
       return {
-        xScale: b,
+        xScale: f,
         ticks: v,
         height: C,
         width: d,
@@ -1307,33 +1309,33 @@ const Z2 = "_barChartContainer_d2f1z_2", H2 = {
     r,
     u
   ]);
-  return /* @__PURE__ */ s("div", { className: H2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: m, children: /* @__PURE__ */ h("g", { transform: `translate(0,${i})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: y.map((C, f) => {
-      const b = g(C);
-      return /* @__PURE__ */ h("g", { transform: `translate(${b}, 0)`, children: [
+  return /* @__PURE__ */ s("div", { className: H2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: g, children: /* @__PURE__ */ m("g", { transform: `translate(0,${i})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: y.map((C, b) => {
+      const f = h(C);
+      return /* @__PURE__ */ m("g", { transform: `translate(${f}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
           {
             y1: 0,
-            y2: m - i * 2,
+            y2: g - i * 2,
             stroke: "#ccc"
           }
         ),
         /* @__PURE__ */ s(
           "text",
           {
-            y: m - i,
+            y: g - i,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
             children: parseInt(C)
           }
         )
-      ] }, f);
+      ] }, b);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((C, f) => {
-      const b = g(C.value), v = f * (o + i);
-      return /* @__PURE__ */ h(
+    n && n.length > 0 && (n == null ? void 0 : n.map((C, b) => {
+      const f = h(C.value), v = b * (o + i);
+      return /* @__PURE__ */ m(
         "g",
         {
           transform: `translate(${a + l}, ${v})`,
@@ -1351,7 +1353,7 @@ const Z2 = "_barChartContainer_d2f1z_2", H2 = {
             /* @__PURE__ */ s(
               "rect",
               {
-                width: b,
+                width: f,
                 height: o,
                 fill: C.color,
                 rx: 0
@@ -1359,7 +1361,7 @@ const Z2 = "_barChartContainer_d2f1z_2", H2 = {
             )
           ]
         },
-        f
+        b
       );
     }))
   ] }) }) });
@@ -1395,7 +1397,7 @@ const K2 = "_graphicContainer_c9zrg_2", U2 = "_titleContainer_c9zrg_14", Re = {
   leftPadding: c = 200
 }) => {
   const { t: u } = k();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: Re.graphicContainer,
@@ -1441,7 +1443,7 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
   indicatorsCategory: Y2,
   title: W2,
   list: J2
-}, X2 = "_indicatorContainer_lw8gx_2", Q2 = "_indicatorNameContainer_lw8gx_11", e0 = "_dot_lw8gx_20", t0 = "_indicatorName_lw8gx_11", n0 = "_switchExternalContainer_lw8gx_31", i0 = "_switchType_lw8gx_40", o0 = "_switchTypeOptions_lw8gx_44", s0 = "_optionContainer_lw8gx_55", r0 = "_customRadious_lw8gx_65", a0 = "_optionText_lw8gx_72", F = {
+}, X2 = "_indicatorContainer_lw8gx_2", Q2 = "_indicatorNameContainer_lw8gx_11", e0 = "_dot_lw8gx_20", t0 = "_indicatorName_lw8gx_11", n0 = "_switchExternalContainer_lw8gx_31", i0 = "_switchType_lw8gx_40", o0 = "_switchTypeOptions_lw8gx_44", s0 = "_optionContainer_lw8gx_55", r0 = "_customRadious_lw8gx_65", a0 = "_optionText_lw8gx_72", M = {
   indicatorContainer: X2,
   indicatorNameContainer: Q2,
   dot: e0,
@@ -1463,25 +1465,25 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = k(), { name: p, type: g } = n, [y, m] = M(!1);
-  D(() => {
-    t && m(
+  const { t: u } = k(), { name: p, type: h } = n, [y, g] = B(!1);
+  L(() => {
+    t && g(
       a ? t.some(
-        (b) => b.name == String(p)
+        (f) => f.name == String(p)
       ) : t.name == p
     );
   }, [t]);
-  const C = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ h("div", { className: F.switchTypeOptions, children: [
-    /* @__PURE__ */ h(
+  const C = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ m("div", { className: M.switchTypeOptions, children: [
+    /* @__PURE__ */ m(
       "div",
       {
-        className: F.optionContainer,
+        className: M.optionContainer,
         onClick: () => c("cat"),
         children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: `${F.customRadious}`,
+              className: `${M.customRadious}`,
               style: {
                 backgroundColor: r === "cat" ? o : "transparent",
                 borderColor: r === "cat" ? o : i
@@ -1491,7 +1493,7 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
           /* @__PURE__ */ s(
             "h4",
             {
-              className: F.optionText,
+              className: M.optionText,
               style: {
                 color: r === "cat" ? o : i
               },
@@ -1501,16 +1503,16 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
         ]
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
-        className: F.optionContainer,
+        className: M.optionContainer,
         onClick: () => c("abs"),
         children: [
           /* @__PURE__ */ s(
             "span",
             {
-              className: `${F.customRadious}`,
+              className: `${M.customRadious}`,
               style: {
                 backgroundColor: r === "abs" ? o : "transparent",
                 borderColor: r === "abs" ? o : i
@@ -1520,7 +1522,7 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
           /* @__PURE__ */ s(
             "h4",
             {
-              className: F.optionText,
+              className: M.optionText,
               style: {
                 color: r === "abs" ? o : i
               },
@@ -1530,27 +1532,27 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
         ]
       }
     )
-  ] }) }) }), f = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ s("div", { className: F.switchTypeOptions, children: d.map((b, v) => /* @__PURE__ */ h(
+  ] }) }) }), b = () => /* @__PURE__ */ s("div", { className: M.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: M.switchType, children: /* @__PURE__ */ s("div", { className: M.switchTypeOptions, children: d.map((f, v) => /* @__PURE__ */ m(
     "div",
     {
-      className: F.optionContainer,
+      className: M.optionContainer,
       children: [
         /* @__PURE__ */ s(
           "span",
           {
-            className: F.customRadious
+            className: M.customRadious
           }
         ),
-        /* @__PURE__ */ s("h4", { children: u(b.unit) })
+        /* @__PURE__ */ s("h4", { children: u(f.unit) })
       ]
     },
     v
   )) }) }) });
-  return /* @__PURE__ */ h("div", { className: F.indicatorContainer, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: M.indicatorContainer, children: [
+    /* @__PURE__ */ m(
       "div",
       {
-        className: F.indicatorNameContainer,
+        className: M.indicatorNameContainer,
         onClick: () => l({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
@@ -1559,13 +1561,13 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
               style: {
                 border: y ? `1px solid ${o}` : `1px solid ${i}`
               },
-              className: F.dot
+              className: M.dot
             }
           ),
           /* @__PURE__ */ s(
             "h4",
             {
-              className: F.indicatorName,
+              className: M.indicatorName,
               style: { color: y ? o : i },
               children: /* @__PURE__ */ s(Le, { i18nKey: p, components: { sup: /* @__PURE__ */ s("sup", {}) } })
             }
@@ -1573,8 +1575,8 @@ const Y2 = "_indicatorsCategory_1cu33_2", W2 = "_title_1cu33_5", J2 = "_list_1cu
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === p && g === "both" && /* @__PURE__ */ s("div", { children: C() }),
-    (t == null ? void 0 : t.name) === p && g === "twoUnits" && /* @__PURE__ */ s("div", { children: f() })
+    (t == null ? void 0 : t.name) === p && h === "both" && /* @__PURE__ */ s("div", { children: C() }),
+    (t == null ? void 0 : t.name) === p && h === "twoUnits" && /* @__PURE__ */ s("div", { children: b() })
   ] });
 };
 Ve.propTypes = {
@@ -1604,42 +1606,42 @@ const l0 = "_indicatorsSubCategory_1dzsi_2", c0 = "_list_1dzsi_8", Ee = {
   onClickIndicator: c,
   multiple: u,
   activeIndicatorType: p,
-  onChangeType: g
+  onChangeType: h
 }) => {
-  const { t: y } = k(), [m, C] = M(!1);
-  return D(() => {
+  const { t: y } = k(), [g, C] = B(!1);
+  return L(() => {
     C(t == l);
-  }, [t, l]), /* @__PURE__ */ h(
+  }, [t, l]), /* @__PURE__ */ m(
     De.div,
     {
       className: Ee.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: m ? "auto" : "43px" },
+      animate: { height: g ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ h("h3", { style: { color: m ? i : o }, children: [
-          /* @__PURE__ */ s("span", { style: { color: m ? i : o }, children: m ? "-" : "+" }),
+        /* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ m("h3", { style: { color: g ? i : o }, children: [
+          /* @__PURE__ */ s("span", { style: { color: g ? i : o }, children: g ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: m ? i : o },
+              style: { marginLeft: 12, color: g ? i : o },
               children: y(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ s("div", { className: Ee.list, children: d == null ? void 0 : d.map((f, b) => /* @__PURE__ */ s(
+        d && /* @__PURE__ */ s("div", { className: Ee.list, children: d == null ? void 0 : d.map((b, f) => /* @__PURE__ */ s(
           Ve,
           {
-            indicator: f,
+            indicator: b,
             defaultColor: o,
             activeColor: i,
             activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
             activeIndicatorType: p,
-            onChangeType: g
+            onChangeType: h
           },
-          "indicator" + b
+          "indicator" + f
         )) })
       ]
     }
@@ -1669,14 +1671,14 @@ const rt = ({
   activeIndicator: c,
   onClickIndicator: u,
   multiple: p,
-  activeIndicatorType: g,
+  activeIndicatorType: h,
   onChangeType: y
 }) => {
-  var b;
-  const { t: m } = k(), [C, f] = M(!1);
-  return D(() => {
-    f(r === d);
-  }, [r, d]), /* @__PURE__ */ h(
+  var f;
+  const { t: g } = k(), [C, b] = B(!1);
+  return L(() => {
+    b(r === d);
+  }, [r, d]), /* @__PURE__ */ m(
     De.div,
     {
       className: Ce.indicatorsCategory,
@@ -1689,13 +1691,13 @@ const rt = ({
         marginBottom: C ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ h("h2", { className: `${Ce.title}`, onClick: () => t(d), children: [
+        /* @__PURE__ */ m("h2", { className: `${Ce.title}`, onClick: () => t(d), children: [
           /* @__PURE__ */ s("span", { style: { color: C ? o : i }, children: C ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
               style: { marginLeft: 12, color: C ? o : i },
-              children: m(n.name)
+              children: g(n.name)
             }
           )
         ] }),
@@ -1713,12 +1715,12 @@ const rt = ({
               activeColor: o,
               defaultColor: i,
               indicators: x,
-              activeIndicatorType: g,
+              activeIndicatorType: h,
               onChangeType: y
             },
             `subcKey ${_}`
           )
-        ) : /* @__PURE__ */ s("div", { className: Ce.list, children: (b = n.indicators) == null ? void 0 : b.map((v, w) => /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ s("div", { className: Ce.list, children: (f = n.indicators) == null ? void 0 : f.map((v, w) => /* @__PURE__ */ s(
           Ve,
           {
             indicator: v,
@@ -1728,7 +1730,7 @@ const rt = ({
             activeIndicator: c,
             onClickIndicator: u,
             multiple: p,
-            activeIndicatorType: g,
+            activeIndicatorType: h,
             onChangeType: y
           },
           `indicator${w}`
@@ -1768,64 +1770,64 @@ const d0 = "_indicatorsList_fklyu_2", u0 = "_title_fklyu_6", Pe = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = k(), [u, p] = M(), [g, y] = M(), [m, C] = M(), f = (_) => {
+  const { t: c } = k(), [u, p] = B(), [h, y] = B(), [g, C] = B(), b = (_) => {
     p(u == _ ? null : _);
-  }, b = (_) => {
-    y(g == _ ? null : _);
+  }, f = (_) => {
+    y(h == _ ? null : _);
   }, v = ({ indicator: _ }) => {
     console.log("onClickIndicator: ", _), w(_);
   }, w = (_) => {
     if (!t)
       C(
-        (m == null ? void 0 : m.name) == _.name ? null : _
+        (g == null ? void 0 : g.name) == _.name ? null : _
       );
     else {
-      let S = m && m.length > 0 ? [...m] : [];
+      let S = g && g.length > 0 ? [...g] : [];
       C(
         S != null && S.some(
-          (B) => B.name == _.name
+          ($) => $.name == _.name
         ) ? S.filter(
-          (B) => B.name != String(_.name)
+          ($) => $.name != String(_.name)
         ) : [...S, _]
       ), _.type == "both" && l("cat");
     }
   };
-  D(() => {
-    console.log("activeindicator changed to: ", m), i && typeof i == "function" && m && i({ activeIndicator: m });
-  }, [m]), Ct(() => {
-    if (r && !m)
+  L(() => {
+    console.log("activeindicator changed to: ", g), i && typeof i == "function" && g && i({ activeIndicator: g });
+  }, [g]), Ct(() => {
+    if (r && !g)
       if (t && r && Array.isArray(r)) {
-        let _ = m && m.length > 0 ? [...m] : [];
+        let _ = g && g.length > 0 ? [...g] : [];
         C([..._, ...r]), x(r[0].name);
       } else
         w(r), x(r.name);
   }, []);
   const x = (_) => {
-    const S = n.find((B) => {
-      if (B.subcategories) {
-        let E = B.subcategories.find(
+    const S = n.find(($) => {
+      if ($.subcategories) {
+        let V = $.subcategories.find(
           (Q) => Q.indicators.find((de) => de.name == _)
         );
-        if (E)
-          return y(E.subcategory), E;
+        if (V)
+          return y(V.subcategory), V;
       } else
-        return B.indicators.some((E) => E.name == _);
+        return $.indicators.some((V) => V.name == _);
     });
     S && p(S.category);
   };
-  return /* @__PURE__ */ h("div", { className: Pe.indicatorsList, children: [
+  return /* @__PURE__ */ m("div", { className: Pe.indicatorsList, children: [
     /* @__PURE__ */ s("h2", { className: Pe.title, style: { color: o }, children: c("indicators.indicators") }),
     n.map((_, S) => /* @__PURE__ */ s(
       rt,
       {
         id: _.category,
         cat: _,
-        onClickCategory: f,
+        onClickCategory: b,
         activeCategory: u,
-        onClickSubCategory: b,
-        activeSubCategory: g,
+        onClickSubCategory: f,
+        activeSubCategory: h,
         onClickIndicator: v,
-        activeIndicator: m,
+        activeIndicator: g,
         activeColor: d,
         defaultColor: o,
         multiple: t,
@@ -1855,11 +1857,11 @@ const m0 = "_langSelector_o9enq_2", h0 = "_currentLang_o9enq_14", g0 = "_arrow_o
   prevImg: C0,
   langMenu: f0
 }, b0 = ({ langs: n, arrow: d, imgPrev: o }) => {
-  const [i, t] = M(!1), { i18n: r } = k(), l = n.find((c) => c.code == r.language), a = (c) => {
+  const [i, t] = B(!1), { i18n: r } = k(), l = n.find((c) => c.code == r.language), a = (c) => {
     r.changeLanguage(c), t(!1);
   };
-  return /* @__PURE__ */ h("div", { className: J.langSelector, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ m("div", { className: J.langSelector, children: [
+    /* @__PURE__ */ m(
       "div",
       {
         className: J.currentLang,
@@ -1898,7 +1900,7 @@ b0.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const y0 = "_legendContainer_atg3j_3", v0 = "_closeButton_atg3j_18", _0 = "_titleContainer_atg3j_46", w0 = "_infoContainer_atg3j_52", x0 = "_titleLegendList_atg3j_63", k0 = "_legendListContainer_atg3j_70", N0 = "_gridContainer_atg3j_70", S0 = "_elementLegendContainer_atg3j_76", B0 = "_colorDot_atg3j_82", M0 = "_absoluteValueContainer_atg3j_88", F0 = "_absoluteValueColor_atg3j_91", L0 = "_absoluteValueText_atg3j_96", D0 = "_moreInfoContainer_atg3j_108", V = {
+const y0 = "_legendContainer_atg3j_3", v0 = "_closeButton_atg3j_18", _0 = "_titleContainer_atg3j_46", w0 = "_infoContainer_atg3j_52", x0 = "_titleLegendList_atg3j_63", k0 = "_legendListContainer_atg3j_70", N0 = "_gridContainer_atg3j_70", S0 = "_elementLegendContainer_atg3j_76", B0 = "_colorDot_atg3j_82", M0 = "_absoluteValueContainer_atg3j_88", F0 = "_absoluteValueColor_atg3j_91", L0 = "_absoluteValueText_atg3j_96", D0 = "_moreInfoContainer_atg3j_108", T = {
   legendContainer: y0,
   closeButton: v0,
   titleContainer: _0,
@@ -1936,60 +1938,60 @@ const y0 = "_legendContainer_atg3j_3", v0 = "_closeButton_atg3j_18", _0 = "_titl
   onClickClose: c
 }) => {
   const { t: u } = k();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
       style: n ? { ...n } : {},
-      className: `${V.legendContainer}`,
+      className: `${T.legendContainer}`,
       children: [
-        /* @__PURE__ */ s("button", { className: V.closeButton, onClick: c }),
-        d && /* @__PURE__ */ s("div", { className: V.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        o && o.length > 0 && /* @__PURE__ */ s("div", { className: V.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: p, value: g }) => /* @__PURE__ */ h("li", { children: [
-          /* @__PURE__ */ s("h3", { className: V.title, children: `${p}:` }),
-          /* @__PURE__ */ h("span", { className: V.value, children: [
+        /* @__PURE__ */ s("button", { className: T.closeButton, onClick: c }),
+        d && /* @__PURE__ */ s("div", { className: T.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
+        o && o.length > 0 && /* @__PURE__ */ s("div", { className: T.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: p, value: h }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ s("h3", { className: T.title, children: `${p}:` }),
+          /* @__PURE__ */ m("span", { className: T.value, children: [
             "  ",
-            g
+            h
           ] })
         ] }, d)) }) }),
-        /* @__PURE__ */ s("h3", { className: V.titleLegendList, children: t ? /* @__PURE__ */ s(Le, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) } }) : u("mainUse") }),
-        /* @__PURE__ */ s("div", { className: V.legendListContainer, children: r ? /* @__PURE__ */ h("div", { className: V.absoluteValueContainer, children: [
+        /* @__PURE__ */ s("h3", { className: T.titleLegendList, children: t ? /* @__PURE__ */ s(Le, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) } }) : u("mainUse") }),
+        /* @__PURE__ */ s("div", { className: T.legendListContainer, children: r ? /* @__PURE__ */ m("div", { className: T.absoluteValueContainer, children: [
           /* @__PURE__ */ s(
             "div",
             {
-              className: V.absoluteValueColor,
+              className: T.absoluteValueColor,
               style: {
                 background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.minColor} 100%)`
               }
             }
           ),
-          /* @__PURE__ */ h("div", { className: V.absoluteValueText, children: [
-            /* @__PURE__ */ h("span", { children: [
+          /* @__PURE__ */ m("div", { className: T.absoluteValueText, children: [
+            /* @__PURE__ */ m("span", { children: [
               r.maxValue,
               " ",
               u(r.unit)
             ] }),
-            /* @__PURE__ */ h("span", { children: [
+            /* @__PURE__ */ m("span", { children: [
               r.minValue,
               " ",
               u(r.unit)
             ] })
           ] })
-        ] }) : i && i.length > 0 && /* @__PURE__ */ s("div", { className: V.gridContainer, children: i.map(
-          ({ title: p, color: g }) => /* @__PURE__ */ h("div", { className: V.elementLegendContainer, children: [
+        ] }) : i && i.length > 0 && /* @__PURE__ */ s("div", { className: T.gridContainer, children: i.map(
+          ({ title: p, color: h }) => /* @__PURE__ */ m("div", { className: T.elementLegendContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
-                className: V.colorDot,
-                style: { backgroundColor: g }
+                className: T.colorDot,
+                style: { backgroundColor: h }
               }
             ),
-            /* @__PURE__ */ h("div", { className: V.titleLegendElement, children: [
+            /* @__PURE__ */ m("div", { className: T.titleLegendElement, children: [
               u(p),
               " "
             ] })
           ] }, d)
         ) }) }),
-        l && /* @__PURE__ */ s("button", { className: V.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
+        l && /* @__PURE__ */ s("button", { className: T.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2049,19 +2051,19 @@ const I0 = ({
   sources: u = [],
   layers: p = []
 }) => {
-  const g = Fe(), [y, m] = M(null), C = yt((f) => f.mapState.showTexts);
-  return D(() => {
-    if (g.current) {
-      const f = g.current.getMap();
-      f.getStyle().layers.map((v) => {
-        v.type == "symbol" && v.id != "professionals" && (C ? f.setLayoutProperty(v.id, "visibility", "visible") : f.setLayoutProperty(v.id, "visibility", "none"));
+  const h = Fe(), [y, g] = B(null), C = yt((b) => b.mapState.showTexts);
+  return L(() => {
+    if (h.current) {
+      const b = h.current.getMap();
+      b.getStyle().layers.map((v) => {
+        v.type == "symbol" && v.id != "professionals" && (C ? b.setLayoutProperty(v.id, "visibility", "visible") : b.setLayoutProperty(v.id, "visibility", "none"));
       });
     }
-  }, [C]), /* @__PURE__ */ s("div", { className: `${O0.mapContainer}`, style: r, children: /* @__PURE__ */ h(
+  }, [C]), /* @__PURE__ */ s("div", { className: `${O0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
     _t,
     {
       initialViewState: n,
-      ref: g,
+      ref: h,
       hash: !1,
       maxZoom: d,
       minZoom: o,
@@ -2069,12 +2071,12 @@ const I0 = ({
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        u.length && u.map((f, b) => /* @__PURE__ */ s(
+        u.length && u.map((b, f) => /* @__PURE__ */ s(
           wt,
           {
-            ...f,
+            ...b,
             children: p.length && p.map((v, w) => {
-              if (v.sourceId == f.id) return /* @__PURE__ */ s(
+              if (v.sourceId == b.id) return /* @__PURE__ */ s(
                 xt,
                 {
                   ...v.layer,
@@ -2084,7 +2086,7 @@ const I0 = ({
               );
             })
           },
-          b
+          f
         )),
         /* @__PURE__ */ s(kt, { position: "bottom-right", visualizePitch: !0 }),
         c && y && /* @__PURE__ */ s(
@@ -2093,7 +2095,7 @@ const I0 = ({
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => m(null),
+            onClose: () => g(null),
             children: c.content
           }
         )
@@ -2153,12 +2155,12 @@ const R0 = "_mapContainer_b0pyr_3", E0 = {
   title: j0
 }, z0 = ({ props: n }) => {
   const { t: d } = k();
-  return /* @__PURE__ */ s("div", { className: ze.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ h("p", { children: [
-    /* @__PURE__ */ h("span", { className: ze.title, children: [
+  return /* @__PURE__ */ s("div", { className: ze.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ m("span", { className: ze.title, children: [
       /* @__PURE__ */ s(Le, { i18nKey: o.name, components: { sup: /* @__PURE__ */ s("sup", {}) } }),
       ":"
     ] }),
-    isNaN(o.value) ? /* @__PURE__ */ s(xe, { children: d(o.value) }) : /* @__PURE__ */ h(xe, { children: [
+    isNaN(o.value) ? /* @__PURE__ */ s(xe, { children: d(o.value) }) : /* @__PURE__ */ m(xe, { children: [
       o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
       " ",
       d(o.unit)
@@ -2176,25 +2178,25 @@ const R0 = "_mapContainer_b0pyr_3", E0 = {
   sources: c = [],
   layers: u = [],
   filters: p,
-  popUpParams: g,
+  popUpParams: h,
   onClosePopUp: y,
-  showTexts: m
+  showTexts: g
 }) => {
   console.log(p);
   const C = Fe();
-  return D(() => {
+  return L(() => {
     if (C.current) {
-      const f = C.current.getMap();
-      f.getStyle().layers.map((v) => {
-        v.type == "symbol" && v.id != "professionals" && (m ? f.setLayoutProperty(v.id, "visibility", "visible") : f.setLayoutProperty(v.id, "visibility", "none"));
+      const b = C.current.getMap();
+      b.getStyle().layers.map((v) => {
+        v.type == "symbol" && v.id != "professionals" && (g ? b.setLayoutProperty(v.id, "visibility", "visible") : b.setLayoutProperty(v.id, "visibility", "none"));
       });
     }
-  }, [m]), D(() => {
-    let f = new St();
-    return pe.addProtocol("pmtiles", f.tile), () => {
+  }, [g]), L(() => {
+    let b = new St();
+    return pe.addProtocol("pmtiles", b.tile), () => {
       pe.removeProtocol("pmtiles");
     };
-  }, []), /* @__PURE__ */ s("div", { className: `${E0.mapContainer}`, style: r && r, children: /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ s("div", { className: `${E0.mapContainer}`, style: r && r, children: /* @__PURE__ */ m(
     Bt,
     {
       mapLib: pe,
@@ -2207,12 +2209,12 @@ const R0 = "_mapContainer_b0pyr_3", E0 = {
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((f, b) => /* @__PURE__ */ s(
+        c.length && c.map((b, f) => /* @__PURE__ */ s(
           Mt,
           {
-            ...f,
+            ...b,
             children: u.length && u.map((v, w) => {
-              if (v.sourceId == f.id) return /* @__PURE__ */ s(
+              if (v.sourceId == b.id) return /* @__PURE__ */ s(
                 Ft,
                 {
                   ...v.layer,
@@ -2223,16 +2225,16 @@ const R0 = "_mapContainer_b0pyr_3", E0 = {
               );
             })
           },
-          b
+          f
         )),
         /* @__PURE__ */ s(Lt, { position: "bottom-right", visualizePitch: !0 }),
-        g && /* @__PURE__ */ s(
+        h && /* @__PURE__ */ s(
           Dt,
           {
-            longitude: g.lng,
-            latitude: g.lat,
+            longitude: h.lng,
+            latitude: h.lat,
             onClose: y,
-            children: /* @__PURE__ */ s(z0, { props: g.props })
+            children: /* @__PURE__ */ s(z0, { props: h.props })
           }
         )
       ]
@@ -2298,10 +2300,10 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
   width: r
 }) => {
   const { t: l } = k();
-  return /* @__PURE__ */ h("div", { className: H.sectionBar, style: { width: r && r }, children: [
-    /* @__PURE__ */ h("div", { className: H.leftContent, children: [
+  return /* @__PURE__ */ m("div", { className: H.sectionBar, style: { width: r && r }, children: [
+    /* @__PURE__ */ m("div", { className: H.leftContent, children: [
       n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: H.icon }),
-      /* @__PURE__ */ h("div", { className: H.textContainer, children: [
+      /* @__PURE__ */ m("div", { className: H.textContainer, children: [
         /* @__PURE__ */ s("div", { className: H.title, children: l(d) }),
         o && /* @__PURE__ */ s("div", { className: H.subtitle, children: o })
       ] })
@@ -2340,18 +2342,18 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
   sliderOpen: t1,
   sliderResults: n1
 }, i1 = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: i = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [l, a] = M(d), c = vt(), u = (v, w) => {
+  const [l, a] = B(d), c = vt(), u = (v, w) => {
     a(w), c(fe(w - 2e3));
-  }, [p, g] = M(!1), y = () => {
-    g(!0);
-  }, m = () => {
-    g(!1);
+  }, [p, h] = B(!1), y = () => {
+    h(!0);
+  }, g = () => {
+    h(!1);
   };
   ((v, w) => {
     const x = Fe();
-    D(() => {
+    L(() => {
       x.current = v;
-    }, [v]), D(() => {
+    }, [v]), L(() => {
       function _() {
         x.current();
       }
@@ -2363,7 +2365,7 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
   })(() => {
     p && (l != 2050 ? (a(l + 1), c(fe(l - 2e3 + 1))) : (a(2025), c(fe(25))));
   }, 1e3);
-  const f = $t({
+  const b = $t({
     palette: {
       primary: {
         main: "#605b56"
@@ -2385,13 +2387,13 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
         }
       }
     }
-  }), b = [
+  }), f = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ s(Ot, { theme: f, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ s(Ot, { theme: b, children: /* @__PURE__ */ m(
     At,
     {
       sx: { width: 400 },
@@ -2406,7 +2408,7 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
             value: l,
             valueLabelDisplay: "on",
             step: 1,
-            marks: b,
+            marks: f,
             min: o,
             max: i,
             onChange: u,
@@ -2416,7 +2418,7 @@ const Z0 = "_sectionBar_1egwc_2", H0 = "_leftContent_1egwc_14", K0 = "_textConta
         ),
         i,
         !p && /* @__PURE__ */ s("button", { className: te.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: J0, alt: "Play" }) }),
-        p && /* @__PURE__ */ s("button", { className: te.playButton, onClick: m, children: /* @__PURE__ */ s("img", { src: X0, alt: "Pause" }) })
+        p && /* @__PURE__ */ s("button", { className: te.playButton, onClick: g, children: /* @__PURE__ */ s("img", { src: X0, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2499,7 +2501,7 @@ d1.propTypes = {
   userName: e.string,
   isLoggedIn: e.bool
 };
-const u1 = "_elementSelector_fd7az_2", p1 = "_header_fd7az_13", m1 = "_nameDateContainer_fd7az_23", h1 = "_elementName_fd7az_39", g1 = "_elementDate_fd7az_53", C1 = "_buttonsContainer_fd7az_67", f1 = "_elementListContainer_fd7az_76", b1 = "_newElementButtonContainer_fd7az_80", I = {
+const u1 = "_elementSelector_fd7az_2", p1 = "_header_fd7az_13", m1 = "_nameDateContainer_fd7az_23", h1 = "_elementName_fd7az_39", g1 = "_elementDate_fd7az_53", C1 = "_buttonsContainer_fd7az_67", f1 = "_elementListContainer_fd7az_76", b1 = "_newElementButtonContainer_fd7az_80", R = {
   elementSelector: u1,
   header: p1,
   nameDateContainer: m1,
@@ -2508,7 +2510,7 @@ const u1 = "_elementSelector_fd7az_2", p1 = "_header_fd7az_13", m1 = "_nameDateC
   buttonsContainer: C1,
   elementListContainer: f1,
   newElementButtonContainer: b1
-}, y1 = "_listElement_1s506_2", v1 = "_elementNameDate_1s506_17", _1 = "_elementNameContainer_1s506_27", w1 = "_elementName_1s506_17", x1 = "_elementDate_1s506_42", k1 = "_elementButtons_1s506_45", N1 = "_moreInfoContainer_1s506_68", S1 = "_moreInfo_1s506_68", O = {
+}, y1 = "_listElement_1s506_2", v1 = "_elementNameDate_1s506_17", _1 = "_elementNameContainer_1s506_27", w1 = "_elementName_1s506_17", x1 = "_elementDate_1s506_42", k1 = "_elementButtons_1s506_45", N1 = "_moreInfoContainer_1s506_68", S1 = "_moreInfo_1s506_68", I = {
   listElement: y1,
   elementNameDate: v1,
   elementNameContainer: _1,
@@ -2555,15 +2557,15 @@ const V1 = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   processTooltip: c,
   defaultTooltip: u
 }) => {
-  const { nom: p, created_at: g, id: y, isBeingProcessed: m } = n, [C, f] = M(!1), { t: b } = k();
-  return /* @__PURE__ */ h(
+  const { nom: p, created_at: h, id: y, isBeingProcessed: g } = n, [C, b] = B(!1), { t: f } = k();
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: O.listElement,
+      className: I.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ h("div", { className: O.elementNameDate, onClick: () => d(y), children: [
-          l.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ h("div", { className: O.elementName, children: [
+        /* @__PURE__ */ m("div", { className: I.elementNameDate, onClick: () => d(y), children: [
+          l.nom && /* @__PURE__ */ s("div", { className: I.elementNameContainer, children: /* @__PURE__ */ m("div", { className: I.elementName, children: [
             o ? /* @__PURE__ */ s(T1, { style: { color: i, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
@@ -2573,39 +2575,39 @@ const V1 = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             ),
             /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: p })
           ] }) }),
-          l.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: g ? new Date(g).toLocaleDateString() : "" }),
-          l.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
-          l.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
+          l.data && /* @__PURE__ */ s("div", { className: I.elementDate, children: h ? new Date(h).toLocaleDateString() : "" }),
+          l.ambit && /* @__PURE__ */ s("div", { className: I.elementDate, children: n.ambit }),
+          l.escenari && /* @__PURE__ */ s("div", { className: I.elementDate, children: n.escenari })
         ] }),
-        /* @__PURE__ */ h("div", { className: O.elementButtons, children: [
-          n.processing && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+        /* @__PURE__ */ m("div", { className: I.elementButtons, children: [
+          n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: L1 }),
             /* @__PURE__ */ s(U, { text: c, position: "left" })
           ] }),
-          a.filter && !n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.filter.onclick(n), children: /* @__PURE__ */ s("img", { src: F1 }) }),
             /* @__PURE__ */ s(U, { text: a.filter.tooltiptext, position: "left" })
           ] }),
-          a.copy && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.copy.onclick(n), children: /* @__PURE__ */ s("img", { src: M1 }) }),
             /* @__PURE__ */ s(U, { text: a.copy.tooltiptext, position: "left" })
           ] }),
-          a.trash && !n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          a.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.trash.onclick(n), children: /* @__PURE__ */ s("img", { src: B1 }) }),
             /* @__PURE__ */ s(U, { text: a.trash.tooltiptext, position: "left" })
           ] }),
-          n.is_default && /* @__PURE__ */ h("div", { className: "tooltip-parent", children: [
+          n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: D1 }),
             /* @__PURE__ */ s(U, { text: u, position: "left" })
           ] })
         ] }),
-        r && /* @__PURE__ */ s("div", { className: O.break }),
-        r && /* @__PURE__ */ h("div", { className: O.moreInfoContainer, children: [
-          /* @__PURE__ */ h("div", { className: O.moreInfo, onClick: () => f(!C), children: [
+        r && /* @__PURE__ */ s("div", { className: I.break }),
+        r && /* @__PURE__ */ m("div", { className: I.moreInfoContainer, children: [
+          /* @__PURE__ */ m("div", { className: I.moreInfo, onClick: () => b(!C), children: [
             /* @__PURE__ */ s("span", { children: C ? "-" : "+" }),
-            b(r.label)
+            f(r.label)
           ] }),
-          r && C && /* @__PURE__ */ s("div", { className: O.moreInfoInfo, children: n[r.info] })
+          r && C && /* @__PURE__ */ s("div", { className: I.moreInfoInfo, children: n[r.info] })
         ] })
       ]
     }
@@ -2655,57 +2657,57 @@ const Ze = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: l,
   //{label: 'text', onClick: function()}/null
-  onClickElement: a = (m) => console.log(`OnCLickElement: ${m}`),
+  onClickElement: a = (g) => console.log(`OnCLickElement: ${g}`),
   columns: c,
   // {'nom': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
   //{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
   moreInfo: p = !1,
   //{label: 'x'}
-  processTooltip: g,
+  processTooltip: h,
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: y
   //texto para el tooltip del símbolo de candado para los elementos default
 }) => {
-  const { t: m } = k(), [C, f] = M(n);
-  D(() => {
-    n && f(n);
+  const { t: g } = k(), [C, b] = B(n);
+  L(() => {
+    n && b(n);
   }, [n]);
-  const b = (v) => {
+  const f = (v) => {
     if (C && C.length > 0) {
       let w = [...C];
-      w.sort((x, _) => x[v].localeCompare(_[v])), f(w);
+      w.sort((x, _) => x[v].localeCompare(_[v])), b(w);
     }
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: I.elementSelector,
+      className: R.elementSelector,
       style: { color: o, ...r },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ m(
           "div",
           {
-            className: I.header,
+            className: R.header,
             style: { borderBottom: `1px solid ${o}` },
             children: [
-              /* @__PURE__ */ h("div", { className: I.nameDateContainer, children: [
-                c.nom && /* @__PURE__ */ s("div", { className: I.elementName, children: /* @__PURE__ */ h("button", { onClick: () => b("name"), children: [
-                  /* @__PURE__ */ s("span", { children: m(c.nom) }),
+              /* @__PURE__ */ m("div", { className: R.nameDateContainer, children: [
+                c.nom && /* @__PURE__ */ s("div", { className: R.elementName, children: /* @__PURE__ */ m("button", { onClick: () => f("name"), children: [
+                  /* @__PURE__ */ s("span", { children: g(c.nom) }),
                   /* @__PURE__ */ s("img", { src: Ze })
                 ] }) }),
-                c.data && /* @__PURE__ */ s("div", { className: I.elementDate, children: /* @__PURE__ */ h("button", { onClick: () => b("date"), children: [
-                  /* @__PURE__ */ s("span", { children: m(c.data) }),
+                c.data && /* @__PURE__ */ s("div", { className: R.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => f("date"), children: [
+                  /* @__PURE__ */ s("span", { children: g(c.data) }),
                   /* @__PURE__ */ s("img", { src: Ze })
                 ] }) }),
-                c.ambit && /* @__PURE__ */ s("div", { className: I.elementDate, children: /* @__PURE__ */ s("span", { children: m(c.ambit) }) }),
-                c.escenari && /* @__PURE__ */ s("div", { className: I.elementDate, children: /* @__PURE__ */ s("span", { children: m(c.escenari) }) })
+                c.ambit && /* @__PURE__ */ s("div", { className: R.elementDate, children: /* @__PURE__ */ s("span", { children: g(c.ambit) }) }),
+                c.escenari && /* @__PURE__ */ s("div", { className: R.elementDate, children: /* @__PURE__ */ s("span", { children: g(c.escenari) }) })
               ] }),
-              /* @__PURE__ */ s("div", { className: I.buttonsContainer })
+              /* @__PURE__ */ s("div", { className: R.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: I.elementListContainer, children: C && C.length > 0 && C.map((v) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: R.elementListContainer, children: C && C.length > 0 && C.map((v) => /* @__PURE__ */ s(
           at,
           {
             isActive: d == v.id,
@@ -2716,18 +2718,18 @@ const Ze = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             columns: c,
             elementButtons: u,
             moreInfo: p,
-            processTooltip: g,
+            processTooltip: h,
             defaultTooltip: y
           },
           `elementKey${v.id}`
         )) }),
-        l && /* @__PURE__ */ s("div", { className: I.newElementButtonContainer, children: /* @__PURE__ */ s(
+        l && /* @__PURE__ */ s("div", { className: R.newElementButtonContainer, children: /* @__PURE__ */ s(
           ce,
           {
             style: { ...t },
             onClick: l.onClick,
             borderColor: "grey",
-            children: m(l.label)
+            children: g(l.label)
           }
         ) })
       ]
@@ -2811,7 +2813,7 @@ function ct(n) {
     return n;
   return d;
 }
-var dt = (n) => /^\w*$/.test(n), Me = (n) => n === void 0, G1 = (n) => Array.isArray(n) ? n.filter(Boolean) : [], ut = (n) => G1(n.replace(/["|']|\]/g, "").split(/\.|\[/)), $ = (n, d, o) => {
+var dt = (n) => /^\w*$/.test(n), Me = (n) => n === void 0, G1 = (n) => Array.isArray(n) ? n.filter(Boolean) : [], ut = (n) => G1(n.replace(/["|']|\]/g, "").split(/\.|\[/)), A = (n, d, o) => {
   if (!d || !ie(n))
     return o;
   const i = (dt(d) ? [d] : ut(d)).reduce((t, r) => lt(t) ? t : t[r], n);
@@ -2878,7 +2880,7 @@ function W1(n) {
     c.current.isValid && o._setValid(!0);
   }, [o]), N.useMemo(() => Y1(l, o, c.current, !1), [l, o]);
 }
-var J1 = (n) => typeof n == "string", X1 = (n, d, o, i, t) => J1(n) ? $(o, n, t) : Array.isArray(n) ? n.map((r) => $(o, r)) : o;
+var J1 = (n) => typeof n == "string", X1 = (n, d, o, i, t) => J1(n) ? A(o, n, t) : Array.isArray(n) ? n.map((r) => A(o, r)) : o;
 function Q1(n) {
   const d = $e(), { control: o = d.control, name: i, defaultValue: t, disabled: r, exact: l } = n || {}, a = N.useRef(t), [c, u] = N.useState(o._getWatch(i, a.current));
   return mt(() => o._subscribe({
@@ -2894,7 +2896,7 @@ function en(n) {
   const d = $e(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, l = H1(t._names.array, o), a = Q1({
     control: t,
     name: o,
-    defaultValue: $(t._formValues, o, $(t._defaultValues, o, n.defaultValue)),
+    defaultValue: A(t._formValues, o, A(t._defaultValues, o, n.defaultValue)),
     exact: !0
   }), c = W1({
     control: t,
@@ -2904,71 +2906,71 @@ function en(n) {
     ...n.rules,
     value: a,
     ...ye(n.disabled) ? { disabled: n.disabled } : {}
-  })), g = N.useMemo(() => Object.defineProperties({}, {
+  })), h = N.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!$(c.errors, o)
+      get: () => !!A(c.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!$(c.dirtyFields, o)
+      get: () => !!A(c.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!$(c.touchedFields, o)
+      get: () => !!A(c.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!$(c.validatingFields, o)
+      get: () => !!A(c.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => $(c.errors, o)
+      get: () => A(c.errors, o)
     }
-  }), [c, o]), y = N.useCallback((b) => p.current.onChange({
+  }), [c, o]), y = N.useCallback((f) => p.current.onChange({
     target: {
-      value: q1(b),
+      value: q1(f),
       name: o
     },
     type: Ue.CHANGE
-  }), [o]), m = N.useCallback(() => p.current.onBlur({
+  }), [o]), g = N.useCallback(() => p.current.onBlur({
     target: {
-      value: $(t._formValues, o),
+      value: A(t._formValues, o),
       name: o
     },
     type: Ue.BLUR
-  }), [o, t._formValues]), C = N.useCallback((b) => {
-    const v = $(t._fields, o);
-    v && b && (v._f.ref = {
-      focus: () => b.focus && b.focus(),
-      select: () => b.select && b.select(),
-      setCustomValidity: (w) => b.setCustomValidity(w),
-      reportValidity: () => b.reportValidity()
+  }), [o, t._formValues]), C = N.useCallback((f) => {
+    const v = A(t._fields, o);
+    v && f && (v._f.ref = {
+      focus: () => f.focus && f.focus(),
+      select: () => f.select && f.select(),
+      setCustomValidity: (w) => f.setCustomValidity(w),
+      reportValidity: () => f.reportValidity()
     });
-  }, [t._fields, o]), f = N.useMemo(() => ({
+  }, [t._fields, o]), b = N.useMemo(() => ({
     name: o,
     value: a,
     ...ye(i) || c.disabled ? { disabled: c.disabled || i } : {},
     onChange: y,
-    onBlur: m,
+    onBlur: g,
     ref: C
-  }), [o, i, c.disabled, y, m, C, a]);
+  }), [o, i, c.disabled, y, g, C, a]);
   return N.useEffect(() => {
-    const b = t._options.shouldUnregister || r;
+    const f = t._options.shouldUnregister || r;
     t.register(o, {
       ...u.current.rules,
       ...ye(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
     const v = (w, x) => {
-      const _ = $(t._fields, w);
+      const _ = A(t._fields, w);
       _ && _._f && (_._f.mount = x);
     };
-    if (v(o, !0), b) {
-      const w = ct($(t._options.defaultValues, o));
-      Ke(t._defaultValues, o, w), Me($(t._formValues, o)) && Ke(t._formValues, o, w);
+    if (v(o, !0), f) {
+      const w = ct(A(t._options.defaultValues, o));
+      Ke(t._defaultValues, o, w), Me(A(t._formValues, o)) && Ke(t._formValues, o, w);
     }
     return !l && t.register(o), () => {
-      (l ? b && !t._state.action : b) ? t.unregister(o) : v(o, !1);
+      (l ? f && !t._state.action : f) ? t.unregister(o) : v(o, !1);
     };
   }, [o, t, l, r]), N.useEffect(() => {
     t._setDisabledField({
@@ -2976,10 +2978,10 @@ function en(n) {
       name: o
     });
   }, [i, o, t]), N.useMemo(() => ({
-    field: f,
+    field: b,
     formState: c,
-    fieldState: g
-  }), [f, c, g]);
+    fieldState: h
+  }), [b, c, h]);
 }
 const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
   errorMessage: nn
@@ -3008,30 +3010,30 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
     placeholder: c,
     errorColor: u = "red",
     width: p = 325,
-    onClickForgotPass: g = () => {
+    onClickForgotPass: h = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: y = "forgot-password"
-  } = n, { t: m } = k(), [C, f] = M(!1), b = () => i ? i === "password" && C ? "text" : i : "text";
+  } = n, { t: g } = k(), [C, b] = B(!1), f = () => i ? i === "password" && C ? "text" : i : "text";
   return /* @__PURE__ */ s(
     tn,
     {
       name: o,
       control: d,
       rules: {
-        required: l ? `${m(t)} ${m("errorMessages.required")}` : !1,
+        required: l ? `${g(t)} ${g("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
       render: ({ field: v, fieldState: w }) => {
         var x;
-        return /* @__PURE__ */ h("div", { className: ne.textInputContainer, children: [
-          /* @__PURE__ */ h("h3", { className: ne.labelContainer, children: [
-            m(t),
+        return /* @__PURE__ */ m("div", { className: ne.textInputContainer, children: [
+          /* @__PURE__ */ m("h3", { className: ne.labelContainer, children: [
+            g(t),
             " ",
             l && /* @__PURE__ */ s("label", { style: { color: w.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ m(
             "div",
             {
               style: { position: "relative", width: p },
@@ -3040,16 +3042,16 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
                 /* @__PURE__ */ s(
                   "input",
                   {
-                    type: b(),
+                    type: f(),
                     ...v,
-                    placeholder: c ? m(c) : "",
+                    placeholder: c ? g(c) : "",
                     maxLength: r || void 0
                   }
                 ),
                 i == "password" && /* @__PURE__ */ s(
                   "button",
                   {
-                    onClick: () => f(!C),
+                    onClick: () => b(!C),
                     type: "button",
                     className: ne.showPasswordButton,
                     children: C ? "🙈" : "👁️"
@@ -3058,7 +3060,7 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
               ]
             }
           ),
-          i == "password" && /* @__PURE__ */ s("div", { className: ne.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: m(y) }) }),
+          i == "password" && /* @__PURE__ */ s("div", { className: ne.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: h, children: g(y) }) }),
           /* @__PURE__ */ s(
             ht,
             {
@@ -3080,7 +3082,7 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
   const { inputType: r } = i;
   switch (r) {
     case He.text:
-      const { code: l, type: a, label: c, maxLength: u, required: p, validateFunction: g } = i;
+      const { code: l, type: a, label: c, maxLength: u, required: p, validateFunction: h } = i;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -3118,23 +3120,23 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
   const {
     register: u,
     handleSubmit: p,
-    watch: g,
+    watch: h,
     control: y,
-    formState: { errors: m }
+    formState: { errors: g }
   } = n;
-  D(() => {
-    console.log("Errors ", m);
-  }, [JSON.stringify(m)]);
+  L(() => {
+    console.log("Errors ", g);
+  }, [JSON.stringify(g)]);
   const { t: C } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
-    /* @__PURE__ */ h("form", { className: ve.formContainer, onSubmit: p(c), children: [
-      /* @__PURE__ */ s("div", { className: ve.formObjectContainer, children: d && d.map((f, b) => {
-        const { inputs: v } = f;
-        return f.category ? o ? /* @__PURE__ */ s(
+    /* @__PURE__ */ m("form", { className: ve.formContainer, onSubmit: p(c), children: [
+      /* @__PURE__ */ s("div", { className: ve.formObjectContainer, children: d && d.map((b, f) => {
+        const { inputs: v } = b;
+        return b.category ? o ? /* @__PURE__ */ s(
           o,
           {
-            title: f.category,
+            title: b.category,
             children: /* @__PURE__ */ s(
               we,
               {
@@ -3145,9 +3147,9 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
               }
             )
           },
-          `${f.category}${b}`
-        ) : /* @__PURE__ */ h("div", { style: { width: "100%" }, children: [
-          /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: f.category }),
+          `${b.category}${f}`
+        ) : /* @__PURE__ */ m("div", { style: { width: "100%" }, children: [
+          /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: b.category }),
           /* @__PURE__ */ s("p", { children: "This is a category component example." }),
           /* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
             we,
@@ -3158,7 +3160,7 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
               errorColor: r
             }
           ) })
-        ] }, `${f.category}${b}`) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
+        ] }, `${b.category}${f}`) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
           we,
           {
             inputContainerStyles: i,
@@ -3166,9 +3168,9 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
             control: y,
             errorColor: r
           }
-        ) }, `inputKey${b}`);
+        ) }, `inputKey${f}`);
       }) }),
-      /* @__PURE__ */ h("div", { className: ve.buttonContainer, children: [
+      /* @__PURE__ */ m("div", { className: ve.buttonContainer, children: [
         /* @__PURE__ */ s(ce, { containerStyles: a, type: "submit", children: C(l) }),
         /* @__PURE__ */ s(ht, { errorMessage: t, errorColor: r })
       ] })
@@ -3190,7 +3192,7 @@ const tn = (n) => n.render(en(n)), nn = "_errorMessage_1xiyb_2", on = {
   backgroundColor: l = "#605B56",
   isFooter: a = !1
   // If true, it will apply footer styles
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ m(
   "div",
   {
     className: K.header,
@@ -3238,7 +3240,7 @@ const gn = "_sidebar_pt7g1_2", Cn = "_open_pt7g1_16", fn = "_content_pt7g1_20",
     {
       className: `${ae.sidebar} ${o ? ae.open : ""}`,
       style: { width: o ? n : 0 },
-      children: o && /* @__PURE__ */ h("div", { className: ae.content, children: [
+      children: o && /* @__PURE__ */ m("div", { className: ae.content, children: [
         /* @__PURE__ */ s("button", { className: ae.closeButton, onClick: t, children: /* @__PURE__ */ s("img", { src: yn, alt: "Close Sidebar" }) }),
         d
       ] })