@tmf_ciclica/ciclicastorybook 1.1.133 → 1.1.135
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +7 -7
- package/dist/index.es.js +1195 -1146
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://unpkg.com/maplibre-gl@^5.3.0/dist/maplibre-gl.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";._ambitSelector_mcunf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39{font-size:18px;font-weight:600;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53{font-size:18px;font-weight:600;flex:.5}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._buttonsContainer_mcunf_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._ambitListContainer_mcunf_76{flex:1;width:100%}._ambitSelector_mcunf_2 ._newAmbitButtonContainer_mcunf_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._ambitItem_1qa6u_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:10px;width:100%;padding-bottom:30px;padding-top:30px}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitName_1qa6u_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitDate_1qa6u_35{flex:.5}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38 button:disabled{opacity:.5;cursor:default}._generalButton_phq4n_2{padding:5px 95px;border-radius:100px}._generalButton_phq4n_2:disabled{opacity:.6}._buttonsContainer_1ks7x_2{display:flex;gap:8px}._buttonsContainer_1ks7x_2._vertical_1ks7x_6{flex-direction:column}._buttonsContainer_1ks7x_2._horizontal_1ks7x_9{flex-direction:row}._button_1ks7x_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1ks7x_2:hover{opacity:.8}._button_1ks7x_2._active_1ks7x_25{font-weight:700}._button_1ks7x_2 ._buttonName_1ks7x_28{margin:0 4px}._button_1ks7x_2:disabled{opacity:.5!important;cursor:auto}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_cokx9_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start;flex-wrap:wrap}._AppliedFiltersContainer_cokx9_2 ._AppliedFilterContent_cokx9_11{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:0 20px;border-radius:100px}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_4u41i_2,._container_4u41i_2 span{font-size:14px}._container_4u41i_2 ._unitLabel_4u41i_8{height:40px}._container_4u41i_2 ._slider_4u41i_11{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_4u41i_2 ._thumb_4u41i_17{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_4u41i_2 ._track_4u41i_26{top:0;bottom:0;background:#605b56;border-radius:3px}._container_4u41i_2 ._labels_4u41i_32{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_1go6h_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_1go6h_2 ._indicatorNameContainer_1go6h_11{gap:10px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_1go6h_2 ._dot_1go6h_17{border-radius:100px;width:16px;height:16px}._indicatorContainer_1go6h_2 ._indicatorName_1go6h_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_1go6h_28{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37{margin:0;width:100%}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._customRadious_1go6h_62{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._optionText_1go6h_69{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_qs4x9_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative;overflow-y:scroll}._legendContainer_qs4x9_3::-webkit-scrollbar{width:8px}._legendContainer_qs4x9_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_qs4x9_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before,._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before{transform:rotate(45deg)}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{transform:rotate(-45deg)}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59{border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59 h2{padding-bottom:16px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65{padding-top:20px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_qs4x9_3 ._titleLegendList_qs4x9_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88 ._colorDot_qs4x9_94{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100{position:relative}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueColor_qs4x9_103{height:130px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120{position:relative;margin-top:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._noData_qs4x9_120{height:22px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._moreInfoContainer_qs4x9_141{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_mt8l5_2{padding:15px;color:#92898a}._FeaturePopUp_mt8l5_2 p{margin-bottom:10px}._FeaturePopUp_mt8l5_2 ._title_mt8l5_9{font-weight:600;margin-right:5px;color:#92898a}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._LogInButton_1vxj5_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39{font-size:18px;font-weight:600;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._buttonsContainer_fd7az_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._elementListContainer_fd7az_76{flex:1;width:100%}._elementSelector_fd7az_2 ._newElementButtonContainer_fd7az_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._listElement_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._textInputContainer_1o3iy_2{width:100%}._textInputContainer_1o3iy_2 ._labelContainer_1o3iy_5{margin-bottom:25px}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8{background-color:#605b5620;padding:7px;border-radius:4px;position:relative}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 ._showPasswordButton_1o3iy_14{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 input{width:100%}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26{margin-top:10px;cursor:pointer}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26 button{text-decoration:underline}._errorMessage_1xiyb_2{min-height:25px}._formContainer_b071f_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_b071f_2 ._formObjectContainer_b071f_11{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_b071f_2 ._buttonContainer_b071f_22{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._inputsContainer_10t9s_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;gap:30px}._selectInputContainer_1rj0h_2{width:100%;position:relative}._selectInputContainer_1rj0h_2 ._labelContainer_1rj0h_6{margin-bottom:25px}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9{position:relative}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:9px 40px 9px 9px;border:1.5px solid #605b56;border-radius:4px;cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2 ._option_1rj0h_23{cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._dropdownArrow_1rj0h_26{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}._radioButtonContainer_1e994_2{width:100%}._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;width:100%;flex-wrap:wrap;position:relative;gap:15px}@media (width < 768px){._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start}}._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;align-self:flex-start;position:relative}@media (width < 768px){._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{min-width:auto;max-width:215px}}._radioButtonContainer_1e994_2 ._errorContainer_1e994_44{position:absolute;top:-25px;left:0}._radioButtonContainer_1e994_2 ._iconPrivacy_1e994_49{height:100%;padding-right:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._radioButtonContainer_1e994_2 ._radioQuestion_1e994_59{width:100%;flex:1}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;gap:10px;position:relative;height:100%}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label{text-align:left}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label input{margin-right:5px}@media (width < 768px){._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;flex:1}}label,._radioInput_1e994_93{cursor:pointer}._rankingSliderContainer_brgxs_2{display:grid;width:100%}._rankingSliderContainer_brgxs_2 ._labelContainer_brgxs_6{margin-bottom:25px;color:#605b56}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10{width:100%;position:relative;display:flex;gap:14px;align-items:flex-start;flex-wrap:nowrap}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._slider_brgxs_18{height:3px;background:#efefef;border-radius:3px;position:relative;min-width:250px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._thumb_brgxs_25{height:15px;width:15px;border-radius:50%;cursor:grab;top:-100%;transform:translateY(-20%);outline:none}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#444}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 span{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:10px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 span:before{content:"";background:#efefef;width:10px;height:10px;position:absolute;top:-3.5px;border-radius:50%}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 ._labelsText_brgxs_60{color:#605b56}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._minLabel_brgxs_63,._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._maxLabel_brgxs_63{color:#605b56;font-size:12px;white-space:nowrap;margin-top:-7px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._minLabel_brgxs_63{text-align:right}._overlay_mnd4j_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}._modal_mnd4j_15{background:#fff;border-radius:12px;position:relative;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:300px}._closeButton_mnd4j_29{position:absolute;top:3px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer}._icon_mnd4j_39{width:60px;height:60px;margin-bottom:16px}._message_mnd4j_45{font-size:18px;font-weight:700;margin-bottom:8px}._submessage_mnd4j_51{font-size:14px;color:#666;margin-bottom:20px}._buttonsContainer_mnd4j_57{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}._buttonWrapper_mnd4j_64{display:inline-flex}._stepsContainer_1cyua_3{display:flex;flex-direction:column;position:relative}._stepWrapper_1cyua_9{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}._stepWrapper_1cyua_9:last-child{margin-bottom:0}._circleContainer_1cyua_19{position:relative}._circle_1cyua_19{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1}._active_1cyua_39{color:#fff;border:none}._completed_1cyua_44{background-color:#ccc;color:#fff;border:none}._label_1cyua_50{margin-left:10px;font-size:14px;color:#aaa}._labelActive_1cyua_56{font-weight:700;color:#333}._connector_1cyua_61{position:absolute;left:50%;transform:translate(-50%);top:32px;width:1px;height:calc(100% - 10px);background-color:#ccc;z-index:0}._statusTextContainer_ch14r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:128px;height:31px;border-radius:200px}._statusTextContainer_ch14r_2 span{font-size:16px;color:#605b56}._buttonsContainer_1c7dw_2{padding:5px 7px;background-color:#efefef;border-radius:10px;display:flex;gap:8px}._buttonsContainer_1c7dw_2 ._button_1c7dw_2{border-radius:10px;display:flex;align-items:center;cursor:pointer;padding:4px;color:#605b56}._buttonsContainer_1c7dw_2 ._button_1c7dw_2:hover{opacity:.8}._buttonsContainer_1c7dw_2 ._button_1c7dw_2._active_1c7dw_20{background:#b32f5d;color:#efefef}._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_1fmjn_2{position:absolute;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_1fmjn_16{border-left:1px solid #ddd}._content_1fmjn_20{position:relative;padding:20px;height:100%}._closeButton_1fmjn_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1fmjn_26:hover{color:#000}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { jsxs as p, jsx as
|
|
1
|
+
(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_phq4n_2{padding:5px 95px;border-radius:100px}._generalButton_phq4n_2:disabled{opacity:.6}._buttonsContainer_1ks7x_2{display:flex;gap:8px}._buttonsContainer_1ks7x_2._vertical_1ks7x_6{flex-direction:column}._buttonsContainer_1ks7x_2._horizontal_1ks7x_9{flex-direction:row}._button_1ks7x_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1ks7x_2:hover{opacity:.8}._button_1ks7x_2._active_1ks7x_25{font-weight:700}._button_1ks7x_2 ._buttonName_1ks7x_28{margin:0 4px}._button_1ks7x_2:disabled{opacity:.5!important;cursor:auto}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_cokx9_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start;flex-wrap:wrap}._AppliedFiltersContainer_cokx9_2 ._AppliedFilterContent_cokx9_11{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:0 20px;border-radius:100px}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_15vgv_2{padding-top:15px;font-size:14px}._container_15vgv_2 span{font-size:14px}._container_15vgv_2 ._unitLabel_15vgv_9{height:40px}._container_15vgv_2 ._slider_15vgv_12{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_15vgv_2 ._thumb_15vgv_18{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_15vgv_2 ._track_15vgv_27{top:0;bottom:0;background:#605b56;border-radius:3px}._container_15vgv_2 ._labels_15vgv_33{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_1go6h_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_1go6h_2 ._indicatorNameContainer_1go6h_11{gap:10px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_1go6h_2 ._dot_1go6h_17{border-radius:100px;width:16px;height:16px}._indicatorContainer_1go6h_2 ._indicatorName_1go6h_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_1go6h_28{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37{margin:0;width:100%}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._customRadious_1go6h_62{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._optionText_1go6h_69{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_qs4x9_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative;overflow-y:scroll}._legendContainer_qs4x9_3::-webkit-scrollbar{width:8px}._legendContainer_qs4x9_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_qs4x9_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before,._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before{transform:rotate(45deg)}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{transform:rotate(-45deg)}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59{border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59 h2{padding-bottom:16px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65{padding-top:20px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_qs4x9_3 ._titleLegendList_qs4x9_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88 ._colorDot_qs4x9_94{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100{position:relative}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueColor_qs4x9_103{height:130px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120{position:relative;margin-top:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._noData_qs4x9_120{height:22px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._moreInfoContainer_qs4x9_141{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_mt8l5_2{padding:15px;color:#92898a}._FeaturePopUp_mt8l5_2 p{margin-bottom:10px}._FeaturePopUp_mt8l5_2 ._title_mt8l5_9{font-weight:600;margin-right:5px;color:#92898a}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._LogInButton_1vxj5_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39{font-size:18px;font-weight:600;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._buttonsContainer_fd7az_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._elementListContainer_fd7az_76{flex:1;width:100%}._elementSelector_fd7az_2 ._newElementButtonContainer_fd7az_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._listElement_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._textInputContainer_1o3iy_2{width:100%}._textInputContainer_1o3iy_2 ._labelContainer_1o3iy_5{margin-bottom:25px}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8{background-color:#605b5620;padding:7px;border-radius:4px;position:relative}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 ._showPasswordButton_1o3iy_14{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 input{width:100%}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26{margin-top:10px;cursor:pointer}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26 button{text-decoration:underline}._errorMessage_1xiyb_2{min-height:25px}._formContainer_b071f_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_b071f_2 ._formObjectContainer_b071f_11{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_b071f_2 ._buttonContainer_b071f_22{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._inputsContainer_10t9s_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;gap:30px}._selectInputContainer_1rj0h_2{width:100%;position:relative}._selectInputContainer_1rj0h_2 ._labelContainer_1rj0h_6{margin-bottom:25px}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9{position:relative}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:9px 40px 9px 9px;border:1.5px solid #605b56;border-radius:4px;cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2 ._option_1rj0h_23{cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._dropdownArrow_1rj0h_26{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}._radioButtonContainer_1e994_2{width:100%}._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;width:100%;flex-wrap:wrap;position:relative;gap:15px}@media (width < 768px){._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start}}._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;align-self:flex-start;position:relative}@media (width < 768px){._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{min-width:auto;max-width:215px}}._radioButtonContainer_1e994_2 ._errorContainer_1e994_44{position:absolute;top:-25px;left:0}._radioButtonContainer_1e994_2 ._iconPrivacy_1e994_49{height:100%;padding-right:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._radioButtonContainer_1e994_2 ._radioQuestion_1e994_59{width:100%;flex:1}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;gap:10px;position:relative;height:100%}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label{text-align:left}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label input{margin-right:5px}@media (width < 768px){._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;flex:1}}label,._radioInput_1e994_93{cursor:pointer}._rankingSliderContainer_brgxs_2{display:grid;width:100%}._rankingSliderContainer_brgxs_2 ._labelContainer_brgxs_6{margin-bottom:25px;color:#605b56}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10{width:100%;position:relative;display:flex;gap:14px;align-items:flex-start;flex-wrap:nowrap}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._slider_brgxs_18{height:3px;background:#efefef;border-radius:3px;position:relative;min-width:250px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._thumb_brgxs_25{height:15px;width:15px;border-radius:50%;cursor:grab;top:-100%;transform:translateY(-20%);outline:none}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#444}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 span{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:10px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 span:before{content:"";background:#efefef;width:10px;height:10px;position:absolute;top:-3.5px;border-radius:50%}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._labels_brgxs_35 ._labelsText_brgxs_60{color:#605b56}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._minLabel_brgxs_63,._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._maxLabel_brgxs_63{color:#605b56;font-size:12px;white-space:nowrap;margin-top:-7px}._rankingSliderContainer_brgxs_2 ._inputContainer_brgxs_10 ._minLabel_brgxs_63{text-align:right}._overlay_mnd4j_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}._modal_mnd4j_15{background:#fff;border-radius:12px;position:relative;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:300px}._closeButton_mnd4j_29{position:absolute;top:3px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer}._icon_mnd4j_39{width:60px;height:60px;margin-bottom:16px}._message_mnd4j_45{font-size:18px;font-weight:700;margin-bottom:8px}._submessage_mnd4j_51{font-size:14px;color:#666;margin-bottom:20px}._buttonsContainer_mnd4j_57{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}._buttonWrapper_mnd4j_64{display:inline-flex}._stepsContainer_1cyua_3{display:flex;flex-direction:column;position:relative}._stepWrapper_1cyua_9{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}._stepWrapper_1cyua_9:last-child{margin-bottom:0}._circleContainer_1cyua_19{position:relative}._circle_1cyua_19{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1}._active_1cyua_39{color:#fff;border:none}._completed_1cyua_44{background-color:#ccc;color:#fff;border:none}._label_1cyua_50{margin-left:10px;font-size:14px;color:#aaa}._labelActive_1cyua_56{font-weight:700;color:#333}._connector_1cyua_61{position:absolute;left:50%;transform:translate(-50%);top:32px;width:1px;height:calc(100% - 10px);background-color:#ccc;z-index:0}._statusTextContainer_ch14r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:128px;height:31px;border-radius:200px}._statusTextContainer_ch14r_2 span{font-size:16px;color:#605b56}._buttonsContainer_1c7dw_2{padding:5px 7px;background-color:#efefef;border-radius:10px;display:flex;gap:8px}._buttonsContainer_1c7dw_2 ._button_1c7dw_2{border-radius:10px;display:flex;align-items:center;cursor:pointer;padding:4px;color:#605b56}._buttonsContainer_1c7dw_2 ._button_1c7dw_2:hover{opacity:.8}._buttonsContainer_1c7dw_2 ._button_1c7dw_2._active_1c7dw_20{background:#b32f5d;color:#efefef}._switchContainer_1rmh2_2{display:flex;align-items:center;gap:10px;font-size:12px;color:#5a514d}._switchContainer_1rmh2_2 ._label_1rmh2_9{white-space:nowrap}._switch_1rmh2_2{position:relative;display:inline-block;width:44px;height:24px}._switch_1rmh2_2 input{opacity:0;width:0;height:0}._switch_1rmh2_2 ._slider_1rmh2_24{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border-radius:24px;transition:background-color .3s;border:2px solid #605b56}._switch_1rmh2_2 ._slider_1rmh2_24:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2.5px;background-color:var(--switch-thumb-color, #ccc);border-radius:50%;transition:transform .3s,background-color .3s}._switch_1rmh2_2 input:checked+._slider_1rmh2_24:before{transform:translate(20px)}._switch_1rmh2_2._disabled_1rmh2_50{opacity:.5;pointer-events:none}._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_1fmjn_2{position:absolute;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_1fmjn_16{border-left:1px solid #ddd}._content_1fmjn_20{position:relative;padding:20px;height:100%}._closeButton_1fmjn_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1fmjn_26:hover{color:#000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { jsxs as p, jsx as i, Fragment as Oe } from "react/jsx-runtime";
|
|
3
3
|
import * as de from "react";
|
|
4
|
-
import
|
|
4
|
+
import B, { useState as L, useEffect as T, useMemo as Ce, useLayoutEffect as Tt, useRef as ne } from "react";
|
|
5
5
|
import e from "prop-types";
|
|
6
|
-
import { useTranslation as
|
|
6
|
+
import { useTranslation as k, Trans as ze } from "react-i18next";
|
|
7
7
|
import { motion as Ze } from "framer-motion";
|
|
8
|
-
import { create as
|
|
8
|
+
import { create as Dt } from "zustand";
|
|
9
9
|
import * as Ge from "d3";
|
|
10
|
-
import
|
|
10
|
+
import Mt from "mapbox-gl";
|
|
11
11
|
import { useSelector as Ft, useDispatch as Vt } from "react-redux";
|
|
12
12
|
import At, { Source as Ot, Layer as It, NavigationControl as Rt, Popup as qt } from "react-map-gl/mapbox";
|
|
13
|
-
import
|
|
13
|
+
import $e from "maplibre-gl";
|
|
14
14
|
import { Protocol as Et } from "pmtiles";
|
|
15
15
|
import Pt, { Source as jt, Layer as zt, NavigationControl as Zt, Popup as Kt } from "react-map-gl/maplibre";
|
|
16
16
|
import { createSlice as Ht } from "@reduxjs/toolkit";
|
|
@@ -27,7 +27,7 @@ const Xt = "_ambitSelector_mcunf_2", Jt = "_header_mcunf_13", e2 = "_nameDateCon
|
|
|
27
27
|
buttonsContainer: i2,
|
|
28
28
|
ambitListContainer: s2,
|
|
29
29
|
newAmbitButtonContainer: o2
|
|
30
|
-
}, r2 = "_ambitItem_1qa6u_2", a2 = "_ambitNameDate_1qa6u_16", l2 = "_ambitName_1qa6u_16", c2 = "_ambitDate_1qa6u_35", d2 = "_ambitButtons_1qa6u_38",
|
|
30
|
+
}, r2 = "_ambitItem_1qa6u_2", a2 = "_ambitNameDate_1qa6u_16", l2 = "_ambitName_1qa6u_16", c2 = "_ambitDate_1qa6u_35", d2 = "_ambitButtons_1qa6u_38", pe = {
|
|
31
31
|
ambitItem: r2,
|
|
32
32
|
ambitNameDate: a2,
|
|
33
33
|
ambitName: l2,
|
|
@@ -36,39 +36,39 @@ const Xt = "_ambitSelector_mcunf_2", Jt = "_header_mcunf_13", e2 = "_nameDateCon
|
|
|
36
36
|
}, u2 = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Eliminar'%3e%3ccircle%20id='Ellipse%20220'%20cx='15.5106'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M20.8581%2010.5548H17.5491V10.4015C17.5491%209.17493%2016.6257%208.255%2015.4714%208.255C14.3171%208.255%2013.3167%209.17493%2013.3167%2010.4015V10.5548H10.0846C9.69985%2010.5548%209.46899%2010.7848%209.46899%2011.1681C9.46899%2011.5514%209.69985%2011.7814%2010.0846%2011.7814H10.2385V21.2106C10.2385%2022.3605%2011.162%2023.3571%2012.3932%2023.3571H18.5495C19.7038%2023.3571%2020.7042%2022.4372%2020.7042%2021.2106V11.7047H20.9351C21.2429%2011.7047%2021.5507%2011.4747%2021.5507%2011.0914C21.5507%2010.7081%2021.1659%2010.5548%2020.8581%2010.5548ZM14.471%2010.4015C14.471%209.86488%2014.9327%209.40491%2015.4714%209.40491C16.01%209.40491%2016.3948%209.86488%2016.3948%2010.4015V10.5548H14.471V10.4015ZM16.3948%2018.8342V15.0011C16.3948%2014.6178%2016.6257%2014.3878%2017.0104%2014.3878C17.3952%2014.3878%2017.6261%2014.6178%2017.6261%2015.0011V18.8342C17.6261%2019.1408%2017.3952%2019.4474%2017.0104%2019.4474C16.6257%2019.4474%2016.3948%2019.1408%2016.3948%2018.8342ZM13.3167%2018.8342V15.0011C13.3167%2014.6178%2013.5475%2014.3878%2013.9323%2014.3878C14.3171%2014.3878%2014.5479%2014.6178%2014.5479%2015.0011V18.8342C14.5479%2019.1408%2014.3171%2019.4474%2013.9323%2019.4474C13.5475%2019.4474%2013.3167%2019.1408%2013.3167%2018.8342Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", p2 = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209259'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.3062'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203973'%3e%3cg%20id='Rectangle%20495'%3e%3cmask%20id='path-2-inside-1_4451_10560'%20fill='white'%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'/%3e%3c/mask%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'%20stroke='%23605B56'%20stroke-width='3'%20mask='url(%23path-2-inside-1_4451_10560)'/%3e%3c/g%3e%3cg%20id='Group%203972'%3e%3crect%20id='Rectangle%20496'%20x='7.2041'%20y='10.9042'%20width='12.8'%20height='12.8'%20rx='1'%20fill='%23605B56'/%3e%3cpath%20id='+'%20d='M16.3785%2018.0509H14.3838V20.0776H12.9331V18.0509H10.9385V16.6749H12.9331V14.6376H14.3838V16.6749H16.3785V18.0509Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", m2 = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209260'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M8.20744%208.70422C7.34769%208.70422%206.88873%209.71735%207.45568%2010.3637L13.3518%2017.085C13.5118%2017.2675%2013.6%2017.5018%2013.6%2017.7445V23.2443C13.6%2023.6283%2013.8199%2023.9783%2014.1658%2024.1451L15.9658%2025.0128C16.6297%2025.3329%2017.4%2024.8491%2017.4%2024.112V17.7445C17.4%2017.5018%2017.4882%2017.2675%2017.6482%2017.085L23.5443%2010.3637C24.1113%209.71735%2023.6523%208.70422%2022.7926%208.70422H8.20744Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", h2 = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%206725'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.7148'%20r='14.3521'%20stroke='%23605B56'%20stroke-opacity='0.5'%20stroke-width='1.5'/%3e%3cg%20id='Group%206724'%3e%3cpath%20id='Vector'%20d='M17.4114%2023.3302C17.4114%2024.5419%2016.4269%2027.4724%2015.2126%2027.4724C13.9982%2027.4724%2013.0137%2024.5419%2013.0137%2023.3302C13.0137%2022.7483%2013.2453%2022.1902%2013.6577%2021.7787C14.0701%2021.3673%2014.6294%2021.1361%2015.2126%2021.1361C15.7957%2021.1361%2016.355%2021.3673%2016.7674%2021.7787C17.1798%2022.1902%2017.4114%2022.7483%2017.4114%2023.3302Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union'%20d='M15.2919%2020.6088H11.2899L11.289%2020.6078C10.6273%2020.7718%209.36856%2021.3396%209.39931%2023.2845C9.39931%2023.2845%207.41254%2021.7976%208.17372%2019.0179L8.25575%2018.7445C8.59675%2017.7118%209.66004%2016.7306%2010.7714%2016.2435C10.7337%2012.8666%2011.5045%208.19644%2015.2919%204.724V20.6088ZM10.6835%2017.4164C10.5323%2017.5091%2010.3819%2017.6125%2010.2372%2017.7279C9.77215%2018.099%209.43634%2018.5195%209.26747%2018.8988L9.20595%2019.058C8.95666%2019.8145%208.9632%2020.4347%209.07607%2020.9291C9.34144%2020.5645%209.66233%2020.2832%209.9999%2020.0746C10.2365%2019.9284%2010.4715%2019.8251%2010.6835%2019.7494V17.4164Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union_2'%20d='M15.293%204.724C19.0931%208.20817%2019.8548%2012.8981%2019.8115%2016.2777C20.8629%2016.7859%2021.8411%2017.7218%2022.165%2018.7045C23.1398%2021.6599%2021.0225%2023.2445%2021.0225%2023.2445C21.051%2021.4361%2019.9648%2020.8184%2019.2803%2020.6088H15.293V4.724ZM19.7676%2017.3949C19.7586%2017.5313%2019.7493%2017.6646%2019.7383%2017.7943V19.7094C19.9502%2019.7851%2020.1854%2019.8884%2020.4219%2020.0345C20.7595%2020.2432%2021.0794%2020.5253%2021.3447%2020.89C21.4466%2020.444%2021.4627%2019.8956%2021.2812%2019.2367L21.2148%2019.0179C21.0772%2018.6004%2020.7157%2018.1118%2020.1846%2017.6879C20.0493%2017.58%2019.9088%2017.4829%2019.7676%2017.3949Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cg%20id='Vector_2'%3e%3cpath%20d='M12.541%208.28445C12.541%208.28445%2014.8218%209.81829%2018.0434%208.28445C18.0434%208.28445%2016.9978%206.03912%2015.2919%204.61267C15.2919%204.61267%2013.7894%205.92343%2012.541%208.28445Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M15.3057%205.29626C15.9532%205.9116%2016.4918%206.63792%2016.8867%207.2533C17.0801%207.55466%2017.2355%207.82605%2017.3516%208.03748C16.0573%208.54342%2014.966%208.52427%2014.1807%208.36951C13.781%208.29074%2013.4584%208.17533%2013.2266%208.07556C13.7607%207.14513%2014.32%206.40895%2014.7646%205.88806C14.9759%205.64056%2015.1621%205.44302%2015.3057%205.29626Z'%20stroke='%23605B56'%20stroke-opacity='0.5'/%3e%3c/g%3e%3cpath%20id='Vector_3'%20d='M17.6984%2012.9862C17.6985%2013.4539%2017.5596%2013.9111%2017.2993%2014.3001C17.039%2014.689%2016.669%2014.9922%2016.236%2015.1712C15.803%2015.3503%2015.3265%2015.3972%2014.8668%2015.3061C14.4071%2015.2149%2013.9848%2014.9898%2013.6533%2014.6591C13.3218%2014.3285%2013.0961%2013.9072%2013.0046%2013.4485C12.9131%2012.9898%2012.96%2012.5143%2013.1393%2012.0822C13.3186%2011.6501%2013.6224%2011.2808%2014.0121%2011.021C14.4018%2010.7611%2014.86%2010.6224%2015.3287%2010.6224C15.957%2010.6224%2016.5597%2010.8715%2017.004%2011.3147C17.4484%2011.758%2017.6982%2012.3593%2017.6984%2012.9862Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_4'%20d='M17.1358%2013.0038C17.1358%2013.36%2017.0299%2013.7083%2016.8316%2014.0045C16.6332%2014.3007%2016.3513%2014.5316%2016.0214%2014.6679C15.6916%2014.8042%2015.3286%2014.8399%2014.9784%2014.7704C14.6282%2014.7009%2014.3066%2014.5294%2014.0541%2014.2774C13.8017%2014.0255%2013.6297%2013.7046%2013.5601%2013.3552C13.4904%2013.0058%2013.5262%2012.6436%2013.6628%2012.3145C13.7994%2011.9853%2014.0308%2011.704%2014.3277%2011.5061C14.6245%2011.3082%2014.9736%2011.2025%2015.3306%2011.2025C15.8094%2011.2025%2016.2685%2011.3923%2016.6071%2011.7301C16.9456%2012.0679%2017.1358%2012.526%2017.1358%2013.0038Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_5'%20d='M16.7061%2013.2093C16.6508%2013.2093%2016.5978%2013.1874%2016.5588%2013.1485C16.5197%2013.1095%2016.4978%2013.0566%2016.4978%2013.0015C16.4974%2012.7236%2016.3866%2012.4572%2016.1897%2012.2607C15.9928%2012.0642%2015.7258%2011.9537%2015.4473%2011.9533C15.4175%2011.9582%2015.3869%2011.9566%2015.3578%2011.9485C15.3287%2011.9405%2015.3017%2011.9262%2015.2786%2011.9067C15.2556%2011.8872%2015.237%2011.8629%2015.2244%2011.8356C15.2117%2011.8082%2015.2051%2011.7784%2015.2051%2011.7482C15.2051%2011.7181%2015.2117%2011.6883%2015.2244%2011.6609C15.237%2011.6336%2015.2556%2011.6093%2015.2786%2011.5898C15.3017%2011.5703%2015.3287%2011.556%2015.3578%2011.5479C15.3869%2011.5399%2015.4175%2011.5383%2015.4473%2011.5432C15.8348%2011.5435%2016.2063%2011.6973%2016.4803%2011.9707C16.7543%2012.2441%2016.9084%2012.6148%2016.9088%2013.0015C16.9088%2013.0557%2016.8876%2013.1077%2016.8498%2013.1465C16.8119%2013.1854%2016.7603%2013.2079%2016.7061%2013.2093Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_6'%20d='M16.8082%2013.6607C16.8082%2013.7106%2016.7934%2013.7594%2016.7656%2013.8008C16.7378%2013.8423%2016.6984%2013.8746%2016.6522%2013.8937C16.606%2013.9128%2016.5552%2013.9178%2016.5062%2013.9081C16.4571%2013.8983%2016.4121%2013.8743%2016.3768%2013.8391C16.3414%2013.8038%2016.3173%2013.7589%2016.3076%2013.7099C16.2978%2013.661%2016.3028%2013.6103%2016.322%2013.5642C16.3411%2013.5182%2016.3735%2013.4788%2016.4151%2013.4511C16.4566%2013.4234%2016.5055%2013.4086%2016.5555%2013.4086C16.6225%2013.4086%2016.6868%2013.4351%2016.7342%2013.4824C16.7816%2013.5297%2016.8082%2013.5939%2016.8082%2013.6607Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_7'%20d='M15.6008%2016.0612C15.5633%2016.0097%2015.5141%2015.9677%2015.4573%2015.9388C15.4005%2015.9099%2015.3376%2015.8949%2015.2738%2015.8949H15.1898C15.126%2015.8948%2015.0631%2015.9099%2015.0062%2015.9388C14.9494%2015.9677%2014.9002%2016.0096%2014.8627%2016.0612C14.8627%2016.0612%2013.6074%2017.4973%2014.1816%2021.0915C14.4989%2023.0777%2015.2314%2023.6694%2015.2314%2023.6694C15.2314%2023.6694%2015.9639%2023.0777%2016.2819%2021.0915C16.8561%2017.4973%2015.6008%2016.0612%2015.6008%2016.0612Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_8'%20d='M15.1468%2015.8949C15.083%2015.8948%2015.0201%2015.9099%2014.9632%2015.9388C14.9064%2015.9677%2014.8572%2016.0096%2014.8198%2016.0612C14.8198%2016.0612%2013.5645%2017.4973%2014.1387%2021.0915C14.456%2023.0777%2015.1884%2023.6694%2015.1884%2023.6694V15.8949H15.1468Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", g2 = "data:image/svg+xml,%3csvg%20width='26'%20height='14'%20viewBox='0%200%2026%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205138'%3e%3cpath%20id='Vector'%20d='M12.95%200.408447C7.659%200.408447%202.84899%202.77185%200.0832465%206.72621C-0.0277488%206.88808%20-0.0277488%207.09621%200.0832465%207.25807C2.84439%2011.2125%207.65437%2013.5712%2012.95%2013.5712C18.2456%2013.5712%2023.0556%2011.2125%2025.8168%207.25807C25.9278%207.0962%2025.9278%206.88807%2025.8168%206.72621C23.051%202.77184%2018.241%200.408447%2012.95%200.408447ZM12.95%2011.2217C10.619%2011.2217%208.71812%209.32083%208.71812%206.98984C8.71812%204.65885%2010.619%202.75796%2012.95%202.75796C15.281%202.75796%2017.1819%204.65883%2017.1819%206.98984C17.1819%209.32085%2015.281%2011.2217%2012.95%2011.2217Z'%20fill='%23B32F5D'/%3e%3cpath%20id='Vector_2'%20d='M12.9514%2010.2966C14.7777%2010.2966%2016.2583%208.81607%2016.2583%206.98974C16.2583%205.1634%2014.7777%203.68286%2012.9514%203.68286C11.1251%203.68286%209.64453%205.1634%209.64453%206.98974C9.64453%208.81607%2011.1251%2010.2966%2012.9514%2010.2966Z'%20fill='%23B32F5D'/%3e%3c/g%3e%3c/svg%3e", C2 = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", lt = ({
|
|
37
37
|
ambit: n,
|
|
38
38
|
onClickCopy: d,
|
|
39
|
-
onClickDelete:
|
|
39
|
+
onClickDelete: s,
|
|
40
40
|
onClickFilters: o,
|
|
41
41
|
onClickAmbit: t,
|
|
42
42
|
isActive: r,
|
|
43
43
|
activeColor: a,
|
|
44
|
-
fontColor:
|
|
45
|
-
moreInfo:
|
|
44
|
+
fontColor: l,
|
|
45
|
+
moreInfo: c
|
|
46
46
|
}) => {
|
|
47
47
|
const { name: u, created_at: h, id: g, isBeingProcessed: _ } = n;
|
|
48
48
|
return /* @__PURE__ */ p(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
|
-
className:
|
|
52
|
-
style: { borderBottom: `1px solid ${
|
|
51
|
+
className: pe.ambitItem,
|
|
52
|
+
style: { borderBottom: `1px solid ${l}` },
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */ p("div", { className:
|
|
55
|
-
/* @__PURE__ */ p("div", { className:
|
|
56
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ p("div", { className: pe.ambitNameDate, onClick: () => t(g), children: [
|
|
55
|
+
/* @__PURE__ */ p("div", { className: pe.ambitName, children: [
|
|
56
|
+
/* @__PURE__ */ i(
|
|
57
57
|
"img",
|
|
58
58
|
{
|
|
59
59
|
style: { marginRight: 9 },
|
|
60
60
|
src: r ? g2 : C2
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ i("div", { className: pe.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
|
|
66
66
|
] }),
|
|
67
|
-
/* @__PURE__ */ p("div", { className:
|
|
68
|
-
_ && /* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ p("div", { className: pe.ambitButtons, children: [
|
|
68
|
+
_ && /* @__PURE__ */ i("img", { src: h2 }),
|
|
69
|
+
/* @__PURE__ */ i("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: m2 }) }),
|
|
70
|
+
/* @__PURE__ */ i("button", { onClick: () => d(g), children: /* @__PURE__ */ i("img", { src: p2 }) }),
|
|
71
|
+
/* @__PURE__ */ i("button", { onClick: () => s(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: u2 }) })
|
|
72
72
|
] })
|
|
73
73
|
]
|
|
74
74
|
}
|
|
@@ -94,20 +94,20 @@ lt.propTypes = {
|
|
|
94
94
|
};
|
|
95
95
|
const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M7%2015L7%201M7%2015L1%209M7%2015L13%209'%20stroke='%23605B56'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", f2 = "_generalButton_phq4n_2", b2 = {
|
|
96
96
|
generalButton: f2
|
|
97
|
-
},
|
|
97
|
+
}, ke = ({
|
|
98
98
|
children: n,
|
|
99
99
|
onClick: d,
|
|
100
|
-
fontColor:
|
|
100
|
+
fontColor: s = "#605B56",
|
|
101
101
|
borderColor: o = "#605B56",
|
|
102
102
|
type: t = "button",
|
|
103
103
|
containerStyles: r = {},
|
|
104
104
|
disabled: a = !1
|
|
105
|
-
}) => /* @__PURE__ */
|
|
105
|
+
}) => /* @__PURE__ */ i(
|
|
106
106
|
"button",
|
|
107
107
|
{
|
|
108
108
|
className: b2.generalButton,
|
|
109
109
|
style: {
|
|
110
|
-
color:
|
|
110
|
+
color: s,
|
|
111
111
|
border: `1.5px solid ${o}`,
|
|
112
112
|
...r
|
|
113
113
|
},
|
|
@@ -119,61 +119,61 @@ const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
119
119
|
), _2 = ({
|
|
120
120
|
ambitList: n,
|
|
121
121
|
activeAmbitId: d,
|
|
122
|
-
fontColor:
|
|
122
|
+
fontColor: s = "#605B56",
|
|
123
123
|
activeColor: o,
|
|
124
124
|
nameLabel: t,
|
|
125
125
|
dateLabel: r,
|
|
126
126
|
newAmbitLabel: a = "New field",
|
|
127
|
-
buttonContainerStyles:
|
|
128
|
-
containerStyles:
|
|
127
|
+
buttonContainerStyles: l = {},
|
|
128
|
+
containerStyles: c = {},
|
|
129
129
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
130
|
-
onClickCopy: h = (
|
|
131
|
-
onCLickDelete: g = (
|
|
132
|
-
onClickFilters: _ = (
|
|
133
|
-
onClickAmbit: y = (
|
|
130
|
+
onClickCopy: h = (m) => console.log(`Copy ambit: ${m}`),
|
|
131
|
+
onCLickDelete: g = (m) => console.log(`Delete ambit: ${m}`),
|
|
132
|
+
onClickFilters: _ = (m) => console.log(`Filters clicked: ${m}`),
|
|
133
|
+
onClickAmbit: y = (m) => console.log(`OnCLickAmbit: ${m}`)
|
|
134
134
|
}) => {
|
|
135
|
-
const { t:
|
|
136
|
-
|
|
137
|
-
n &&
|
|
135
|
+
const { t: m } = k(), [b, C] = L(n);
|
|
136
|
+
T(() => {
|
|
137
|
+
n && C(n);
|
|
138
138
|
}, [n]);
|
|
139
139
|
const f = (v) => {
|
|
140
|
-
if (
|
|
141
|
-
let
|
|
142
|
-
|
|
140
|
+
if (b && b.length > 0) {
|
|
141
|
+
let N = [...b];
|
|
142
|
+
N.sort((x, w) => x[v].localeCompare(w[v])), C(N);
|
|
143
143
|
}
|
|
144
144
|
};
|
|
145
145
|
return /* @__PURE__ */ p(
|
|
146
146
|
"div",
|
|
147
147
|
{
|
|
148
148
|
className: U.ambitSelector,
|
|
149
|
-
style: { color:
|
|
149
|
+
style: { color: s, ...c },
|
|
150
150
|
children: [
|
|
151
151
|
/* @__PURE__ */ p(
|
|
152
152
|
"div",
|
|
153
153
|
{
|
|
154
154
|
className: U.header,
|
|
155
|
-
style: { borderBottom: `1px solid ${
|
|
155
|
+
style: { borderBottom: `1px solid ${s}` },
|
|
156
156
|
children: [
|
|
157
157
|
/* @__PURE__ */ p("div", { className: U.nameDateContainer, children: [
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
/* @__PURE__ */
|
|
158
|
+
/* @__PURE__ */ i("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
|
|
159
|
+
/* @__PURE__ */ i("span", { children: m(t) }),
|
|
160
|
+
/* @__PURE__ */ i("img", { src: We })
|
|
161
161
|
] }) }),
|
|
162
|
-
/* @__PURE__ */
|
|
163
|
-
/* @__PURE__ */
|
|
164
|
-
/* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ i("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
|
|
163
|
+
/* @__PURE__ */ i("span", { children: m(r) }),
|
|
164
|
+
/* @__PURE__ */ i("img", { src: We })
|
|
165
165
|
] }) })
|
|
166
166
|
] }),
|
|
167
|
-
/* @__PURE__ */
|
|
167
|
+
/* @__PURE__ */ i("div", { className: U.buttonsContainer })
|
|
168
168
|
]
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
|
-
/* @__PURE__ */
|
|
171
|
+
/* @__PURE__ */ i("div", { className: U.ambitListContainer, children: b && b.length > 0 && b.map((v) => /* @__PURE__ */ i(
|
|
172
172
|
lt,
|
|
173
173
|
{
|
|
174
174
|
isActive: d == v.id,
|
|
175
175
|
ambit: v,
|
|
176
|
-
fontColor:
|
|
176
|
+
fontColor: s,
|
|
177
177
|
activeColor: o,
|
|
178
178
|
onClickCopy: h,
|
|
179
179
|
onClickDelete: g,
|
|
@@ -182,13 +182,13 @@ const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
182
182
|
},
|
|
183
183
|
`ambitKey${v.id}`
|
|
184
184
|
)) }),
|
|
185
|
-
/* @__PURE__ */
|
|
186
|
-
|
|
185
|
+
/* @__PURE__ */ i("div", { className: U.newAmbitButtonContainer, children: /* @__PURE__ */ i(
|
|
186
|
+
ke,
|
|
187
187
|
{
|
|
188
|
-
style: { ...
|
|
188
|
+
style: { ...l },
|
|
189
189
|
onClick: u,
|
|
190
190
|
borderColor: "grey",
|
|
191
|
-
children:
|
|
191
|
+
children: m(a)
|
|
192
192
|
}
|
|
193
193
|
) })
|
|
194
194
|
]
|
|
@@ -217,72 +217,72 @@ _2.propTypes = {
|
|
|
217
217
|
containerStyles: e.object,
|
|
218
218
|
onCLickNewAmbit: e.func
|
|
219
219
|
};
|
|
220
|
-
const y2 = "_buttonsContainer_1ks7x_2", v2 = "_vertical_1ks7x_6", x2 = "_horizontal_1ks7x_9", w2 = "_button_1ks7x_2", N2 = "_active_1ks7x_25", k2 = "_buttonName_1ks7x_28",
|
|
220
|
+
const y2 = "_buttonsContainer_1ks7x_2", v2 = "_vertical_1ks7x_6", x2 = "_horizontal_1ks7x_9", w2 = "_button_1ks7x_2", N2 = "_active_1ks7x_25", k2 = "_buttonName_1ks7x_28", Y = {
|
|
221
221
|
buttonsContainer: y2,
|
|
222
222
|
vertical: v2,
|
|
223
223
|
horizontal: x2,
|
|
224
224
|
button: w2,
|
|
225
225
|
active: N2,
|
|
226
226
|
buttonName: k2
|
|
227
|
-
},
|
|
228
|
-
left:
|
|
227
|
+
}, $2 = "_left_1l4m4_2", S2 = "_top_1l4m4_40", B2 = "_bottom_1l4m4_79", L2 = "_right_1l4m4_118", T2 = {
|
|
228
|
+
left: $2,
|
|
229
229
|
top: S2,
|
|
230
|
-
bottom:
|
|
231
|
-
right:
|
|
232
|
-
},
|
|
233
|
-
const { t: o } =
|
|
234
|
-
return /* @__PURE__ */
|
|
230
|
+
bottom: B2,
|
|
231
|
+
right: L2
|
|
232
|
+
}, te = ({ text: n, position: d, styleCustom: s = null }) => {
|
|
233
|
+
const { t: o } = k();
|
|
234
|
+
return /* @__PURE__ */ i("div", { className: `tooltip ${T2[d]}`, style: s, children: o(n) });
|
|
235
235
|
};
|
|
236
|
-
|
|
236
|
+
te.propTypes = {
|
|
237
237
|
text: e.string.isRequired,
|
|
238
238
|
position: e.oneOf(["top", "bottom", "left", "right"]).isRequired,
|
|
239
239
|
styleCustom: e.object
|
|
240
240
|
};
|
|
241
|
-
const
|
|
241
|
+
const D2 = ({
|
|
242
242
|
buttons: n = [],
|
|
243
243
|
orientation: d = "horizontal",
|
|
244
|
-
showName:
|
|
244
|
+
showName: s = !0,
|
|
245
245
|
namePosition: o = "right",
|
|
246
246
|
useTooltip: t = !1,
|
|
247
247
|
tooltipPosition: r = "top"
|
|
248
248
|
}) => {
|
|
249
|
-
const { t: a } =
|
|
250
|
-
return /* @__PURE__ */
|
|
249
|
+
const { t: a } = k();
|
|
250
|
+
return /* @__PURE__ */ i(
|
|
251
251
|
"div",
|
|
252
252
|
{
|
|
253
|
-
className: `${
|
|
254
|
-
${d === "horizontal" &&
|
|
255
|
-
children: n.map((
|
|
253
|
+
className: `${Y.buttonsContainer} ${d === "vertical" && Y.vertical}
|
|
254
|
+
${d === "horizontal" && Y.horizontal}`,
|
|
255
|
+
children: n.map((l, c) => {
|
|
256
256
|
const {
|
|
257
257
|
icon: u,
|
|
258
258
|
activeIcon: h,
|
|
259
259
|
isActive: g,
|
|
260
260
|
name: _,
|
|
261
261
|
onClick: y,
|
|
262
|
-
disabled:
|
|
263
|
-
} =
|
|
264
|
-
|
|
265
|
-
/* @__PURE__ */
|
|
266
|
-
|
|
262
|
+
disabled: m
|
|
263
|
+
} = l, b = /* @__PURE__ */ p(Oe, { children: [
|
|
264
|
+
s && o === "left" && /* @__PURE__ */ i("span", { className: Y.buttonName, children: a(_) }),
|
|
265
|
+
/* @__PURE__ */ i("img", { src: g ? h : u, alt: a(_) }),
|
|
266
|
+
s && o === "right" && /* @__PURE__ */ i("span", { className: Y.buttonName, children: a(_) })
|
|
267
267
|
] });
|
|
268
268
|
return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
269
|
-
/* @__PURE__ */
|
|
269
|
+
/* @__PURE__ */ i(
|
|
270
270
|
"button",
|
|
271
271
|
{
|
|
272
272
|
onClick: y,
|
|
273
|
-
className: `${
|
|
274
|
-
${g &&
|
|
275
|
-
disabled:
|
|
276
|
-
children:
|
|
273
|
+
className: `${Y.button}
|
|
274
|
+
${g && Y.active}`,
|
|
275
|
+
disabled: m,
|
|
276
|
+
children: b
|
|
277
277
|
}
|
|
278
278
|
),
|
|
279
|
-
t && /* @__PURE__ */
|
|
280
|
-
] },
|
|
279
|
+
t && /* @__PURE__ */ i(te, { text: _, position: r })
|
|
280
|
+
] }, c);
|
|
281
281
|
})
|
|
282
282
|
}
|
|
283
283
|
);
|
|
284
284
|
};
|
|
285
|
-
|
|
285
|
+
D2.propTypes = {
|
|
286
286
|
buttons: e.arrayOf(
|
|
287
287
|
e.shape({
|
|
288
288
|
icon: e.node.isRequired,
|
|
@@ -300,24 +300,24 @@ M2.propTypes = {
|
|
|
300
300
|
useTooltip: e.bool,
|
|
301
301
|
tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
|
|
302
302
|
};
|
|
303
|
-
const
|
|
304
|
-
indicatorsCategory:
|
|
303
|
+
const M2 = "_indicatorsCategory_1cu33_2", F2 = "_title_1cu33_5", Se = {
|
|
304
|
+
indicatorsCategory: M2,
|
|
305
305
|
title: F2
|
|
306
|
-
},
|
|
306
|
+
}, ie = ({
|
|
307
307
|
isOpen: n,
|
|
308
308
|
onClick: d,
|
|
309
|
-
children:
|
|
309
|
+
children: s,
|
|
310
310
|
color: o,
|
|
311
311
|
activeColor: t = "#F8A925",
|
|
312
312
|
title: r = "Title",
|
|
313
313
|
//Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
|
|
314
314
|
height: a = 53,
|
|
315
315
|
//Adjust height if you change fontSize
|
|
316
|
-
titleFontStyles:
|
|
317
|
-
showBottomBar:
|
|
316
|
+
titleFontStyles: l,
|
|
317
|
+
showBottomBar: c = !0,
|
|
318
318
|
titleMarginChildren: u = 25
|
|
319
319
|
}) => {
|
|
320
|
-
const { t: h } =
|
|
320
|
+
const { t: h } = k();
|
|
321
321
|
return /* @__PURE__ */ p(
|
|
322
322
|
Ze.div,
|
|
323
323
|
{
|
|
@@ -327,7 +327,7 @@ const D2 = "_indicatorsCategory_1cu33_2", F2 = "_title_1cu33_5", Se = {
|
|
|
327
327
|
transition: { duration: 0.4 },
|
|
328
328
|
style: {
|
|
329
329
|
backgroundColor: "white",
|
|
330
|
-
borderBottom: n &&
|
|
330
|
+
borderBottom: n && c ? `1px solid ${t}` : "0px",
|
|
331
331
|
marginBottom: n ? "20px" : "0px"
|
|
332
332
|
},
|
|
333
333
|
children: [
|
|
@@ -335,23 +335,23 @@ const D2 = "_indicatorsCategory_1cu33_2", F2 = "_title_1cu33_5", Se = {
|
|
|
335
335
|
"h2",
|
|
336
336
|
{
|
|
337
337
|
style: {
|
|
338
|
-
...
|
|
338
|
+
...l,
|
|
339
339
|
marginBottom: u || "auto"
|
|
340
340
|
},
|
|
341
341
|
className: `${Se.title}`,
|
|
342
342
|
onClick: d,
|
|
343
343
|
children: [
|
|
344
|
-
/* @__PURE__ */
|
|
345
|
-
/* @__PURE__ */
|
|
344
|
+
/* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
|
|
345
|
+
/* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children: h(r) })
|
|
346
346
|
]
|
|
347
347
|
}
|
|
348
348
|
),
|
|
349
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ i("div", { className: Se.content, children: s })
|
|
350
350
|
]
|
|
351
351
|
}
|
|
352
352
|
);
|
|
353
353
|
};
|
|
354
|
-
|
|
354
|
+
ie.propTypes = {
|
|
355
355
|
isOpen: e.bool,
|
|
356
356
|
onClick: e.func,
|
|
357
357
|
children: e.node,
|
|
@@ -362,34 +362,34 @@ se.propTypes = {
|
|
|
362
362
|
showBottomBar: e.bool,
|
|
363
363
|
titleFontStyles: e.object
|
|
364
364
|
};
|
|
365
|
-
const
|
|
365
|
+
const Qs = () => /* @__PURE__ */ i("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", A2 = "_AppliedFiltersContainer_cokx9_2", O2 = "_AppliedFilterContent_cokx9_11", Ye = {
|
|
366
366
|
AppliedFiltersContainer: A2,
|
|
367
367
|
AppliedFilterContent: O2
|
|
368
|
-
}, O =
|
|
368
|
+
}, O = Dt((n) => ({
|
|
369
369
|
activeCategory: "",
|
|
370
370
|
activeSubCategory: "",
|
|
371
371
|
selectedIndicator: "",
|
|
372
372
|
tematicalFiltersSelected: [],
|
|
373
373
|
fontColor: "#605B56",
|
|
374
374
|
inputsColor: "#605B56"
|
|
375
|
-
})), ct = ({ title: n, onClick: d, isOpen:
|
|
376
|
-
const { t: a } =
|
|
375
|
+
})), ct = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
376
|
+
const { t: a } = k(), { tematicalFiltersSelected: l } = O((u) => u), c = (u) => {
|
|
377
377
|
O.setState((h) => ({
|
|
378
378
|
tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
|
|
379
379
|
(g) => g.code !== u
|
|
380
380
|
)
|
|
381
381
|
}));
|
|
382
382
|
};
|
|
383
|
-
return /* @__PURE__ */
|
|
384
|
-
|
|
383
|
+
return /* @__PURE__ */ i(
|
|
384
|
+
ie,
|
|
385
385
|
{
|
|
386
|
-
isOpen:
|
|
386
|
+
isOpen: s,
|
|
387
387
|
onClick: d,
|
|
388
388
|
title: n ? a(n) : "Applied Filters",
|
|
389
389
|
activeColor: r,
|
|
390
|
-
children: /* @__PURE__ */
|
|
390
|
+
children: /* @__PURE__ */ i("div", { className: Ye.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, h) => /* @__PURE__ */ p("div", { className: Ye.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
391
391
|
a(u.name),
|
|
392
|
-
/* @__PURE__ */
|
|
392
|
+
/* @__PURE__ */ i("img", { src: V2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
|
|
393
393
|
] }, h)) })
|
|
394
394
|
}
|
|
395
395
|
);
|
|
@@ -408,12 +408,12 @@ ct.propTypes = {
|
|
|
408
408
|
),
|
|
409
409
|
activeColor: e.string
|
|
410
410
|
};
|
|
411
|
-
const dt = ({ title: n, onClick: d, isOpen:
|
|
412
|
-
const { t: a } =
|
|
413
|
-
return /* @__PURE__ */
|
|
414
|
-
|
|
411
|
+
const dt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
412
|
+
const { t: a } = k(), { tematicalFiltersSelected: l } = O((c) => c);
|
|
413
|
+
return /* @__PURE__ */ i(
|
|
414
|
+
ie,
|
|
415
415
|
{
|
|
416
|
-
isOpen:
|
|
416
|
+
isOpen: s,
|
|
417
417
|
onClick: d,
|
|
418
418
|
title: n ? a(n) : "Geographical Filters",
|
|
419
419
|
activeColor: r,
|
|
@@ -434,20 +434,20 @@ const I2 = "_checkboxContainer_zld97_2", R2 = {
|
|
|
434
434
|
}, ut = ({
|
|
435
435
|
onClick: n,
|
|
436
436
|
containerStyles: d,
|
|
437
|
-
color:
|
|
437
|
+
color: s = "#605B56",
|
|
438
438
|
indicator: o,
|
|
439
439
|
value: t
|
|
440
440
|
}) => {
|
|
441
|
-
const { t: r } =
|
|
441
|
+
const { t: r } = k(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = O((u) => u);
|
|
442
442
|
return /* @__PURE__ */ p(
|
|
443
443
|
"div",
|
|
444
444
|
{
|
|
445
|
-
style: { ...d, color:
|
|
445
|
+
style: { ...d, color: s },
|
|
446
446
|
role: "checkbox",
|
|
447
447
|
className: R2.checkboxContainer,
|
|
448
448
|
onClick: n,
|
|
449
449
|
children: [
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ i(
|
|
451
451
|
"input",
|
|
452
452
|
{
|
|
453
453
|
type: "checkbox",
|
|
@@ -455,12 +455,12 @@ const I2 = "_checkboxContainer_zld97_2", R2 = {
|
|
|
455
455
|
value: t,
|
|
456
456
|
readOnly: !0,
|
|
457
457
|
style: {
|
|
458
|
-
border: `1.5px solid ${t ?
|
|
459
|
-
backgroundColor: t ?
|
|
458
|
+
border: `1.5px solid ${t ? c : l}`,
|
|
459
|
+
backgroundColor: t ? c : "white"
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
),
|
|
463
|
-
/* @__PURE__ */
|
|
463
|
+
/* @__PURE__ */ i("span", { className: "checkmark", children: r(a) })
|
|
464
464
|
]
|
|
465
465
|
}
|
|
466
466
|
);
|
|
@@ -477,37 +477,37 @@ ut.propTypes = {
|
|
|
477
477
|
checkedColor: e.string
|
|
478
478
|
};
|
|
479
479
|
function Ie(n, d) {
|
|
480
|
-
return Ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(
|
|
481
|
-
return
|
|
480
|
+
return Ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, o) {
|
|
481
|
+
return s.__proto__ = o, s;
|
|
482
482
|
}, Ie(n, d);
|
|
483
483
|
}
|
|
484
484
|
function q2(n, d) {
|
|
485
485
|
n.prototype = Object.create(d.prototype), n.prototype.constructor = n, Ie(n, d);
|
|
486
486
|
}
|
|
487
|
-
function
|
|
487
|
+
function Be(n) {
|
|
488
488
|
return n && n.stopPropagation && n.stopPropagation(), n && n.preventDefault && n.preventDefault(), !1;
|
|
489
489
|
}
|
|
490
|
-
function
|
|
490
|
+
function Le(n) {
|
|
491
491
|
return n == null ? [] : Array.isArray(n) ? n.slice() : [n];
|
|
492
492
|
}
|
|
493
|
-
function
|
|
493
|
+
function ye(n) {
|
|
494
494
|
return n !== null && n.length === 1 ? n[0] : n.slice();
|
|
495
495
|
}
|
|
496
|
-
function
|
|
496
|
+
function ve(n) {
|
|
497
497
|
Object.keys(n).forEach((d) => {
|
|
498
498
|
typeof document < "u" && document.addEventListener(d, n[d], !1);
|
|
499
499
|
});
|
|
500
500
|
}
|
|
501
|
-
function
|
|
502
|
-
return Re(function(
|
|
503
|
-
let t =
|
|
501
|
+
function Q(n, d) {
|
|
502
|
+
return Re(function(s, o) {
|
|
503
|
+
let t = s;
|
|
504
504
|
return t <= o.min && (t = o.min), t >= o.max && (t = o.max), t;
|
|
505
505
|
}(n, d), d);
|
|
506
506
|
}
|
|
507
507
|
function Re(n, d) {
|
|
508
|
-
const
|
|
509
|
-
let o = n -
|
|
510
|
-
return 2 * Math.abs(
|
|
508
|
+
const s = (n - d.min) % d.step;
|
|
509
|
+
let o = n - s;
|
|
510
|
+
return 2 * Math.abs(s) >= d.step && (o += s > 0 ? d.step : -d.step), parseFloat(o.toFixed(5));
|
|
511
511
|
}
|
|
512
512
|
let qe = function(n) {
|
|
513
513
|
function d(o) {
|
|
@@ -516,189 +516,189 @@ let qe = function(n) {
|
|
|
516
516
|
t.onEnd();
|
|
517
517
|
}, t.onMouseUp = () => {
|
|
518
518
|
t.onEnd(t.getMouseEventMap());
|
|
519
|
-
}, t.onTouchEnd = (
|
|
520
|
-
|
|
519
|
+
}, t.onTouchEnd = (l) => {
|
|
520
|
+
l.preventDefault(), t.onEnd(t.getTouchEventMap());
|
|
521
521
|
}, t.onBlur = () => {
|
|
522
522
|
t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
|
|
523
|
-
}, t.onMouseMove = (
|
|
523
|
+
}, t.onMouseMove = (l) => {
|
|
524
524
|
t.setState({ pending: !0 });
|
|
525
|
-
const
|
|
525
|
+
const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
|
|
526
526
|
t.move(h);
|
|
527
|
-
}, t.onTouchMove = (
|
|
528
|
-
if (
|
|
527
|
+
}, t.onTouchMove = (l) => {
|
|
528
|
+
if (l.touches.length > 1) return;
|
|
529
529
|
t.setState({ pending: !0 });
|
|
530
|
-
const
|
|
530
|
+
const c = t.getTouchPosition(l);
|
|
531
531
|
if (t.isScrolling === void 0) {
|
|
532
|
-
const g =
|
|
532
|
+
const g = c[0] - t.startPosition[0], _ = c[1] - t.startPosition[1];
|
|
533
533
|
t.isScrolling = Math.abs(_) > Math.abs(g);
|
|
534
534
|
}
|
|
535
535
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
536
|
-
const u = t.getDiffPosition(
|
|
536
|
+
const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
|
|
537
537
|
t.move(h);
|
|
538
|
-
}, t.onKeyDown = (
|
|
539
|
-
if (!(
|
|
538
|
+
}, t.onKeyDown = (l) => {
|
|
539
|
+
if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
|
|
540
540
|
case "ArrowLeft":
|
|
541
541
|
case "ArrowDown":
|
|
542
542
|
case "Left":
|
|
543
543
|
case "Down":
|
|
544
|
-
|
|
544
|
+
l.preventDefault(), t.moveDownByStep();
|
|
545
545
|
break;
|
|
546
546
|
case "ArrowRight":
|
|
547
547
|
case "ArrowUp":
|
|
548
548
|
case "Right":
|
|
549
549
|
case "Up":
|
|
550
|
-
|
|
550
|
+
l.preventDefault(), t.moveUpByStep();
|
|
551
551
|
break;
|
|
552
552
|
case "Home":
|
|
553
|
-
|
|
553
|
+
l.preventDefault(), t.move(t.props.min);
|
|
554
554
|
break;
|
|
555
555
|
case "End":
|
|
556
|
-
|
|
556
|
+
l.preventDefault(), t.move(t.props.max);
|
|
557
557
|
break;
|
|
558
558
|
case "PageDown":
|
|
559
|
-
|
|
559
|
+
l.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
|
|
560
560
|
break;
|
|
561
561
|
case "PageUp":
|
|
562
|
-
|
|
562
|
+
l.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
|
|
563
563
|
}
|
|
564
|
-
}, t.onSliderMouseDown = (
|
|
565
|
-
if (!t.props.disabled &&
|
|
564
|
+
}, t.onSliderMouseDown = (l) => {
|
|
565
|
+
if (!t.props.disabled && l.button !== 2) {
|
|
566
566
|
if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
|
|
567
|
-
const
|
|
568
|
-
t.forceValueFromPosition(
|
|
569
|
-
t.start(u,
|
|
567
|
+
const c = t.getMousePosition(l);
|
|
568
|
+
t.forceValueFromPosition(c[0], (u) => {
|
|
569
|
+
t.start(u, c[0]), ve(t.getMouseEventMap());
|
|
570
570
|
});
|
|
571
571
|
}
|
|
572
|
-
|
|
572
|
+
Be(l);
|
|
573
573
|
}
|
|
574
|
-
}, t.onSliderClick = (
|
|
574
|
+
}, t.onSliderClick = (l) => {
|
|
575
575
|
if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
|
|
576
|
-
const
|
|
576
|
+
const c = t.getMousePosition(l), u = Q(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
|
|
577
577
|
t.props.onSliderClick(u);
|
|
578
578
|
}
|
|
579
|
-
}, t.createOnKeyDown = (
|
|
580
|
-
t.props.disabled || (t.start(
|
|
581
|
-
}, t.createOnMouseDown = (
|
|
582
|
-
if (t.props.disabled ||
|
|
579
|
+
}, t.createOnKeyDown = (l) => (c) => {
|
|
580
|
+
t.props.disabled || (t.start(l), ve(t.getKeyDownEventMap()), Be(c));
|
|
581
|
+
}, t.createOnMouseDown = (l) => (c) => {
|
|
582
|
+
if (t.props.disabled || c.button === 2) return;
|
|
583
583
|
t.setState({ pending: !0 });
|
|
584
|
-
const u = t.getMousePosition(
|
|
585
|
-
t.start(
|
|
586
|
-
}, t.createOnTouchStart = (
|
|
587
|
-
if (t.props.disabled ||
|
|
584
|
+
const u = t.getMousePosition(c);
|
|
585
|
+
t.start(l, u[0]), ve(t.getMouseEventMap()), Be(c);
|
|
586
|
+
}, t.createOnTouchStart = (l) => (c) => {
|
|
587
|
+
if (t.props.disabled || c.touches.length > 1) return;
|
|
588
588
|
t.setState({ pending: !0 });
|
|
589
|
-
const u = t.getTouchPosition(
|
|
590
|
-
t.startPosition = u, t.isScrolling = void 0, t.start(
|
|
589
|
+
const u = t.getTouchPosition(c);
|
|
590
|
+
t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), ve(t.getTouchEventMap()), function(h) {
|
|
591
591
|
h.stopPropagation && h.stopPropagation();
|
|
592
|
-
}(
|
|
592
|
+
}(c);
|
|
593
593
|
}, t.handleResize = () => {
|
|
594
|
-
const
|
|
594
|
+
const l = window.setTimeout(() => {
|
|
595
595
|
t.pendingResizeTimeouts.shift(), t.resize();
|
|
596
596
|
}, 0);
|
|
597
|
-
t.pendingResizeTimeouts.push(
|
|
598
|
-
}, t.renderThumb = (
|
|
599
|
-
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" +
|
|
600
|
-
t["thumb" +
|
|
601
|
-
}, key: t.props.thumbClassName + "-" +
|
|
597
|
+
t.pendingResizeTimeouts.push(l);
|
|
598
|
+
}, t.renderThumb = (l, c) => {
|
|
599
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (_) => {
|
|
600
|
+
t["thumb" + c] = _;
|
|
601
|
+
}, key: t.props.thumbClassName + "-" + c, className: u, style: l, 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: ye(t.state.value), valueNow: t.state.value[c] };
|
|
602
602
|
return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
|
|
603
|
-
}, t.renderTrack = (
|
|
604
|
-
const h = { key: t.props.trackClassName + "-" +
|
|
603
|
+
}, t.renderTrack = (l, c, u) => {
|
|
604
|
+
const h = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: ye(t.state.value) };
|
|
605
605
|
return t.props.renderTrack(h, g);
|
|
606
606
|
};
|
|
607
|
-
let r =
|
|
608
|
-
r.length || (r =
|
|
607
|
+
let r = Le(o.value);
|
|
608
|
+
r.length || (r = Le(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
609
609
|
const a = [];
|
|
610
|
-
for (let
|
|
611
|
-
return t.resizeObserver = null, t.resizeElementRef =
|
|
610
|
+
for (let l = 0; l < r.length; l += 1) r[l] = Q(r[l], o), a.push(l);
|
|
611
|
+
return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, t;
|
|
612
612
|
}
|
|
613
613
|
q2(d, n);
|
|
614
|
-
var
|
|
615
|
-
return
|
|
614
|
+
var s = d.prototype;
|
|
615
|
+
return s.componentDidMount = function() {
|
|
616
616
|
typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
|
|
617
617
|
}, d.getDerivedStateFromProps = function(o, t) {
|
|
618
|
-
const r =
|
|
619
|
-
return r.length ? t.pending ? null : { value: r.map((a) =>
|
|
620
|
-
},
|
|
618
|
+
const r = Le(o.value);
|
|
619
|
+
return r.length ? t.pending ? null : { value: r.map((a) => Q(a, o)) } : null;
|
|
620
|
+
}, s.componentDidUpdate = function() {
|
|
621
621
|
this.state.upperBound === 0 && this.resize();
|
|
622
|
-
},
|
|
622
|
+
}, s.componentWillUnmount = function() {
|
|
623
623
|
this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
|
|
624
|
-
},
|
|
624
|
+
}, s.onEnd = function(o) {
|
|
625
625
|
o && function(t) {
|
|
626
626
|
Object.keys(t).forEach((r) => {
|
|
627
627
|
typeof document < "u" && document.removeEventListener(r, t[r], !1);
|
|
628
628
|
});
|
|
629
629
|
}(o), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
|
|
630
|
-
},
|
|
631
|
-
return
|
|
632
|
-
},
|
|
630
|
+
}, s.getValue = function() {
|
|
631
|
+
return ye(this.state.value);
|
|
632
|
+
}, s.getClosestIndex = function(o) {
|
|
633
633
|
let t = Number.MAX_VALUE, r = -1;
|
|
634
|
-
const { value: a } = this.state,
|
|
635
|
-
for (let
|
|
636
|
-
const u = this.calcOffset(a[
|
|
637
|
-
h < t && (t = h, r =
|
|
634
|
+
const { value: a } = this.state, l = a.length;
|
|
635
|
+
for (let c = 0; c < l; c += 1) {
|
|
636
|
+
const u = this.calcOffset(a[c]), h = Math.abs(o - u);
|
|
637
|
+
h < t && (t = h, r = c);
|
|
638
638
|
}
|
|
639
639
|
return r;
|
|
640
|
-
},
|
|
640
|
+
}, s.getMousePosition = function(o) {
|
|
641
641
|
return [o["page" + this.axisKey()], o["page" + this.orthogonalAxisKey()]];
|
|
642
|
-
},
|
|
642
|
+
}, s.getTouchPosition = function(o) {
|
|
643
643
|
const t = o.touches[0];
|
|
644
644
|
return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
|
|
645
|
-
},
|
|
645
|
+
}, s.getKeyDownEventMap = function() {
|
|
646
646
|
return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
|
|
647
|
-
},
|
|
647
|
+
}, s.getMouseEventMap = function() {
|
|
648
648
|
return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
|
|
649
|
-
},
|
|
649
|
+
}, s.getTouchEventMap = function() {
|
|
650
650
|
return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
|
|
651
|
-
},
|
|
651
|
+
}, s.getValueFromPosition = function(o) {
|
|
652
652
|
const t = o / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
|
|
653
|
-
return
|
|
654
|
-
},
|
|
653
|
+
return Q(this.state.startValue + t, this.props);
|
|
654
|
+
}, s.getDiffPosition = function(o) {
|
|
655
655
|
let t = o - this.state.startPosition;
|
|
656
656
|
return this.props.invert && (t *= -1), t;
|
|
657
|
-
},
|
|
657
|
+
}, s.resize = function() {
|
|
658
658
|
const { slider: o, thumb0: t } = this;
|
|
659
659
|
if (!o || !t) return;
|
|
660
|
-
const r = this.sizeKey(), a = o.getBoundingClientRect(),
|
|
660
|
+
const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - h, _ = Math.abs(c - u);
|
|
661
661
|
this.state.upperBound === g && this.state.sliderLength === _ && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: _, thumbSize: h });
|
|
662
|
-
},
|
|
662
|
+
}, s.calcOffset = function(o) {
|
|
663
663
|
const t = this.props.max - this.props.min;
|
|
664
664
|
return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
|
|
665
|
-
},
|
|
665
|
+
}, s.calcValue = function(o) {
|
|
666
666
|
return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
|
|
667
|
-
},
|
|
668
|
-
const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()],
|
|
669
|
-
let
|
|
670
|
-
return this.props.invert && (
|
|
671
|
-
},
|
|
672
|
-
const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r),
|
|
673
|
-
|
|
674
|
-
for (let u = 0; u <
|
|
675
|
-
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value:
|
|
667
|
+
}, s.calcOffsetFromPosition = function(o) {
|
|
668
|
+
const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], l = r[this.posMinKey()];
|
|
669
|
+
let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : l));
|
|
670
|
+
return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
|
|
671
|
+
}, s.forceValueFromPosition = function(o, t) {
|
|
672
|
+
const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), l = Q(this.calcValue(r), this.props), c = this.state.value.slice();
|
|
673
|
+
c[a] = l;
|
|
674
|
+
for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
|
|
675
|
+
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
|
|
676
676
|
t(a), this.fireChangeEvent("onChange");
|
|
677
677
|
});
|
|
678
|
-
},
|
|
678
|
+
}, s.clearPendingResizeTimeouts = function() {
|
|
679
679
|
do {
|
|
680
680
|
const o = this.pendingResizeTimeouts.shift();
|
|
681
681
|
clearTimeout(o);
|
|
682
682
|
} while (this.pendingResizeTimeouts.length);
|
|
683
|
-
},
|
|
683
|
+
}, s.start = function(o, t) {
|
|
684
684
|
const r = this["thumb" + o];
|
|
685
685
|
r && r.focus();
|
|
686
686
|
const { zIndices: a } = this.state;
|
|
687
|
-
a.splice(a.indexOf(o), 1), a.push(o), this.setState((
|
|
688
|
-
},
|
|
687
|
+
a.splice(a.indexOf(o), 1), a.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: a }));
|
|
688
|
+
}, s.moveUpByStep = function(o) {
|
|
689
689
|
o === void 0 && (o = this.props.step);
|
|
690
|
-
const t = this.state.value[this.state.index], r =
|
|
690
|
+
const t = this.state.value[this.state.index], r = Q(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
|
|
691
691
|
this.move(Math.min(r, this.props.max));
|
|
692
|
-
},
|
|
692
|
+
}, s.moveDownByStep = function(o) {
|
|
693
693
|
o === void 0 && (o = this.props.step);
|
|
694
|
-
const t = this.state.value[this.state.index], r =
|
|
694
|
+
const t = this.state.value[this.state.index], r = Q(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
|
|
695
695
|
this.move(Math.max(r, this.props.min));
|
|
696
|
-
},
|
|
697
|
-
const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t,
|
|
698
|
-
if (o ===
|
|
696
|
+
}, s.move = function(o) {
|
|
697
|
+
const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
|
|
698
|
+
if (o === l) return;
|
|
699
699
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
700
|
-
const { pearling:
|
|
701
|
-
if (!
|
|
700
|
+
const { pearling: c, max: u, min: h, minDistance: g } = this.props;
|
|
701
|
+
if (!c) {
|
|
702
702
|
if (r > 0) {
|
|
703
703
|
const _ = t[r - 1];
|
|
704
704
|
o < _ + g && (o = _ + g);
|
|
@@ -708,73 +708,73 @@ let qe = function(n) {
|
|
|
708
708
|
o > _ - g && (o = _ - g);
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
|
-
t[r] = o,
|
|
712
|
-
for (let
|
|
713
|
-
const f =
|
|
714
|
-
y[_ - 1 -
|
|
711
|
+
t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(_, y, m, b) {
|
|
712
|
+
for (let C = 0; C < _; C += 1) {
|
|
713
|
+
const f = b - C * m;
|
|
714
|
+
y[_ - 1 - C] > f && (y[_ - 1 - C] = f);
|
|
715
715
|
}
|
|
716
|
-
}(a, t, g, u)) : o <
|
|
717
|
-
for (let
|
|
718
|
-
const f =
|
|
719
|
-
y[
|
|
716
|
+
}(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(_, y, m, b) {
|
|
717
|
+
for (let C = 0; C < _; C += 1) {
|
|
718
|
+
const f = b + C * m;
|
|
719
|
+
y[C] < f && (y[C] = f);
|
|
720
720
|
}
|
|
721
721
|
}(a, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
722
|
-
},
|
|
723
|
-
let a,
|
|
724
|
-
for (a = r,
|
|
725
|
-
},
|
|
726
|
-
for (let a = r,
|
|
727
|
-
},
|
|
722
|
+
}, s.pushSucceeding = function(o, t, r) {
|
|
723
|
+
let a, l;
|
|
724
|
+
for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Re(l, this.props);
|
|
725
|
+
}, s.pushPreceding = function(o, t, r) {
|
|
726
|
+
for (let a = r, l = o[a] - t; o[a - 1] !== null && l < o[a - 1]; a -= 1, l = o[a] - t) o[a - 1] = Re(l, this.props);
|
|
727
|
+
}, s.axisKey = function() {
|
|
728
728
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
729
|
-
},
|
|
729
|
+
}, s.orthogonalAxisKey = function() {
|
|
730
730
|
return this.props.orientation === "vertical" ? "X" : "Y";
|
|
731
|
-
},
|
|
731
|
+
}, s.posMinKey = function() {
|
|
732
732
|
return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
|
|
733
|
-
},
|
|
733
|
+
}, s.posMaxKey = function() {
|
|
734
734
|
return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
|
|
735
|
-
},
|
|
735
|
+
}, s.sizeKey = function() {
|
|
736
736
|
return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
|
|
737
|
-
},
|
|
738
|
-
this.props[o] && this.props[o](
|
|
739
|
-
},
|
|
737
|
+
}, s.fireChangeEvent = function(o) {
|
|
738
|
+
this.props[o] && this.props[o](ye(this.state.value), this.state.index);
|
|
739
|
+
}, s.buildThumbStyle = function(o, t) {
|
|
740
740
|
const r = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
|
|
741
741
|
return r[this.posMinKey()] = o + "px", r;
|
|
742
|
-
},
|
|
742
|
+
}, s.buildTrackStyle = function(o, t) {
|
|
743
743
|
const r = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
|
|
744
744
|
return r[this.posMinKey()] = o, r[this.posMaxKey()] = t, r;
|
|
745
|
-
},
|
|
745
|
+
}, s.buildMarkStyle = function(o) {
|
|
746
746
|
var t;
|
|
747
747
|
return (t = { position: "absolute" })[this.posMinKey()] = o, t;
|
|
748
|
-
},
|
|
748
|
+
}, s.renderThumbs = function(o) {
|
|
749
749
|
const { length: t } = o, r = [];
|
|
750
|
-
for (let
|
|
750
|
+
for (let l = 0; l < t; l += 1) r[l] = this.buildThumbStyle(o[l], l);
|
|
751
751
|
const a = [];
|
|
752
|
-
for (let
|
|
752
|
+
for (let l = 0; l < t; l += 1) a[l] = this.renderThumb(r[l], l);
|
|
753
753
|
return a;
|
|
754
|
-
},
|
|
754
|
+
}, s.renderTracks = function(o) {
|
|
755
755
|
const t = [], r = o.length - 1;
|
|
756
756
|
t.push(this.renderTrack(0, 0, o[0]));
|
|
757
757
|
for (let a = 0; a < r; a += 1) t.push(this.renderTrack(a + 1, o[a], o[a + 1]));
|
|
758
758
|
return t.push(this.renderTrack(r + 1, o[r], this.state.upperBound)), t;
|
|
759
|
-
},
|
|
759
|
+
}, s.renderMarks = function() {
|
|
760
760
|
let { marks: o } = this.props;
|
|
761
761
|
const t = this.props.max - this.props.min + 1;
|
|
762
762
|
return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, a) => a) : typeof o == "number" && (o = Array.from({ length: t }).map((r, a) => a).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, a) => r - a).map((r) => {
|
|
763
|
-
const a = this.calcOffset(r),
|
|
764
|
-
return this.props.renderMark(
|
|
763
|
+
const a = this.calcOffset(r), l = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
|
|
764
|
+
return this.props.renderMark(l);
|
|
765
765
|
});
|
|
766
|
-
},
|
|
766
|
+
}, s.render = function() {
|
|
767
767
|
const o = [], { value: t } = this.state, r = t.length;
|
|
768
768
|
for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
|
|
769
|
-
const a = this.props.withTracks ? this.renderTracks(o) : null,
|
|
770
|
-
return
|
|
769
|
+
const a = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
|
|
770
|
+
return B.createElement("div", { ref: (u) => {
|
|
771
771
|
this.slider = u, this.resizeElementRef.current = u;
|
|
772
|
-
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a,
|
|
772
|
+
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, l, c);
|
|
773
773
|
}, d;
|
|
774
|
-
}(
|
|
775
|
-
qe.displayName = "ReactSlider", qe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) =>
|
|
774
|
+
}(B.Component);
|
|
775
|
+
qe.displayName = "ReactSlider", qe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) => B.createElement("div", n), renderTrack: (n) => B.createElement("div", n), renderMark: (n) => B.createElement("span", n) };
|
|
776
776
|
var Ee = qe;
|
|
777
|
-
const E2 = "
|
|
777
|
+
const E2 = "_container_15vgv_2", P2 = "_unitLabel_15vgv_9", j2 = "_slider_15vgv_12", z2 = "_thumb_15vgv_18", Z2 = "_track_15vgv_27", K2 = "_labels_15vgv_33", se = {
|
|
778
778
|
container: E2,
|
|
779
779
|
unitLabel: P2,
|
|
780
780
|
slider: j2,
|
|
@@ -784,53 +784,44 @@ const E2 = "_container_4u41i_2", P2 = "_unitLabel_4u41i_8", j2 = "_slider_4u41i_
|
|
|
784
784
|
}, pt = ({
|
|
785
785
|
min: n = 0,
|
|
786
786
|
max: d = 100,
|
|
787
|
-
step:
|
|
787
|
+
step: s = 1,
|
|
788
788
|
onChange: o,
|
|
789
789
|
width: t = 300,
|
|
790
790
|
unit: r,
|
|
791
791
|
fontColor: a = "#605B56",
|
|
792
|
-
defaultValue:
|
|
793
|
-
isDate: l
|
|
792
|
+
defaultValue: l
|
|
794
793
|
}) => {
|
|
795
|
-
const { t:
|
|
796
|
-
|
|
794
|
+
const { t: c } = k(), [u, h] = L([n, d]), g = (_) => {
|
|
795
|
+
h(_), o == null || o({ min: _[0], max: _[1] });
|
|
797
796
|
};
|
|
798
|
-
return
|
|
799
|
-
|
|
800
|
-
}, [
|
|
797
|
+
return T(() => {
|
|
798
|
+
l || h([n, d]);
|
|
799
|
+
}, [l]), /* @__PURE__ */ p(
|
|
801
800
|
"div",
|
|
802
801
|
{
|
|
803
|
-
className:
|
|
802
|
+
className: se.container,
|
|
804
803
|
style: { width: `${t}px`, color: `${a}` },
|
|
805
804
|
children: [
|
|
806
|
-
/* @__PURE__ */
|
|
807
|
-
/* @__PURE__ */
|
|
805
|
+
/* @__PURE__ */ i("div", { className: se.unitLabel, children: /* @__PURE__ */ i("span", { children: c(r) }) }),
|
|
806
|
+
/* @__PURE__ */ i(
|
|
808
807
|
Ee,
|
|
809
808
|
{
|
|
810
|
-
className:
|
|
811
|
-
thumbClassName:
|
|
812
|
-
trackClassName:
|
|
813
|
-
min:
|
|
814
|
-
max:
|
|
815
|
-
step:
|
|
816
|
-
value:
|
|
817
|
-
onAfterChange:
|
|
809
|
+
className: se.slider,
|
|
810
|
+
thumbClassName: se.thumb,
|
|
811
|
+
trackClassName: se.track,
|
|
812
|
+
min: n,
|
|
813
|
+
max: d,
|
|
814
|
+
step: s,
|
|
815
|
+
value: u,
|
|
816
|
+
onAfterChange: g,
|
|
818
817
|
withTracks: !0,
|
|
819
|
-
pearling: !
|
|
820
|
-
minDistance:
|
|
818
|
+
pearling: !0,
|
|
819
|
+
minDistance: 0.1
|
|
821
820
|
}
|
|
822
821
|
),
|
|
823
|
-
/* @__PURE__ */ p("div", { className:
|
|
824
|
-
/* @__PURE__ */
|
|
825
|
-
|
|
826
|
-
month: "short",
|
|
827
|
-
year: "numeric"
|
|
828
|
-
}) : _[0] }),
|
|
829
|
-
/* @__PURE__ */ s("span", { children: l ? new Date(_[1]).toLocaleDateString("en-EN", {
|
|
830
|
-
day: "2-digit",
|
|
831
|
-
month: "short",
|
|
832
|
-
year: "numeric"
|
|
833
|
-
}) : _[1] })
|
|
822
|
+
/* @__PURE__ */ p("div", { className: se.labels, children: [
|
|
823
|
+
/* @__PURE__ */ i("span", { children: u[0] }),
|
|
824
|
+
/* @__PURE__ */ i("span", { children: u[1] })
|
|
834
825
|
] })
|
|
835
826
|
]
|
|
836
827
|
}
|
|
@@ -848,7 +839,7 @@ pt.propTypes = {
|
|
|
848
839
|
fontColor: e.string,
|
|
849
840
|
value: e.arrayOf(e.number)
|
|
850
841
|
};
|
|
851
|
-
const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_1vm1r_2", G2 = "_checkboxContainer_1vm1r_28", W2 = "_absoluteSliderContainer_1vm1r_37",
|
|
842
|
+
const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_1vm1r_2", G2 = "_checkboxContainer_1vm1r_28", W2 = "_absoluteSliderContainer_1vm1r_37", xe = {
|
|
852
843
|
tematicalFiltersInputContainer: H2,
|
|
853
844
|
inputTypeContainer: U2,
|
|
854
845
|
checkboxContainer: G2,
|
|
@@ -858,79 +849,78 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
858
849
|
//onChangeBothType
|
|
859
850
|
activeColor: d
|
|
860
851
|
}) => {
|
|
861
|
-
const [
|
|
852
|
+
const [s, o] = L(), {
|
|
862
853
|
type: t,
|
|
863
854
|
name: r,
|
|
864
855
|
values: a,
|
|
865
|
-
minValue:
|
|
866
|
-
maxValue:
|
|
856
|
+
minValue: l,
|
|
857
|
+
maxValue: c,
|
|
867
858
|
unit: u,
|
|
868
859
|
step: h,
|
|
869
|
-
disabled: g
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
[i, t]
|
|
860
|
+
disabled: g
|
|
861
|
+
} = n || {}, _ = Ce(
|
|
862
|
+
() => t == "cat" || s == "cat",
|
|
863
|
+
[s, t]
|
|
864
|
+
), y = Ce(
|
|
865
|
+
() => t == "abs" || s == "abs",
|
|
866
|
+
[s, t]
|
|
877
867
|
), {
|
|
878
868
|
tematicalFiltersSelected: m,
|
|
879
869
|
selectedIndicator: b,
|
|
880
|
-
fontColor:
|
|
881
|
-
inputsColor:
|
|
882
|
-
} = O((
|
|
883
|
-
if (console.log("onChangInput",
|
|
884
|
-
const { min:
|
|
885
|
-
console.log("type: ",
|
|
886
|
-
let
|
|
887
|
-
|
|
888
|
-
let H =
|
|
889
|
-
(A) => A.code ===
|
|
870
|
+
fontColor: C,
|
|
871
|
+
inputsColor: f
|
|
872
|
+
} = O((x) => x), v = (x) => {
|
|
873
|
+
if (console.log("onChangInput", x), x) {
|
|
874
|
+
const { min: w, max: $, valueClicked: S, allValues: D } = x || {}, { code: j, type: ue, source: q } = n || {}, z = y ? "abs" : _ ? "cat" : "both";
|
|
875
|
+
console.log("type: ", z);
|
|
876
|
+
let E = j[0];
|
|
877
|
+
ue == "both" && (E = z == "cat" ? j[1] : j[0]), z == "cat" ? O.setState((W) => {
|
|
878
|
+
let H = W.tematicalFiltersSelected.find(
|
|
879
|
+
(A) => A.code === E
|
|
890
880
|
);
|
|
891
881
|
if (H) {
|
|
892
882
|
let A = [H.values];
|
|
893
|
-
return H.values.includes(
|
|
894
|
-
(R) => R !==
|
|
895
|
-
) : A = [...H.values,
|
|
896
|
-
tematicalFiltersSelected:
|
|
897
|
-
(R) => R.code !==
|
|
883
|
+
return H.values.includes(S) ? A = H.values.filter(
|
|
884
|
+
(R) => R !== S
|
|
885
|
+
) : A = [...H.values, S], A.length == D.length ? {
|
|
886
|
+
tematicalFiltersSelected: W.tematicalFiltersSelected.filter(
|
|
887
|
+
(R) => R.code !== E
|
|
898
888
|
)
|
|
899
889
|
} : {
|
|
900
|
-
tematicalFiltersSelected:
|
|
901
|
-
(R) => R.code ===
|
|
890
|
+
tematicalFiltersSelected: W.tematicalFiltersSelected.map(
|
|
891
|
+
(R) => R.code === E ? { ...R, values: A } : R
|
|
902
892
|
)
|
|
903
893
|
};
|
|
904
894
|
} else {
|
|
905
|
-
let A =
|
|
895
|
+
let A = D.map((R, Lt) => Lt);
|
|
906
896
|
return {
|
|
907
897
|
tematicalFiltersSelected: [
|
|
908
898
|
...m,
|
|
909
899
|
{
|
|
910
900
|
type: "cat",
|
|
911
|
-
code:
|
|
912
|
-
values: A.filter((R) => R !==
|
|
901
|
+
code: E,
|
|
902
|
+
values: A.filter((R) => R !== S),
|
|
913
903
|
name: n.name,
|
|
914
|
-
source:
|
|
904
|
+
source: q
|
|
915
905
|
}
|
|
916
906
|
]
|
|
917
907
|
};
|
|
918
908
|
}
|
|
919
|
-
}) :
|
|
920
|
-
let H =
|
|
921
|
-
(A) => A.code ===
|
|
909
|
+
}) : z == "abs" && O.setState((W) => {
|
|
910
|
+
let H = W.tematicalFiltersSelected.find(
|
|
911
|
+
(A) => A.code === E
|
|
922
912
|
);
|
|
923
|
-
if (
|
|
913
|
+
if (w == n.minValue && $ == n.maxValue)
|
|
924
914
|
return {
|
|
925
|
-
tematicalFiltersSelected:
|
|
926
|
-
(A) => A.code !==
|
|
915
|
+
tematicalFiltersSelected: W.tematicalFiltersSelected.filter(
|
|
916
|
+
(A) => A.code !== E
|
|
927
917
|
)
|
|
928
918
|
};
|
|
929
919
|
if (H) {
|
|
930
920
|
let A = { ...H };
|
|
931
|
-
return A.min =
|
|
932
|
-
tematicalFiltersSelected:
|
|
933
|
-
(R) => R.code ===
|
|
921
|
+
return A.min = w, A.max = $, A.type = z, {
|
|
922
|
+
tematicalFiltersSelected: W.tematicalFiltersSelected.map(
|
|
923
|
+
(R) => R.code === E ? A : R
|
|
934
924
|
)
|
|
935
925
|
};
|
|
936
926
|
} else
|
|
@@ -938,10 +928,10 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
938
928
|
tematicalFiltersSelected: [
|
|
939
929
|
...m,
|
|
940
930
|
{
|
|
941
|
-
type:
|
|
942
|
-
code:
|
|
943
|
-
min:
|
|
944
|
-
max:
|
|
931
|
+
type: z,
|
|
932
|
+
code: E,
|
|
933
|
+
min: w,
|
|
934
|
+
max: $,
|
|
945
935
|
name: n.name,
|
|
946
936
|
source: n.source
|
|
947
937
|
}
|
|
@@ -949,15 +939,15 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
949
939
|
};
|
|
950
940
|
});
|
|
951
941
|
}
|
|
952
|
-
},
|
|
953
|
-
const
|
|
942
|
+
}, N = Ce(() => {
|
|
943
|
+
const x = {};
|
|
954
944
|
if ((m == null ? void 0 : m.length) > 0)
|
|
955
|
-
for (const
|
|
956
|
-
|
|
957
|
-
return
|
|
945
|
+
for (const w of m)
|
|
946
|
+
w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
|
|
947
|
+
return x;
|
|
958
948
|
}, [m]);
|
|
959
|
-
return /* @__PURE__ */
|
|
960
|
-
|
|
949
|
+
return /* @__PURE__ */ i("div", { className: xe.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
|
|
950
|
+
ie,
|
|
961
951
|
{
|
|
962
952
|
titleFontStyles: {
|
|
963
953
|
fontSize: 16,
|
|
@@ -975,17 +965,17 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
975
965
|
height: 42,
|
|
976
966
|
titleMarginChildren: 14,
|
|
977
967
|
className: "tematicalFiltersInputContainer",
|
|
978
|
-
color:
|
|
968
|
+
color: C,
|
|
979
969
|
activeColor: d,
|
|
980
970
|
children: [
|
|
981
971
|
t == "both" && /* @__PURE__ */ p(
|
|
982
972
|
"div",
|
|
983
973
|
{
|
|
984
|
-
className:
|
|
985
|
-
style: { color:
|
|
974
|
+
className: xe.inputTypeContainer,
|
|
975
|
+
style: { color: C },
|
|
986
976
|
children: [
|
|
987
977
|
/* @__PURE__ */ p("label", { children: [
|
|
988
|
-
/* @__PURE__ */
|
|
978
|
+
/* @__PURE__ */ i(
|
|
989
979
|
"input",
|
|
990
980
|
{
|
|
991
981
|
type: "radio",
|
|
@@ -996,15 +986,15 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
996
986
|
},
|
|
997
987
|
style: {
|
|
998
988
|
marginRight: 4,
|
|
999
|
-
backgroundColor:
|
|
1000
|
-
border: `1.5px solid ${
|
|
989
|
+
backgroundColor: s == "abs" ? f : "white",
|
|
990
|
+
border: `1.5px solid ${s == "abs" ? f : C}`
|
|
1001
991
|
}
|
|
1002
992
|
}
|
|
1003
993
|
),
|
|
1004
994
|
"Absoluto"
|
|
1005
995
|
] }),
|
|
1006
996
|
/* @__PURE__ */ p("label", { children: [
|
|
1007
|
-
/* @__PURE__ */
|
|
997
|
+
/* @__PURE__ */ i(
|
|
1008
998
|
"input",
|
|
1009
999
|
{
|
|
1010
1000
|
type: "radio",
|
|
@@ -1015,8 +1005,8 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
1015
1005
|
},
|
|
1016
1006
|
style: {
|
|
1017
1007
|
marginRight: 4,
|
|
1018
|
-
backgroundColor:
|
|
1019
|
-
border: `1.5px solid ${
|
|
1008
|
+
backgroundColor: s == "cat" ? f : "white",
|
|
1009
|
+
border: `1.5px solid ${s == "cat" ? f : C}`
|
|
1020
1010
|
}
|
|
1021
1011
|
}
|
|
1022
1012
|
),
|
|
@@ -1025,27 +1015,26 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
1025
1015
|
]
|
|
1026
1016
|
}
|
|
1027
1017
|
),
|
|
1028
|
-
|
|
1029
|
-
var
|
|
1030
|
-
return /* @__PURE__ */
|
|
1018
|
+
_ && /* @__PURE__ */ i("div", { className: xe.checkboxContainer, children: a.map((x, w) => {
|
|
1019
|
+
var $;
|
|
1020
|
+
return /* @__PURE__ */ i(
|
|
1031
1021
|
ut,
|
|
1032
1022
|
{
|
|
1033
|
-
onClick: () =>
|
|
1034
|
-
indicator:
|
|
1035
|
-
value: ((
|
|
1023
|
+
onClick: () => v({ valueClicked: w, allValues: a }),
|
|
1024
|
+
indicator: x,
|
|
1025
|
+
value: (($ = N[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : $.has(w)) || !N[n.code[t == "both" ? 1 : 0]]
|
|
1036
1026
|
},
|
|
1037
|
-
`checkbox-${
|
|
1027
|
+
`checkbox-${w}`
|
|
1038
1028
|
);
|
|
1039
1029
|
}) }),
|
|
1040
|
-
(
|
|
1030
|
+
(y || t == "glb") && /* @__PURE__ */ i("div", { className: xe.absoluteSliderContainer, children: /* @__PURE__ */ i(
|
|
1041
1031
|
pt,
|
|
1042
1032
|
{
|
|
1043
|
-
onChange:
|
|
1044
|
-
min:
|
|
1045
|
-
max:
|
|
1033
|
+
onChange: v,
|
|
1034
|
+
min: l,
|
|
1035
|
+
max: c,
|
|
1046
1036
|
unit: u,
|
|
1047
|
-
defaultValue:
|
|
1048
|
-
isDate: _,
|
|
1037
|
+
defaultValue: N[n.code[0]] ? N[n.code[0]] : "",
|
|
1049
1038
|
step: h
|
|
1050
1039
|
}
|
|
1051
1040
|
) })
|
|
@@ -1071,12 +1060,12 @@ Ke.propTypes = {
|
|
|
1071
1060
|
const mt = ({
|
|
1072
1061
|
subcategory: n,
|
|
1073
1062
|
fontColor: d,
|
|
1074
|
-
activeColor:
|
|
1063
|
+
activeColor: s
|
|
1075
1064
|
//onChangeBothType,
|
|
1076
1065
|
}) => {
|
|
1077
1066
|
const { activeSubcategory: o } = O((a) => a), { name: t, indicators: r } = n || {};
|
|
1078
|
-
return /* @__PURE__ */
|
|
1079
|
-
|
|
1067
|
+
return /* @__PURE__ */ i(
|
|
1068
|
+
ie,
|
|
1080
1069
|
{
|
|
1081
1070
|
title: t,
|
|
1082
1071
|
isOpen: o == `id${t}`,
|
|
@@ -1090,15 +1079,15 @@ const mt = ({
|
|
|
1090
1079
|
titleMarginChildren: 20,
|
|
1091
1080
|
height: 48,
|
|
1092
1081
|
color: d,
|
|
1093
|
-
activeColor:
|
|
1094
|
-
children: r == null ? void 0 : r.map((a,
|
|
1082
|
+
activeColor: s,
|
|
1083
|
+
children: r == null ? void 0 : r.map((a, l) => /* @__PURE__ */ i(
|
|
1095
1084
|
Ke,
|
|
1096
1085
|
{
|
|
1097
1086
|
indicator: a,
|
|
1098
1087
|
fontColor: d,
|
|
1099
|
-
activeColor:
|
|
1088
|
+
activeColor: s
|
|
1100
1089
|
},
|
|
1101
|
-
`indicatorSub-${
|
|
1090
|
+
`indicatorSub-${l}`
|
|
1102
1091
|
))
|
|
1103
1092
|
}
|
|
1104
1093
|
);
|
|
@@ -1121,37 +1110,37 @@ const ht = ({
|
|
|
1121
1110
|
// onChangeBothType,
|
|
1122
1111
|
activeColor: d
|
|
1123
1112
|
}) => {
|
|
1124
|
-
const { name:
|
|
1125
|
-
return n && /* @__PURE__ */
|
|
1126
|
-
|
|
1113
|
+
const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = O((l) => l);
|
|
1114
|
+
return n && /* @__PURE__ */ i(
|
|
1115
|
+
ie,
|
|
1127
1116
|
{
|
|
1128
1117
|
onClick: () => {
|
|
1129
|
-
O.setState((
|
|
1130
|
-
activeCategory: r === `id${
|
|
1118
|
+
O.setState((l) => ({
|
|
1119
|
+
activeCategory: r === `id${s}` ? "" : `id${s}`
|
|
1131
1120
|
}));
|
|
1132
1121
|
},
|
|
1133
|
-
title:
|
|
1134
|
-
isOpen: r === `id${
|
|
1122
|
+
title: s,
|
|
1123
|
+
isOpen: r === `id${s}`,
|
|
1135
1124
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1136
1125
|
showBottomBar: !1,
|
|
1137
1126
|
color: a,
|
|
1138
1127
|
activeColor: d,
|
|
1139
|
-
children: o ? o.map((
|
|
1128
|
+
children: o ? o.map((l, c) => /* @__PURE__ */ i(
|
|
1140
1129
|
mt,
|
|
1141
1130
|
{
|
|
1142
|
-
subcategory:
|
|
1131
|
+
subcategory: l,
|
|
1143
1132
|
fontColor: a,
|
|
1144
1133
|
activeColor: d
|
|
1145
1134
|
},
|
|
1146
|
-
`subcategory-${
|
|
1147
|
-
)) : t && t.map((
|
|
1135
|
+
`subcategory-${c}`
|
|
1136
|
+
)) : t && t.map((l, c) => /* @__PURE__ */ i(
|
|
1148
1137
|
Ke,
|
|
1149
1138
|
{
|
|
1150
|
-
indicator:
|
|
1139
|
+
indicator: l,
|
|
1151
1140
|
fontColor: a,
|
|
1152
1141
|
activeColor: d
|
|
1153
1142
|
},
|
|
1154
|
-
`indicator-${
|
|
1143
|
+
`indicator-${c}`
|
|
1155
1144
|
))
|
|
1156
1145
|
}
|
|
1157
1146
|
);
|
|
@@ -1168,30 +1157,30 @@ ht.propTypes = {
|
|
|
1168
1157
|
const gt = ({
|
|
1169
1158
|
indicators: n,
|
|
1170
1159
|
isOpen: d = !0,
|
|
1171
|
-
title:
|
|
1160
|
+
title: s,
|
|
1172
1161
|
fontColor: o = "#605B56",
|
|
1173
1162
|
//The color of the slider and the checkbox when is checked
|
|
1174
1163
|
inputsColor: t = "#605B56",
|
|
1175
1164
|
activeColor: r
|
|
1176
1165
|
}) => {
|
|
1177
|
-
const { tematicalFiltersSelected: a } = O((
|
|
1178
|
-
return
|
|
1166
|
+
const { tematicalFiltersSelected: a } = O((c) => c), { t: l } = k();
|
|
1167
|
+
return T(() => {
|
|
1179
1168
|
console.log("filtersSelected changed: ", a);
|
|
1180
|
-
}, [a]),
|
|
1169
|
+
}, [a]), T(() => {
|
|
1181
1170
|
o && O.setState(() => ({ fontColor: o }));
|
|
1182
|
-
}, [o]),
|
|
1171
|
+
}, [o]), T(() => {
|
|
1183
1172
|
t && O.setState(() => ({ inputsColor: t }));
|
|
1184
|
-
}, [t]), /* @__PURE__ */
|
|
1185
|
-
|
|
1173
|
+
}, [t]), /* @__PURE__ */ i(
|
|
1174
|
+
ie,
|
|
1186
1175
|
{
|
|
1187
1176
|
isOpen: d,
|
|
1188
|
-
title:
|
|
1177
|
+
title: s ? l(s) : "Tematical filters",
|
|
1189
1178
|
color: o,
|
|
1190
1179
|
activeColor: r,
|
|
1191
|
-
children: n == null ? void 0 : n.map((
|
|
1180
|
+
children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ i(
|
|
1192
1181
|
ht,
|
|
1193
1182
|
{
|
|
1194
|
-
category:
|
|
1183
|
+
category: c,
|
|
1195
1184
|
fontColor: o,
|
|
1196
1185
|
activeColor: r
|
|
1197
1186
|
},
|
|
@@ -1209,7 +1198,7 @@ gt.propTypes = {
|
|
|
1209
1198
|
inputsColor: e.string,
|
|
1210
1199
|
activeColor: e.string
|
|
1211
1200
|
};
|
|
1212
|
-
const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7", X2 = "_FiltersAmbitTitle_1g9xx_15", J2 = "_FiltersAmbitDescription_1g9xx_22", e0 = "_FiltersAmbitDescriptionTitle_1g9xx_33", t0 = "_warning_1g9xx_37",
|
|
1201
|
+
const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7", X2 = "_FiltersAmbitTitle_1g9xx_15", J2 = "_FiltersAmbitDescription_1g9xx_22", e0 = "_FiltersAmbitDescriptionTitle_1g9xx_33", t0 = "_warning_1g9xx_37", oe = {
|
|
1213
1202
|
FiltersAmbitContainer: Y2,
|
|
1214
1203
|
FiltersAmbitHeader: Q2,
|
|
1215
1204
|
FiltersAmbitTitle: X2,
|
|
@@ -1219,13 +1208,13 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1219
1208
|
}, n0 = ({
|
|
1220
1209
|
ambitName: n,
|
|
1221
1210
|
ambitDescription: d,
|
|
1222
|
-
defaultFilters:
|
|
1211
|
+
defaultFilters: s,
|
|
1223
1212
|
indicators: o,
|
|
1224
1213
|
activeColor: t,
|
|
1225
1214
|
textColor: r,
|
|
1226
1215
|
backgroundColor: a,
|
|
1227
|
-
onChangeAppliedFilters:
|
|
1228
|
-
saveAmbit:
|
|
1216
|
+
onChangeAppliedFilters: l,
|
|
1217
|
+
saveAmbit: c,
|
|
1229
1218
|
namePlaceholder: u,
|
|
1230
1219
|
descPlaceholder: h,
|
|
1231
1220
|
filtersTypes: g = ["geographical", "tematical"],
|
|
@@ -1233,51 +1222,51 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1233
1222
|
onlyFilters: y = !1
|
|
1234
1223
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1235
1224
|
}) => {
|
|
1236
|
-
const { t:
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
tematicalFiltersSelected:
|
|
1225
|
+
const { t: m } = k(), { tematicalFiltersSelected: b } = O((S) => S), [C, f] = L(n || null), [v, N] = L(d || null), [x, w] = L(!1);
|
|
1226
|
+
T(() => {
|
|
1227
|
+
s && s.length > 0 && O.setState((S) => ({
|
|
1228
|
+
tematicalFiltersSelected: s
|
|
1240
1229
|
}));
|
|
1241
|
-
}, [
|
|
1242
|
-
console.log("filtersSelected changed: ",
|
|
1243
|
-
}, [
|
|
1244
|
-
const
|
|
1245
|
-
|
|
1230
|
+
}, [s]), T(() => {
|
|
1231
|
+
console.log("filtersSelected changed: ", b), l(b);
|
|
1232
|
+
}, [b]);
|
|
1233
|
+
const $ = () => {
|
|
1234
|
+
C ? c({ name: C, description: v }) : w(!0);
|
|
1246
1235
|
};
|
|
1247
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1248
|
-
!y && /* @__PURE__ */ p("div", { className:
|
|
1249
|
-
/* @__PURE__ */
|
|
1236
|
+
return /* @__PURE__ */ p("div", { className: oe.FiltersAmbitContainer, children: [
|
|
1237
|
+
!y && /* @__PURE__ */ p("div", { className: oe.FiltersAmbitHeader, children: [
|
|
1238
|
+
/* @__PURE__ */ i("div", { className: oe.FiltersAmbitTitle, children: /* @__PURE__ */ i(
|
|
1250
1239
|
"input",
|
|
1251
1240
|
{
|
|
1252
1241
|
type: "text",
|
|
1253
1242
|
onChange: (S) => {
|
|
1254
|
-
|
|
1243
|
+
w(!1), f(S.target.value);
|
|
1255
1244
|
},
|
|
1256
|
-
value:
|
|
1257
|
-
placeholder:
|
|
1245
|
+
value: C,
|
|
1246
|
+
placeholder: m(u)
|
|
1258
1247
|
}
|
|
1259
1248
|
) }),
|
|
1260
|
-
/* @__PURE__ */
|
|
1249
|
+
/* @__PURE__ */ i("div", { className: oe.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: oe.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
|
|
1261
1250
|
"textarea",
|
|
1262
1251
|
{
|
|
1263
1252
|
value: v,
|
|
1264
|
-
onChange: (S) =>
|
|
1265
|
-
placeholder:
|
|
1253
|
+
onChange: (S) => N(S.target.value),
|
|
1254
|
+
placeholder: m(h)
|
|
1266
1255
|
}
|
|
1267
1256
|
) }) })
|
|
1268
1257
|
] }),
|
|
1269
|
-
/* @__PURE__ */
|
|
1258
|
+
/* @__PURE__ */ i(
|
|
1270
1259
|
ct,
|
|
1271
1260
|
{
|
|
1272
|
-
title:
|
|
1261
|
+
title: m("applied_filters"),
|
|
1273
1262
|
isOpen: !0,
|
|
1274
1263
|
textColor: r || "#fff",
|
|
1275
1264
|
backgroundColor: a || "#605B5680",
|
|
1276
1265
|
activeColor: t
|
|
1277
1266
|
}
|
|
1278
1267
|
),
|
|
1279
|
-
g.includes("geographical") && /* @__PURE__ */
|
|
1280
|
-
g.includes("tematical") && /* @__PURE__ */
|
|
1268
|
+
g.includes("geographical") && /* @__PURE__ */ i(dt, { activeColor: t }),
|
|
1269
|
+
g.includes("tematical") && /* @__PURE__ */ i(
|
|
1281
1270
|
gt,
|
|
1282
1271
|
{
|
|
1283
1272
|
indicators: o,
|
|
@@ -1287,8 +1276,8 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1287
1276
|
activeColor: t
|
|
1288
1277
|
}
|
|
1289
1278
|
),
|
|
1290
|
-
x && /* @__PURE__ */
|
|
1291
|
-
!y && /* @__PURE__ */
|
|
1279
|
+
x && /* @__PURE__ */ i("div", { className: oe.warning, children: m(_) }),
|
|
1280
|
+
!y && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(ke, { onClick: () => $(), children: m("save_ambit") }) })
|
|
1292
1281
|
] });
|
|
1293
1282
|
};
|
|
1294
1283
|
n0.propTypes = {
|
|
@@ -1311,22 +1300,22 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1311
1300
|
}, Ct = ({
|
|
1312
1301
|
data: n,
|
|
1313
1302
|
width: d = 700,
|
|
1314
|
-
barHeight:
|
|
1303
|
+
barHeight: s = 25,
|
|
1315
1304
|
gap: o = 23,
|
|
1316
1305
|
fontColor: t = "#605B56",
|
|
1317
1306
|
verticalPaddign: r = 10,
|
|
1318
1307
|
horizontalPaddign: a = 20,
|
|
1319
|
-
leftPadding:
|
|
1320
|
-
numberOfDivisions:
|
|
1308
|
+
leftPadding: l = 200,
|
|
1309
|
+
numberOfDivisions: c = 7,
|
|
1321
1310
|
maxValue: u = null
|
|
1322
1311
|
}) => {
|
|
1323
|
-
const { t: h } =
|
|
1312
|
+
const { t: h } = k(), { xScale: g, ticks: _, height: y } = Ce(() => {
|
|
1324
1313
|
if (n && n.length > 0) {
|
|
1325
|
-
const
|
|
1314
|
+
const m = (n == null ? void 0 : n.length) * (s + o) + r * 2, b = Ge.max(n, (v) => v.value) || 1, C = Ge.scaleLinear().domain([0, u || b]).range([0, d - l]), f = Array.from({ length: c + 1 }, (v, N) => u ? u / c * N : b / c * N);
|
|
1326
1315
|
return {
|
|
1327
|
-
xScale:
|
|
1316
|
+
xScale: C,
|
|
1328
1317
|
ticks: f,
|
|
1329
|
-
height:
|
|
1318
|
+
height: m,
|
|
1330
1319
|
width: d,
|
|
1331
1320
|
verticalPaddign: r,
|
|
1332
1321
|
horizontalPaddign: a
|
|
@@ -1336,18 +1325,18 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1336
1325
|
}, [
|
|
1337
1326
|
n,
|
|
1338
1327
|
d,
|
|
1339
|
-
|
|
1340
|
-
|
|
1328
|
+
c,
|
|
1329
|
+
s,
|
|
1341
1330
|
o,
|
|
1342
1331
|
a,
|
|
1343
1332
|
r,
|
|
1344
1333
|
u
|
|
1345
1334
|
]);
|
|
1346
|
-
return /* @__PURE__ */
|
|
1347
|
-
/* @__PURE__ */
|
|
1348
|
-
const
|
|
1349
|
-
return /* @__PURE__ */ p("g", { transform: `translate(${
|
|
1350
|
-
/* @__PURE__ */
|
|
1335
|
+
return /* @__PURE__ */ i("div", { className: s0.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
|
|
1336
|
+
/* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: _.map((m, b) => {
|
|
1337
|
+
const C = g(m);
|
|
1338
|
+
return /* @__PURE__ */ p("g", { transform: `translate(${C}, 0)`, children: [
|
|
1339
|
+
/* @__PURE__ */ i(
|
|
1351
1340
|
"line",
|
|
1352
1341
|
{
|
|
1353
1342
|
y1: 0,
|
|
@@ -1355,47 +1344,47 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1355
1344
|
stroke: "#ccc"
|
|
1356
1345
|
}
|
|
1357
1346
|
),
|
|
1358
|
-
/* @__PURE__ */
|
|
1347
|
+
/* @__PURE__ */ i(
|
|
1359
1348
|
"text",
|
|
1360
1349
|
{
|
|
1361
1350
|
y: y - o,
|
|
1362
1351
|
textAnchor: "middle",
|
|
1363
1352
|
fontSize: 10,
|
|
1364
1353
|
fill: t,
|
|
1365
|
-
children: parseInt(
|
|
1354
|
+
children: parseInt(m)
|
|
1366
1355
|
}
|
|
1367
1356
|
)
|
|
1368
|
-
] },
|
|
1357
|
+
] }, b);
|
|
1369
1358
|
}) }),
|
|
1370
|
-
n && n.length > 0 && (n == null ? void 0 : n.map((
|
|
1371
|
-
const
|
|
1359
|
+
n && n.length > 0 && (n == null ? void 0 : n.map((m, b) => {
|
|
1360
|
+
const C = g(m.value), f = b * (s + o);
|
|
1372
1361
|
return /* @__PURE__ */ p(
|
|
1373
1362
|
"g",
|
|
1374
1363
|
{
|
|
1375
|
-
transform: `translate(${
|
|
1364
|
+
transform: `translate(${l + a}, ${f})`,
|
|
1376
1365
|
children: [
|
|
1377
|
-
/* @__PURE__ */
|
|
1366
|
+
/* @__PURE__ */ i(
|
|
1378
1367
|
"text",
|
|
1379
1368
|
{
|
|
1380
1369
|
x: -24,
|
|
1381
|
-
y:
|
|
1370
|
+
y: s / 2 + 5,
|
|
1382
1371
|
textAnchor: "end",
|
|
1383
1372
|
fill: t,
|
|
1384
|
-
children: h(
|
|
1373
|
+
children: h(m.title)
|
|
1385
1374
|
}
|
|
1386
1375
|
),
|
|
1387
|
-
/* @__PURE__ */
|
|
1376
|
+
/* @__PURE__ */ i(
|
|
1388
1377
|
"rect",
|
|
1389
1378
|
{
|
|
1390
|
-
width:
|
|
1391
|
-
height:
|
|
1392
|
-
fill:
|
|
1379
|
+
width: C,
|
|
1380
|
+
height: s,
|
|
1381
|
+
fill: m.color,
|
|
1393
1382
|
rx: 0
|
|
1394
1383
|
}
|
|
1395
1384
|
)
|
|
1396
1385
|
]
|
|
1397
1386
|
},
|
|
1398
|
-
|
|
1387
|
+
b
|
|
1399
1388
|
);
|
|
1400
1389
|
}))
|
|
1401
1390
|
] }) }) });
|
|
@@ -1422,34 +1411,34 @@ const o0 = "_graphicContainer_c9zrg_2", r0 = "_titleContainer_c9zrg_14", Qe = {
|
|
|
1422
1411
|
}, a0 = ({
|
|
1423
1412
|
data: n,
|
|
1424
1413
|
graphWidth: d = 700,
|
|
1425
|
-
containerStyle:
|
|
1414
|
+
containerStyle: s,
|
|
1426
1415
|
borderColor: o = "#605B56",
|
|
1427
1416
|
title: t = "Graphic Title",
|
|
1428
1417
|
fontColor: r = "#605B56",
|
|
1429
1418
|
maxValue: a = null,
|
|
1430
|
-
numberOfDivisions:
|
|
1431
|
-
leftPadding:
|
|
1419
|
+
numberOfDivisions: l = 7,
|
|
1420
|
+
leftPadding: c = 200
|
|
1432
1421
|
}) => {
|
|
1433
|
-
const { t: u } =
|
|
1422
|
+
const { t: u } = k();
|
|
1434
1423
|
return /* @__PURE__ */ p(
|
|
1435
1424
|
"div",
|
|
1436
1425
|
{
|
|
1437
1426
|
className: Qe.graphicContainer,
|
|
1438
1427
|
style: {
|
|
1439
|
-
...
|
|
1428
|
+
...s || {},
|
|
1440
1429
|
border: `1.5px solid ${o}`
|
|
1441
1430
|
},
|
|
1442
1431
|
children: [
|
|
1443
|
-
/* @__PURE__ */
|
|
1444
|
-
/* @__PURE__ */
|
|
1432
|
+
/* @__PURE__ */ i("div", { className: Qe.titleContainer, children: /* @__PURE__ */ i("h2", { children: u(t) }) }),
|
|
1433
|
+
/* @__PURE__ */ i(
|
|
1445
1434
|
Ct,
|
|
1446
1435
|
{
|
|
1447
1436
|
data: n,
|
|
1448
1437
|
width: d,
|
|
1449
1438
|
fontColor: r,
|
|
1450
1439
|
maxValue: a,
|
|
1451
|
-
numberOfDivisions:
|
|
1452
|
-
leftPadding:
|
|
1440
|
+
numberOfDivisions: l,
|
|
1441
|
+
leftPadding: c
|
|
1453
1442
|
}
|
|
1454
1443
|
)
|
|
1455
1444
|
]
|
|
@@ -1473,7 +1462,7 @@ a0.propTypes = {
|
|
|
1473
1462
|
numberOfDivisions: e.number,
|
|
1474
1463
|
leftPadding: e.number
|
|
1475
1464
|
};
|
|
1476
|
-
const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu33_11",
|
|
1465
|
+
const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu33_11", Te = {
|
|
1477
1466
|
indicatorsCategory: l0,
|
|
1478
1467
|
title: c0,
|
|
1479
1468
|
list: d0
|
|
@@ -1491,45 +1480,45 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1491
1480
|
}, He = ({
|
|
1492
1481
|
indicator: n,
|
|
1493
1482
|
values: d = [],
|
|
1494
|
-
activeColor:
|
|
1483
|
+
activeColor: s,
|
|
1495
1484
|
defaultColor: o = "#92898A",
|
|
1496
1485
|
activeIndicator: t,
|
|
1497
1486
|
activeIndicatorType: r,
|
|
1498
1487
|
onClickIndicator: a,
|
|
1499
|
-
multiple:
|
|
1500
|
-
onChangeType:
|
|
1488
|
+
multiple: l = !1,
|
|
1489
|
+
onChangeType: c
|
|
1501
1490
|
}) => {
|
|
1502
|
-
const { t: u } =
|
|
1503
|
-
|
|
1504
|
-
t &&
|
|
1505
|
-
|
|
1491
|
+
const { t: u } = k(), { name: h, type: g, disabled: _ } = n, [y, m] = L(!1);
|
|
1492
|
+
T(() => {
|
|
1493
|
+
t && m(
|
|
1494
|
+
l ? t.some(
|
|
1506
1495
|
(f) => f.name == String(h)
|
|
1507
1496
|
) : t.name == h
|
|
1508
1497
|
);
|
|
1509
1498
|
}, [t]);
|
|
1510
|
-
const
|
|
1499
|
+
const b = () => /* @__PURE__ */ i("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: V.switchType, children: /* @__PURE__ */ p("div", { className: V.switchTypeOptions, children: [
|
|
1511
1500
|
/* @__PURE__ */ p(
|
|
1512
1501
|
"div",
|
|
1513
1502
|
{
|
|
1514
1503
|
className: V.optionContainer,
|
|
1515
|
-
onClick: () =>
|
|
1504
|
+
onClick: () => c("cat"),
|
|
1516
1505
|
children: [
|
|
1517
|
-
/* @__PURE__ */
|
|
1506
|
+
/* @__PURE__ */ i(
|
|
1518
1507
|
"span",
|
|
1519
1508
|
{
|
|
1520
1509
|
className: `${V.customRadious}`,
|
|
1521
1510
|
style: {
|
|
1522
|
-
backgroundColor: r === "cat" ?
|
|
1523
|
-
borderColor: r === "cat" ?
|
|
1511
|
+
backgroundColor: r === "cat" ? s : "transparent",
|
|
1512
|
+
borderColor: r === "cat" ? s : o
|
|
1524
1513
|
}
|
|
1525
1514
|
}
|
|
1526
1515
|
),
|
|
1527
|
-
/* @__PURE__ */
|
|
1516
|
+
/* @__PURE__ */ i(
|
|
1528
1517
|
"h4",
|
|
1529
1518
|
{
|
|
1530
1519
|
className: V.optionText,
|
|
1531
1520
|
style: {
|
|
1532
|
-
color: r === "cat" ?
|
|
1521
|
+
color: r === "cat" ? s : o
|
|
1533
1522
|
},
|
|
1534
1523
|
children: u("indicators.cat")
|
|
1535
1524
|
}
|
|
@@ -1541,24 +1530,24 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1541
1530
|
"div",
|
|
1542
1531
|
{
|
|
1543
1532
|
className: V.optionContainer,
|
|
1544
|
-
onClick: () =>
|
|
1533
|
+
onClick: () => c("abs"),
|
|
1545
1534
|
children: [
|
|
1546
|
-
/* @__PURE__ */
|
|
1535
|
+
/* @__PURE__ */ i(
|
|
1547
1536
|
"span",
|
|
1548
1537
|
{
|
|
1549
1538
|
className: `${V.customRadious}`,
|
|
1550
1539
|
style: {
|
|
1551
|
-
backgroundColor: r === "abs" ?
|
|
1552
|
-
borderColor: r === "abs" ?
|
|
1540
|
+
backgroundColor: r === "abs" ? s : "transparent",
|
|
1541
|
+
borderColor: r === "abs" ? s : o
|
|
1553
1542
|
}
|
|
1554
1543
|
}
|
|
1555
1544
|
),
|
|
1556
|
-
/* @__PURE__ */
|
|
1545
|
+
/* @__PURE__ */ i(
|
|
1557
1546
|
"h4",
|
|
1558
1547
|
{
|
|
1559
1548
|
className: V.optionText,
|
|
1560
1549
|
style: {
|
|
1561
|
-
color: r === "abs" ?
|
|
1550
|
+
color: r === "abs" ? s : o
|
|
1562
1551
|
},
|
|
1563
1552
|
children: u("indicators.abs")
|
|
1564
1553
|
}
|
|
@@ -1566,18 +1555,18 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1566
1555
|
]
|
|
1567
1556
|
}
|
|
1568
1557
|
)
|
|
1569
|
-
] }) }) }),
|
|
1558
|
+
] }) }) }), C = () => /* @__PURE__ */ i("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: V.switchType, children: /* @__PURE__ */ i("div", { className: V.switchTypeOptions, children: d.map((f, v) => /* @__PURE__ */ p(
|
|
1570
1559
|
"div",
|
|
1571
1560
|
{
|
|
1572
1561
|
className: V.optionContainer,
|
|
1573
1562
|
children: [
|
|
1574
|
-
/* @__PURE__ */
|
|
1563
|
+
/* @__PURE__ */ i(
|
|
1575
1564
|
"span",
|
|
1576
1565
|
{
|
|
1577
1566
|
className: V.customRadious
|
|
1578
1567
|
}
|
|
1579
1568
|
),
|
|
1580
|
-
/* @__PURE__ */
|
|
1569
|
+
/* @__PURE__ */ i("h4", { children: u(f.unit) })
|
|
1581
1570
|
]
|
|
1582
1571
|
},
|
|
1583
1572
|
v
|
|
@@ -1589,29 +1578,29 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1589
1578
|
className: V.indicatorNameContainer,
|
|
1590
1579
|
onClick: () => !_ && a({ indicator: n }),
|
|
1591
1580
|
children: [
|
|
1592
|
-
/* @__PURE__ */
|
|
1581
|
+
/* @__PURE__ */ i(
|
|
1593
1582
|
"div",
|
|
1594
1583
|
{
|
|
1595
1584
|
style: {
|
|
1596
|
-
border: y ? `1px solid ${
|
|
1585
|
+
border: y ? `1px solid ${s}` : `1px solid ${o}`,
|
|
1597
1586
|
opacity: _ ? 0.5 : 1
|
|
1598
1587
|
},
|
|
1599
1588
|
className: V.dot
|
|
1600
1589
|
}
|
|
1601
1590
|
),
|
|
1602
|
-
/* @__PURE__ */
|
|
1591
|
+
/* @__PURE__ */ i(
|
|
1603
1592
|
"h4",
|
|
1604
1593
|
{
|
|
1605
1594
|
className: V.indicatorName,
|
|
1606
1595
|
style: {
|
|
1607
|
-
color: y ?
|
|
1596
|
+
color: y ? s : o,
|
|
1608
1597
|
opacity: _ ? 0.5 : 1
|
|
1609
1598
|
},
|
|
1610
|
-
children: /* @__PURE__ */
|
|
1599
|
+
children: /* @__PURE__ */ i(
|
|
1611
1600
|
ze,
|
|
1612
1601
|
{
|
|
1613
1602
|
i18nKey: h,
|
|
1614
|
-
components: { sup: /* @__PURE__ */
|
|
1603
|
+
components: { sup: /* @__PURE__ */ i("sup", {}) },
|
|
1615
1604
|
shouldUnescape: !0
|
|
1616
1605
|
}
|
|
1617
1606
|
)
|
|
@@ -1620,8 +1609,8 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1620
1609
|
]
|
|
1621
1610
|
}
|
|
1622
1611
|
),
|
|
1623
|
-
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */
|
|
1624
|
-
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */
|
|
1612
|
+
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ i("div", { children: b() }),
|
|
1613
|
+
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ i("div", { children: C() })
|
|
1625
1614
|
] });
|
|
1626
1615
|
};
|
|
1627
1616
|
He.propTypes = {
|
|
@@ -1642,20 +1631,20 @@ const v0 = "_indicatorsSubCategory_1dzsi_2", x0 = "_list_1dzsi_8", Xe = {
|
|
|
1642
1631
|
}, ft = ({
|
|
1643
1632
|
subcName: n,
|
|
1644
1633
|
indicators: d,
|
|
1645
|
-
defaultColor:
|
|
1634
|
+
defaultColor: s,
|
|
1646
1635
|
activeColor: o,
|
|
1647
1636
|
activeSubCategory: t,
|
|
1648
1637
|
onClickSubCategory: r,
|
|
1649
1638
|
id: a,
|
|
1650
|
-
activeIndicator:
|
|
1651
|
-
onClickIndicator:
|
|
1639
|
+
activeIndicator: l,
|
|
1640
|
+
onClickIndicator: c,
|
|
1652
1641
|
multiple: u,
|
|
1653
1642
|
activeIndicatorType: h,
|
|
1654
1643
|
onChangeType: g
|
|
1655
1644
|
}) => {
|
|
1656
|
-
const { t: _ } =
|
|
1657
|
-
return
|
|
1658
|
-
|
|
1645
|
+
const { t: _ } = k(), [y, m] = L(!1);
|
|
1646
|
+
return T(() => {
|
|
1647
|
+
m(t == a);
|
|
1659
1648
|
}, [t, a]), /* @__PURE__ */ p(
|
|
1660
1649
|
Ze.div,
|
|
1661
1650
|
{
|
|
@@ -1664,29 +1653,29 @@ const v0 = "_indicatorsSubCategory_1dzsi_2", x0 = "_list_1dzsi_8", Xe = {
|
|
|
1664
1653
|
animate: { height: y ? "auto" : "43px" },
|
|
1665
1654
|
transition: { duration: 0.4 },
|
|
1666
1655
|
children: [
|
|
1667
|
-
/* @__PURE__ */
|
|
1668
|
-
/* @__PURE__ */
|
|
1669
|
-
/* @__PURE__ */
|
|
1656
|
+
/* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */ p("h3", { style: { color: y ? o : s }, children: [
|
|
1657
|
+
/* @__PURE__ */ i("span", { style: { color: y ? o : s }, children: y ? "-" : "+" }),
|
|
1658
|
+
/* @__PURE__ */ i(
|
|
1670
1659
|
"span",
|
|
1671
1660
|
{
|
|
1672
|
-
style: { marginLeft: 12, color: y ? o :
|
|
1661
|
+
style: { marginLeft: 12, color: y ? o : s },
|
|
1673
1662
|
children: _(n)
|
|
1674
1663
|
}
|
|
1675
1664
|
)
|
|
1676
1665
|
] }) }),
|
|
1677
|
-
d && /* @__PURE__ */
|
|
1666
|
+
d && /* @__PURE__ */ i("div", { className: Xe.list, children: d == null ? void 0 : d.map((b, C) => /* @__PURE__ */ i(
|
|
1678
1667
|
He,
|
|
1679
1668
|
{
|
|
1680
|
-
indicator:
|
|
1681
|
-
defaultColor:
|
|
1669
|
+
indicator: b,
|
|
1670
|
+
defaultColor: s,
|
|
1682
1671
|
activeColor: o,
|
|
1683
|
-
activeIndicator:
|
|
1684
|
-
onClickIndicator:
|
|
1672
|
+
activeIndicator: l,
|
|
1673
|
+
onClickIndicator: c,
|
|
1685
1674
|
multiple: u,
|
|
1686
1675
|
activeIndicatorType: h,
|
|
1687
1676
|
onChangeType: g
|
|
1688
1677
|
},
|
|
1689
|
-
"indicator" +
|
|
1678
|
+
"indicator" + C
|
|
1690
1679
|
)) })
|
|
1691
1680
|
]
|
|
1692
1681
|
}
|
|
@@ -1707,72 +1696,72 @@ ft.propTypes = {
|
|
|
1707
1696
|
const bt = ({
|
|
1708
1697
|
cat: n,
|
|
1709
1698
|
id: d,
|
|
1710
|
-
activeColor:
|
|
1699
|
+
activeColor: s,
|
|
1711
1700
|
defaultColor: o,
|
|
1712
1701
|
onClickCategory: t,
|
|
1713
1702
|
activeCategory: r,
|
|
1714
1703
|
activeSubCategory: a,
|
|
1715
|
-
onClickSubCategory:
|
|
1716
|
-
activeIndicator:
|
|
1704
|
+
onClickSubCategory: l,
|
|
1705
|
+
activeIndicator: c,
|
|
1717
1706
|
onClickIndicator: u,
|
|
1718
1707
|
multiple: h,
|
|
1719
1708
|
activeIndicatorType: g,
|
|
1720
1709
|
onChangeType: _
|
|
1721
1710
|
}) => {
|
|
1722
|
-
var
|
|
1723
|
-
const { t: y } =
|
|
1724
|
-
return
|
|
1725
|
-
|
|
1711
|
+
var C;
|
|
1712
|
+
const { t: y } = k(), [m, b] = L(!1);
|
|
1713
|
+
return T(() => {
|
|
1714
|
+
b(r === d);
|
|
1726
1715
|
}, [r, d]), /* @__PURE__ */ p(
|
|
1727
1716
|
Ze.div,
|
|
1728
1717
|
{
|
|
1729
|
-
className:
|
|
1718
|
+
className: Te.indicatorsCategory,
|
|
1730
1719
|
initial: { height: "53px" },
|
|
1731
|
-
animate: { height:
|
|
1720
|
+
animate: { height: m ? "auto" : "53px" },
|
|
1732
1721
|
transition: { duration: 0.4 },
|
|
1733
1722
|
style: {
|
|
1734
1723
|
backgroundColor: "white",
|
|
1735
|
-
borderBottom:
|
|
1736
|
-
marginBottom:
|
|
1724
|
+
borderBottom: m ? `1px solid ${s}` : "0px",
|
|
1725
|
+
marginBottom: m ? "20px" : "0px"
|
|
1737
1726
|
},
|
|
1738
1727
|
children: [
|
|
1739
|
-
/* @__PURE__ */ p("h2", { className: `${
|
|
1740
|
-
/* @__PURE__ */
|
|
1741
|
-
/* @__PURE__ */
|
|
1728
|
+
/* @__PURE__ */ p("h2", { className: `${Te.title}`, onClick: () => t(d), children: [
|
|
1729
|
+
/* @__PURE__ */ i("span", { style: { color: m ? s : o }, children: m ? "-" : "+" }),
|
|
1730
|
+
/* @__PURE__ */ i(
|
|
1742
1731
|
"span",
|
|
1743
1732
|
{
|
|
1744
|
-
style: { marginLeft: 12, color:
|
|
1733
|
+
style: { marginLeft: 12, color: m ? s : o },
|
|
1745
1734
|
children: y(n.name)
|
|
1746
1735
|
}
|
|
1747
1736
|
)
|
|
1748
1737
|
] }),
|
|
1749
1738
|
n.subcategories ? n.subcategories.map(
|
|
1750
|
-
({ name: f, subcategory: v, indicators:
|
|
1739
|
+
({ name: f, subcategory: v, indicators: N }, x) => /* @__PURE__ */ i(
|
|
1751
1740
|
ft,
|
|
1752
1741
|
{
|
|
1753
1742
|
id: v,
|
|
1754
1743
|
activeSubCategory: a,
|
|
1755
1744
|
subcName: f,
|
|
1756
|
-
onClickSubCategory:
|
|
1757
|
-
activeIndicator:
|
|
1745
|
+
onClickSubCategory: l,
|
|
1746
|
+
activeIndicator: c,
|
|
1758
1747
|
onClickIndicator: u,
|
|
1759
1748
|
multiple: h,
|
|
1760
|
-
activeColor:
|
|
1749
|
+
activeColor: s,
|
|
1761
1750
|
defaultColor: o,
|
|
1762
|
-
indicators:
|
|
1751
|
+
indicators: N,
|
|
1763
1752
|
activeIndicatorType: g,
|
|
1764
1753
|
onChangeType: _
|
|
1765
1754
|
},
|
|
1766
1755
|
`subcKey ${x}`
|
|
1767
1756
|
)
|
|
1768
|
-
) : /* @__PURE__ */
|
|
1757
|
+
) : /* @__PURE__ */ i("div", { className: Te.list, children: (C = n.indicators) == null ? void 0 : C.map((f, v) => /* @__PURE__ */ i(
|
|
1769
1758
|
He,
|
|
1770
1759
|
{
|
|
1771
1760
|
indicator: f,
|
|
1772
1761
|
values: f.type == "twoUnits" && f.values,
|
|
1773
|
-
activeColor:
|
|
1762
|
+
activeColor: s,
|
|
1774
1763
|
defaultColor: o,
|
|
1775
|
-
activeIndicator:
|
|
1764
|
+
activeIndicator: c,
|
|
1776
1765
|
onClickIndicator: u,
|
|
1777
1766
|
multiple: h,
|
|
1778
1767
|
activeIndicatorType: g,
|
|
@@ -1804,7 +1793,7 @@ const w0 = "_indicatorsList_fklyu_2", N0 = "_title_fklyu_6", Je = {
|
|
|
1804
1793
|
}, k0 = ({
|
|
1805
1794
|
indicators: n,
|
|
1806
1795
|
activeColor: d,
|
|
1807
|
-
defaultColor:
|
|
1796
|
+
defaultColor: s = "#92898A",
|
|
1808
1797
|
// Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
|
|
1809
1798
|
onChange: o,
|
|
1810
1799
|
// Selección multiple
|
|
@@ -1813,74 +1802,74 @@ const w0 = "_indicatorsList_fklyu_2", N0 = "_title_fklyu_6", Je = {
|
|
|
1813
1802
|
defaultValue: r = null,
|
|
1814
1803
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1815
1804
|
changeIndType: a,
|
|
1816
|
-
activeIndicatorType:
|
|
1805
|
+
activeIndicatorType: l
|
|
1817
1806
|
}) => {
|
|
1818
|
-
const { t:
|
|
1807
|
+
const { t: c } = k(), [u, h] = L(), [g, _] = L(), [y, m] = L(), b = (x) => {
|
|
1819
1808
|
h(u == x ? null : x);
|
|
1820
|
-
},
|
|
1809
|
+
}, C = (x) => {
|
|
1821
1810
|
_(g == x ? null : x);
|
|
1822
1811
|
}, f = ({ indicator: x }) => {
|
|
1823
1812
|
console.log("onClickIndicator: ", x), v(x);
|
|
1824
1813
|
}, v = (x) => {
|
|
1825
1814
|
if (!t)
|
|
1826
|
-
|
|
1815
|
+
m(
|
|
1827
1816
|
(y == null ? void 0 : y.name) == x.name ? null : x
|
|
1828
1817
|
);
|
|
1829
1818
|
else {
|
|
1830
|
-
let
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
(
|
|
1834
|
-
) ?
|
|
1835
|
-
(
|
|
1836
|
-
) : [...
|
|
1819
|
+
let w = y && y.length > 0 ? [...y] : [];
|
|
1820
|
+
m(
|
|
1821
|
+
w != null && w.some(
|
|
1822
|
+
($) => $.name == x.name
|
|
1823
|
+
) ? w.filter(
|
|
1824
|
+
($) => $.name != String(x.name)
|
|
1825
|
+
) : [...w, x]
|
|
1837
1826
|
), x.type == "both" && a("cat");
|
|
1838
1827
|
}
|
|
1839
1828
|
};
|
|
1840
|
-
|
|
1829
|
+
T(() => {
|
|
1841
1830
|
console.log("activeindicator changed to: ", y), o && typeof o == "function" && y && o({ activeIndicator: y });
|
|
1842
|
-
}, [y]),
|
|
1831
|
+
}, [y]), Tt(() => {
|
|
1843
1832
|
if (r && !y)
|
|
1844
1833
|
if (t && r && Array.isArray(r)) {
|
|
1845
1834
|
let x = y && y.length > 0 ? [...y] : [];
|
|
1846
|
-
|
|
1835
|
+
m([...x, ...r]), N(r[0].name);
|
|
1847
1836
|
} else
|
|
1848
|
-
v(r),
|
|
1837
|
+
v(r), N(r.name);
|
|
1849
1838
|
}, []);
|
|
1850
|
-
const
|
|
1851
|
-
const
|
|
1852
|
-
if (
|
|
1853
|
-
let S =
|
|
1854
|
-
(
|
|
1839
|
+
const N = (x) => {
|
|
1840
|
+
const w = n.find(($) => {
|
|
1841
|
+
if ($.subcategories) {
|
|
1842
|
+
let S = $.subcategories.find(
|
|
1843
|
+
(D) => D.indicators.find((j) => j.name == x)
|
|
1855
1844
|
);
|
|
1856
1845
|
if (S)
|
|
1857
1846
|
return _(S.subcategory), S;
|
|
1858
1847
|
} else
|
|
1859
|
-
return
|
|
1848
|
+
return $.indicators.some((S) => S.name == x);
|
|
1860
1849
|
});
|
|
1861
|
-
|
|
1850
|
+
w && h(w.category);
|
|
1862
1851
|
};
|
|
1863
1852
|
return /* @__PURE__ */ p("div", { className: Je.indicatorsList, children: [
|
|
1864
|
-
/* @__PURE__ */
|
|
1865
|
-
n.map((x,
|
|
1853
|
+
/* @__PURE__ */ i("h2", { className: Je.title, style: { color: s }, children: c("indicators.indicators") }),
|
|
1854
|
+
n.map((x, w) => /* @__PURE__ */ i(
|
|
1866
1855
|
bt,
|
|
1867
1856
|
{
|
|
1868
1857
|
id: x.category,
|
|
1869
1858
|
cat: x,
|
|
1870
|
-
onClickCategory:
|
|
1859
|
+
onClickCategory: b,
|
|
1871
1860
|
activeCategory: u,
|
|
1872
|
-
onClickSubCategory:
|
|
1861
|
+
onClickSubCategory: C,
|
|
1873
1862
|
activeSubCategory: g,
|
|
1874
1863
|
onClickIndicator: f,
|
|
1875
1864
|
activeIndicator: y,
|
|
1876
1865
|
activeColor: d,
|
|
1877
|
-
defaultColor:
|
|
1866
|
+
defaultColor: s,
|
|
1878
1867
|
multiple: t,
|
|
1879
1868
|
onChange: o,
|
|
1880
1869
|
onChangeType: a,
|
|
1881
|
-
activeIndicatorType:
|
|
1870
|
+
activeIndicatorType: l
|
|
1882
1871
|
},
|
|
1883
|
-
`categoryKey${
|
|
1872
|
+
`categoryKey${w}`
|
|
1884
1873
|
))
|
|
1885
1874
|
] });
|
|
1886
1875
|
};
|
|
@@ -1895,43 +1884,43 @@ k0.propTypes = {
|
|
|
1895
1884
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
1896
1885
|
activeIndicatorType: e.string
|
|
1897
1886
|
};
|
|
1898
|
-
const
|
|
1899
|
-
langSelector:
|
|
1887
|
+
const $0 = "_langSelector_o9enq_2", S0 = "_currentLang_o9enq_14", B0 = "_arrow_o9enq_26", L0 = "_prevImg_o9enq_29", T0 = "_langMenu_o9enq_33", re = {
|
|
1888
|
+
langSelector: $0,
|
|
1900
1889
|
currentLang: S0,
|
|
1901
|
-
arrow:
|
|
1902
|
-
prevImg:
|
|
1903
|
-
langMenu:
|
|
1904
|
-
},
|
|
1905
|
-
const [o, t] =
|
|
1906
|
-
r.changeLanguage(
|
|
1890
|
+
arrow: B0,
|
|
1891
|
+
prevImg: L0,
|
|
1892
|
+
langMenu: T0
|
|
1893
|
+
}, D0 = ({ langs: n, arrow: d, imgPrev: s }) => {
|
|
1894
|
+
const [o, t] = L(!1), { i18n: r } = k(), a = n.find((c) => c.code == r.language), l = (c) => {
|
|
1895
|
+
r.changeLanguage(c), t(!1);
|
|
1907
1896
|
};
|
|
1908
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1897
|
+
return /* @__PURE__ */ p("div", { className: re.langSelector, children: [
|
|
1909
1898
|
/* @__PURE__ */ p(
|
|
1910
1899
|
"div",
|
|
1911
1900
|
{
|
|
1912
|
-
className:
|
|
1901
|
+
className: re.currentLang,
|
|
1913
1902
|
onClick: () => {
|
|
1914
1903
|
t(!o);
|
|
1915
1904
|
},
|
|
1916
1905
|
children: [
|
|
1917
|
-
|
|
1906
|
+
s && /* @__PURE__ */ i("img", { className: re.prevImg, src: s }),
|
|
1918
1907
|
(a == null ? void 0 : a.titleSelected) || (a == null ? void 0 : a.title),
|
|
1919
|
-
/* @__PURE__ */
|
|
1908
|
+
/* @__PURE__ */ i("img", { src: d, className: re.arrow })
|
|
1920
1909
|
]
|
|
1921
1910
|
}
|
|
1922
1911
|
),
|
|
1923
|
-
o && /* @__PURE__ */
|
|
1912
|
+
o && /* @__PURE__ */ i("div", { className: re.langMenu, children: n.map((c) => /* @__PURE__ */ i(
|
|
1924
1913
|
"button",
|
|
1925
1914
|
{
|
|
1926
|
-
className: (a == null ? void 0 : a.code) ==
|
|
1927
|
-
onClick: () => c
|
|
1928
|
-
children:
|
|
1915
|
+
className: (a == null ? void 0 : a.code) == c.code ? re.active : "",
|
|
1916
|
+
onClick: () => l(c.code),
|
|
1917
|
+
children: c.title
|
|
1929
1918
|
},
|
|
1930
|
-
|
|
1919
|
+
c.code
|
|
1931
1920
|
)) })
|
|
1932
1921
|
] });
|
|
1933
1922
|
};
|
|
1934
|
-
|
|
1923
|
+
D0.propTypes = {
|
|
1935
1924
|
langs: e.arrayOf(
|
|
1936
1925
|
e.shape({
|
|
1937
1926
|
code: e.string,
|
|
@@ -1945,8 +1934,8 @@ M0.propTypes = {
|
|
|
1945
1934
|
arrow: e.object,
|
|
1946
1935
|
imgPrev: e.object
|
|
1947
1936
|
};
|
|
1948
|
-
const
|
|
1949
|
-
legendContainer:
|
|
1937
|
+
const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titleContainer_qs4x9_59", A0 = "_infoContainer_qs4x9_65", O0 = "_titleLegendList_qs4x9_76", I0 = "_legendListContainer_qs4x9_82", R0 = "_gridContainer_qs4x9_82", q0 = "_elementLegendContainer_qs4x9_88", E0 = "_colorDot_qs4x9_94", P0 = "_absoluteValueContainer_qs4x9_100", j0 = "_absoluteValueColor_qs4x9_103", z0 = "_absoluteValueText_qs4x9_108", Z0 = "_noDataContainer_qs4x9_120", K0 = "_noData_qs4x9_120", H0 = "_moreInfoContainer_qs4x9_141", F = {
|
|
1938
|
+
legendContainer: M0,
|
|
1950
1939
|
closeButton: F0,
|
|
1951
1940
|
titleContainer: V0,
|
|
1952
1941
|
infoContainer: A0,
|
|
@@ -1967,7 +1956,7 @@ const D0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
1967
1956
|
//Title on top of the legend
|
|
1968
1957
|
title: d,
|
|
1969
1958
|
//Array to display the info behind the title should have: [{title, value}, ...]
|
|
1970
|
-
infoList:
|
|
1959
|
+
infoList: s,
|
|
1971
1960
|
//Array to display the items of the legend: [{title, color}, ...]
|
|
1972
1961
|
//color should be a string with hexadecimal value
|
|
1973
1962
|
legendList: o,
|
|
@@ -1981,29 +1970,29 @@ const D0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
1981
1970
|
//If this is null or undefined the button wont be displayed.
|
|
1982
1971
|
onClickMoreInfo: a,
|
|
1983
1972
|
//If not passed it will read t("moreInformation")
|
|
1984
|
-
buttonTitle:
|
|
1985
|
-
onClickClose:
|
|
1973
|
+
buttonTitle: l,
|
|
1974
|
+
onClickClose: c
|
|
1986
1975
|
}) => {
|
|
1987
|
-
const { t: u } =
|
|
1976
|
+
const { t: u } = k();
|
|
1988
1977
|
return /* @__PURE__ */ p(
|
|
1989
1978
|
"div",
|
|
1990
1979
|
{
|
|
1991
1980
|
style: n ? { ...n } : {},
|
|
1992
1981
|
className: `${F.legendContainer}`,
|
|
1993
1982
|
children: [
|
|
1994
|
-
/* @__PURE__ */
|
|
1995
|
-
d && /* @__PURE__ */
|
|
1996
|
-
|
|
1997
|
-
/* @__PURE__ */
|
|
1983
|
+
/* @__PURE__ */ i("button", { className: F.closeButton, onClick: c }),
|
|
1984
|
+
d && /* @__PURE__ */ i("div", { className: F.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
|
|
1985
|
+
s && s.length > 0 && /* @__PURE__ */ i("div", { className: F.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
|
|
1986
|
+
/* @__PURE__ */ i("h3", { className: F.title, children: `${h}:` }),
|
|
1998
1987
|
/* @__PURE__ */ p("span", { className: F.value, children: [
|
|
1999
1988
|
" ",
|
|
2000
1989
|
g
|
|
2001
1990
|
] })
|
|
2002
1991
|
] }, d)) }) }),
|
|
2003
|
-
/* @__PURE__ */
|
|
1992
|
+
/* @__PURE__ */ i("h3", { className: F.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ i(ze, { i18nKey: t, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }) }),
|
|
2004
1993
|
/* @__PURE__ */ p("div", { className: F.legendListContainer, children: [
|
|
2005
1994
|
r ? /* @__PURE__ */ p("div", { className: F.absoluteValueContainer, children: [
|
|
2006
|
-
/* @__PURE__ */
|
|
1995
|
+
/* @__PURE__ */ i(
|
|
2007
1996
|
"div",
|
|
2008
1997
|
{
|
|
2009
1998
|
className: F.absoluteValueColor,
|
|
@@ -2029,9 +2018,9 @@ const D0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2029
2018
|
u(r.unit)
|
|
2030
2019
|
] })
|
|
2031
2020
|
] })
|
|
2032
|
-
] }) : o && o.length > 0 && /* @__PURE__ */
|
|
2021
|
+
] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className: F.gridContainer, children: o.map(
|
|
2033
2022
|
({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: F.elementLegendContainer, children: [
|
|
2034
|
-
/* @__PURE__ */
|
|
2023
|
+
/* @__PURE__ */ i(
|
|
2035
2024
|
"div",
|
|
2036
2025
|
{
|
|
2037
2026
|
className: F.colorDot,
|
|
@@ -2045,7 +2034,7 @@ const D0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2045
2034
|
] }, d)
|
|
2046
2035
|
) }),
|
|
2047
2036
|
r.noDataColor && /* @__PURE__ */ p("div", { className: F.noDataContainer, children: [
|
|
2048
|
-
/* @__PURE__ */
|
|
2037
|
+
/* @__PURE__ */ i(
|
|
2049
2038
|
"div",
|
|
2050
2039
|
{
|
|
2051
2040
|
className: F.noData,
|
|
@@ -2054,10 +2043,10 @@ const D0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2054
2043
|
}
|
|
2055
2044
|
}
|
|
2056
2045
|
),
|
|
2057
|
-
/* @__PURE__ */
|
|
2046
|
+
/* @__PURE__ */ i("div", { className: F.absoluteValueText, children: /* @__PURE__ */ i("span", { children: u(r.noDataText) }) })
|
|
2058
2047
|
] })
|
|
2059
2048
|
] }),
|
|
2060
|
-
a && /* @__PURE__ */
|
|
2049
|
+
a && /* @__PURE__ */ i("button", { className: F.moreInfoContainer, onClick: a, children: l || u("moreInformation") })
|
|
2061
2050
|
]
|
|
2062
2051
|
}
|
|
2063
2052
|
);
|
|
@@ -2091,9 +2080,9 @@ U0.propTypes = {
|
|
|
2091
2080
|
};
|
|
2092
2081
|
const G0 = "_logo_1ewa6_2", et = {
|
|
2093
2082
|
logo: G0
|
|
2094
|
-
}, W0 = ({ src: n, alt: d, href:
|
|
2095
|
-
const { t: o } =
|
|
2096
|
-
return
|
|
2083
|
+
}, W0 = ({ src: n, alt: d, href: s }) => {
|
|
2084
|
+
const { t: o } = k(), t = /* @__PURE__ */ i("img", { src: n, alt: o(d) });
|
|
2085
|
+
return s ? /* @__PURE__ */ i("div", { className: et.logo, children: /* @__PURE__ */ i("a", { href: s, children: t }) }) : /* @__PURE__ */ i("div", { className: et.logo, children: t });
|
|
2097
2086
|
};
|
|
2098
2087
|
W0.propTypes = {
|
|
2099
2088
|
src: e.string.isRequired,
|
|
@@ -2104,46 +2093,46 @@ W0.propTypes = {
|
|
|
2104
2093
|
const Y0 = "_mapContainer_84pkf_2", Q0 = {
|
|
2105
2094
|
mapContainer: Y0
|
|
2106
2095
|
};
|
|
2107
|
-
|
|
2096
|
+
Mt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
2108
2097
|
const X0 = ({
|
|
2109
2098
|
initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2110
2099
|
maxZoom: d = 17,
|
|
2111
|
-
minZoom:
|
|
2100
|
+
minZoom: s = 8,
|
|
2112
2101
|
mapStyle: o,
|
|
2113
2102
|
firstSymbolLayer: t,
|
|
2114
2103
|
cssProps: r = "",
|
|
2115
2104
|
onClick: a = "",
|
|
2116
|
-
interactiveLayers:
|
|
2117
|
-
popUp:
|
|
2105
|
+
interactiveLayers: l = [],
|
|
2106
|
+
popUp: c = !1,
|
|
2118
2107
|
sources: u = [],
|
|
2119
2108
|
layers: h = []
|
|
2120
2109
|
}) => {
|
|
2121
|
-
const g =
|
|
2122
|
-
return
|
|
2110
|
+
const g = ne(), [_, y] = L(null), m = Ft((b) => b.mapState.showTexts);
|
|
2111
|
+
return T(() => {
|
|
2123
2112
|
if (g.current) {
|
|
2124
|
-
const
|
|
2125
|
-
|
|
2126
|
-
f.type == "symbol" && f.id != "professionals" && (
|
|
2113
|
+
const b = g.current.getMap();
|
|
2114
|
+
b.getStyle().layers.map((f) => {
|
|
2115
|
+
f.type == "symbol" && f.id != "professionals" && (m ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
|
|
2127
2116
|
});
|
|
2128
2117
|
}
|
|
2129
|
-
}, [
|
|
2118
|
+
}, [m]), /* @__PURE__ */ i("div", { className: `${Q0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
|
|
2130
2119
|
At,
|
|
2131
2120
|
{
|
|
2132
2121
|
initialViewState: n,
|
|
2133
2122
|
ref: g,
|
|
2134
2123
|
hash: !1,
|
|
2135
2124
|
maxZoom: d,
|
|
2136
|
-
minZoom:
|
|
2125
|
+
minZoom: s,
|
|
2137
2126
|
mapStyle: o,
|
|
2138
2127
|
onClick: a,
|
|
2139
|
-
interactiveLayerIds:
|
|
2128
|
+
interactiveLayerIds: l,
|
|
2140
2129
|
children: [
|
|
2141
|
-
u.length && u.map((
|
|
2130
|
+
u.length && u.map((b, C) => /* @__PURE__ */ i(
|
|
2142
2131
|
Ot,
|
|
2143
2132
|
{
|
|
2144
|
-
...
|
|
2133
|
+
...b,
|
|
2145
2134
|
children: h.length && h.map((f, v) => {
|
|
2146
|
-
if (f.sourceId ==
|
|
2135
|
+
if (f.sourceId == b.id) return /* @__PURE__ */ i(
|
|
2147
2136
|
It,
|
|
2148
2137
|
{
|
|
2149
2138
|
...f.layer,
|
|
@@ -2153,17 +2142,17 @@ const X0 = ({
|
|
|
2153
2142
|
);
|
|
2154
2143
|
})
|
|
2155
2144
|
},
|
|
2156
|
-
|
|
2145
|
+
C
|
|
2157
2146
|
)),
|
|
2158
|
-
/* @__PURE__ */
|
|
2159
|
-
|
|
2147
|
+
/* @__PURE__ */ i(Rt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2148
|
+
c && _ && /* @__PURE__ */ i(
|
|
2160
2149
|
qt,
|
|
2161
2150
|
{
|
|
2162
|
-
longitude:
|
|
2163
|
-
latitude:
|
|
2164
|
-
anchor:
|
|
2151
|
+
longitude: c.longitude,
|
|
2152
|
+
latitude: c.latitude,
|
|
2153
|
+
anchor: c.anchor,
|
|
2165
2154
|
onClose: () => y(null),
|
|
2166
|
-
children:
|
|
2155
|
+
children: c.content
|
|
2167
2156
|
}
|
|
2168
2157
|
)
|
|
2169
2158
|
]
|
|
@@ -2221,28 +2210,28 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2221
2210
|
FeaturePopUp: tn,
|
|
2222
2211
|
title: nn
|
|
2223
2212
|
}, sn = ({ props: n }) => {
|
|
2224
|
-
const { t: d } =
|
|
2225
|
-
return /* @__PURE__ */
|
|
2213
|
+
const { t: d } = k();
|
|
2214
|
+
return /* @__PURE__ */ i("div", { className: tt.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ p("p", { children: [
|
|
2226
2215
|
/* @__PURE__ */ p("span", { className: tt.title, children: [
|
|
2227
|
-
/* @__PURE__ */
|
|
2216
|
+
/* @__PURE__ */ i(ze, { i18nKey: s.name, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }),
|
|
2228
2217
|
":"
|
|
2229
2218
|
] }),
|
|
2230
|
-
isNaN(
|
|
2231
|
-
|
|
2219
|
+
isNaN(s.value) ? /* @__PURE__ */ i(Oe, { children: d(s.value) }) : /* @__PURE__ */ p(Oe, { children: [
|
|
2220
|
+
s.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2232
2221
|
" ",
|
|
2233
|
-
d(
|
|
2222
|
+
d(s.unit)
|
|
2234
2223
|
] })
|
|
2235
2224
|
] })) });
|
|
2236
2225
|
}, on = ({
|
|
2237
2226
|
initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2238
2227
|
maxZoom: d = 17,
|
|
2239
|
-
minZoom:
|
|
2228
|
+
minZoom: s = 8,
|
|
2240
2229
|
mapStyle: o,
|
|
2241
2230
|
firstSymbolLayer: t,
|
|
2242
2231
|
cssProps: r = {},
|
|
2243
2232
|
onClick: a = "",
|
|
2244
|
-
interactiveLayers:
|
|
2245
|
-
sources:
|
|
2233
|
+
interactiveLayers: l = [],
|
|
2234
|
+
sources: c = [],
|
|
2246
2235
|
layers: u = [],
|
|
2247
2236
|
filters: h,
|
|
2248
2237
|
popUpParams: g,
|
|
@@ -2250,38 +2239,38 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2250
2239
|
showTexts: y
|
|
2251
2240
|
}) => {
|
|
2252
2241
|
console.log(h);
|
|
2253
|
-
const
|
|
2254
|
-
return
|
|
2255
|
-
if (
|
|
2256
|
-
const
|
|
2257
|
-
|
|
2258
|
-
f.type == "symbol" && f.id != "professionals" && (y ?
|
|
2242
|
+
const m = ne();
|
|
2243
|
+
return T(() => {
|
|
2244
|
+
if (m.current) {
|
|
2245
|
+
const b = m.current.getMap();
|
|
2246
|
+
b.getStyle().layers.map((f) => {
|
|
2247
|
+
f.type == "symbol" && f.id != "professionals" && (y ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
|
|
2259
2248
|
});
|
|
2260
2249
|
}
|
|
2261
|
-
}, [y]),
|
|
2262
|
-
let
|
|
2263
|
-
return
|
|
2264
|
-
|
|
2250
|
+
}, [y]), T(() => {
|
|
2251
|
+
let b = new Et();
|
|
2252
|
+
return $e.addProtocol("pmtiles", b.tile), () => {
|
|
2253
|
+
$e.removeProtocol("pmtiles");
|
|
2265
2254
|
};
|
|
2266
|
-
}, []), /* @__PURE__ */
|
|
2255
|
+
}, []), /* @__PURE__ */ i("div", { className: `${en.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
|
|
2267
2256
|
Pt,
|
|
2268
2257
|
{
|
|
2269
|
-
mapLib:
|
|
2258
|
+
mapLib: $e,
|
|
2270
2259
|
initialViewState: n,
|
|
2271
|
-
ref:
|
|
2260
|
+
ref: m,
|
|
2272
2261
|
hash: !1,
|
|
2273
2262
|
maxZoom: d,
|
|
2274
|
-
minZoom:
|
|
2263
|
+
minZoom: s,
|
|
2275
2264
|
mapStyle: o,
|
|
2276
2265
|
onClick: a,
|
|
2277
|
-
interactiveLayerIds:
|
|
2266
|
+
interactiveLayerIds: l,
|
|
2278
2267
|
children: [
|
|
2279
|
-
|
|
2268
|
+
c.length && c.map((b, C) => /* @__PURE__ */ i(
|
|
2280
2269
|
jt,
|
|
2281
2270
|
{
|
|
2282
|
-
...
|
|
2271
|
+
...b,
|
|
2283
2272
|
children: u.length && u.map((f, v) => {
|
|
2284
|
-
if (f.sourceId ==
|
|
2273
|
+
if (f.sourceId == b.id) return /* @__PURE__ */ i(
|
|
2285
2274
|
zt,
|
|
2286
2275
|
{
|
|
2287
2276
|
...f.layer,
|
|
@@ -2292,16 +2281,16 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2292
2281
|
);
|
|
2293
2282
|
})
|
|
2294
2283
|
},
|
|
2295
|
-
|
|
2284
|
+
C
|
|
2296
2285
|
)),
|
|
2297
|
-
/* @__PURE__ */
|
|
2298
|
-
g && /* @__PURE__ */
|
|
2286
|
+
/* @__PURE__ */ i(Zt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2287
|
+
g && /* @__PURE__ */ i(
|
|
2299
2288
|
Kt,
|
|
2300
2289
|
{
|
|
2301
2290
|
longitude: g.lng,
|
|
2302
2291
|
latitude: g.lat,
|
|
2303
2292
|
onClose: _,
|
|
2304
|
-
children: /* @__PURE__ */
|
|
2293
|
+
children: /* @__PURE__ */ i(sn, { props: g.props })
|
|
2305
2294
|
}
|
|
2306
2295
|
)
|
|
2307
2296
|
]
|
|
@@ -2351,7 +2340,7 @@ on.propTypes = {
|
|
|
2351
2340
|
popUpParams: e.object,
|
|
2352
2341
|
onClosePopUp: e.func
|
|
2353
2342
|
};
|
|
2354
|
-
const rn = "_sectionBar_1egwc_2", an = "_leftContent_1egwc_14", ln = "_textContainer_1egwc_20", cn = "_title_1egwc_27", dn = "_subtitle_1egwc_33", un = "_rightContent_1egwc_38",
|
|
2343
|
+
const rn = "_sectionBar_1egwc_2", an = "_leftContent_1egwc_14", ln = "_textContainer_1egwc_20", cn = "_title_1egwc_27", dn = "_subtitle_1egwc_33", un = "_rightContent_1egwc_38", X = {
|
|
2355
2344
|
sectionBar: rn,
|
|
2356
2345
|
leftContent: an,
|
|
2357
2346
|
textContainer: ln,
|
|
@@ -2361,21 +2350,21 @@ const rn = "_sectionBar_1egwc_2", an = "_leftContent_1egwc_14", ln = "_textConta
|
|
|
2361
2350
|
}, pn = ({
|
|
2362
2351
|
leftIcon: n,
|
|
2363
2352
|
title: d,
|
|
2364
|
-
subtitle:
|
|
2353
|
+
subtitle: s,
|
|
2365
2354
|
rightContent: o,
|
|
2366
2355
|
mainColor: t,
|
|
2367
2356
|
width: r
|
|
2368
2357
|
}) => {
|
|
2369
|
-
const { t: a } =
|
|
2370
|
-
return /* @__PURE__ */ p("div", { className:
|
|
2371
|
-
/* @__PURE__ */ p("div", { className:
|
|
2372
|
-
n && /* @__PURE__ */
|
|
2373
|
-
/* @__PURE__ */ p("div", { className:
|
|
2374
|
-
/* @__PURE__ */
|
|
2375
|
-
|
|
2358
|
+
const { t: a } = k();
|
|
2359
|
+
return /* @__PURE__ */ p("div", { className: X.sectionBar, style: { width: r && r }, children: [
|
|
2360
|
+
/* @__PURE__ */ p("div", { className: X.leftContent, children: [
|
|
2361
|
+
n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: X.icon }),
|
|
2362
|
+
/* @__PURE__ */ p("div", { className: X.textContainer, children: [
|
|
2363
|
+
/* @__PURE__ */ i("div", { className: X.title, children: a(d) }),
|
|
2364
|
+
s && /* @__PURE__ */ i("div", { className: X.subtitle, children: s })
|
|
2376
2365
|
] })
|
|
2377
2366
|
] }),
|
|
2378
|
-
/* @__PURE__ */
|
|
2367
|
+
/* @__PURE__ */ i("div", { className: X.rightContent, children: o })
|
|
2379
2368
|
] });
|
|
2380
2369
|
};
|
|
2381
2370
|
pn.propTypes = {
|
|
@@ -2418,36 +2407,36 @@ const mn = Ht({
|
|
|
2418
2407
|
n.activeIndicatorUnit = d.payload;
|
|
2419
2408
|
}
|
|
2420
2409
|
}
|
|
2421
|
-
}), { setShowTexts:
|
|
2410
|
+
}), { setShowTexts: Xs, setYear: De, setActiveIndicatorKey: Js, setActiveIndicatorType: eo, setActiveIndicatorUnit: to } = mn.actions, hn = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", gn = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", Cn = "_slider_a19yo_2", fn = "_playButton_a19yo_17", bn = "_sliderOpen_a19yo_28", _n = "_sliderResults_a19yo_32", me = {
|
|
2422
2411
|
slider: Cn,
|
|
2423
2412
|
playButton: fn,
|
|
2424
2413
|
sliderOpen: bn,
|
|
2425
2414
|
sliderResults: _n
|
|
2426
|
-
}, yn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear:
|
|
2427
|
-
const [a,
|
|
2428
|
-
|
|
2429
|
-
}, [h, g] =
|
|
2415
|
+
}, yn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: s = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
|
|
2416
|
+
const [a, l] = L(d), c = Vt(), u = (f, v) => {
|
|
2417
|
+
l(v), c(De(v - 2e3));
|
|
2418
|
+
}, [h, g] = L(!1), _ = () => {
|
|
2430
2419
|
g(!0);
|
|
2431
2420
|
}, y = () => {
|
|
2432
2421
|
g(!1);
|
|
2433
2422
|
};
|
|
2434
2423
|
((f, v) => {
|
|
2435
|
-
const
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
}, [f]),
|
|
2424
|
+
const N = ne();
|
|
2425
|
+
T(() => {
|
|
2426
|
+
N.current = f;
|
|
2427
|
+
}, [f]), T(() => {
|
|
2439
2428
|
function x() {
|
|
2440
|
-
|
|
2429
|
+
N.current();
|
|
2441
2430
|
}
|
|
2442
2431
|
{
|
|
2443
|
-
let
|
|
2444
|
-
return () => clearInterval(
|
|
2432
|
+
let w = setInterval(x, v);
|
|
2433
|
+
return () => clearInterval(w);
|
|
2445
2434
|
}
|
|
2446
2435
|
}, [v]);
|
|
2447
2436
|
})(() => {
|
|
2448
|
-
h && (a != 2050 ? (
|
|
2437
|
+
h && (a != 2050 ? (l(a + 1), c(De(a - 2e3 + 1))) : (l(2025), c(De(25))));
|
|
2449
2438
|
}, 1e3);
|
|
2450
|
-
const
|
|
2439
|
+
const b = Gt({
|
|
2451
2440
|
palette: {
|
|
2452
2441
|
primary: {
|
|
2453
2442
|
main: "#605b56"
|
|
@@ -2469,29 +2458,29 @@ const mn = Ht({
|
|
|
2469
2458
|
}
|
|
2470
2459
|
}
|
|
2471
2460
|
}
|
|
2472
|
-
}),
|
|
2461
|
+
}), C = [
|
|
2473
2462
|
{ label: "", value: 2025 },
|
|
2474
2463
|
{ label: "", value: 2032 },
|
|
2475
2464
|
{ label: "", value: 2041 },
|
|
2476
2465
|
{ label: "", value: 2050 }
|
|
2477
2466
|
];
|
|
2478
|
-
return /* @__PURE__ */
|
|
2467
|
+
return /* @__PURE__ */ i(Yt, { theme: b, children: /* @__PURE__ */ p(
|
|
2479
2468
|
Wt,
|
|
2480
2469
|
{
|
|
2481
2470
|
sx: { width: 400 },
|
|
2482
|
-
className: `${n ?
|
|
2471
|
+
className: `${n ? me.sliderResults : me.slider} ${r ? me.sliderOpen : ""}`,
|
|
2483
2472
|
style: { zIndex: t },
|
|
2484
2473
|
children: [
|
|
2485
|
-
|
|
2486
|
-
/* @__PURE__ */
|
|
2474
|
+
s,
|
|
2475
|
+
/* @__PURE__ */ i(
|
|
2487
2476
|
Ut,
|
|
2488
2477
|
{
|
|
2489
2478
|
"aria-label": "TimeSlider",
|
|
2490
2479
|
value: a,
|
|
2491
2480
|
valueLabelDisplay: "on",
|
|
2492
2481
|
step: 1,
|
|
2493
|
-
marks:
|
|
2494
|
-
min:
|
|
2482
|
+
marks: C,
|
|
2483
|
+
min: s,
|
|
2495
2484
|
max: o,
|
|
2496
2485
|
onChange: u,
|
|
2497
2486
|
color: "primary",
|
|
@@ -2499,8 +2488,8 @@ const mn = Ht({
|
|
|
2499
2488
|
}
|
|
2500
2489
|
),
|
|
2501
2490
|
o,
|
|
2502
|
-
!h && /* @__PURE__ */
|
|
2503
|
-
h && /* @__PURE__ */
|
|
2491
|
+
!h && /* @__PURE__ */ i("button", { className: me.playButton, onClick: _, children: /* @__PURE__ */ i("img", { src: hn, alt: "Play" }) }),
|
|
2492
|
+
h && /* @__PURE__ */ i("button", { className: me.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: gn, alt: "Pause" }) })
|
|
2504
2493
|
]
|
|
2505
2494
|
}
|
|
2506
2495
|
) });
|
|
@@ -2513,33 +2502,33 @@ yn.propTypes = {
|
|
|
2513
2502
|
zIndex: e.number,
|
|
2514
2503
|
rightBarOpen: e.bool
|
|
2515
2504
|
};
|
|
2516
|
-
const vn = "_TopNavMenuContainer_12mp4_2", xn = "_topNavOptions_12mp4_13", wn = "_active_12mp4_27",
|
|
2505
|
+
const vn = "_TopNavMenuContainer_12mp4_2", xn = "_topNavOptions_12mp4_13", wn = "_active_12mp4_27", Me = {
|
|
2517
2506
|
TopNavMenuContainer: vn,
|
|
2518
2507
|
topNavOptions: xn,
|
|
2519
2508
|
active: wn
|
|
2520
2509
|
}, Nn = ({
|
|
2521
2510
|
options: n = [],
|
|
2522
2511
|
containerStyles: d,
|
|
2523
|
-
borderColor:
|
|
2512
|
+
borderColor: s = "red",
|
|
2524
2513
|
textColor: o = "white",
|
|
2525
2514
|
onChangeNavLink: t = (r) => {
|
|
2526
2515
|
console.log("Changed NavLink", r);
|
|
2527
2516
|
}
|
|
2528
2517
|
}) => {
|
|
2529
|
-
const { t: r } =
|
|
2530
|
-
return /* @__PURE__ */
|
|
2518
|
+
const { t: r } = k();
|
|
2519
|
+
return /* @__PURE__ */ i("div", { className: Me.TopNavMenuContainer, style: { ...d }, children: n.map((a, l) => /* @__PURE__ */ i(
|
|
2531
2520
|
Qt,
|
|
2532
2521
|
{
|
|
2533
2522
|
to: a.url,
|
|
2534
|
-
className: ({ isActive:
|
|
2523
|
+
className: ({ isActive: c }) => `${Me.topNavOptions} ${c ? Me.active : ""} `,
|
|
2535
2524
|
onClick: () => t(a.url),
|
|
2536
|
-
style: ({ isActive:
|
|
2525
|
+
style: ({ isActive: c }) => ({
|
|
2537
2526
|
color: o,
|
|
2538
|
-
borderBottom:
|
|
2527
|
+
borderBottom: c ? `5px solid ${s}` : "5px solid transparent"
|
|
2539
2528
|
}),
|
|
2540
2529
|
children: r(a.name)
|
|
2541
2530
|
},
|
|
2542
|
-
|
|
2531
|
+
l
|
|
2543
2532
|
)) });
|
|
2544
2533
|
};
|
|
2545
2534
|
Nn.propTypes = {
|
|
@@ -2552,30 +2541,30 @@ Nn.propTypes = {
|
|
|
2552
2541
|
// activeColor: PropTypes.string,
|
|
2553
2542
|
// defaultColor: PropTypes.string
|
|
2554
2543
|
};
|
|
2555
|
-
const kn = "_LogInButton_1vxj5_2",
|
|
2544
|
+
const kn = "_LogInButton_1vxj5_2", $n = {
|
|
2556
2545
|
LogInButton: kn
|
|
2557
2546
|
}, Sn = ({
|
|
2558
2547
|
cssClass: n,
|
|
2559
2548
|
notLoggedInLabel: d = "Log in",
|
|
2560
|
-
loggedInLabel:
|
|
2549
|
+
loggedInLabel: s = "Log out",
|
|
2561
2550
|
containerStyles: o,
|
|
2562
2551
|
userName: t = "",
|
|
2563
2552
|
isLoggedIn: r = !1,
|
|
2564
2553
|
onClickLogIn: a = () => {
|
|
2565
2554
|
console.log("Login clicked");
|
|
2566
2555
|
},
|
|
2567
|
-
onClickLogOut:
|
|
2556
|
+
onClickLogOut: l = () => {
|
|
2568
2557
|
console.log("Logout clicked");
|
|
2569
2558
|
}
|
|
2570
2559
|
}) => {
|
|
2571
|
-
const { t:
|
|
2572
|
-
return /* @__PURE__ */
|
|
2560
|
+
const { t: c } = k();
|
|
2561
|
+
return /* @__PURE__ */ i(
|
|
2573
2562
|
"div",
|
|
2574
2563
|
{
|
|
2575
2564
|
style: { ...o },
|
|
2576
|
-
className: `${
|
|
2577
|
-
onClick: r ?
|
|
2578
|
-
children: r ? t ||
|
|
2565
|
+
className: `${$n.LogInButton} link ${n}`,
|
|
2566
|
+
onClick: r ? l : a,
|
|
2567
|
+
children: r ? t || c(s) : c(d)
|
|
2579
2568
|
}
|
|
2580
2569
|
);
|
|
2581
2570
|
};
|
|
@@ -2587,16 +2576,16 @@ Sn.propTypes = {
|
|
|
2587
2576
|
userName: e.string,
|
|
2588
2577
|
isLoggedIn: e.bool
|
|
2589
2578
|
};
|
|
2590
|
-
const
|
|
2591
|
-
elementSelector:
|
|
2592
|
-
header:
|
|
2593
|
-
nameDateContainer:
|
|
2594
|
-
elementName:
|
|
2595
|
-
elementDate:
|
|
2579
|
+
const Bn = "_elementSelector_fd7az_2", Ln = "_header_fd7az_13", Tn = "_nameDateContainer_fd7az_23", Dn = "_elementName_fd7az_39", Mn = "_elementDate_fd7az_53", Fn = "_buttonsContainer_fd7az_67", Vn = "_elementListContainer_fd7az_76", An = "_newElementButtonContainer_fd7az_80", Z = {
|
|
2580
|
+
elementSelector: Bn,
|
|
2581
|
+
header: Ln,
|
|
2582
|
+
nameDateContainer: Tn,
|
|
2583
|
+
elementName: Dn,
|
|
2584
|
+
elementDate: Mn,
|
|
2596
2585
|
buttonsContainer: Fn,
|
|
2597
2586
|
elementListContainer: Vn,
|
|
2598
2587
|
newElementButtonContainer: An
|
|
2599
|
-
}, On = "_listElement_1s506_2", In = "_elementNameDate_1s506_17", Rn = "_elementNameContainer_1s506_27", qn = "_elementName_1s506_17", En = "_elementDate_1s506_42", Pn = "_elementButtons_1s506_45", jn = "_moreInfoContainer_1s506_68", zn = "_moreInfo_1s506_68",
|
|
2588
|
+
}, On = "_listElement_1s506_2", In = "_elementNameDate_1s506_17", Rn = "_elementNameContainer_1s506_27", qn = "_elementName_1s506_17", En = "_elementDate_1s506_42", Pn = "_elementButtons_1s506_45", jn = "_moreInfoContainer_1s506_68", zn = "_moreInfo_1s506_68", P = {
|
|
2600
2589
|
listElement: On,
|
|
2601
2590
|
elementNameDate: In,
|
|
2602
2591
|
elementNameContainer: Rn,
|
|
@@ -2611,8 +2600,8 @@ var nt;
|
|
|
2611
2600
|
function Pe() {
|
|
2612
2601
|
return Pe = Object.assign ? Object.assign.bind() : function(n) {
|
|
2613
2602
|
for (var d = 1; d < arguments.length; d++) {
|
|
2614
|
-
var
|
|
2615
|
-
for (var o in
|
|
2603
|
+
var s = arguments[d];
|
|
2604
|
+
for (var o in s) ({}).hasOwnProperty.call(s, o) && (n[o] = s[o]);
|
|
2616
2605
|
}
|
|
2617
2606
|
return n;
|
|
2618
2607
|
}, Pe.apply(null, arguments);
|
|
@@ -2634,25 +2623,25 @@ var Wn = function(d) {
|
|
|
2634
2623
|
const Yn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", _t = ({
|
|
2635
2624
|
listelement: n,
|
|
2636
2625
|
onClickElement: d,
|
|
2637
|
-
isActive:
|
|
2626
|
+
isActive: s,
|
|
2638
2627
|
activeColor: o,
|
|
2639
2628
|
fontColor: t,
|
|
2640
2629
|
moreInfo: r,
|
|
2641
2630
|
columns: a,
|
|
2642
|
-
elementButtons:
|
|
2643
|
-
processTooltip:
|
|
2631
|
+
elementButtons: l,
|
|
2632
|
+
processTooltip: c,
|
|
2644
2633
|
defaultTooltip: u,
|
|
2645
2634
|
showEye: h = !0
|
|
2646
2635
|
}) => {
|
|
2647
|
-
const { name: g, created_at: _, id: y, isBeingProcessed:
|
|
2636
|
+
const { name: g, created_at: _, id: y, isBeingProcessed: m } = n, [b, C] = L(!1), { t: f } = k();
|
|
2648
2637
|
return /* @__PURE__ */ p(
|
|
2649
2638
|
"div",
|
|
2650
2639
|
{
|
|
2651
|
-
className:
|
|
2640
|
+
className: P.listElement,
|
|
2652
2641
|
style: { borderBottom: `1px solid ${t}` },
|
|
2653
2642
|
children: [
|
|
2654
|
-
/* @__PURE__ */
|
|
2655
|
-
h && (
|
|
2643
|
+
/* @__PURE__ */ i("div", { className: P.elementNameDate, onClick: () => d(y), children: Object.keys(a).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: P.elementNameContainer, children: /* @__PURE__ */ p("div", { className: P.elementName, children: [
|
|
2644
|
+
h && (s ? /* @__PURE__ */ i(Wn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
|
|
2656
2645
|
"img",
|
|
2657
2646
|
{
|
|
2658
2647
|
style: { marginRight: 9 },
|
|
@@ -2660,37 +2649,37 @@ const Yn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2660
2649
|
alt: "eye"
|
|
2661
2650
|
}
|
|
2662
2651
|
)),
|
|
2663
|
-
/* @__PURE__ */
|
|
2664
|
-
] }) }) : v == "data" ? /* @__PURE__ */
|
|
2665
|
-
/* @__PURE__ */ p("div", { className:
|
|
2652
|
+
/* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: g })
|
|
2653
|
+
] }) }) : v == "data" ? /* @__PURE__ */ i("div", { className: P.elementDate, children: _ ? new Date(_).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: P.elementDate, children: n[v] })) }),
|
|
2654
|
+
/* @__PURE__ */ p("div", { className: P.elementButtons, children: [
|
|
2666
2655
|
n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2667
|
-
/* @__PURE__ */
|
|
2668
|
-
/* @__PURE__ */
|
|
2656
|
+
/* @__PURE__ */ i("img", { src: Un }),
|
|
2657
|
+
/* @__PURE__ */ i(te, { text: c, position: "left" })
|
|
2669
2658
|
] }),
|
|
2670
|
-
|
|
2671
|
-
/* @__PURE__ */
|
|
2672
|
-
/* @__PURE__ */
|
|
2659
|
+
l.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2660
|
+
/* @__PURE__ */ i("button", { onClick: () => l.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: Hn }) }),
|
|
2661
|
+
/* @__PURE__ */ i(te, { text: l.filter.tooltiptext, position: "left" })
|
|
2673
2662
|
] }),
|
|
2674
|
-
|
|
2675
|
-
/* @__PURE__ */
|
|
2676
|
-
/* @__PURE__ */
|
|
2663
|
+
l.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2664
|
+
/* @__PURE__ */ i("button", { onClick: () => l.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: Kn }) }),
|
|
2665
|
+
/* @__PURE__ */ i(te, { text: l.copy.tooltiptext, position: "left" })
|
|
2677
2666
|
] }),
|
|
2678
|
-
|
|
2679
|
-
/* @__PURE__ */
|
|
2680
|
-
/* @__PURE__ */
|
|
2667
|
+
l.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2668
|
+
/* @__PURE__ */ i("button", { onClick: () => l.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: Zn }) }),
|
|
2669
|
+
/* @__PURE__ */ i(te, { text: l.trash.tooltiptext, position: "left" })
|
|
2681
2670
|
] }),
|
|
2682
2671
|
n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2683
|
-
/* @__PURE__ */
|
|
2684
|
-
/* @__PURE__ */
|
|
2672
|
+
/* @__PURE__ */ i("img", { src: Gn }),
|
|
2673
|
+
/* @__PURE__ */ i(te, { text: u, position: "left" })
|
|
2685
2674
|
] })
|
|
2686
2675
|
] }),
|
|
2687
|
-
r && /* @__PURE__ */
|
|
2688
|
-
r && /* @__PURE__ */ p("div", { className:
|
|
2689
|
-
/* @__PURE__ */ p("div", { className:
|
|
2690
|
-
/* @__PURE__ */
|
|
2676
|
+
r && /* @__PURE__ */ i("div", { className: P.break }),
|
|
2677
|
+
r && /* @__PURE__ */ p("div", { className: P.moreInfoContainer, children: [
|
|
2678
|
+
/* @__PURE__ */ p("div", { className: P.moreInfo, onClick: () => C(!b), children: [
|
|
2679
|
+
/* @__PURE__ */ i("span", { children: b ? "-" : "+" }),
|
|
2691
2680
|
f(r.label)
|
|
2692
2681
|
] }),
|
|
2693
|
-
r &&
|
|
2682
|
+
r && b && /* @__PURE__ */ i("div", { className: P.moreInfoInfo, children: n[r.info] })
|
|
2694
2683
|
] })
|
|
2695
2684
|
]
|
|
2696
2685
|
}
|
|
@@ -2735,14 +2724,14 @@ _t.propTypes = {
|
|
|
2735
2724
|
const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M7%2015L7%201M7%2015L1%209M7%2015L13%209'%20stroke='%23605B56'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Qn = ({
|
|
2736
2725
|
elementsList: n,
|
|
2737
2726
|
activeElementId: d,
|
|
2738
|
-
fontColor:
|
|
2727
|
+
fontColor: s = "#605B56",
|
|
2739
2728
|
activeColor: o,
|
|
2740
2729
|
buttonContainerStyles: t = {},
|
|
2741
2730
|
containerStyles: r = {},
|
|
2742
2731
|
newElementButton: a,
|
|
2743
2732
|
//{label: 'text', onClick: function(), disabled}/null
|
|
2744
|
-
onClickElement:
|
|
2745
|
-
columns:
|
|
2733
|
+
onClickElement: l = (m) => console.log(`OnCLickElement: ${m}`),
|
|
2734
|
+
columns: c,
|
|
2746
2735
|
// {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2747
2736
|
elementButtons: u,
|
|
2748
2737
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
@@ -2754,48 +2743,48 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2754
2743
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2755
2744
|
showEye: y = !0
|
|
2756
2745
|
}) => {
|
|
2757
|
-
const { t:
|
|
2758
|
-
|
|
2759
|
-
n &&
|
|
2746
|
+
const { t: m } = k(), [b, C] = L(n);
|
|
2747
|
+
T(() => {
|
|
2748
|
+
n && C(n);
|
|
2760
2749
|
}, [n]);
|
|
2761
2750
|
const f = (v) => {
|
|
2762
|
-
if (
|
|
2763
|
-
let
|
|
2764
|
-
|
|
2751
|
+
if (b && b.length > 0) {
|
|
2752
|
+
let N = [...b];
|
|
2753
|
+
N.sort((x, w) => x[v].localeCompare(w[v])), C(N);
|
|
2765
2754
|
}
|
|
2766
2755
|
};
|
|
2767
2756
|
return /* @__PURE__ */ p(
|
|
2768
2757
|
"div",
|
|
2769
2758
|
{
|
|
2770
|
-
className:
|
|
2771
|
-
style: { color:
|
|
2759
|
+
className: Z.elementSelector,
|
|
2760
|
+
style: { color: s, ...r },
|
|
2772
2761
|
children: [
|
|
2773
2762
|
/* @__PURE__ */ p(
|
|
2774
2763
|
"div",
|
|
2775
2764
|
{
|
|
2776
|
-
className:
|
|
2777
|
-
style: { borderBottom: `1px solid ${
|
|
2765
|
+
className: Z.header,
|
|
2766
|
+
style: { borderBottom: `1px solid ${s}` },
|
|
2778
2767
|
children: [
|
|
2779
|
-
/* @__PURE__ */
|
|
2780
|
-
/* @__PURE__ */
|
|
2781
|
-
/* @__PURE__ */
|
|
2782
|
-
] }) }, v) : v === "data" ? /* @__PURE__ */
|
|
2783
|
-
/* @__PURE__ */
|
|
2784
|
-
/* @__PURE__ */
|
|
2785
|
-
] }) }, v) : /* @__PURE__ */
|
|
2786
|
-
/* @__PURE__ */
|
|
2768
|
+
/* @__PURE__ */ i("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
|
|
2769
|
+
/* @__PURE__ */ i("span", { children: m(c.name) }),
|
|
2770
|
+
/* @__PURE__ */ i("img", { src: it, alt: "order arrow" })
|
|
2771
|
+
] }) }, v) : v === "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
|
|
2772
|
+
/* @__PURE__ */ i("span", { children: m(c.data) }),
|
|
2773
|
+
/* @__PURE__ */ i("img", { src: it, alt: "order arrow" })
|
|
2774
|
+
] }) }, v) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ i("span", { children: m(c[v]) }) }, v)) }),
|
|
2775
|
+
/* @__PURE__ */ i("div", { className: Z.buttonsContainer })
|
|
2787
2776
|
]
|
|
2788
2777
|
}
|
|
2789
2778
|
),
|
|
2790
|
-
/* @__PURE__ */
|
|
2779
|
+
/* @__PURE__ */ i("div", { className: Z.elementListContainer, children: b && b.length > 0 && b.map((v) => /* @__PURE__ */ i(
|
|
2791
2780
|
_t,
|
|
2792
2781
|
{
|
|
2793
2782
|
isActive: d == v.id,
|
|
2794
2783
|
listelement: v,
|
|
2795
|
-
fontColor:
|
|
2784
|
+
fontColor: s,
|
|
2796
2785
|
activeColor: o,
|
|
2797
|
-
onClickElement:
|
|
2798
|
-
columns:
|
|
2786
|
+
onClickElement: l,
|
|
2787
|
+
columns: c,
|
|
2799
2788
|
elementButtons: u,
|
|
2800
2789
|
moreInfo: h,
|
|
2801
2790
|
processTooltip: g,
|
|
@@ -2804,14 +2793,14 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2804
2793
|
},
|
|
2805
2794
|
`elementKey${v.id}`
|
|
2806
2795
|
)) }),
|
|
2807
|
-
a && /* @__PURE__ */
|
|
2808
|
-
|
|
2796
|
+
a && /* @__PURE__ */ i("div", { className: Z.newElementButtonContainer, children: /* @__PURE__ */ i(
|
|
2797
|
+
ke,
|
|
2809
2798
|
{
|
|
2810
2799
|
style: { ...t },
|
|
2811
2800
|
onClick: a.onClick,
|
|
2812
2801
|
borderColor: "grey",
|
|
2813
2802
|
disabled: a.disabled || !1,
|
|
2814
|
-
children:
|
|
2803
|
+
children: m(a.label)
|
|
2815
2804
|
}
|
|
2816
2805
|
) })
|
|
2817
2806
|
]
|
|
@@ -2865,12 +2854,12 @@ Qn.propTypes = {
|
|
|
2865
2854
|
defaultTooltip: e.string,
|
|
2866
2855
|
showEye: e.bool
|
|
2867
2856
|
};
|
|
2868
|
-
const
|
|
2857
|
+
const he = {
|
|
2869
2858
|
text: "text",
|
|
2870
2859
|
password: "password",
|
|
2871
2860
|
radioList: "radioList",
|
|
2872
2861
|
select: "select"
|
|
2873
|
-
}, Xn = "_textInputContainer_1o3iy_2", Jn = "_labelContainer_1o3iy_5", ei = "_inputContainer_1o3iy_8", ti = "_showPasswordButton_1o3iy_14", ni = "_forgotPassButton_1o3iy_26",
|
|
2862
|
+
}, Xn = "_textInputContainer_1o3iy_2", Jn = "_labelContainer_1o3iy_5", ei = "_inputContainer_1o3iy_8", ti = "_showPasswordButton_1o3iy_14", ni = "_forgotPassButton_1o3iy_26", ge = {
|
|
2874
2863
|
textInputContainer: Xn,
|
|
2875
2864
|
labelContainer: Jn,
|
|
2876
2865
|
inputContainer: ei,
|
|
@@ -2879,17 +2868,17 @@ const me = {
|
|
|
2879
2868
|
};
|
|
2880
2869
|
var ii = (n) => n.type === "checkbox", si = (n) => n instanceof Date, yt = (n) => n == null;
|
|
2881
2870
|
const oi = (n) => typeof n == "object";
|
|
2882
|
-
var
|
|
2871
|
+
var fe = (n) => !yt(n) && !Array.isArray(n) && oi(n) && !si(n), ri = (n) => fe(n) && n.target ? ii(n.target) ? n.target.checked : n.target.value : n, ai = (n) => n.substring(0, n.search(/\.\d+(\.|$)/)) || n, li = (n, d) => n.has(ai(d)), ci = (n) => {
|
|
2883
2872
|
const d = n.constructor && n.constructor.prototype;
|
|
2884
|
-
return
|
|
2873
|
+
return fe(d) && d.hasOwnProperty("isPrototypeOf");
|
|
2885
2874
|
}, di = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
|
|
2886
2875
|
function vt(n) {
|
|
2887
2876
|
let d;
|
|
2888
|
-
const
|
|
2877
|
+
const s = Array.isArray(n), o = typeof FileList < "u" ? n instanceof FileList : !1;
|
|
2889
2878
|
if (n instanceof Date)
|
|
2890
2879
|
d = new Date(n);
|
|
2891
|
-
else if (!(di && (n instanceof Blob || o)) && (
|
|
2892
|
-
if (d =
|
|
2880
|
+
else if (!(di && (n instanceof Blob || o)) && (s || fe(n)))
|
|
2881
|
+
if (d = s ? [] : {}, !s && !ci(n))
|
|
2893
2882
|
d = n;
|
|
2894
2883
|
else
|
|
2895
2884
|
for (const t in n)
|
|
@@ -2898,24 +2887,24 @@ function vt(n) {
|
|
|
2898
2887
|
return n;
|
|
2899
2888
|
return d;
|
|
2900
2889
|
}
|
|
2901
|
-
var xt = (n) => /^\w*$/.test(n), je = (n) => n === void 0, ui = (n) => Array.isArray(n) ? n.filter(Boolean) : [], wt = (n) => ui(n.replace(/["|']|\]/g, "").split(/\.|\[/)), I = (n, d,
|
|
2902
|
-
if (!d || !
|
|
2903
|
-
return
|
|
2890
|
+
var xt = (n) => /^\w*$/.test(n), je = (n) => n === void 0, ui = (n) => Array.isArray(n) ? n.filter(Boolean) : [], wt = (n) => ui(n.replace(/["|']|\]/g, "").split(/\.|\[/)), I = (n, d, s) => {
|
|
2891
|
+
if (!d || !fe(n))
|
|
2892
|
+
return s;
|
|
2904
2893
|
const o = (xt(d) ? [d] : wt(d)).reduce((t, r) => yt(t) ? t : t[r], n);
|
|
2905
|
-
return je(o) || o === n ? je(n[d]) ?
|
|
2906
|
-
}, Fe = (n) => typeof n == "boolean", st = (n, d,
|
|
2894
|
+
return je(o) || o === n ? je(n[d]) ? s : n[d] : o;
|
|
2895
|
+
}, Fe = (n) => typeof n == "boolean", st = (n, d, s) => {
|
|
2907
2896
|
let o = -1;
|
|
2908
2897
|
const t = xt(d) ? [d] : wt(d), r = t.length, a = r - 1;
|
|
2909
2898
|
for (; ++o < r; ) {
|
|
2910
|
-
const
|
|
2911
|
-
let
|
|
2899
|
+
const l = t[o];
|
|
2900
|
+
let c = s;
|
|
2912
2901
|
if (o !== a) {
|
|
2913
|
-
const u = n[
|
|
2914
|
-
|
|
2902
|
+
const u = n[l];
|
|
2903
|
+
c = fe(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
|
|
2915
2904
|
}
|
|
2916
|
-
if (
|
|
2905
|
+
if (l === "__proto__" || l === "constructor" || l === "prototype")
|
|
2917
2906
|
return;
|
|
2918
|
-
n[
|
|
2907
|
+
n[l] = c, n = n[l];
|
|
2919
2908
|
}
|
|
2920
2909
|
};
|
|
2921
2910
|
const ot = {
|
|
@@ -2923,10 +2912,10 @@ const ot = {
|
|
|
2923
2912
|
CHANGE: "change"
|
|
2924
2913
|
}, rt = {
|
|
2925
2914
|
all: "all"
|
|
2926
|
-
}, Nt =
|
|
2915
|
+
}, Nt = B.createContext(null);
|
|
2927
2916
|
Nt.displayName = "HookFormContext";
|
|
2928
|
-
const Ue = () =>
|
|
2929
|
-
var pi = (n, d,
|
|
2917
|
+
const Ue = () => B.useContext(Nt);
|
|
2918
|
+
var pi = (n, d, s, o = !0) => {
|
|
2930
2919
|
const t = {
|
|
2931
2920
|
defaultValues: d._defaultValues
|
|
2932
2921
|
};
|
|
@@ -2934,14 +2923,14 @@ var pi = (n, d, i, o = !0) => {
|
|
|
2934
2923
|
Object.defineProperty(t, r, {
|
|
2935
2924
|
get: () => {
|
|
2936
2925
|
const a = r;
|
|
2937
|
-
return d._proxyFormState[a] !== rt.all && (d._proxyFormState[a] = !o || rt.all),
|
|
2926
|
+
return d._proxyFormState[a] !== rt.all && (d._proxyFormState[a] = !o || rt.all), s && (s[a] = !0), n[a];
|
|
2938
2927
|
}
|
|
2939
2928
|
});
|
|
2940
2929
|
return t;
|
|
2941
2930
|
};
|
|
2942
2931
|
const kt = typeof window < "u" ? de.useLayoutEffect : de.useEffect;
|
|
2943
2932
|
function mi(n) {
|
|
2944
|
-
const d = Ue(), { control:
|
|
2933
|
+
const d = Ue(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [a, l] = B.useState(s._formState), c = B.useRef({
|
|
2945
2934
|
isDirty: !1,
|
|
2946
2935
|
isLoading: !1,
|
|
2947
2936
|
dirtyFields: !1,
|
|
@@ -2951,209 +2940,209 @@ function mi(n) {
|
|
|
2951
2940
|
isValid: !1,
|
|
2952
2941
|
errors: !1
|
|
2953
2942
|
});
|
|
2954
|
-
return kt(() =>
|
|
2943
|
+
return kt(() => s._subscribe({
|
|
2955
2944
|
name: t,
|
|
2956
|
-
formState:
|
|
2945
|
+
formState: c.current,
|
|
2957
2946
|
exact: r,
|
|
2958
2947
|
callback: (u) => {
|
|
2959
|
-
!o &&
|
|
2960
|
-
...
|
|
2948
|
+
!o && l({
|
|
2949
|
+
...s._formState,
|
|
2961
2950
|
...u
|
|
2962
2951
|
});
|
|
2963
2952
|
}
|
|
2964
|
-
}), [t, o, r]),
|
|
2965
|
-
|
|
2966
|
-
}, [
|
|
2953
|
+
}), [t, o, r]), B.useEffect(() => {
|
|
2954
|
+
c.current.isValid && s._setValid(!0);
|
|
2955
|
+
}, [s]), B.useMemo(() => pi(a, s, c.current, !1), [a, s]);
|
|
2967
2956
|
}
|
|
2968
|
-
var hi = (n) => typeof n == "string", gi = (n, d,
|
|
2957
|
+
var hi = (n) => typeof n == "string", gi = (n, d, s, o, t) => hi(n) ? I(s, n, t) : Array.isArray(n) ? n.map((r) => I(s, r)) : s;
|
|
2969
2958
|
function Ci(n) {
|
|
2970
|
-
const d = Ue(), { control:
|
|
2971
|
-
return kt(() =>
|
|
2959
|
+
const d = Ue(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, l = B.useRef(t), [c, u] = B.useState(s._getWatch(o, l.current));
|
|
2960
|
+
return kt(() => s._subscribe({
|
|
2972
2961
|
name: o,
|
|
2973
2962
|
formState: {
|
|
2974
2963
|
values: !0
|
|
2975
2964
|
},
|
|
2976
2965
|
exact: a,
|
|
2977
|
-
callback: (h) => !r && u(gi(o,
|
|
2978
|
-
}), [o,
|
|
2966
|
+
callback: (h) => !r && u(gi(o, s._names, h.values || s._formValues, !1, l.current))
|
|
2967
|
+
}), [o, s, r, a]), B.useEffect(() => s._removeUnmounted()), c;
|
|
2979
2968
|
}
|
|
2980
2969
|
function fi(n) {
|
|
2981
|
-
const d = Ue(), { name:
|
|
2970
|
+
const d = Ue(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = li(t._names.array, s), l = Ci({
|
|
2982
2971
|
control: t,
|
|
2983
|
-
name:
|
|
2984
|
-
defaultValue: I(t._formValues,
|
|
2972
|
+
name: s,
|
|
2973
|
+
defaultValue: I(t._formValues, s, I(t._defaultValues, s, n.defaultValue)),
|
|
2985
2974
|
exact: !0
|
|
2986
|
-
}),
|
|
2975
|
+
}), c = mi({
|
|
2987
2976
|
control: t,
|
|
2988
|
-
name:
|
|
2977
|
+
name: s,
|
|
2989
2978
|
exact: !0
|
|
2990
|
-
}), u =
|
|
2979
|
+
}), u = B.useRef(n), h = B.useRef(t.register(s, {
|
|
2991
2980
|
...n.rules,
|
|
2992
|
-
value:
|
|
2981
|
+
value: l,
|
|
2993
2982
|
...Fe(n.disabled) ? { disabled: n.disabled } : {}
|
|
2994
|
-
})), g =
|
|
2983
|
+
})), g = B.useMemo(() => Object.defineProperties({}, {
|
|
2995
2984
|
invalid: {
|
|
2996
2985
|
enumerable: !0,
|
|
2997
|
-
get: () => !!I(
|
|
2986
|
+
get: () => !!I(c.errors, s)
|
|
2998
2987
|
},
|
|
2999
2988
|
isDirty: {
|
|
3000
2989
|
enumerable: !0,
|
|
3001
|
-
get: () => !!I(
|
|
2990
|
+
get: () => !!I(c.dirtyFields, s)
|
|
3002
2991
|
},
|
|
3003
2992
|
isTouched: {
|
|
3004
2993
|
enumerable: !0,
|
|
3005
|
-
get: () => !!I(
|
|
2994
|
+
get: () => !!I(c.touchedFields, s)
|
|
3006
2995
|
},
|
|
3007
2996
|
isValidating: {
|
|
3008
2997
|
enumerable: !0,
|
|
3009
|
-
get: () => !!I(
|
|
2998
|
+
get: () => !!I(c.validatingFields, s)
|
|
3010
2999
|
},
|
|
3011
3000
|
error: {
|
|
3012
3001
|
enumerable: !0,
|
|
3013
|
-
get: () => I(
|
|
3002
|
+
get: () => I(c.errors, s)
|
|
3014
3003
|
}
|
|
3015
|
-
}), [
|
|
3004
|
+
}), [c, s]), _ = B.useCallback((C) => h.current.onChange({
|
|
3016
3005
|
target: {
|
|
3017
|
-
value: ri(
|
|
3018
|
-
name:
|
|
3006
|
+
value: ri(C),
|
|
3007
|
+
name: s
|
|
3019
3008
|
},
|
|
3020
3009
|
type: ot.CHANGE
|
|
3021
|
-
}), [
|
|
3010
|
+
}), [s]), y = B.useCallback(() => h.current.onBlur({
|
|
3022
3011
|
target: {
|
|
3023
|
-
value: I(t._formValues,
|
|
3024
|
-
name:
|
|
3012
|
+
value: I(t._formValues, s),
|
|
3013
|
+
name: s
|
|
3025
3014
|
},
|
|
3026
3015
|
type: ot.BLUR
|
|
3027
|
-
}), [
|
|
3028
|
-
const f = I(t._fields,
|
|
3029
|
-
f &&
|
|
3030
|
-
focus: () =>
|
|
3031
|
-
select: () =>
|
|
3032
|
-
setCustomValidity: (v) =>
|
|
3033
|
-
reportValidity: () =>
|
|
3016
|
+
}), [s, t._formValues]), m = B.useCallback((C) => {
|
|
3017
|
+
const f = I(t._fields, s);
|
|
3018
|
+
f && C && (f._f.ref = {
|
|
3019
|
+
focus: () => C.focus && C.focus(),
|
|
3020
|
+
select: () => C.select && C.select(),
|
|
3021
|
+
setCustomValidity: (v) => C.setCustomValidity(v),
|
|
3022
|
+
reportValidity: () => C.reportValidity()
|
|
3034
3023
|
});
|
|
3035
|
-
}, [t._fields,
|
|
3036
|
-
name:
|
|
3037
|
-
value:
|
|
3038
|
-
...Fe(o) ||
|
|
3024
|
+
}, [t._fields, s]), b = B.useMemo(() => ({
|
|
3025
|
+
name: s,
|
|
3026
|
+
value: l,
|
|
3027
|
+
...Fe(o) || c.disabled ? { disabled: c.disabled || o } : {},
|
|
3039
3028
|
onChange: _,
|
|
3040
3029
|
onBlur: y,
|
|
3041
|
-
ref:
|
|
3042
|
-
}), [
|
|
3043
|
-
return
|
|
3044
|
-
const
|
|
3045
|
-
t.register(
|
|
3030
|
+
ref: m
|
|
3031
|
+
}), [s, o, c.disabled, _, y, m, l]);
|
|
3032
|
+
return B.useEffect(() => {
|
|
3033
|
+
const C = t._options.shouldUnregister || r;
|
|
3034
|
+
t.register(s, {
|
|
3046
3035
|
...u.current.rules,
|
|
3047
3036
|
...Fe(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
3048
3037
|
});
|
|
3049
|
-
const f = (v,
|
|
3038
|
+
const f = (v, N) => {
|
|
3050
3039
|
const x = I(t._fields, v);
|
|
3051
|
-
x && x._f && (x._f.mount =
|
|
3040
|
+
x && x._f && (x._f.mount = N);
|
|
3052
3041
|
};
|
|
3053
|
-
if (f(
|
|
3054
|
-
const v = vt(I(t._options.defaultValues,
|
|
3055
|
-
st(t._defaultValues,
|
|
3042
|
+
if (f(s, !0), C) {
|
|
3043
|
+
const v = vt(I(t._options.defaultValues, s));
|
|
3044
|
+
st(t._defaultValues, s, v), je(I(t._formValues, s)) && st(t._formValues, s, v);
|
|
3056
3045
|
}
|
|
3057
|
-
return !a && t.register(
|
|
3058
|
-
(a ?
|
|
3046
|
+
return !a && t.register(s), () => {
|
|
3047
|
+
(a ? C && !t._state.action : C) ? t.unregister(s) : f(s, !1);
|
|
3059
3048
|
};
|
|
3060
|
-
}, [
|
|
3049
|
+
}, [s, t, a, r]), B.useEffect(() => {
|
|
3061
3050
|
t._setDisabledField({
|
|
3062
3051
|
disabled: o,
|
|
3063
|
-
name:
|
|
3052
|
+
name: s
|
|
3064
3053
|
});
|
|
3065
|
-
}, [o,
|
|
3066
|
-
field:
|
|
3067
|
-
formState:
|
|
3054
|
+
}, [o, s, t]), B.useMemo(() => ({
|
|
3055
|
+
field: b,
|
|
3056
|
+
formState: c,
|
|
3068
3057
|
fieldState: g
|
|
3069
|
-
}), [
|
|
3058
|
+
}), [b, c, g]);
|
|
3070
3059
|
}
|
|
3071
|
-
const
|
|
3060
|
+
const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
3072
3061
|
errorMessage: bi
|
|
3073
|
-
},
|
|
3062
|
+
}, _e = ({
|
|
3074
3063
|
errorMessage: n,
|
|
3075
3064
|
errorColor: d = "red",
|
|
3076
|
-
containerStyles:
|
|
3065
|
+
containerStyles: s
|
|
3077
3066
|
}) => {
|
|
3078
|
-
const { t: o } =
|
|
3079
|
-
return /* @__PURE__ */
|
|
3067
|
+
const { t: o } = k();
|
|
3068
|
+
return /* @__PURE__ */ i(
|
|
3080
3069
|
"div",
|
|
3081
3070
|
{
|
|
3082
3071
|
className: _i.errorMessage,
|
|
3083
|
-
style: { color: d, ...
|
|
3072
|
+
style: { color: d, ...s },
|
|
3084
3073
|
children: n ? o(n) : ""
|
|
3085
3074
|
}
|
|
3086
3075
|
);
|
|
3087
3076
|
}, at = ({ input: n, reactHookFormInstance: d }) => {
|
|
3088
3077
|
const {
|
|
3089
|
-
code:
|
|
3078
|
+
code: s,
|
|
3090
3079
|
type: o,
|
|
3091
3080
|
label: t,
|
|
3092
3081
|
maxLength: r,
|
|
3093
3082
|
required: a,
|
|
3094
|
-
validateFunction:
|
|
3095
|
-
placeholder:
|
|
3083
|
+
validateFunction: l,
|
|
3084
|
+
placeholder: c,
|
|
3096
3085
|
errorColor: u = "red",
|
|
3097
3086
|
width: h = 325,
|
|
3098
3087
|
onClickForgotPass: g = () => {
|
|
3099
3088
|
console.log("Click on forgot password");
|
|
3100
3089
|
},
|
|
3101
3090
|
forgotPassLabel: _ = "forgot-password"
|
|
3102
|
-
} = n, { t: y } =
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
}, [a,
|
|
3091
|
+
} = n, { t: y } = k(), { control: m, trigger: b, clearErrors: C } = d, [f, v] = L(!1), N = ne(a);
|
|
3092
|
+
T(() => {
|
|
3093
|
+
N.current !== a && (a ? b(s) : C(s), N.current = a);
|
|
3094
|
+
}, [a, s, b, C]);
|
|
3106
3095
|
const x = () => o ? o === "password" && f ? "text" : o : "text";
|
|
3107
|
-
return /* @__PURE__ */
|
|
3108
|
-
|
|
3096
|
+
return /* @__PURE__ */ i(
|
|
3097
|
+
be,
|
|
3109
3098
|
{
|
|
3110
|
-
name:
|
|
3111
|
-
control:
|
|
3099
|
+
name: s,
|
|
3100
|
+
control: m,
|
|
3112
3101
|
rules: {
|
|
3113
3102
|
required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
|
|
3114
3103
|
maxLength: r || void 0,
|
|
3115
|
-
validate:
|
|
3104
|
+
validate: l || void 0
|
|
3116
3105
|
},
|
|
3117
|
-
render: ({ field:
|
|
3106
|
+
render: ({ field: w, fieldState: $ }) => {
|
|
3118
3107
|
var S;
|
|
3119
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3120
|
-
/* @__PURE__ */ p("h3", { className:
|
|
3108
|
+
return /* @__PURE__ */ p("div", { className: ge.textInputContainer, children: [
|
|
3109
|
+
/* @__PURE__ */ p("h3", { className: ge.labelContainer, children: [
|
|
3121
3110
|
y(t),
|
|
3122
3111
|
" ",
|
|
3123
|
-
a && /* @__PURE__ */
|
|
3112
|
+
a && /* @__PURE__ */ i("label", { style: { color: $.error ? u : "" }, children: "*" })
|
|
3124
3113
|
] }),
|
|
3125
3114
|
/* @__PURE__ */ p(
|
|
3126
3115
|
"div",
|
|
3127
3116
|
{
|
|
3128
3117
|
style: { position: "relative", width: h },
|
|
3129
|
-
className:
|
|
3118
|
+
className: ge.inputContainer,
|
|
3130
3119
|
children: [
|
|
3131
|
-
/* @__PURE__ */
|
|
3120
|
+
/* @__PURE__ */ i(
|
|
3132
3121
|
"input",
|
|
3133
3122
|
{
|
|
3134
3123
|
type: x(),
|
|
3135
|
-
...
|
|
3136
|
-
placeholder:
|
|
3124
|
+
...w,
|
|
3125
|
+
placeholder: c ? y(c) : "",
|
|
3137
3126
|
maxLength: r || void 0
|
|
3138
3127
|
}
|
|
3139
3128
|
),
|
|
3140
|
-
o == "password" && /* @__PURE__ */
|
|
3129
|
+
o == "password" && /* @__PURE__ */ i(
|
|
3141
3130
|
"button",
|
|
3142
3131
|
{
|
|
3143
3132
|
onClick: () => v(!f),
|
|
3144
3133
|
type: "button",
|
|
3145
|
-
className:
|
|
3134
|
+
className: ge.showPasswordButton,
|
|
3146
3135
|
children: f ? "🙈" : "👁️"
|
|
3147
3136
|
}
|
|
3148
3137
|
)
|
|
3149
3138
|
]
|
|
3150
3139
|
}
|
|
3151
3140
|
),
|
|
3152
|
-
o == "password" && /* @__PURE__ */
|
|
3153
|
-
/* @__PURE__ */
|
|
3154
|
-
|
|
3141
|
+
o == "password" && /* @__PURE__ */ i("div", { className: ge.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: y(_) }) }),
|
|
3142
|
+
/* @__PURE__ */ i(
|
|
3143
|
+
_e,
|
|
3155
3144
|
{
|
|
3156
|
-
errorMessage: (S =
|
|
3145
|
+
errorMessage: (S = $.error) == null ? void 0 : S.message,
|
|
3157
3146
|
errorColor: u
|
|
3158
3147
|
}
|
|
3159
3148
|
)
|
|
@@ -3165,84 +3154,84 @@ const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3165
3154
|
formContainer: yi,
|
|
3166
3155
|
formObjectContainer: vi,
|
|
3167
3156
|
buttonContainer: xi
|
|
3168
|
-
}, wi = "_inputsContainer_10t9s_2",
|
|
3157
|
+
}, wi = "_inputsContainer_10t9s_2", ae = {
|
|
3169
3158
|
inputsContainer: wi
|
|
3170
|
-
}, Ni = "_selectInputContainer_1rj0h_2", ki = "_labelContainer_1rj0h_6",
|
|
3159
|
+
}, Ni = "_selectInputContainer_1rj0h_2", ki = "_labelContainer_1rj0h_6", $i = "_inputContainer_1rj0h_9", Si = "_selectInput_1rj0h_2", Bi = "_option_1rj0h_23", Li = "_dropdownArrow_1rj0h_26", le = {
|
|
3171
3160
|
selectInputContainer: Ni,
|
|
3172
3161
|
labelContainer: ki,
|
|
3173
|
-
inputContainer:
|
|
3162
|
+
inputContainer: $i,
|
|
3174
3163
|
selectInput: Si,
|
|
3175
|
-
option:
|
|
3176
|
-
dropdownArrow:
|
|
3177
|
-
},
|
|
3164
|
+
option: Bi,
|
|
3165
|
+
dropdownArrow: Li
|
|
3166
|
+
}, Ti = "data:image/svg+xml,%3csvg%20width='19'%20height='10'%20viewBox='0%200%2019%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%20311'%20d='M1%201.09961L8.79289%208.8925C9.18342%209.28303%209.81658%209.28303%2010.2071%208.8925L18%201.09961'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", Di = ({ input: n, reactHookFormInstance: d }) => {
|
|
3178
3167
|
const {
|
|
3179
|
-
code:
|
|
3168
|
+
code: s,
|
|
3180
3169
|
type: o,
|
|
3181
3170
|
label: t,
|
|
3182
3171
|
maxLength: r,
|
|
3183
3172
|
required: a,
|
|
3184
|
-
validateFunction:
|
|
3185
|
-
placeholder:
|
|
3173
|
+
validateFunction: l,
|
|
3174
|
+
placeholder: c,
|
|
3186
3175
|
errorColor: u = "red",
|
|
3187
3176
|
width: h = 325,
|
|
3188
3177
|
options: g = []
|
|
3189
|
-
} = n, { t: _ } =
|
|
3190
|
-
return
|
|
3191
|
-
|
|
3192
|
-
}, [a,
|
|
3193
|
-
|
|
3178
|
+
} = n, { t: _ } = k(), { control: y, trigger: m, clearErrors: b } = d, C = ne(a);
|
|
3179
|
+
return T(() => {
|
|
3180
|
+
C.current !== a && (a ? m(s) : b(s), C.current = a);
|
|
3181
|
+
}, [a, s, m, b]), /* @__PURE__ */ i(
|
|
3182
|
+
be,
|
|
3194
3183
|
{
|
|
3195
|
-
name:
|
|
3184
|
+
name: s,
|
|
3196
3185
|
control: y,
|
|
3197
3186
|
rules: {
|
|
3198
3187
|
required: a ? `${_(t)} ${_("errorMessages.required")}` : !1,
|
|
3199
|
-
validate:
|
|
3188
|
+
validate: l || void 0
|
|
3200
3189
|
},
|
|
3201
3190
|
render: ({ field: f, fieldState: v }) => {
|
|
3202
|
-
var
|
|
3203
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3204
|
-
/* @__PURE__ */ p("h3", { className:
|
|
3191
|
+
var N;
|
|
3192
|
+
return /* @__PURE__ */ p("div", { className: le.selectInputContainer, children: [
|
|
3193
|
+
/* @__PURE__ */ p("h3", { className: le.labelContainer, children: [
|
|
3205
3194
|
_(t),
|
|
3206
3195
|
" ",
|
|
3207
|
-
a && /* @__PURE__ */
|
|
3196
|
+
a && /* @__PURE__ */ i("label", { style: { color: v.error ? u : "" }, children: "*" })
|
|
3208
3197
|
] }),
|
|
3209
|
-
/* @__PURE__ */ p("div", { className:
|
|
3198
|
+
/* @__PURE__ */ p("div", { className: le.inputContainer, style: { width: h }, children: [
|
|
3210
3199
|
/* @__PURE__ */ p(
|
|
3211
3200
|
"select",
|
|
3212
3201
|
{
|
|
3213
3202
|
...f,
|
|
3214
3203
|
onChange: (x) => {
|
|
3215
|
-
const
|
|
3216
|
-
f.onChange(
|
|
3204
|
+
const w = x.target.value, $ = g.every((S) => typeof S.value == "number") ? Number(w) : w;
|
|
3205
|
+
f.onChange($);
|
|
3217
3206
|
},
|
|
3218
|
-
className:
|
|
3207
|
+
className: le.selectInput,
|
|
3219
3208
|
children: [
|
|
3220
|
-
/* @__PURE__ */
|
|
3221
|
-
g.map((x,
|
|
3209
|
+
/* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: _(c || "selectOption") }),
|
|
3210
|
+
g.map((x, w) => /* @__PURE__ */ i(
|
|
3222
3211
|
"option",
|
|
3223
3212
|
{
|
|
3224
3213
|
value: x.value,
|
|
3225
|
-
className:
|
|
3214
|
+
className: le.option,
|
|
3226
3215
|
children: _(x.label)
|
|
3227
3216
|
},
|
|
3228
|
-
|
|
3217
|
+
w
|
|
3229
3218
|
))
|
|
3230
3219
|
]
|
|
3231
3220
|
}
|
|
3232
3221
|
),
|
|
3233
|
-
/* @__PURE__ */
|
|
3222
|
+
/* @__PURE__ */ i(
|
|
3234
3223
|
"img",
|
|
3235
3224
|
{
|
|
3236
|
-
src:
|
|
3225
|
+
src: Ti,
|
|
3237
3226
|
alt: "Open",
|
|
3238
|
-
className:
|
|
3227
|
+
className: le.dropdownArrow
|
|
3239
3228
|
}
|
|
3240
3229
|
)
|
|
3241
3230
|
] }),
|
|
3242
|
-
/* @__PURE__ */
|
|
3243
|
-
|
|
3231
|
+
/* @__PURE__ */ i(
|
|
3232
|
+
_e,
|
|
3244
3233
|
{
|
|
3245
|
-
errorMessage: (
|
|
3234
|
+
errorMessage: (N = v.error) == null ? void 0 : N.message,
|
|
3246
3235
|
errorColor: u
|
|
3247
3236
|
}
|
|
3248
3237
|
)
|
|
@@ -3250,8 +3239,8 @@ const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3250
3239
|
}
|
|
3251
3240
|
}
|
|
3252
3241
|
);
|
|
3253
|
-
},
|
|
3254
|
-
radioButtonContainer:
|
|
3242
|
+
}, Mi = "_radioButtonContainer_1e994_2", Fi = "_wholeInputContainer_1e994_5", Vi = "_questionContainer_1e994_27", Ai = "_radioQuestion_1e994_59", Oi = "_inputContainer_1e994_63", Ii = "_radioInput_1e994_93", J = {
|
|
3243
|
+
radioButtonContainer: Mi,
|
|
3255
3244
|
wholeInputContainer: Fi,
|
|
3256
3245
|
questionContainer: Vi,
|
|
3257
3246
|
radioQuestion: Ai,
|
|
@@ -3259,94 +3248,94 @@ const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3259
3248
|
radioInput: Ii
|
|
3260
3249
|
}, Ri = ({ input: n, reactHookFormInstance: d }) => {
|
|
3261
3250
|
const {
|
|
3262
|
-
code:
|
|
3251
|
+
code: s,
|
|
3263
3252
|
label: o,
|
|
3264
3253
|
required: t,
|
|
3265
3254
|
validateFunction: r,
|
|
3266
3255
|
errorColor: a = "red",
|
|
3267
|
-
options:
|
|
3268
|
-
multi:
|
|
3269
|
-
} = n, { t: u } =
|
|
3270
|
-
if (
|
|
3271
|
-
let
|
|
3272
|
-
f(
|
|
3256
|
+
options: l = [],
|
|
3257
|
+
multi: c = !1
|
|
3258
|
+
} = n, { t: u } = k(), { control: h, trigger: g, clearErrors: _ } = d, y = ({ options: C, onChange: f, actualValue: v }) => {
|
|
3259
|
+
if (c && v && v.length > 0) {
|
|
3260
|
+
let N = v.filter((x) => x !== C);
|
|
3261
|
+
f(N);
|
|
3273
3262
|
}
|
|
3274
|
-
},
|
|
3275
|
-
|
|
3276
|
-
},
|
|
3277
|
-
return
|
|
3278
|
-
|
|
3279
|
-
}, [t,
|
|
3280
|
-
|
|
3263
|
+
}, m = ({ options: C, onChange: f, actualValue: v }) => {
|
|
3264
|
+
c ? v && v.length > 0 ? f([...v, C]) : f([C]) : f(C);
|
|
3265
|
+
}, b = ne(t);
|
|
3266
|
+
return T(() => {
|
|
3267
|
+
b.current !== t && (t ? g(s) : _(s), b.current = t);
|
|
3268
|
+
}, [t, s, g, _]), /* @__PURE__ */ i(
|
|
3269
|
+
be,
|
|
3281
3270
|
{
|
|
3282
3271
|
control: h,
|
|
3283
|
-
name:
|
|
3272
|
+
name: s,
|
|
3284
3273
|
rules: {
|
|
3285
|
-
validate: (
|
|
3274
|
+
validate: (C) => t && (C == null || C === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3286
3275
|
},
|
|
3287
3276
|
render: ({
|
|
3288
|
-
formState: { errors:
|
|
3289
|
-
field: { onChange: f, onBlur: v, value:
|
|
3290
|
-
fieldState:
|
|
3277
|
+
formState: { errors: C },
|
|
3278
|
+
field: { onChange: f, onBlur: v, value: N, ref: x },
|
|
3279
|
+
fieldState: w
|
|
3291
3280
|
}) => {
|
|
3292
|
-
var
|
|
3293
|
-
return /* @__PURE__ */
|
|
3294
|
-
o && /* @__PURE__ */
|
|
3281
|
+
var $;
|
|
3282
|
+
return /* @__PURE__ */ i("div", { id: s + "id", className: J.radioButtonContainer, children: /* @__PURE__ */ p("div", { className: J.wholeInputContainer, children: [
|
|
3283
|
+
o && /* @__PURE__ */ i("div", { className: J.questionContainer, children: /* @__PURE__ */ p(
|
|
3295
3284
|
"h3",
|
|
3296
3285
|
{
|
|
3297
|
-
htmlFor:
|
|
3298
|
-
className: `${
|
|
3286
|
+
htmlFor: s + "id",
|
|
3287
|
+
className: `${J.radioQuestion} ${t && J.required}`,
|
|
3299
3288
|
children: [
|
|
3300
3289
|
u(o),
|
|
3301
3290
|
" ",
|
|
3302
|
-
t && /* @__PURE__ */
|
|
3291
|
+
t && /* @__PURE__ */ i(
|
|
3303
3292
|
"label",
|
|
3304
3293
|
{
|
|
3305
|
-
style: { color:
|
|
3294
|
+
style: { color: w.error ? a : "" },
|
|
3306
3295
|
children: "*"
|
|
3307
3296
|
}
|
|
3308
3297
|
)
|
|
3309
3298
|
]
|
|
3310
3299
|
}
|
|
3311
3300
|
) }),
|
|
3312
|
-
/* @__PURE__ */ p("div", { className:
|
|
3313
|
-
|
|
3301
|
+
/* @__PURE__ */ p("div", { className: J.inputContainer, children: [
|
|
3302
|
+
l.map(
|
|
3314
3303
|
({
|
|
3315
3304
|
label: S,
|
|
3316
|
-
value:
|
|
3317
|
-
disabled:
|
|
3318
|
-
italicLabel:
|
|
3305
|
+
value: D,
|
|
3306
|
+
disabled: j = !1,
|
|
3307
|
+
italicLabel: ue
|
|
3319
3308
|
}, q) => {
|
|
3320
|
-
const
|
|
3309
|
+
const z = N && c ? N.isArray && (N == null ? void 0 : N.length) > 0 && N.some((E) => E === D) : N === D;
|
|
3321
3310
|
return /* @__PURE__ */ p("label", { children: [
|
|
3322
|
-
/* @__PURE__ */
|
|
3311
|
+
/* @__PURE__ */ i(
|
|
3323
3312
|
"input",
|
|
3324
3313
|
{
|
|
3325
3314
|
type: "radio",
|
|
3326
|
-
checked:
|
|
3315
|
+
checked: z,
|
|
3327
3316
|
onChange: () => {
|
|
3328
|
-
|
|
3329
|
-
actualValue:
|
|
3330
|
-
options:
|
|
3317
|
+
c ? z ? y({
|
|
3318
|
+
actualValue: N,
|
|
3319
|
+
options: l,
|
|
3331
3320
|
onChange: f
|
|
3332
|
-
}) :
|
|
3333
|
-
actualValue:
|
|
3334
|
-
options:
|
|
3321
|
+
}) : m({
|
|
3322
|
+
actualValue: N,
|
|
3323
|
+
options: l,
|
|
3335
3324
|
onChange: f
|
|
3336
|
-
}) : f(
|
|
3325
|
+
}) : f(D);
|
|
3337
3326
|
},
|
|
3338
|
-
className:
|
|
3327
|
+
className: J.radioInput
|
|
3339
3328
|
}
|
|
3340
3329
|
),
|
|
3341
|
-
/* @__PURE__ */
|
|
3330
|
+
/* @__PURE__ */ i("span", { className: "radio-custom" }),
|
|
3342
3331
|
u(S)
|
|
3343
3332
|
] }, `inputRadio ${q}`);
|
|
3344
3333
|
}
|
|
3345
3334
|
),
|
|
3346
|
-
/* @__PURE__ */
|
|
3347
|
-
|
|
3335
|
+
/* @__PURE__ */ i(
|
|
3336
|
+
_e,
|
|
3348
3337
|
{
|
|
3349
|
-
errorMessage: (
|
|
3338
|
+
errorMessage: ($ = w.error) == null ? void 0 : $.message,
|
|
3350
3339
|
errorColor: a
|
|
3351
3340
|
}
|
|
3352
3341
|
)
|
|
@@ -3364,73 +3353,73 @@ const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3364
3353
|
labels: Zi,
|
|
3365
3354
|
minLabel: Ki,
|
|
3366
3355
|
maxLabel: Hi
|
|
3367
|
-
},
|
|
3356
|
+
}, $t = ({ input: n, reactHookFormInstance: d }) => {
|
|
3368
3357
|
const {
|
|
3369
|
-
code:
|
|
3358
|
+
code: s,
|
|
3370
3359
|
label: o,
|
|
3371
3360
|
minValue: t = 1,
|
|
3372
3361
|
maxValue: r = 5,
|
|
3373
3362
|
defValue: a = 3,
|
|
3374
|
-
thumbColor:
|
|
3363
|
+
thumbColor: l = "#B32F5D",
|
|
3375
3364
|
//trackColors = ["#B32F5D", "#EFEFEF"],
|
|
3376
|
-
required:
|
|
3365
|
+
required: c,
|
|
3377
3366
|
errorColor: u = "red",
|
|
3378
3367
|
labelWidth: h = "300px",
|
|
3379
3368
|
sliderWidth: g = "300px",
|
|
3380
3369
|
minText: _,
|
|
3381
3370
|
maxText: y,
|
|
3382
|
-
disabled:
|
|
3383
|
-
marks:
|
|
3384
|
-
showMarksNumber:
|
|
3385
|
-
} = n, { t: f } =
|
|
3386
|
-
return
|
|
3387
|
-
d &&
|
|
3388
|
-
}, [
|
|
3389
|
-
|
|
3371
|
+
disabled: m = !1,
|
|
3372
|
+
marks: b = Array.from({ length: r - t + 1 }, (D, j) => t + j),
|
|
3373
|
+
showMarksNumber: C = !0
|
|
3374
|
+
} = n, { t: f } = k(), { control: v, trigger: N, clearErrors: x } = d || {}, w = ne(c), [$, S] = L(a);
|
|
3375
|
+
return T(() => {
|
|
3376
|
+
d && w.current !== c && (c ? N(s) : x(s), w.current = c);
|
|
3377
|
+
}, [c, s, N, x, d]), d ? /* @__PURE__ */ i(
|
|
3378
|
+
be,
|
|
3390
3379
|
{
|
|
3391
|
-
name:
|
|
3380
|
+
name: s,
|
|
3392
3381
|
control: v,
|
|
3393
3382
|
defaultValue: a,
|
|
3394
3383
|
rules: {
|
|
3395
|
-
required:
|
|
3384
|
+
required: c ? `${f(o)} ${f("errorMessages.required")}` : !1
|
|
3396
3385
|
},
|
|
3397
|
-
render: ({ field:
|
|
3398
|
-
var
|
|
3386
|
+
render: ({ field: D, fieldState: j }) => {
|
|
3387
|
+
var ue;
|
|
3399
3388
|
return /* @__PURE__ */ p(
|
|
3400
3389
|
"div",
|
|
3401
3390
|
{
|
|
3402
3391
|
className: M.rankingSliderContainer,
|
|
3403
|
-
style: { gridTemplateColumns: `${h} ${g}` },
|
|
3392
|
+
style: { gridTemplateColumns: `${o && h} ${g}` },
|
|
3404
3393
|
children: [
|
|
3405
|
-
o && /* @__PURE__ */
|
|
3394
|
+
o && /* @__PURE__ */ i("p", { className: M.labelContainer, children: f(o) }),
|
|
3406
3395
|
/* @__PURE__ */ p("div", { className: M.inputContainer, children: [
|
|
3407
|
-
_ && /* @__PURE__ */
|
|
3396
|
+
_ && /* @__PURE__ */ i("div", { className: M.minLabel, children: f(_) }),
|
|
3408
3397
|
/* @__PURE__ */ p("div", { children: [
|
|
3409
|
-
/* @__PURE__ */
|
|
3398
|
+
/* @__PURE__ */ i(
|
|
3410
3399
|
Ee,
|
|
3411
3400
|
{
|
|
3412
3401
|
min: t,
|
|
3413
3402
|
max: r,
|
|
3414
3403
|
step: 1,
|
|
3415
|
-
value:
|
|
3416
|
-
onChange: (q) =>
|
|
3404
|
+
value: D.value ?? a,
|
|
3405
|
+
onChange: (q) => D.onChange(q),
|
|
3417
3406
|
marks: !0,
|
|
3418
3407
|
className: M.slider,
|
|
3419
3408
|
thumbClassName: M.thumb,
|
|
3420
|
-
renderThumb: (q) => /* @__PURE__ */
|
|
3409
|
+
renderThumb: (q) => /* @__PURE__ */ i("div", { ...q, style: { ...q.style, backgroundColor: l } }),
|
|
3421
3410
|
trackClassName: M.track,
|
|
3422
3411
|
markClassName: M.mark,
|
|
3423
|
-
disabled:
|
|
3412
|
+
disabled: m
|
|
3424
3413
|
}
|
|
3425
3414
|
),
|
|
3426
|
-
|
|
3415
|
+
b && /* @__PURE__ */ i("div", { className: M.labels, children: b.map((q) => /* @__PURE__ */ i("span", { children: C && q }, q)) })
|
|
3427
3416
|
] }),
|
|
3428
|
-
y && /* @__PURE__ */
|
|
3417
|
+
y && /* @__PURE__ */ i("div", { className: M.maxLabel, children: f(y) })
|
|
3429
3418
|
] }),
|
|
3430
|
-
/* @__PURE__ */
|
|
3431
|
-
|
|
3419
|
+
/* @__PURE__ */ i(
|
|
3420
|
+
_e,
|
|
3432
3421
|
{
|
|
3433
|
-
errorMessage: (
|
|
3422
|
+
errorMessage: (ue = j.error) == null ? void 0 : ue.message,
|
|
3434
3423
|
errorColor: u
|
|
3435
3424
|
}
|
|
3436
3425
|
)
|
|
@@ -3443,38 +3432,38 @@ const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3443
3432
|
"div",
|
|
3444
3433
|
{
|
|
3445
3434
|
className: M.rankingSliderContainer,
|
|
3446
|
-
style: { gridTemplateColumns: `${h} ${g}` },
|
|
3435
|
+
style: { gridTemplateColumns: `${o && h} ${g}` },
|
|
3447
3436
|
children: [
|
|
3448
|
-
o && /* @__PURE__ */
|
|
3437
|
+
o && /* @__PURE__ */ i("p", { className: M.labelContainer, children: f(o) }),
|
|
3449
3438
|
/* @__PURE__ */ p("div", { className: M.inputContainer, children: [
|
|
3450
|
-
_ && /* @__PURE__ */
|
|
3439
|
+
_ && /* @__PURE__ */ i("div", { className: M.minLabel, children: f(_) }),
|
|
3451
3440
|
/* @__PURE__ */ p("div", { children: [
|
|
3452
|
-
/* @__PURE__ */
|
|
3441
|
+
/* @__PURE__ */ i(
|
|
3453
3442
|
Ee,
|
|
3454
3443
|
{
|
|
3455
3444
|
min: t,
|
|
3456
3445
|
max: r,
|
|
3457
3446
|
step: 1,
|
|
3458
|
-
value:
|
|
3459
|
-
onChange: (
|
|
3447
|
+
value: $,
|
|
3448
|
+
onChange: (D) => S(D),
|
|
3460
3449
|
marks: !0,
|
|
3461
3450
|
className: M.slider,
|
|
3462
3451
|
thumbClassName: M.thumb,
|
|
3463
|
-
renderThumb: (
|
|
3452
|
+
renderThumb: (D) => /* @__PURE__ */ i("div", { ...D, style: { ...D.style, backgroundColor: l } }),
|
|
3464
3453
|
trackClassName: M.track,
|
|
3465
3454
|
markClassName: M.mark,
|
|
3466
|
-
disabled:
|
|
3455
|
+
disabled: m
|
|
3467
3456
|
}
|
|
3468
3457
|
),
|
|
3469
|
-
|
|
3458
|
+
b && /* @__PURE__ */ i("div", { className: M.labels, children: b.map((D) => /* @__PURE__ */ i("span", { children: C && D }, D)) })
|
|
3470
3459
|
] }),
|
|
3471
|
-
y && /* @__PURE__ */
|
|
3460
|
+
y && /* @__PURE__ */ i("div", { className: M.maxLabel, children: f(y) })
|
|
3472
3461
|
] })
|
|
3473
3462
|
]
|
|
3474
3463
|
}
|
|
3475
3464
|
);
|
|
3476
3465
|
};
|
|
3477
|
-
|
|
3466
|
+
$t.propTypes = {
|
|
3478
3467
|
input: e.shape({
|
|
3479
3468
|
code: e.string,
|
|
3480
3469
|
label: e.string,
|
|
@@ -3495,115 +3484,115 @@ Bt.propTypes = {
|
|
|
3495
3484
|
const Ae = ({
|
|
3496
3485
|
inputs: n,
|
|
3497
3486
|
inputContainerStyles: d,
|
|
3498
|
-
reactHookFormInstance:
|
|
3487
|
+
reactHookFormInstance: s
|
|
3499
3488
|
}) => {
|
|
3500
|
-
const { watch: o } =
|
|
3501
|
-
const
|
|
3489
|
+
const { watch: o } = s, t = o(), r = Ce(() => n.map((a) => {
|
|
3490
|
+
const l = typeof a.required == "function" ? a.required(t) : a.required;
|
|
3502
3491
|
return {
|
|
3503
3492
|
...a,
|
|
3504
|
-
required:
|
|
3493
|
+
required: l
|
|
3505
3494
|
};
|
|
3506
3495
|
}), [n, t]);
|
|
3507
|
-
return /* @__PURE__ */
|
|
3508
|
-
const { inputType:
|
|
3509
|
-
switch (
|
|
3510
|
-
case
|
|
3511
|
-
return /* @__PURE__ */
|
|
3496
|
+
return /* @__PURE__ */ i("div", { className: ae.inputsContainer, children: r == null ? void 0 : r.map((a, l) => {
|
|
3497
|
+
const { inputType: c } = a;
|
|
3498
|
+
switch (c) {
|
|
3499
|
+
case he.text:
|
|
3500
|
+
return /* @__PURE__ */ i(
|
|
3512
3501
|
"div",
|
|
3513
3502
|
{
|
|
3514
|
-
className:
|
|
3503
|
+
className: ae.inputContainer,
|
|
3515
3504
|
style: { ...d },
|
|
3516
|
-
children: /* @__PURE__ */
|
|
3505
|
+
children: /* @__PURE__ */ i(
|
|
3517
3506
|
at,
|
|
3518
3507
|
{
|
|
3519
3508
|
input: a,
|
|
3520
|
-
reactHookFormInstance:
|
|
3509
|
+
reactHookFormInstance: s
|
|
3521
3510
|
}
|
|
3522
3511
|
)
|
|
3523
3512
|
},
|
|
3524
|
-
`${a.code}${
|
|
3513
|
+
`${a.code}${l}`
|
|
3525
3514
|
);
|
|
3526
|
-
case
|
|
3527
|
-
return /* @__PURE__ */
|
|
3515
|
+
case he.password:
|
|
3516
|
+
return /* @__PURE__ */ i(
|
|
3528
3517
|
"div",
|
|
3529
3518
|
{
|
|
3530
|
-
className:
|
|
3519
|
+
className: ae.inputContainer,
|
|
3531
3520
|
style: { ...d },
|
|
3532
|
-
children: /* @__PURE__ */
|
|
3521
|
+
children: /* @__PURE__ */ i(
|
|
3533
3522
|
at,
|
|
3534
3523
|
{
|
|
3535
3524
|
input: a,
|
|
3536
|
-
reactHookFormInstance:
|
|
3525
|
+
reactHookFormInstance: s
|
|
3537
3526
|
}
|
|
3538
3527
|
)
|
|
3539
3528
|
},
|
|
3540
|
-
`${a.code}${
|
|
3529
|
+
`${a.code}${l}`
|
|
3541
3530
|
);
|
|
3542
|
-
case
|
|
3543
|
-
return /* @__PURE__ */
|
|
3531
|
+
case he.select:
|
|
3532
|
+
return /* @__PURE__ */ i(
|
|
3544
3533
|
"div",
|
|
3545
3534
|
{
|
|
3546
|
-
className:
|
|
3535
|
+
className: ae.inputContainer,
|
|
3547
3536
|
style: { ...d },
|
|
3548
|
-
children: /* @__PURE__ */
|
|
3549
|
-
|
|
3537
|
+
children: /* @__PURE__ */ i(
|
|
3538
|
+
Di,
|
|
3550
3539
|
{
|
|
3551
3540
|
input: a,
|
|
3552
|
-
reactHookFormInstance:
|
|
3541
|
+
reactHookFormInstance: s
|
|
3553
3542
|
}
|
|
3554
3543
|
)
|
|
3555
3544
|
},
|
|
3556
|
-
`${a.code}${
|
|
3545
|
+
`${a.code}${l}`
|
|
3557
3546
|
);
|
|
3558
|
-
case
|
|
3559
|
-
return /* @__PURE__ */
|
|
3547
|
+
case he.radioList:
|
|
3548
|
+
return /* @__PURE__ */ i(
|
|
3560
3549
|
"div",
|
|
3561
3550
|
{
|
|
3562
|
-
className:
|
|
3551
|
+
className: ae.inputContainer,
|
|
3563
3552
|
style: { ...d },
|
|
3564
|
-
children: /* @__PURE__ */
|
|
3553
|
+
children: /* @__PURE__ */ i(
|
|
3565
3554
|
Ri,
|
|
3566
3555
|
{
|
|
3567
3556
|
input: a,
|
|
3568
|
-
reactHookFormInstance:
|
|
3557
|
+
reactHookFormInstance: s
|
|
3569
3558
|
}
|
|
3570
3559
|
)
|
|
3571
3560
|
},
|
|
3572
|
-
`${a.code}${
|
|
3561
|
+
`${a.code}${l}`
|
|
3573
3562
|
);
|
|
3574
|
-
case
|
|
3575
|
-
return /* @__PURE__ */
|
|
3563
|
+
case he.rankingSlider:
|
|
3564
|
+
return /* @__PURE__ */ i(
|
|
3576
3565
|
"div",
|
|
3577
3566
|
{
|
|
3578
|
-
className:
|
|
3567
|
+
className: ae.inputContainer,
|
|
3579
3568
|
style: { ...d },
|
|
3580
|
-
children: /* @__PURE__ */
|
|
3581
|
-
|
|
3569
|
+
children: /* @__PURE__ */ i(
|
|
3570
|
+
$t,
|
|
3582
3571
|
{
|
|
3583
3572
|
input: a,
|
|
3584
|
-
reactHookFormInstance:
|
|
3573
|
+
reactHookFormInstance: s
|
|
3585
3574
|
}
|
|
3586
3575
|
)
|
|
3587
3576
|
},
|
|
3588
|
-
`${a.code}${
|
|
3577
|
+
`${a.code}${l}`
|
|
3589
3578
|
);
|
|
3590
3579
|
default:
|
|
3591
|
-
return /* @__PURE__ */
|
|
3580
|
+
return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${a.code}${l}`);
|
|
3592
3581
|
}
|
|
3593
3582
|
}) });
|
|
3594
|
-
},
|
|
3583
|
+
}, no = ({
|
|
3595
3584
|
reactHookFormInstance: n,
|
|
3596
3585
|
formObject: d,
|
|
3597
3586
|
//Component with {title, children} as props.
|
|
3598
3587
|
// Used to render a category section in the form.
|
|
3599
3588
|
//If not provided, a default component will be used.
|
|
3600
|
-
CategoryComponent:
|
|
3589
|
+
CategoryComponent: s,
|
|
3601
3590
|
inputContainerStyles: o,
|
|
3602
3591
|
generalError: t,
|
|
3603
3592
|
errorColor: r = "red",
|
|
3604
3593
|
submitButtonLabel: a = "Submit",
|
|
3605
|
-
submitButtonStyles:
|
|
3606
|
-
activeCategory:
|
|
3594
|
+
submitButtonStyles: l = { width: 325 },
|
|
3595
|
+
activeCategory: c = null,
|
|
3607
3596
|
// If provided, only the category with this categoryId will be displayed.
|
|
3608
3597
|
onSubmit: u = (h) => console.log("Form submitted with data: ", h)
|
|
3609
3598
|
}) => {
|
|
@@ -3611,25 +3600,25 @@ const Ae = ({
|
|
|
3611
3600
|
handleSubmit: h,
|
|
3612
3601
|
control: g,
|
|
3613
3602
|
formState: { errors: _ }
|
|
3614
|
-
} = n, { t: y } =
|
|
3603
|
+
} = n, { t: y } = k();
|
|
3615
3604
|
return /* @__PURE__ */ p("form", { className: Ve.formContainer, onSubmit: h(u), children: [
|
|
3616
|
-
/* @__PURE__ */
|
|
3617
|
-
const { inputs:
|
|
3618
|
-
return
|
|
3605
|
+
/* @__PURE__ */ i("div", { className: Ve.formObjectContainer, children: d && d.map((m, b) => {
|
|
3606
|
+
const { inputs: C } = m;
|
|
3607
|
+
return m.category ? s ? /* @__PURE__ */ i(
|
|
3619
3608
|
"div",
|
|
3620
3609
|
{
|
|
3621
3610
|
style: {
|
|
3622
|
-
display:
|
|
3611
|
+
display: c && m.categoryId !== c ? "none" : "inherit",
|
|
3623
3612
|
width: "100%"
|
|
3624
3613
|
},
|
|
3625
|
-
children: /* @__PURE__ */
|
|
3626
|
-
|
|
3614
|
+
children: /* @__PURE__ */ i(
|
|
3615
|
+
s,
|
|
3627
3616
|
{
|
|
3628
|
-
title:
|
|
3629
|
-
children: /* @__PURE__ */
|
|
3617
|
+
title: m.category,
|
|
3618
|
+
children: /* @__PURE__ */ i(
|
|
3630
3619
|
Ae,
|
|
3631
3620
|
{
|
|
3632
|
-
inputs:
|
|
3621
|
+
inputs: C,
|
|
3633
3622
|
control: g,
|
|
3634
3623
|
inputContainerStyles: o,
|
|
3635
3624
|
errorColor: r,
|
|
@@ -3637,7 +3626,7 @@ const Ae = ({
|
|
|
3637
3626
|
}
|
|
3638
3627
|
)
|
|
3639
3628
|
},
|
|
3640
|
-
`${
|
|
3629
|
+
`${m.category}${b}`
|
|
3641
3630
|
)
|
|
3642
3631
|
}
|
|
3643
3632
|
) : /* @__PURE__ */ p(
|
|
@@ -3645,15 +3634,15 @@ const Ae = ({
|
|
|
3645
3634
|
{
|
|
3646
3635
|
style: {
|
|
3647
3636
|
width: "100%",
|
|
3648
|
-
display:
|
|
3637
|
+
display: c && m.categoryId !== c ? "none" : "flex",
|
|
3649
3638
|
flexDirection: "column"
|
|
3650
3639
|
},
|
|
3651
3640
|
children: [
|
|
3652
|
-
/* @__PURE__ */
|
|
3653
|
-
/* @__PURE__ */
|
|
3641
|
+
/* @__PURE__ */ i("h2", { style: { marginBottom: 20 }, children: y(m.category) }),
|
|
3642
|
+
/* @__PURE__ */ i("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ i(
|
|
3654
3643
|
Ae,
|
|
3655
3644
|
{
|
|
3656
|
-
inputs:
|
|
3645
|
+
inputs: C,
|
|
3657
3646
|
control: g,
|
|
3658
3647
|
inputContainerStyles: o,
|
|
3659
3648
|
errorColor: r,
|
|
@@ -3662,21 +3651,21 @@ const Ae = ({
|
|
|
3662
3651
|
) })
|
|
3663
3652
|
]
|
|
3664
3653
|
},
|
|
3665
|
-
`${
|
|
3666
|
-
) : /* @__PURE__ */
|
|
3654
|
+
`${m.category}${b}`
|
|
3655
|
+
) : /* @__PURE__ */ i("div", { style: { width: "100%" }, children: /* @__PURE__ */ i(
|
|
3667
3656
|
Ae,
|
|
3668
3657
|
{
|
|
3669
3658
|
inputContainerStyles: o,
|
|
3670
|
-
inputs:
|
|
3659
|
+
inputs: C,
|
|
3671
3660
|
control: g,
|
|
3672
3661
|
errorColor: r,
|
|
3673
3662
|
reactHookFormInstance: n
|
|
3674
3663
|
}
|
|
3675
|
-
) }, `inputKey${
|
|
3664
|
+
) }, `inputKey${b}`);
|
|
3676
3665
|
}) }),
|
|
3677
3666
|
/* @__PURE__ */ p("div", { className: Ve.buttonContainer, children: [
|
|
3678
|
-
/* @__PURE__ */
|
|
3679
|
-
/* @__PURE__ */
|
|
3667
|
+
/* @__PURE__ */ i(ke, { containerStyles: l, type: "submit", children: y(a) }),
|
|
3668
|
+
/* @__PURE__ */ i(_e, { errorMessage: t, errorColor: r })
|
|
3680
3669
|
] })
|
|
3681
3670
|
] });
|
|
3682
3671
|
}, Ui = "_overlay_mnd4j_2", Gi = "_modal_mnd4j_15", Wi = "_closeButton_mnd4j_29", Yi = "_icon_mnd4j_39", Qi = "_message_mnd4j_45", Xi = "_submessage_mnd4j_51", Ji = "_buttonsContainer_mnd4j_57", es = "_buttonWrapper_mnd4j_64", G = {
|
|
@@ -3691,22 +3680,22 @@ const Ae = ({
|
|
|
3691
3680
|
}, ts = ({
|
|
3692
3681
|
onClose: n,
|
|
3693
3682
|
icon: d,
|
|
3694
|
-
message:
|
|
3683
|
+
message: s,
|
|
3695
3684
|
submessage: o,
|
|
3696
3685
|
buttons: t,
|
|
3697
3686
|
maxHeight: r = "450px",
|
|
3698
3687
|
maxWidth: a = "450px"
|
|
3699
|
-
}) => /* @__PURE__ */
|
|
3688
|
+
}) => /* @__PURE__ */ i("div", { className: G.overlay, children: /* @__PURE__ */ p(
|
|
3700
3689
|
"div",
|
|
3701
3690
|
{
|
|
3702
3691
|
className: G.modal,
|
|
3703
3692
|
style: { maxHeight: r, maxWidth: a },
|
|
3704
3693
|
children: [
|
|
3705
|
-
/* @__PURE__ */
|
|
3706
|
-
d && /* @__PURE__ */
|
|
3707
|
-
/* @__PURE__ */
|
|
3708
|
-
o && /* @__PURE__ */
|
|
3709
|
-
t.length > 0 && /* @__PURE__ */
|
|
3694
|
+
/* @__PURE__ */ i("button", { className: G.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
|
|
3695
|
+
d && /* @__PURE__ */ i("img", { src: d, alt: "icon", className: G.icon }),
|
|
3696
|
+
/* @__PURE__ */ i("p", { className: G.message, children: s }),
|
|
3697
|
+
o && /* @__PURE__ */ i("p", { className: G.submessage, children: o }),
|
|
3698
|
+
t.length > 0 && /* @__PURE__ */ i("div", { className: G.buttonsContainer, children: t.map((l, c) => /* @__PURE__ */ i("div", { className: G.buttonWrapper, children: l }, c)) })
|
|
3710
3699
|
]
|
|
3711
3700
|
}
|
|
3712
3701
|
) });
|
|
@@ -3726,7 +3715,7 @@ ts.propTypes = {
|
|
|
3726
3715
|
/** Anchura máxima del modal (por defecto 400px) */
|
|
3727
3716
|
maxWidth: e.string
|
|
3728
3717
|
};
|
|
3729
|
-
const ns = "_stepsContainer_1cyua_3", is = "_stepWrapper_1cyua_9", ss = "_circleContainer_1cyua_19", os = "_circle_1cyua_19", rs = "_active_1cyua_39", as = "_completed_1cyua_44", ls = "_label_1cyua_50", cs = "_labelActive_1cyua_56", ds = "_connector_1cyua_61",
|
|
3718
|
+
const ns = "_stepsContainer_1cyua_3", is = "_stepWrapper_1cyua_9", ss = "_circleContainer_1cyua_19", os = "_circle_1cyua_19", rs = "_active_1cyua_39", as = "_completed_1cyua_44", ls = "_label_1cyua_50", cs = "_labelActive_1cyua_56", ds = "_connector_1cyua_61", K = {
|
|
3730
3719
|
stepsContainer: ns,
|
|
3731
3720
|
stepWrapper: is,
|
|
3732
3721
|
circleContainer: ss,
|
|
@@ -3736,28 +3725,28 @@ const ns = "_stepsContainer_1cyua_3", is = "_stepWrapper_1cyua_9", ss = "_circle
|
|
|
3736
3725
|
label: ls,
|
|
3737
3726
|
labelActive: cs,
|
|
3738
3727
|
connector: ds
|
|
3739
|
-
}, St = ({ steps: n, activeColor: d }) => /* @__PURE__ */
|
|
3740
|
-
const t =
|
|
3741
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3742
|
-
/* @__PURE__ */ p("div", { className:
|
|
3743
|
-
/* @__PURE__ */
|
|
3728
|
+
}, St = ({ steps: n, activeColor: d }) => /* @__PURE__ */ i("div", { className: K.stepsContainer, children: n.map((s, o) => {
|
|
3729
|
+
const t = s.status === "active", r = s.status === "completed";
|
|
3730
|
+
return /* @__PURE__ */ p("div", { className: K.stepWrapper, children: [
|
|
3731
|
+
/* @__PURE__ */ p("div", { className: K.circleContainer, children: [
|
|
3732
|
+
/* @__PURE__ */ i(
|
|
3744
3733
|
"div",
|
|
3745
3734
|
{
|
|
3746
|
-
className: `${
|
|
3747
|
-
${t ?
|
|
3748
|
-
${r ?
|
|
3735
|
+
className: `${K.circle}
|
|
3736
|
+
${t ? K.active : ""}
|
|
3737
|
+
${r ? K.completed : ""}`,
|
|
3749
3738
|
style: t ? { backgroundColor: d } : {},
|
|
3750
|
-
onClick:
|
|
3739
|
+
onClick: s.onClick,
|
|
3751
3740
|
children: o + 1
|
|
3752
3741
|
}
|
|
3753
3742
|
),
|
|
3754
|
-
o < n.length - 1 && /* @__PURE__ */
|
|
3743
|
+
o < n.length - 1 && /* @__PURE__ */ i("div", { className: K.connector })
|
|
3755
3744
|
] }),
|
|
3756
|
-
/* @__PURE__ */
|
|
3745
|
+
/* @__PURE__ */ i(
|
|
3757
3746
|
"div",
|
|
3758
3747
|
{
|
|
3759
|
-
className: `${
|
|
3760
|
-
children:
|
|
3748
|
+
className: `${K.label} ${t ? K.labelActive : ""}`,
|
|
3749
|
+
children: s.name
|
|
3761
3750
|
}
|
|
3762
3751
|
)
|
|
3763
3752
|
] }, o);
|
|
@@ -3778,36 +3767,36 @@ St.defaultProps = {
|
|
|
3778
3767
|
};
|
|
3779
3768
|
const us = "_statusTextContainer_ch14r_2", ps = {
|
|
3780
3769
|
statusTextContainer: us
|
|
3781
|
-
},
|
|
3782
|
-
|
|
3770
|
+
}, Bt = ({ text: n, color: d }) => /* @__PURE__ */ i("div", { className: ps.statusTextContainer, style: { background: d }, children: /* @__PURE__ */ i("span", { children: n }) });
|
|
3771
|
+
Bt.propTypes = {
|
|
3783
3772
|
text: e.string,
|
|
3784
3773
|
color: e.string
|
|
3785
3774
|
};
|
|
3786
|
-
|
|
3775
|
+
Bt.defaultProps = {
|
|
3787
3776
|
color: "#C2185B"
|
|
3788
3777
|
// color por defecto
|
|
3789
3778
|
};
|
|
3790
|
-
const ms = "_buttonsContainer_1c7dw_2", hs = "_button_1c7dw_2", gs = "_active_1c7dw_20",
|
|
3779
|
+
const ms = "_buttonsContainer_1c7dw_2", hs = "_button_1c7dw_2", gs = "_active_1c7dw_20", we = {
|
|
3791
3780
|
buttonsContainer: ms,
|
|
3792
3781
|
button: hs,
|
|
3793
3782
|
active: gs
|
|
3794
3783
|
}, Cs = ({
|
|
3795
3784
|
buttons: n = []
|
|
3796
3785
|
}) => {
|
|
3797
|
-
const { t: d } =
|
|
3798
|
-
return /* @__PURE__ */
|
|
3786
|
+
const { t: d } = k();
|
|
3787
|
+
return /* @__PURE__ */ i("div", { className: `${we.buttonsContainer}`, children: n.map((s, o) => {
|
|
3799
3788
|
const {
|
|
3800
3789
|
isActive: t,
|
|
3801
3790
|
name: r,
|
|
3802
3791
|
onClick: a
|
|
3803
|
-
} =
|
|
3804
|
-
return /* @__PURE__ */
|
|
3792
|
+
} = s;
|
|
3793
|
+
return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
|
|
3805
3794
|
"button",
|
|
3806
3795
|
{
|
|
3807
3796
|
onClick: a,
|
|
3808
|
-
className: `${
|
|
3809
|
-
${t &&
|
|
3810
|
-
children: /* @__PURE__ */
|
|
3797
|
+
className: `${we.button}
|
|
3798
|
+
${t && we.active}`,
|
|
3799
|
+
children: /* @__PURE__ */ i("span", { className: we.buttonName, children: d(r) })
|
|
3811
3800
|
}
|
|
3812
3801
|
) }, o);
|
|
3813
3802
|
}) });
|
|
@@ -3822,42 +3811,101 @@ Cs.propTypes = {
|
|
|
3822
3811
|
})
|
|
3823
3812
|
).isRequired
|
|
3824
3813
|
};
|
|
3825
|
-
const fs = "
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
},
|
|
3814
|
+
const fs = "_switchContainer_1rmh2_2", bs = "_label_1rmh2_9", _s = "_slider_1rmh2_24", ys = "_disabled_1rmh2_50", ce = {
|
|
3815
|
+
switchContainer: fs,
|
|
3816
|
+
label: bs,
|
|
3817
|
+
switch: "_switch_1rmh2_2",
|
|
3818
|
+
slider: _s,
|
|
3819
|
+
disabled: ys
|
|
3820
|
+
}, vs = ({ input: n, reactHookFormInstance: d }) => {
|
|
3821
|
+
const {
|
|
3822
|
+
code: s,
|
|
3823
|
+
labelLeft: o,
|
|
3824
|
+
labelRight: t,
|
|
3825
|
+
defValue: r = !1,
|
|
3826
|
+
colorOn: a = "#5A514D",
|
|
3827
|
+
disabled: l = !1
|
|
3828
|
+
} = n, { t: c } = k(), { control: u } = d || {}, [h, g] = L(r), _ = (y, m) => /* @__PURE__ */ p("div", { className: ce.switchContainer, children: [
|
|
3829
|
+
o && /* @__PURE__ */ i("span", { className: ce.label, children: c(o) }),
|
|
3830
|
+
/* @__PURE__ */ p("label", { className: `${ce.switch} ${l ? ce.disabled : ""}`, children: [
|
|
3831
|
+
/* @__PURE__ */ i(
|
|
3832
|
+
"input",
|
|
3833
|
+
{
|
|
3834
|
+
type: "checkbox",
|
|
3835
|
+
checked: !!y,
|
|
3836
|
+
onChange: () => m(!y),
|
|
3837
|
+
disabled: l
|
|
3838
|
+
}
|
|
3839
|
+
),
|
|
3840
|
+
/* @__PURE__ */ i(
|
|
3841
|
+
"span",
|
|
3842
|
+
{
|
|
3843
|
+
className: ce.slider,
|
|
3844
|
+
style: {
|
|
3845
|
+
"--switch-thumb-color": y ? a : "#ccc"
|
|
3846
|
+
}
|
|
3847
|
+
}
|
|
3848
|
+
)
|
|
3849
|
+
] }),
|
|
3850
|
+
t && /* @__PURE__ */ i("span", { className: ce.label, children: c(t) })
|
|
3851
|
+
] });
|
|
3852
|
+
return d ? /* @__PURE__ */ i(
|
|
3853
|
+
be,
|
|
3854
|
+
{
|
|
3855
|
+
name: s,
|
|
3856
|
+
control: u,
|
|
3857
|
+
defaultValue: r,
|
|
3858
|
+
render: ({ field: y }) => _(y.value, y.onChange)
|
|
3859
|
+
}
|
|
3860
|
+
) : _(h, g);
|
|
3861
|
+
};
|
|
3862
|
+
vs.propTypes = {
|
|
3863
|
+
input: e.shape({
|
|
3864
|
+
code: e.string,
|
|
3865
|
+
labelLeft: e.string,
|
|
3866
|
+
labelRight: e.string,
|
|
3867
|
+
defValue: e.bool,
|
|
3868
|
+
colorOn: e.string,
|
|
3869
|
+
disabled: e.bool
|
|
3870
|
+
}),
|
|
3871
|
+
reactHookFormInstance: e.object
|
|
3872
|
+
};
|
|
3873
|
+
const xs = "_header_13kbt_2", ws = "_leftComponents_13kbt_13", Ns = "_centerComponents_13kbt_14", ks = "_rightComponents_13kbt_15", $s = "_componentsContainer_13kbt_32", ee = {
|
|
3874
|
+
header: xs,
|
|
3875
|
+
leftComponents: ws,
|
|
3876
|
+
centerComponents: Ns,
|
|
3877
|
+
rightComponents: ks,
|
|
3878
|
+
componentsContainer: $s
|
|
3879
|
+
}, Ss = ({
|
|
3832
3880
|
cssProps: n,
|
|
3833
3881
|
leftComponents: d = [],
|
|
3834
|
-
centerComponents:
|
|
3882
|
+
centerComponents: s = [],
|
|
3835
3883
|
rightComponents: o = [],
|
|
3836
3884
|
zIndex: t = 10,
|
|
3837
3885
|
height: r = 60,
|
|
3838
3886
|
backgroundColor: a = "#605B56",
|
|
3839
|
-
isFooter:
|
|
3887
|
+
isFooter: l = !1
|
|
3840
3888
|
// If true, it will apply footer styles
|
|
3841
3889
|
}) => /* @__PURE__ */ p(
|
|
3842
3890
|
"div",
|
|
3843
3891
|
{
|
|
3844
|
-
className:
|
|
3892
|
+
className: ee.header,
|
|
3845
3893
|
style: {
|
|
3846
3894
|
...n,
|
|
3847
3895
|
zIndex: t,
|
|
3848
3896
|
height: r,
|
|
3849
3897
|
backgroundColor: a,
|
|
3850
|
-
top:
|
|
3851
|
-
bottom:
|
|
3898
|
+
top: l ? "auto" : 0,
|
|
3899
|
+
bottom: l ? 0 : "auto"
|
|
3852
3900
|
},
|
|
3853
3901
|
children: [
|
|
3854
|
-
/* @__PURE__ */
|
|
3855
|
-
/* @__PURE__ */
|
|
3856
|
-
/* @__PURE__ */
|
|
3902
|
+
/* @__PURE__ */ i("div", { className: ee.leftComponents, children: d.map((c, u) => /* @__PURE__ */ i("div", { className: ee.componentsContainer, children: c }, u)) }),
|
|
3903
|
+
/* @__PURE__ */ i("div", { className: ee.centerComponents, children: s.map((c, u) => /* @__PURE__ */ i("div", { className: ee.componentsContainer, children: c }, u)) }),
|
|
3904
|
+
/* @__PURE__ */ i("div", { className: ee.rightComponents, children: o.map((c, u) => /* @__PURE__ */ i("div", { className: ee.componentsContainer, children: c }, u)) })
|
|
3857
3905
|
]
|
|
3858
3906
|
}
|
|
3859
3907
|
);
|
|
3860
|
-
|
|
3908
|
+
Ss.propTypes = {
|
|
3861
3909
|
leftComponents: e.arrayOf(e.node),
|
|
3862
3910
|
centerComponents: e.arrayOf(e.node),
|
|
3863
3911
|
rightComponents: e.arrayOf(e.node),
|
|
@@ -3867,33 +3915,33 @@ xs.propTypes = {
|
|
|
3867
3915
|
backgroundColor: e.string,
|
|
3868
3916
|
isFooter: e.bool
|
|
3869
3917
|
};
|
|
3870
|
-
const
|
|
3871
|
-
sidebar:
|
|
3872
|
-
open:
|
|
3873
|
-
content:
|
|
3874
|
-
closeButton:
|
|
3875
|
-
},
|
|
3918
|
+
const Bs = "_sidebar_1fmjn_2", Ls = "_open_1fmjn_16", Ts = "_content_1fmjn_20", Ds = "_closeButton_1fmjn_26", Ne = {
|
|
3919
|
+
sidebar: Bs,
|
|
3920
|
+
open: Ls,
|
|
3921
|
+
content: Ts,
|
|
3922
|
+
closeButton: Ds
|
|
3923
|
+
}, Ms = "data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%203699'%3e%3cpath%20id='Vector%20223'%20d='M1%201L18.1566%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='Vector%20224'%20d='M18.1575%201L1.00083%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e", Fs = ({
|
|
3876
3924
|
width: n = "300px",
|
|
3877
3925
|
children: d,
|
|
3878
|
-
showRightBar:
|
|
3926
|
+
showRightBar: s,
|
|
3879
3927
|
onCloseBar: o
|
|
3880
3928
|
}) => {
|
|
3881
3929
|
const t = () => {
|
|
3882
3930
|
o();
|
|
3883
3931
|
};
|
|
3884
|
-
return /* @__PURE__ */
|
|
3932
|
+
return /* @__PURE__ */ i(
|
|
3885
3933
|
"div",
|
|
3886
3934
|
{
|
|
3887
|
-
className: `${
|
|
3888
|
-
style: { width:
|
|
3889
|
-
children:
|
|
3890
|
-
/* @__PURE__ */
|
|
3935
|
+
className: `${Ne.sidebar} ${s ? Ne.open : ""}`,
|
|
3936
|
+
style: { width: s ? n : 0 },
|
|
3937
|
+
children: s && /* @__PURE__ */ p("div", { className: Ne.content, children: [
|
|
3938
|
+
/* @__PURE__ */ i("button", { className: Ne.closeButton, onClick: t, children: /* @__PURE__ */ i("img", { src: Ms, alt: "Close Sidebar" }) }),
|
|
3891
3939
|
d
|
|
3892
3940
|
] })
|
|
3893
3941
|
}
|
|
3894
3942
|
);
|
|
3895
3943
|
};
|
|
3896
|
-
|
|
3944
|
+
Fs.propTypes = {
|
|
3897
3945
|
width: e.string,
|
|
3898
3946
|
children: e.node,
|
|
3899
3947
|
showRightBar: e.bool,
|
|
@@ -3902,17 +3950,17 @@ $s.propTypes = {
|
|
|
3902
3950
|
export {
|
|
3903
3951
|
_2 as AmbitSelector,
|
|
3904
3952
|
Cs as ButtonsBar,
|
|
3905
|
-
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
3953
|
+
D2 as ButtonsList,
|
|
3954
|
+
ie as DropdownList,
|
|
3955
|
+
Qs as EditAmbit,
|
|
3956
|
+
_e as ErrorMessage,
|
|
3909
3957
|
n0 as FiltersAmbit,
|
|
3910
|
-
|
|
3911
|
-
|
|
3958
|
+
no as Form,
|
|
3959
|
+
ke as GeneralButton,
|
|
3912
3960
|
a0 as Graphic,
|
|
3913
|
-
|
|
3961
|
+
Ss as HeaderSection,
|
|
3914
3962
|
k0 as IndicatorsList,
|
|
3915
|
-
|
|
3963
|
+
D0 as LangSelector,
|
|
3916
3964
|
U0 as Legend,
|
|
3917
3965
|
Qn as ListSelector,
|
|
3918
3966
|
Sn as LogInButton,
|
|
@@ -3921,14 +3969,15 @@ export {
|
|
|
3921
3969
|
on as MaplibreMap,
|
|
3922
3970
|
ts as ModalAlert,
|
|
3923
3971
|
Ri as RadioButtonInput,
|
|
3924
|
-
|
|
3925
|
-
|
|
3972
|
+
$t as RankingSlider,
|
|
3973
|
+
Fs as RightSidebar,
|
|
3926
3974
|
pn as SectionBar,
|
|
3927
|
-
|
|
3928
|
-
|
|
3975
|
+
Di as SelectInput,
|
|
3976
|
+
Bt as StatusText,
|
|
3929
3977
|
St as Steps,
|
|
3978
|
+
vs as Switch,
|
|
3930
3979
|
at as TextInput,
|
|
3931
3980
|
yn as TimeSlider,
|
|
3932
|
-
|
|
3981
|
+
te as Tooltip,
|
|
3933
3982
|
Nn as TopNavMenu
|
|
3934
3983
|
};
|