@tmf_ciclica/ciclicastorybook 1.1.131 → 1.1.133
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 +1145 -1194
- 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 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_1aotp_2{display:flex;align-items:center;gap:10px;font-size:14px;color:#5a514d}._switchContainer_1aotp_2 ._label_1aotp_9{white-space:nowrap}._switch_1aotp_2{position:relative;display:inline-block;width:44px;height:24px}._switch_1aotp_2 input{opacity:0;width:0;height:0}._switch_1aotp_2 ._slider_1aotp_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_1aotp_2 ._slider_1aotp_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_1aotp_2 input:checked+._slider_1aotp_24:before{transform:translate(20px)}._switch_1aotp_2._disabled_1aotp_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
|
|
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 s, Fragment as Oe } from "react/jsx-runtime";
|
|
3
3
|
import * as de from "react";
|
|
4
|
-
import
|
|
4
|
+
import $, { useState as D, useEffect as L, useMemo as ge, useLayoutEffect as Lt, useRef as ie } from "react";
|
|
5
5
|
import e from "prop-types";
|
|
6
|
-
import { useTranslation as
|
|
6
|
+
import { useTranslation as B, Trans as ze } from "react-i18next";
|
|
7
7
|
import { motion as Ze } from "framer-motion";
|
|
8
|
-
import { create as
|
|
8
|
+
import { create as Mt } from "zustand";
|
|
9
9
|
import * as Ge from "d3";
|
|
10
|
-
import
|
|
10
|
+
import Dt 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 Be 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", ue = {
|
|
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: i,
|
|
40
40
|
onClickFilters: o,
|
|
41
41
|
onClickAmbit: t,
|
|
42
42
|
isActive: r,
|
|
43
43
|
activeColor: a,
|
|
44
|
-
fontColor:
|
|
45
|
-
moreInfo:
|
|
44
|
+
fontColor: c,
|
|
45
|
+
moreInfo: l
|
|
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: ue.ambitItem,
|
|
52
|
+
style: { borderBottom: `1px solid ${c}` },
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */ p("div", { className:
|
|
55
|
-
/* @__PURE__ */ p("div", { className:
|
|
56
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ p("div", { className: ue.ambitNameDate, onClick: () => t(g), children: [
|
|
55
|
+
/* @__PURE__ */ p("div", { className: ue.ambitName, children: [
|
|
56
|
+
/* @__PURE__ */ s(
|
|
57
57
|
"img",
|
|
58
58
|
{
|
|
59
59
|
style: { marginRight: 9 },
|
|
60
60
|
src: r ? g2 : C2
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ s("span", { style: { color: r ? a : c }, children: u })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ s("div", { className: ue.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: ue.ambitButtons, children: [
|
|
68
|
+
_ && /* @__PURE__ */ s("img", { src: h2 }),
|
|
69
|
+
/* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: m2 }) }),
|
|
70
|
+
/* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: p2 }) }),
|
|
71
|
+
/* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("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
|
+
}, Ne = ({
|
|
98
98
|
children: n,
|
|
99
99
|
onClick: d,
|
|
100
|
-
fontColor:
|
|
100
|
+
fontColor: i = "#605B56",
|
|
101
101
|
borderColor: o = "#605B56",
|
|
102
102
|
type: t = "button",
|
|
103
103
|
containerStyles: r = {},
|
|
104
104
|
disabled: a = !1
|
|
105
|
-
}) => /* @__PURE__ */
|
|
105
|
+
}) => /* @__PURE__ */ s(
|
|
106
106
|
"button",
|
|
107
107
|
{
|
|
108
108
|
className: b2.generalButton,
|
|
109
109
|
style: {
|
|
110
|
-
color:
|
|
110
|
+
color: i,
|
|
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: i = "#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: c = {},
|
|
128
|
+
containerStyles: l = {},
|
|
129
129
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
130
|
-
onClickCopy: h = (
|
|
131
|
-
onCLickDelete: g = (
|
|
132
|
-
onClickFilters: _ = (
|
|
133
|
-
onClickAmbit: y = (
|
|
130
|
+
onClickCopy: h = (C) => console.log(`Copy ambit: ${C}`),
|
|
131
|
+
onCLickDelete: g = (C) => console.log(`Delete ambit: ${C}`),
|
|
132
|
+
onClickFilters: _ = (C) => console.log(`Filters clicked: ${C}`),
|
|
133
|
+
onClickAmbit: y = (C) => console.log(`OnCLickAmbit: ${C}`)
|
|
134
134
|
}) => {
|
|
135
|
-
const { t:
|
|
136
|
-
|
|
137
|
-
n &&
|
|
135
|
+
const { t: C } = B(), [m, b] = D(n);
|
|
136
|
+
L(() => {
|
|
137
|
+
n && b(n);
|
|
138
138
|
}, [n]);
|
|
139
139
|
const f = (v) => {
|
|
140
|
-
if (
|
|
141
|
-
let
|
|
142
|
-
|
|
140
|
+
if (m && m.length > 0) {
|
|
141
|
+
let w = [...m];
|
|
142
|
+
w.sort((x, N) => x[v].localeCompare(N[v])), b(w);
|
|
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: i, ...l },
|
|
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 ${i}` },
|
|
156
156
|
children: [
|
|
157
157
|
/* @__PURE__ */ p("div", { className: U.nameDateContainer, children: [
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
/* @__PURE__ */
|
|
158
|
+
/* @__PURE__ */ s("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
|
|
159
|
+
/* @__PURE__ */ s("span", { children: C(t) }),
|
|
160
|
+
/* @__PURE__ */ s("img", { src: We })
|
|
161
161
|
] }) }),
|
|
162
|
-
/* @__PURE__ */
|
|
163
|
-
/* @__PURE__ */
|
|
164
|
-
/* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ s("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
|
|
163
|
+
/* @__PURE__ */ s("span", { children: C(r) }),
|
|
164
|
+
/* @__PURE__ */ s("img", { src: We })
|
|
165
165
|
] }) })
|
|
166
166
|
] }),
|
|
167
|
-
/* @__PURE__ */
|
|
167
|
+
/* @__PURE__ */ s("div", { className: U.buttonsContainer })
|
|
168
168
|
]
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
|
-
/* @__PURE__ */
|
|
171
|
+
/* @__PURE__ */ s("div", { className: U.ambitListContainer, children: m && m.length > 0 && m.map((v) => /* @__PURE__ */ s(
|
|
172
172
|
lt,
|
|
173
173
|
{
|
|
174
174
|
isActive: d == v.id,
|
|
175
175
|
ambit: v,
|
|
176
|
-
fontColor:
|
|
176
|
+
fontColor: i,
|
|
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__ */ s("div", { className: U.newAmbitButtonContainer, children: /* @__PURE__ */ s(
|
|
186
|
+
Ne,
|
|
187
187
|
{
|
|
188
|
-
style: { ...
|
|
188
|
+
style: { ...c },
|
|
189
189
|
onClick: u,
|
|
190
190
|
borderColor: "grey",
|
|
191
|
-
children:
|
|
191
|
+
children: C(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", Q = {
|
|
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
|
+
}, B2 = "_left_1l4m4_2", S2 = "_top_1l4m4_40", $2 = "_bottom_1l4m4_79", T2 = "_right_1l4m4_118", L2 = {
|
|
228
|
+
left: B2,
|
|
229
229
|
top: S2,
|
|
230
|
-
bottom:
|
|
231
|
-
right:
|
|
232
|
-
},
|
|
233
|
-
const { t: o } =
|
|
234
|
-
return /* @__PURE__ */
|
|
230
|
+
bottom: $2,
|
|
231
|
+
right: T2
|
|
232
|
+
}, ne = ({ text: n, position: d, styleCustom: i = null }) => {
|
|
233
|
+
const { t: o } = B();
|
|
234
|
+
return /* @__PURE__ */ s("div", { className: `tooltip ${L2[d]}`, style: i, children: o(n) });
|
|
235
235
|
};
|
|
236
|
-
|
|
236
|
+
ne.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 M2 = ({
|
|
242
242
|
buttons: n = [],
|
|
243
243
|
orientation: d = "horizontal",
|
|
244
|
-
showName:
|
|
244
|
+
showName: i = !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 } = B();
|
|
250
|
+
return /* @__PURE__ */ s(
|
|
251
251
|
"div",
|
|
252
252
|
{
|
|
253
|
-
className: `${
|
|
254
|
-
${d === "horizontal" &&
|
|
255
|
-
children: n.map((
|
|
253
|
+
className: `${Q.buttonsContainer} ${d === "vertical" && Q.vertical}
|
|
254
|
+
${d === "horizontal" && Q.horizontal}`,
|
|
255
|
+
children: n.map((c, l) => {
|
|
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: C
|
|
263
|
+
} = c, m = /* @__PURE__ */ p(Oe, { children: [
|
|
264
|
+
i && o === "left" && /* @__PURE__ */ s("span", { className: Q.buttonName, children: a(_) }),
|
|
265
|
+
/* @__PURE__ */ s("img", { src: g ? h : u, alt: a(_) }),
|
|
266
|
+
i && o === "right" && /* @__PURE__ */ s("span", { className: Q.buttonName, children: a(_) })
|
|
267
267
|
] });
|
|
268
268
|
return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
269
|
-
/* @__PURE__ */
|
|
269
|
+
/* @__PURE__ */ s(
|
|
270
270
|
"button",
|
|
271
271
|
{
|
|
272
272
|
onClick: y,
|
|
273
|
-
className: `${
|
|
274
|
-
${g &&
|
|
275
|
-
disabled:
|
|
276
|
-
children:
|
|
273
|
+
className: `${Q.button}
|
|
274
|
+
${g && Q.active}`,
|
|
275
|
+
disabled: C,
|
|
276
|
+
children: m
|
|
277
277
|
}
|
|
278
278
|
),
|
|
279
|
-
t && /* @__PURE__ */
|
|
280
|
-
] },
|
|
279
|
+
t && /* @__PURE__ */ s(ne, { text: _, position: r })
|
|
280
|
+
] }, l);
|
|
281
281
|
})
|
|
282
282
|
}
|
|
283
283
|
);
|
|
284
284
|
};
|
|
285
|
-
|
|
285
|
+
M2.propTypes = {
|
|
286
286
|
buttons: e.arrayOf(
|
|
287
287
|
e.shape({
|
|
288
288
|
icon: e.node.isRequired,
|
|
@@ -300,24 +300,24 @@ D2.propTypes = {
|
|
|
300
300
|
useTooltip: e.bool,
|
|
301
301
|
tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
|
|
302
302
|
};
|
|
303
|
-
const
|
|
304
|
-
indicatorsCategory:
|
|
303
|
+
const D2 = "_indicatorsCategory_1cu33_2", F2 = "_title_1cu33_5", Se = {
|
|
304
|
+
indicatorsCategory: D2,
|
|
305
305
|
title: F2
|
|
306
|
-
},
|
|
306
|
+
}, se = ({
|
|
307
307
|
isOpen: n,
|
|
308
308
|
onClick: d,
|
|
309
|
-
children:
|
|
309
|
+
children: i,
|
|
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: c,
|
|
317
|
+
showBottomBar: l = !0,
|
|
318
318
|
titleMarginChildren: u = 25
|
|
319
319
|
}) => {
|
|
320
|
-
const { t: h } =
|
|
320
|
+
const { t: h } = B();
|
|
321
321
|
return /* @__PURE__ */ p(
|
|
322
322
|
Ze.div,
|
|
323
323
|
{
|
|
@@ -327,7 +327,7 @@ const M2 = "_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 && l ? `1px solid ${t}` : "0px",
|
|
331
331
|
marginBottom: n ? "20px" : "0px"
|
|
332
332
|
},
|
|
333
333
|
children: [
|
|
@@ -335,23 +335,23 @@ const M2 = "_indicatorsCategory_1cu33_2", F2 = "_title_1cu33_5", Se = {
|
|
|
335
335
|
"h2",
|
|
336
336
|
{
|
|
337
337
|
style: {
|
|
338
|
-
...
|
|
338
|
+
...c,
|
|
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__ */ s("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
|
|
345
|
+
/* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: h(r) })
|
|
346
346
|
]
|
|
347
347
|
}
|
|
348
348
|
),
|
|
349
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ s("div", { className: Se.content, children: i })
|
|
350
350
|
]
|
|
351
351
|
}
|
|
352
352
|
);
|
|
353
353
|
};
|
|
354
|
-
|
|
354
|
+
se.propTypes = {
|
|
355
355
|
isOpen: e.bool,
|
|
356
356
|
onClick: e.func,
|
|
357
357
|
children: e.node,
|
|
@@ -362,34 +362,34 @@ ie.propTypes = {
|
|
|
362
362
|
showBottomBar: e.bool,
|
|
363
363
|
titleFontStyles: e.object
|
|
364
364
|
};
|
|
365
|
-
const
|
|
365
|
+
const Hs = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), V2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", A2 = "_AppliedFiltersContainer_cokx9_2", O2 = "_AppliedFilterContent_cokx9_11", Ye = {
|
|
366
366
|
AppliedFiltersContainer: A2,
|
|
367
367
|
AppliedFilterContent: O2
|
|
368
|
-
}, O =
|
|
368
|
+
}, O = Mt((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: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
376
|
+
const { t: a } = B(), { tematicalFiltersSelected: c } = O((u) => u), l = (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__ */ s(
|
|
384
|
+
se,
|
|
385
385
|
{
|
|
386
|
-
isOpen:
|
|
386
|
+
isOpen: i,
|
|
387
387
|
onClick: d,
|
|
388
388
|
title: n ? a(n) : "Applied Filters",
|
|
389
389
|
activeColor: r,
|
|
390
|
-
children: /* @__PURE__ */
|
|
390
|
+
children: /* @__PURE__ */ s("div", { className: Ye.AppliedFiltersContainer, children: c == null ? void 0 : c.map((u, h) => /* @__PURE__ */ p("div", { className: Ye.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
391
391
|
a(u.name),
|
|
392
|
-
/* @__PURE__ */
|
|
392
|
+
/* @__PURE__ */ s("img", { src: V2, alt: "CloseIcon", onClick: () => l(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: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
412
|
+
const { t: a } = B(), { tematicalFiltersSelected: c } = O((l) => l);
|
|
413
|
+
return /* @__PURE__ */ s(
|
|
414
|
+
se,
|
|
415
415
|
{
|
|
416
|
-
isOpen:
|
|
416
|
+
isOpen: i,
|
|
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: i = "#605B56",
|
|
438
438
|
indicator: o,
|
|
439
439
|
value: t
|
|
440
440
|
}) => {
|
|
441
|
-
const { t: r } =
|
|
441
|
+
const { t: r } = B(), { title: a } = o || {}, { fontColor: c, inputsColor: l } = O((u) => u);
|
|
442
442
|
return /* @__PURE__ */ p(
|
|
443
443
|
"div",
|
|
444
444
|
{
|
|
445
|
-
style: { ...d, color:
|
|
445
|
+
style: { ...d, color: i },
|
|
446
446
|
role: "checkbox",
|
|
447
447
|
className: R2.checkboxContainer,
|
|
448
448
|
onClick: n,
|
|
449
449
|
children: [
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ s(
|
|
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 ? l : c}`,
|
|
459
|
+
backgroundColor: t ? l : "white"
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
),
|
|
463
|
-
/* @__PURE__ */
|
|
463
|
+
/* @__PURE__ */ s("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(i, o) {
|
|
481
|
+
return i.__proto__ = o, i;
|
|
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 $e(n) {
|
|
488
488
|
return n && n.stopPropagation && n.stopPropagation(), n && n.preventDefault && n.preventDefault(), !1;
|
|
489
489
|
}
|
|
490
|
-
function
|
|
490
|
+
function Te(n) {
|
|
491
491
|
return n == null ? [] : Array.isArray(n) ? n.slice() : [n];
|
|
492
492
|
}
|
|
493
|
-
function
|
|
493
|
+
function _e(n) {
|
|
494
494
|
return n !== null && n.length === 1 ? n[0] : n.slice();
|
|
495
495
|
}
|
|
496
|
-
function
|
|
496
|
+
function ye(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 X(n, d) {
|
|
502
|
+
return Re(function(i, o) {
|
|
503
|
+
let t = i;
|
|
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 i = (n - d.min) % d.step;
|
|
509
|
+
let o = n - i;
|
|
510
|
+
return 2 * Math.abs(i) >= d.step && (o += i > 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 = (c) => {
|
|
520
|
+
c.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 = (c) => {
|
|
524
524
|
t.setState({ pending: !0 });
|
|
525
|
-
const
|
|
525
|
+
const l = t.getMousePosition(c), u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
|
|
526
526
|
t.move(h);
|
|
527
|
-
}, t.onTouchMove = (
|
|
528
|
-
if (
|
|
527
|
+
}, t.onTouchMove = (c) => {
|
|
528
|
+
if (c.touches.length > 1) return;
|
|
529
529
|
t.setState({ pending: !0 });
|
|
530
|
-
const
|
|
530
|
+
const l = t.getTouchPosition(c);
|
|
531
531
|
if (t.isScrolling === void 0) {
|
|
532
|
-
const g =
|
|
532
|
+
const g = l[0] - t.startPosition[0], _ = l[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(l[0]), h = t.getValueFromPosition(u);
|
|
537
537
|
t.move(h);
|
|
538
|
-
}, t.onKeyDown = (
|
|
539
|
-
if (!(
|
|
538
|
+
}, t.onKeyDown = (c) => {
|
|
539
|
+
if (!(c.ctrlKey || c.shiftKey || c.altKey || c.metaKey)) switch (t.setState({ pending: !0 }), c.key) {
|
|
540
540
|
case "ArrowLeft":
|
|
541
541
|
case "ArrowDown":
|
|
542
542
|
case "Left":
|
|
543
543
|
case "Down":
|
|
544
|
-
|
|
544
|
+
c.preventDefault(), t.moveDownByStep();
|
|
545
545
|
break;
|
|
546
546
|
case "ArrowRight":
|
|
547
547
|
case "ArrowUp":
|
|
548
548
|
case "Right":
|
|
549
549
|
case "Up":
|
|
550
|
-
|
|
550
|
+
c.preventDefault(), t.moveUpByStep();
|
|
551
551
|
break;
|
|
552
552
|
case "Home":
|
|
553
|
-
|
|
553
|
+
c.preventDefault(), t.move(t.props.min);
|
|
554
554
|
break;
|
|
555
555
|
case "End":
|
|
556
|
-
|
|
556
|
+
c.preventDefault(), t.move(t.props.max);
|
|
557
557
|
break;
|
|
558
558
|
case "PageDown":
|
|
559
|
-
|
|
559
|
+
c.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
|
|
560
560
|
break;
|
|
561
561
|
case "PageUp":
|
|
562
|
-
|
|
562
|
+
c.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
|
|
563
563
|
}
|
|
564
|
-
}, t.onSliderMouseDown = (
|
|
565
|
-
if (!t.props.disabled &&
|
|
564
|
+
}, t.onSliderMouseDown = (c) => {
|
|
565
|
+
if (!t.props.disabled && c.button !== 2) {
|
|
566
566
|
if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
|
|
567
|
-
const
|
|
568
|
-
t.forceValueFromPosition(
|
|
569
|
-
t.start(u,
|
|
567
|
+
const l = t.getMousePosition(c);
|
|
568
|
+
t.forceValueFromPosition(l[0], (u) => {
|
|
569
|
+
t.start(u, l[0]), ye(t.getMouseEventMap());
|
|
570
570
|
});
|
|
571
571
|
}
|
|
572
|
-
|
|
572
|
+
$e(c);
|
|
573
573
|
}
|
|
574
|
-
}, t.onSliderClick = (
|
|
574
|
+
}, t.onSliderClick = (c) => {
|
|
575
575
|
if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
|
|
576
|
-
const
|
|
576
|
+
const l = t.getMousePosition(c), u = X(t.calcValue(t.calcOffsetFromPosition(l[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 = (c) => (l) => {
|
|
580
|
+
t.props.disabled || (t.start(c), ye(t.getKeyDownEventMap()), $e(l));
|
|
581
|
+
}, t.createOnMouseDown = (c) => (l) => {
|
|
582
|
+
if (t.props.disabled || l.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(l);
|
|
585
|
+
t.start(c, u[0]), ye(t.getMouseEventMap()), $e(l);
|
|
586
|
+
}, t.createOnTouchStart = (c) => (l) => {
|
|
587
|
+
if (t.props.disabled || l.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(l);
|
|
590
|
+
t.startPosition = u, t.isScrolling = void 0, t.start(c, u[0]), ye(t.getTouchEventMap()), function(h) {
|
|
591
591
|
h.stopPropagation && h.stopPropagation();
|
|
592
|
-
}(
|
|
592
|
+
}(l);
|
|
593
593
|
}, t.handleResize = () => {
|
|
594
|
-
const
|
|
594
|
+
const c = 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(c);
|
|
598
|
+
}, t.renderThumb = (c, l) => {
|
|
599
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), h = { ref: (_) => {
|
|
600
|
+
t["thumb" + l] = _;
|
|
601
|
+
}, key: t.props.thumbClassName + "-" + l, className: u, style: c, onMouseDown: t.createOnMouseDown(l), onTouchStart: t.createOnTouchStart(l), onFocus: t.createOnKeyDown(l), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[l], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[l] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[l] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: l, value: _e(t.state.value), valueNow: t.state.value[l] };
|
|
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 = (c, l, u) => {
|
|
604
|
+
const h = { key: t.props.trackClassName + "-" + c, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + c, style: t.buildTrackStyle(l, t.state.upperBound - u) }, g = { index: c, value: _e(t.state.value) };
|
|
605
605
|
return t.props.renderTrack(h, g);
|
|
606
606
|
};
|
|
607
|
-
let r =
|
|
608
|
-
r.length || (r =
|
|
607
|
+
let r = Te(o.value);
|
|
608
|
+
r.length || (r = Te(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
609
609
|
const a = [];
|
|
610
|
-
for (let
|
|
611
|
-
return t.resizeObserver = null, t.resizeElementRef =
|
|
610
|
+
for (let c = 0; c < r.length; c += 1) r[c] = X(r[c], o), a.push(c);
|
|
611
|
+
return t.resizeObserver = null, t.resizeElementRef = $.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 i = d.prototype;
|
|
615
|
+
return i.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 = Te(o.value);
|
|
619
|
+
return r.length ? t.pending ? null : { value: r.map((a) => X(a, o)) } : null;
|
|
620
|
+
}, i.componentDidUpdate = function() {
|
|
621
621
|
this.state.upperBound === 0 && this.resize();
|
|
622
|
-
},
|
|
622
|
+
}, i.componentWillUnmount = function() {
|
|
623
623
|
this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
|
|
624
|
-
},
|
|
624
|
+
}, i.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
|
+
}, i.getValue = function() {
|
|
631
|
+
return _e(this.state.value);
|
|
632
|
+
}, i.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, c = a.length;
|
|
635
|
+
for (let l = 0; l < c; l += 1) {
|
|
636
|
+
const u = this.calcOffset(a[l]), h = Math.abs(o - u);
|
|
637
|
+
h < t && (t = h, r = l);
|
|
638
638
|
}
|
|
639
639
|
return r;
|
|
640
|
-
},
|
|
640
|
+
}, i.getMousePosition = function(o) {
|
|
641
641
|
return [o["page" + this.axisKey()], o["page" + this.orthogonalAxisKey()]];
|
|
642
|
-
},
|
|
642
|
+
}, i.getTouchPosition = function(o) {
|
|
643
643
|
const t = o.touches[0];
|
|
644
644
|
return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
|
|
645
|
-
},
|
|
645
|
+
}, i.getKeyDownEventMap = function() {
|
|
646
646
|
return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
|
|
647
|
-
},
|
|
647
|
+
}, i.getMouseEventMap = function() {
|
|
648
648
|
return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
|
|
649
|
-
},
|
|
649
|
+
}, i.getTouchEventMap = function() {
|
|
650
650
|
return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
|
|
651
|
-
},
|
|
651
|
+
}, i.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 X(this.state.startValue + t, this.props);
|
|
654
|
+
}, i.getDiffPosition = function(o) {
|
|
655
655
|
let t = o - this.state.startPosition;
|
|
656
656
|
return this.props.invert && (t *= -1), t;
|
|
657
|
-
},
|
|
657
|
+
}, i.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(), c = o[r], l = a[this.posMaxKey()], u = a[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = c - h, _ = Math.abs(l - u);
|
|
661
661
|
this.state.upperBound === g && this.state.sliderLength === _ && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: _, thumbSize: h });
|
|
662
|
-
},
|
|
662
|
+
}, i.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
|
+
}, i.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
|
+
}, i.calcOffsetFromPosition = function(o) {
|
|
668
|
+
const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], c = r[this.posMinKey()];
|
|
669
|
+
let l = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : c));
|
|
670
|
+
return this.props.invert && (l = this.state.sliderLength - l), l -= this.state.thumbSize / 2, l;
|
|
671
|
+
}, i.forceValueFromPosition = function(o, t) {
|
|
672
|
+
const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), c = X(this.calcValue(r), this.props), l = this.state.value.slice();
|
|
673
|
+
l[a] = c;
|
|
674
|
+
for (let u = 0; u < l.length - 1; u += 1) if (l[u + 1] - l[u] < this.props.minDistance) return;
|
|
675
|
+
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: l }, () => {
|
|
676
676
|
t(a), this.fireChangeEvent("onChange");
|
|
677
677
|
});
|
|
678
|
-
},
|
|
678
|
+
}, i.clearPendingResizeTimeouts = function() {
|
|
679
679
|
do {
|
|
680
680
|
const o = this.pendingResizeTimeouts.shift();
|
|
681
681
|
clearTimeout(o);
|
|
682
682
|
} while (this.pendingResizeTimeouts.length);
|
|
683
|
-
},
|
|
683
|
+
}, i.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((c) => ({ startValue: c.value[o], startPosition: t !== void 0 ? t : c.startPosition, index: o, zIndices: a }));
|
|
688
|
+
}, i.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 = X(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
|
+
}, i.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 = X(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
|
+
}, i.move = function(o) {
|
|
697
|
+
const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, c = t[r];
|
|
698
|
+
if (o === c) return;
|
|
699
699
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
700
|
-
const { pearling:
|
|
701
|
-
if (!
|
|
700
|
+
const { pearling: l, max: u, min: h, minDistance: g } = this.props;
|
|
701
|
+
if (!l) {
|
|
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, l && a > 1 && (o > c ? (this.pushSucceeding(t, g, r), function(_, y, C, m) {
|
|
712
|
+
for (let b = 0; b < _; b += 1) {
|
|
713
|
+
const f = m - b * C;
|
|
714
|
+
y[_ - 1 - b] > f && (y[_ - 1 - b] = f);
|
|
715
715
|
}
|
|
716
|
-
}(a, t, g, u)) : o <
|
|
717
|
-
for (let
|
|
718
|
-
const f =
|
|
719
|
-
y[
|
|
716
|
+
}(a, t, g, u)) : o < c && (this.pushPreceding(t, g, r), function(_, y, C, m) {
|
|
717
|
+
for (let b = 0; b < _; b += 1) {
|
|
718
|
+
const f = m + b * C;
|
|
719
|
+
y[b] < f && (y[b] = 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
|
+
}, i.pushSucceeding = function(o, t, r) {
|
|
723
|
+
let a, c;
|
|
724
|
+
for (a = r, c = o[a] + t; o[a + 1] !== null && c > o[a + 1]; a += 1, c = o[a] + t) o[a + 1] = Re(c, this.props);
|
|
725
|
+
}, i.pushPreceding = function(o, t, r) {
|
|
726
|
+
for (let a = r, c = o[a] - t; o[a - 1] !== null && c < o[a - 1]; a -= 1, c = o[a] - t) o[a - 1] = Re(c, this.props);
|
|
727
|
+
}, i.axisKey = function() {
|
|
728
728
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
729
|
-
},
|
|
729
|
+
}, i.orthogonalAxisKey = function() {
|
|
730
730
|
return this.props.orientation === "vertical" ? "X" : "Y";
|
|
731
|
-
},
|
|
731
|
+
}, i.posMinKey = function() {
|
|
732
732
|
return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
|
|
733
|
-
},
|
|
733
|
+
}, i.posMaxKey = function() {
|
|
734
734
|
return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
|
|
735
|
-
},
|
|
735
|
+
}, i.sizeKey = function() {
|
|
736
736
|
return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
|
|
737
|
-
},
|
|
738
|
-
this.props[o] && this.props[o](
|
|
739
|
-
},
|
|
737
|
+
}, i.fireChangeEvent = function(o) {
|
|
738
|
+
this.props[o] && this.props[o](_e(this.state.value), this.state.index);
|
|
739
|
+
}, i.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
|
+
}, i.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
|
+
}, i.buildMarkStyle = function(o) {
|
|
746
746
|
var t;
|
|
747
747
|
return (t = { position: "absolute" })[this.posMinKey()] = o, t;
|
|
748
|
-
},
|
|
748
|
+
}, i.renderThumbs = function(o) {
|
|
749
749
|
const { length: t } = o, r = [];
|
|
750
|
-
for (let
|
|
750
|
+
for (let c = 0; c < t; c += 1) r[c] = this.buildThumbStyle(o[c], c);
|
|
751
751
|
const a = [];
|
|
752
|
-
for (let
|
|
752
|
+
for (let c = 0; c < t; c += 1) a[c] = this.renderThumb(r[c], c);
|
|
753
753
|
return a;
|
|
754
|
-
},
|
|
754
|
+
}, i.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
|
+
}, i.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), c = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
|
|
764
|
+
return this.props.renderMark(c);
|
|
765
765
|
});
|
|
766
|
-
},
|
|
766
|
+
}, i.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, c = this.renderThumbs(o), l = this.props.marks ? this.renderMarks() : null;
|
|
770
|
+
return $.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, c, l);
|
|
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
|
+
}($.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) => $.createElement("div", n), renderTrack: (n) => $.createElement("div", n), renderMark: (n) => $.createElement("span", n) };
|
|
776
776
|
var Ee = qe;
|
|
777
|
-
const E2 = "
|
|
777
|
+
const E2 = "_container_4u41i_2", P2 = "_unitLabel_4u41i_8", j2 = "_slider_4u41i_11", z2 = "_thumb_4u41i_17", Z2 = "_track_4u41i_26", K2 = "_labels_4u41i_32", oe = {
|
|
778
778
|
container: E2,
|
|
779
779
|
unitLabel: P2,
|
|
780
780
|
slider: j2,
|
|
@@ -784,44 +784,53 @@ const E2 = "_container_15vgv_2", P2 = "_unitLabel_15vgv_9", j2 = "_slider_15vgv_
|
|
|
784
784
|
}, pt = ({
|
|
785
785
|
min: n = 0,
|
|
786
786
|
max: d = 100,
|
|
787
|
-
step:
|
|
787
|
+
step: i = 1,
|
|
788
788
|
onChange: o,
|
|
789
789
|
width: t = 300,
|
|
790
790
|
unit: r,
|
|
791
791
|
fontColor: a = "#605B56",
|
|
792
|
-
defaultValue:
|
|
792
|
+
defaultValue: c,
|
|
793
|
+
isDate: l
|
|
793
794
|
}) => {
|
|
794
|
-
const { t:
|
|
795
|
-
|
|
795
|
+
const { t: u } = B(), h = l ? new Date(n).getTime() : null, g = l ? new Date(d).getTime() : null, [_, y] = D(l ? [h, g] : [n, d]), C = (m) => {
|
|
796
|
+
y(m), o == null || o({ min: m[0], max: m[1] });
|
|
796
797
|
};
|
|
797
|
-
return
|
|
798
|
-
|
|
799
|
-
}, [l]), /* @__PURE__ */ p(
|
|
798
|
+
return L(() => {
|
|
799
|
+
c || y(l ? [h, g] : [n, d]);
|
|
800
|
+
}, [c, l]), /* @__PURE__ */ p(
|
|
800
801
|
"div",
|
|
801
802
|
{
|
|
802
|
-
className:
|
|
803
|
+
className: oe.container,
|
|
803
804
|
style: { width: `${t}px`, color: `${a}` },
|
|
804
805
|
children: [
|
|
805
|
-
/* @__PURE__ */
|
|
806
|
-
/* @__PURE__ */
|
|
806
|
+
/* @__PURE__ */ s("div", { className: oe.unitLabel, children: /* @__PURE__ */ s("span", { children: u(r) }) }),
|
|
807
|
+
/* @__PURE__ */ s(
|
|
807
808
|
Ee,
|
|
808
809
|
{
|
|
809
|
-
className:
|
|
810
|
-
thumbClassName:
|
|
811
|
-
trackClassName:
|
|
812
|
-
min: n,
|
|
813
|
-
max: d,
|
|
814
|
-
step:
|
|
815
|
-
value:
|
|
816
|
-
onAfterChange:
|
|
810
|
+
className: oe.slider,
|
|
811
|
+
thumbClassName: oe.thumb,
|
|
812
|
+
trackClassName: oe.track,
|
|
813
|
+
min: l ? h : n,
|
|
814
|
+
max: l ? g : d,
|
|
815
|
+
step: l ? (g - h) / 30 : i,
|
|
816
|
+
value: _,
|
|
817
|
+
onAfterChange: C,
|
|
817
818
|
withTracks: !0,
|
|
818
|
-
pearling: !
|
|
819
|
-
minDistance: 0.1
|
|
819
|
+
pearling: !l,
|
|
820
|
+
minDistance: l ? 0 : 0.1
|
|
820
821
|
}
|
|
821
822
|
),
|
|
822
|
-
/* @__PURE__ */ p("div", { className:
|
|
823
|
-
/* @__PURE__ */
|
|
824
|
-
|
|
823
|
+
/* @__PURE__ */ p("div", { className: oe.labels, children: [
|
|
824
|
+
/* @__PURE__ */ s("span", { children: l ? new Date(_[0]).toLocaleDateString("en-EN", {
|
|
825
|
+
day: "2-digit",
|
|
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] })
|
|
825
834
|
] })
|
|
826
835
|
]
|
|
827
836
|
}
|
|
@@ -839,7 +848,7 @@ pt.propTypes = {
|
|
|
839
848
|
fontColor: e.string,
|
|
840
849
|
value: e.arrayOf(e.number)
|
|
841
850
|
};
|
|
842
|
-
const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_1vm1r_2", G2 = "_checkboxContainer_1vm1r_28", W2 = "_absoluteSliderContainer_1vm1r_37",
|
|
851
|
+
const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_1vm1r_2", G2 = "_checkboxContainer_1vm1r_28", W2 = "_absoluteSliderContainer_1vm1r_37", ve = {
|
|
843
852
|
tematicalFiltersInputContainer: H2,
|
|
844
853
|
inputTypeContainer: U2,
|
|
845
854
|
checkboxContainer: G2,
|
|
@@ -849,78 +858,79 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
849
858
|
//onChangeBothType
|
|
850
859
|
activeColor: d
|
|
851
860
|
}) => {
|
|
852
|
-
const [
|
|
861
|
+
const [i, o] = D(), {
|
|
853
862
|
type: t,
|
|
854
863
|
name: r,
|
|
855
864
|
values: a,
|
|
856
|
-
minValue:
|
|
857
|
-
maxValue:
|
|
865
|
+
minValue: c,
|
|
866
|
+
maxValue: l,
|
|
858
867
|
unit: u,
|
|
859
868
|
step: h,
|
|
860
|
-
disabled: g
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
869
|
+
disabled: g,
|
|
870
|
+
isDate: _
|
|
871
|
+
} = n || {}, y = ge(
|
|
872
|
+
() => t == "cat" || i == "cat",
|
|
873
|
+
[i, t]
|
|
874
|
+
), C = ge(
|
|
875
|
+
() => t == "abs" || i == "abs",
|
|
876
|
+
[i, t]
|
|
867
877
|
), {
|
|
868
878
|
tematicalFiltersSelected: m,
|
|
869
879
|
selectedIndicator: b,
|
|
870
|
-
fontColor:
|
|
871
|
-
inputsColor:
|
|
872
|
-
} = O((
|
|
873
|
-
if (console.log("onChangInput",
|
|
874
|
-
const { min:
|
|
875
|
-
console.log("type: ",
|
|
876
|
-
let
|
|
877
|
-
|
|
878
|
-
let H =
|
|
879
|
-
(A) => A.code ===
|
|
880
|
+
fontColor: f,
|
|
881
|
+
inputsColor: v
|
|
882
|
+
} = O((N) => N), w = (N) => {
|
|
883
|
+
if (console.log("onChangInput", N), N) {
|
|
884
|
+
const { min: k, max: S, valueClicked: T, allValues: P } = N || {}, { code: W, type: q, source: be } = n || {}, K = C ? "abs" : y ? "cat" : "both";
|
|
885
|
+
console.log("type: ", K);
|
|
886
|
+
let j = W[0];
|
|
887
|
+
q == "both" && (j = K == "cat" ? W[1] : W[0]), K == "cat" ? O.setState((Y) => {
|
|
888
|
+
let H = Y.tematicalFiltersSelected.find(
|
|
889
|
+
(A) => A.code === j
|
|
880
890
|
);
|
|
881
891
|
if (H) {
|
|
882
892
|
let A = [H.values];
|
|
883
|
-
return H.values.includes(
|
|
884
|
-
(R) => R !==
|
|
885
|
-
) : A = [...H.values,
|
|
886
|
-
tematicalFiltersSelected:
|
|
887
|
-
(R) => R.code !==
|
|
893
|
+
return H.values.includes(T) ? A = H.values.filter(
|
|
894
|
+
(R) => R !== T
|
|
895
|
+
) : A = [...H.values, T], A.length == P.length ? {
|
|
896
|
+
tematicalFiltersSelected: Y.tematicalFiltersSelected.filter(
|
|
897
|
+
(R) => R.code !== j
|
|
888
898
|
)
|
|
889
899
|
} : {
|
|
890
|
-
tematicalFiltersSelected:
|
|
891
|
-
(R) => R.code ===
|
|
900
|
+
tematicalFiltersSelected: Y.tematicalFiltersSelected.map(
|
|
901
|
+
(R) => R.code === j ? { ...R, values: A } : R
|
|
892
902
|
)
|
|
893
903
|
};
|
|
894
904
|
} else {
|
|
895
|
-
let A =
|
|
905
|
+
let A = P.map((R, Tt) => Tt);
|
|
896
906
|
return {
|
|
897
907
|
tematicalFiltersSelected: [
|
|
898
908
|
...m,
|
|
899
909
|
{
|
|
900
910
|
type: "cat",
|
|
901
|
-
code:
|
|
902
|
-
values: A.filter((R) => R !==
|
|
911
|
+
code: j,
|
|
912
|
+
values: A.filter((R) => R !== T),
|
|
903
913
|
name: n.name,
|
|
904
|
-
source:
|
|
914
|
+
source: be
|
|
905
915
|
}
|
|
906
916
|
]
|
|
907
917
|
};
|
|
908
918
|
}
|
|
909
|
-
}) :
|
|
910
|
-
let H =
|
|
911
|
-
(A) => A.code ===
|
|
919
|
+
}) : K == "abs" && O.setState((Y) => {
|
|
920
|
+
let H = Y.tematicalFiltersSelected.find(
|
|
921
|
+
(A) => A.code === j
|
|
912
922
|
);
|
|
913
|
-
if (
|
|
923
|
+
if (k == n.minValue && S == n.maxValue)
|
|
914
924
|
return {
|
|
915
|
-
tematicalFiltersSelected:
|
|
916
|
-
(A) => A.code !==
|
|
925
|
+
tematicalFiltersSelected: Y.tematicalFiltersSelected.filter(
|
|
926
|
+
(A) => A.code !== j
|
|
917
927
|
)
|
|
918
928
|
};
|
|
919
929
|
if (H) {
|
|
920
930
|
let A = { ...H };
|
|
921
|
-
return A.min =
|
|
922
|
-
tematicalFiltersSelected:
|
|
923
|
-
(R) => R.code ===
|
|
931
|
+
return A.min = k, A.max = S, A.type = K, {
|
|
932
|
+
tematicalFiltersSelected: Y.tematicalFiltersSelected.map(
|
|
933
|
+
(R) => R.code === j ? A : R
|
|
924
934
|
)
|
|
925
935
|
};
|
|
926
936
|
} else
|
|
@@ -928,10 +938,10 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
928
938
|
tematicalFiltersSelected: [
|
|
929
939
|
...m,
|
|
930
940
|
{
|
|
931
|
-
type:
|
|
932
|
-
code:
|
|
933
|
-
min:
|
|
934
|
-
max:
|
|
941
|
+
type: K,
|
|
942
|
+
code: j,
|
|
943
|
+
min: k,
|
|
944
|
+
max: S,
|
|
935
945
|
name: n.name,
|
|
936
946
|
source: n.source
|
|
937
947
|
}
|
|
@@ -939,15 +949,15 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
939
949
|
};
|
|
940
950
|
});
|
|
941
951
|
}
|
|
942
|
-
},
|
|
943
|
-
const
|
|
952
|
+
}, x = ge(() => {
|
|
953
|
+
const N = {};
|
|
944
954
|
if ((m == null ? void 0 : m.length) > 0)
|
|
945
|
-
for (const
|
|
946
|
-
|
|
947
|
-
return
|
|
955
|
+
for (const k of m)
|
|
956
|
+
k.type === "cat" ? N[k.code] = new Set(k.values) : N[k.code] = [k.min, k.max];
|
|
957
|
+
return N;
|
|
948
958
|
}, [m]);
|
|
949
|
-
return /* @__PURE__ */
|
|
950
|
-
|
|
959
|
+
return /* @__PURE__ */ s("div", { className: ve.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
|
|
960
|
+
se,
|
|
951
961
|
{
|
|
952
962
|
titleFontStyles: {
|
|
953
963
|
fontSize: 16,
|
|
@@ -965,17 +975,17 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
965
975
|
height: 42,
|
|
966
976
|
titleMarginChildren: 14,
|
|
967
977
|
className: "tematicalFiltersInputContainer",
|
|
968
|
-
color:
|
|
978
|
+
color: f,
|
|
969
979
|
activeColor: d,
|
|
970
980
|
children: [
|
|
971
981
|
t == "both" && /* @__PURE__ */ p(
|
|
972
982
|
"div",
|
|
973
983
|
{
|
|
974
|
-
className:
|
|
975
|
-
style: { color:
|
|
984
|
+
className: ve.inputTypeContainer,
|
|
985
|
+
style: { color: f },
|
|
976
986
|
children: [
|
|
977
987
|
/* @__PURE__ */ p("label", { children: [
|
|
978
|
-
/* @__PURE__ */
|
|
988
|
+
/* @__PURE__ */ s(
|
|
979
989
|
"input",
|
|
980
990
|
{
|
|
981
991
|
type: "radio",
|
|
@@ -986,15 +996,15 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
986
996
|
},
|
|
987
997
|
style: {
|
|
988
998
|
marginRight: 4,
|
|
989
|
-
backgroundColor:
|
|
990
|
-
border: `1.5px solid ${
|
|
999
|
+
backgroundColor: i == "abs" ? v : "white",
|
|
1000
|
+
border: `1.5px solid ${i == "abs" ? v : f}`
|
|
991
1001
|
}
|
|
992
1002
|
}
|
|
993
1003
|
),
|
|
994
1004
|
"Absoluto"
|
|
995
1005
|
] }),
|
|
996
1006
|
/* @__PURE__ */ p("label", { children: [
|
|
997
|
-
/* @__PURE__ */
|
|
1007
|
+
/* @__PURE__ */ s(
|
|
998
1008
|
"input",
|
|
999
1009
|
{
|
|
1000
1010
|
type: "radio",
|
|
@@ -1005,8 +1015,8 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
1005
1015
|
},
|
|
1006
1016
|
style: {
|
|
1007
1017
|
marginRight: 4,
|
|
1008
|
-
backgroundColor:
|
|
1009
|
-
border: `1.5px solid ${
|
|
1018
|
+
backgroundColor: i == "cat" ? v : "white",
|
|
1019
|
+
border: `1.5px solid ${i == "cat" ? v : f}`
|
|
1010
1020
|
}
|
|
1011
1021
|
}
|
|
1012
1022
|
),
|
|
@@ -1015,26 +1025,27 @@ const H2 = "_tematicalFiltersInputContainer_1vm1r_2", U2 = "_inputTypeContainer_
|
|
|
1015
1025
|
]
|
|
1016
1026
|
}
|
|
1017
1027
|
),
|
|
1018
|
-
|
|
1019
|
-
var
|
|
1020
|
-
return /* @__PURE__ */
|
|
1028
|
+
y && /* @__PURE__ */ s("div", { className: ve.checkboxContainer, children: a.map((N, k) => {
|
|
1029
|
+
var S;
|
|
1030
|
+
return /* @__PURE__ */ s(
|
|
1021
1031
|
ut,
|
|
1022
1032
|
{
|
|
1023
|
-
onClick: () =>
|
|
1024
|
-
indicator:
|
|
1025
|
-
value: ((
|
|
1033
|
+
onClick: () => w({ valueClicked: k, allValues: a }),
|
|
1034
|
+
indicator: N,
|
|
1035
|
+
value: ((S = x[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : S.has(k)) || !x[n.code[t == "both" ? 1 : 0]]
|
|
1026
1036
|
},
|
|
1027
|
-
`checkbox-${
|
|
1037
|
+
`checkbox-${k}`
|
|
1028
1038
|
);
|
|
1029
1039
|
}) }),
|
|
1030
|
-
(
|
|
1040
|
+
(C || t == "glb") && /* @__PURE__ */ s("div", { className: ve.absoluteSliderContainer, children: /* @__PURE__ */ s(
|
|
1031
1041
|
pt,
|
|
1032
1042
|
{
|
|
1033
|
-
onChange:
|
|
1034
|
-
min:
|
|
1035
|
-
max:
|
|
1043
|
+
onChange: w,
|
|
1044
|
+
min: c,
|
|
1045
|
+
max: l,
|
|
1036
1046
|
unit: u,
|
|
1037
|
-
defaultValue:
|
|
1047
|
+
defaultValue: x[n.code[0]] ? x[n.code[0]] : "",
|
|
1048
|
+
isDate: _,
|
|
1038
1049
|
step: h
|
|
1039
1050
|
}
|
|
1040
1051
|
) })
|
|
@@ -1060,12 +1071,12 @@ Ke.propTypes = {
|
|
|
1060
1071
|
const mt = ({
|
|
1061
1072
|
subcategory: n,
|
|
1062
1073
|
fontColor: d,
|
|
1063
|
-
activeColor:
|
|
1074
|
+
activeColor: i
|
|
1064
1075
|
//onChangeBothType,
|
|
1065
1076
|
}) => {
|
|
1066
1077
|
const { activeSubcategory: o } = O((a) => a), { name: t, indicators: r } = n || {};
|
|
1067
|
-
return /* @__PURE__ */
|
|
1068
|
-
|
|
1078
|
+
return /* @__PURE__ */ s(
|
|
1079
|
+
se,
|
|
1069
1080
|
{
|
|
1070
1081
|
title: t,
|
|
1071
1082
|
isOpen: o == `id${t}`,
|
|
@@ -1079,15 +1090,15 @@ const mt = ({
|
|
|
1079
1090
|
titleMarginChildren: 20,
|
|
1080
1091
|
height: 48,
|
|
1081
1092
|
color: d,
|
|
1082
|
-
activeColor:
|
|
1083
|
-
children: r == null ? void 0 : r.map((a,
|
|
1093
|
+
activeColor: i,
|
|
1094
|
+
children: r == null ? void 0 : r.map((a, c) => /* @__PURE__ */ s(
|
|
1084
1095
|
Ke,
|
|
1085
1096
|
{
|
|
1086
1097
|
indicator: a,
|
|
1087
1098
|
fontColor: d,
|
|
1088
|
-
activeColor:
|
|
1099
|
+
activeColor: i
|
|
1089
1100
|
},
|
|
1090
|
-
`indicatorSub-${
|
|
1101
|
+
`indicatorSub-${c}`
|
|
1091
1102
|
))
|
|
1092
1103
|
}
|
|
1093
1104
|
);
|
|
@@ -1110,37 +1121,37 @@ const ht = ({
|
|
|
1110
1121
|
// onChangeBothType,
|
|
1111
1122
|
activeColor: d
|
|
1112
1123
|
}) => {
|
|
1113
|
-
const { name:
|
|
1114
|
-
return n && /* @__PURE__ */
|
|
1115
|
-
|
|
1124
|
+
const { name: i, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = O((c) => c);
|
|
1125
|
+
return n && /* @__PURE__ */ s(
|
|
1126
|
+
se,
|
|
1116
1127
|
{
|
|
1117
1128
|
onClick: () => {
|
|
1118
|
-
O.setState((
|
|
1119
|
-
activeCategory: r === `id${
|
|
1129
|
+
O.setState((c) => ({
|
|
1130
|
+
activeCategory: r === `id${i}` ? "" : `id${i}`
|
|
1120
1131
|
}));
|
|
1121
1132
|
},
|
|
1122
|
-
title:
|
|
1123
|
-
isOpen: r === `id${
|
|
1133
|
+
title: i,
|
|
1134
|
+
isOpen: r === `id${i}`,
|
|
1124
1135
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1125
1136
|
showBottomBar: !1,
|
|
1126
1137
|
color: a,
|
|
1127
1138
|
activeColor: d,
|
|
1128
|
-
children: o ? o.map((
|
|
1139
|
+
children: o ? o.map((c, l) => /* @__PURE__ */ s(
|
|
1129
1140
|
mt,
|
|
1130
1141
|
{
|
|
1131
|
-
subcategory:
|
|
1142
|
+
subcategory: c,
|
|
1132
1143
|
fontColor: a,
|
|
1133
1144
|
activeColor: d
|
|
1134
1145
|
},
|
|
1135
|
-
`subcategory-${
|
|
1136
|
-
)) : t && t.map((
|
|
1146
|
+
`subcategory-${l}`
|
|
1147
|
+
)) : t && t.map((c, l) => /* @__PURE__ */ s(
|
|
1137
1148
|
Ke,
|
|
1138
1149
|
{
|
|
1139
|
-
indicator:
|
|
1150
|
+
indicator: c,
|
|
1140
1151
|
fontColor: a,
|
|
1141
1152
|
activeColor: d
|
|
1142
1153
|
},
|
|
1143
|
-
`indicator-${
|
|
1154
|
+
`indicator-${l}`
|
|
1144
1155
|
))
|
|
1145
1156
|
}
|
|
1146
1157
|
);
|
|
@@ -1157,30 +1168,30 @@ ht.propTypes = {
|
|
|
1157
1168
|
const gt = ({
|
|
1158
1169
|
indicators: n,
|
|
1159
1170
|
isOpen: d = !0,
|
|
1160
|
-
title:
|
|
1171
|
+
title: i,
|
|
1161
1172
|
fontColor: o = "#605B56",
|
|
1162
1173
|
//The color of the slider and the checkbox when is checked
|
|
1163
1174
|
inputsColor: t = "#605B56",
|
|
1164
1175
|
activeColor: r
|
|
1165
1176
|
}) => {
|
|
1166
|
-
const { tematicalFiltersSelected: a } = O((
|
|
1167
|
-
return
|
|
1177
|
+
const { tematicalFiltersSelected: a } = O((l) => l), { t: c } = B();
|
|
1178
|
+
return L(() => {
|
|
1168
1179
|
console.log("filtersSelected changed: ", a);
|
|
1169
|
-
}, [a]),
|
|
1180
|
+
}, [a]), L(() => {
|
|
1170
1181
|
o && O.setState(() => ({ fontColor: o }));
|
|
1171
|
-
}, [o]),
|
|
1182
|
+
}, [o]), L(() => {
|
|
1172
1183
|
t && O.setState(() => ({ inputsColor: t }));
|
|
1173
|
-
}, [t]), /* @__PURE__ */
|
|
1174
|
-
|
|
1184
|
+
}, [t]), /* @__PURE__ */ s(
|
|
1185
|
+
se,
|
|
1175
1186
|
{
|
|
1176
1187
|
isOpen: d,
|
|
1177
|
-
title:
|
|
1188
|
+
title: i ? c(i) : "Tematical filters",
|
|
1178
1189
|
color: o,
|
|
1179
1190
|
activeColor: r,
|
|
1180
|
-
children: n == null ? void 0 : n.map((
|
|
1191
|
+
children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ s(
|
|
1181
1192
|
ht,
|
|
1182
1193
|
{
|
|
1183
|
-
category:
|
|
1194
|
+
category: l,
|
|
1184
1195
|
fontColor: o,
|
|
1185
1196
|
activeColor: r
|
|
1186
1197
|
},
|
|
@@ -1198,7 +1209,7 @@ gt.propTypes = {
|
|
|
1198
1209
|
inputsColor: e.string,
|
|
1199
1210
|
activeColor: e.string
|
|
1200
1211
|
};
|
|
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",
|
|
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", re = {
|
|
1202
1213
|
FiltersAmbitContainer: Y2,
|
|
1203
1214
|
FiltersAmbitHeader: Q2,
|
|
1204
1215
|
FiltersAmbitTitle: X2,
|
|
@@ -1208,13 +1219,13 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1208
1219
|
}, n0 = ({
|
|
1209
1220
|
ambitName: n,
|
|
1210
1221
|
ambitDescription: d,
|
|
1211
|
-
defaultFilters:
|
|
1222
|
+
defaultFilters: i,
|
|
1212
1223
|
indicators: o,
|
|
1213
1224
|
activeColor: t,
|
|
1214
1225
|
textColor: r,
|
|
1215
1226
|
backgroundColor: a,
|
|
1216
|
-
onChangeAppliedFilters:
|
|
1217
|
-
saveAmbit:
|
|
1227
|
+
onChangeAppliedFilters: c,
|
|
1228
|
+
saveAmbit: l,
|
|
1218
1229
|
namePlaceholder: u,
|
|
1219
1230
|
descPlaceholder: h,
|
|
1220
1231
|
filtersTypes: g = ["geographical", "tematical"],
|
|
@@ -1222,51 +1233,51 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1222
1233
|
onlyFilters: y = !1
|
|
1223
1234
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1224
1235
|
}) => {
|
|
1225
|
-
const { t:
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
tematicalFiltersSelected:
|
|
1236
|
+
const { t: C } = B(), { tematicalFiltersSelected: m } = O((S) => S), [b, f] = D(n || null), [v, w] = D(d || null), [x, N] = D(!1);
|
|
1237
|
+
L(() => {
|
|
1238
|
+
i && i.length > 0 && O.setState((S) => ({
|
|
1239
|
+
tematicalFiltersSelected: i
|
|
1229
1240
|
}));
|
|
1230
|
-
}, [
|
|
1231
|
-
console.log("filtersSelected changed: ",
|
|
1232
|
-
}, [
|
|
1233
|
-
const
|
|
1234
|
-
|
|
1241
|
+
}, [i]), L(() => {
|
|
1242
|
+
console.log("filtersSelected changed: ", m), c(m);
|
|
1243
|
+
}, [m]);
|
|
1244
|
+
const k = () => {
|
|
1245
|
+
b ? l({ name: b, description: v }) : N(!0);
|
|
1235
1246
|
};
|
|
1236
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1237
|
-
!y && /* @__PURE__ */ p("div", { className:
|
|
1238
|
-
/* @__PURE__ */
|
|
1247
|
+
return /* @__PURE__ */ p("div", { className: re.FiltersAmbitContainer, children: [
|
|
1248
|
+
!y && /* @__PURE__ */ p("div", { className: re.FiltersAmbitHeader, children: [
|
|
1249
|
+
/* @__PURE__ */ s("div", { className: re.FiltersAmbitTitle, children: /* @__PURE__ */ s(
|
|
1239
1250
|
"input",
|
|
1240
1251
|
{
|
|
1241
1252
|
type: "text",
|
|
1242
1253
|
onChange: (S) => {
|
|
1243
|
-
|
|
1254
|
+
N(!1), f(S.target.value);
|
|
1244
1255
|
},
|
|
1245
|
-
value:
|
|
1246
|
-
placeholder:
|
|
1256
|
+
value: b,
|
|
1257
|
+
placeholder: C(u)
|
|
1247
1258
|
}
|
|
1248
1259
|
) }),
|
|
1249
|
-
/* @__PURE__ */
|
|
1260
|
+
/* @__PURE__ */ s("div", { className: re.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: re.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
|
|
1250
1261
|
"textarea",
|
|
1251
1262
|
{
|
|
1252
1263
|
value: v,
|
|
1253
|
-
onChange: (S) =>
|
|
1254
|
-
placeholder:
|
|
1264
|
+
onChange: (S) => w(S.target.value),
|
|
1265
|
+
placeholder: C(h)
|
|
1255
1266
|
}
|
|
1256
1267
|
) }) })
|
|
1257
1268
|
] }),
|
|
1258
|
-
/* @__PURE__ */
|
|
1269
|
+
/* @__PURE__ */ s(
|
|
1259
1270
|
ct,
|
|
1260
1271
|
{
|
|
1261
|
-
title:
|
|
1272
|
+
title: C("applied_filters"),
|
|
1262
1273
|
isOpen: !0,
|
|
1263
1274
|
textColor: r || "#fff",
|
|
1264
1275
|
backgroundColor: a || "#605B5680",
|
|
1265
1276
|
activeColor: t
|
|
1266
1277
|
}
|
|
1267
1278
|
),
|
|
1268
|
-
g.includes("geographical") && /* @__PURE__ */
|
|
1269
|
-
g.includes("tematical") && /* @__PURE__ */
|
|
1279
|
+
g.includes("geographical") && /* @__PURE__ */ s(dt, { activeColor: t }),
|
|
1280
|
+
g.includes("tematical") && /* @__PURE__ */ s(
|
|
1270
1281
|
gt,
|
|
1271
1282
|
{
|
|
1272
1283
|
indicators: o,
|
|
@@ -1276,8 +1287,8 @@ const Y2 = "_FiltersAmbitContainer_1g9xx_2", Q2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1276
1287
|
activeColor: t
|
|
1277
1288
|
}
|
|
1278
1289
|
),
|
|
1279
|
-
x && /* @__PURE__ */
|
|
1280
|
-
!y && /* @__PURE__ */
|
|
1290
|
+
x && /* @__PURE__ */ s("div", { className: re.warning, children: C(_) }),
|
|
1291
|
+
!y && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(Ne, { onClick: () => k(), children: C("save_ambit") }) })
|
|
1281
1292
|
] });
|
|
1282
1293
|
};
|
|
1283
1294
|
n0.propTypes = {
|
|
@@ -1300,22 +1311,22 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1300
1311
|
}, Ct = ({
|
|
1301
1312
|
data: n,
|
|
1302
1313
|
width: d = 700,
|
|
1303
|
-
barHeight:
|
|
1314
|
+
barHeight: i = 25,
|
|
1304
1315
|
gap: o = 23,
|
|
1305
1316
|
fontColor: t = "#605B56",
|
|
1306
1317
|
verticalPaddign: r = 10,
|
|
1307
1318
|
horizontalPaddign: a = 20,
|
|
1308
|
-
leftPadding:
|
|
1309
|
-
numberOfDivisions:
|
|
1319
|
+
leftPadding: c = 200,
|
|
1320
|
+
numberOfDivisions: l = 7,
|
|
1310
1321
|
maxValue: u = null
|
|
1311
1322
|
}) => {
|
|
1312
|
-
const { t: h } =
|
|
1323
|
+
const { t: h } = B(), { xScale: g, ticks: _, height: y } = ge(() => {
|
|
1313
1324
|
if (n && n.length > 0) {
|
|
1314
|
-
const
|
|
1325
|
+
const C = (n == null ? void 0 : n.length) * (i + o) + r * 2, m = Ge.max(n, (v) => v.value) || 1, b = Ge.scaleLinear().domain([0, u || m]).range([0, d - c]), f = Array.from({ length: l + 1 }, (v, w) => u ? u / l * w : m / l * w);
|
|
1315
1326
|
return {
|
|
1316
|
-
xScale:
|
|
1327
|
+
xScale: b,
|
|
1317
1328
|
ticks: f,
|
|
1318
|
-
height:
|
|
1329
|
+
height: C,
|
|
1319
1330
|
width: d,
|
|
1320
1331
|
verticalPaddign: r,
|
|
1321
1332
|
horizontalPaddign: a
|
|
@@ -1325,18 +1336,18 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1325
1336
|
}, [
|
|
1326
1337
|
n,
|
|
1327
1338
|
d,
|
|
1328
|
-
|
|
1329
|
-
|
|
1339
|
+
l,
|
|
1340
|
+
i,
|
|
1330
1341
|
o,
|
|
1331
1342
|
a,
|
|
1332
1343
|
r,
|
|
1333
1344
|
u
|
|
1334
1345
|
]);
|
|
1335
|
-
return /* @__PURE__ */
|
|
1336
|
-
/* @__PURE__ */
|
|
1337
|
-
const
|
|
1338
|
-
return /* @__PURE__ */ p("g", { transform: `translate(${
|
|
1339
|
-
/* @__PURE__ */
|
|
1346
|
+
return /* @__PURE__ */ s("div", { className: s0.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
|
|
1347
|
+
/* @__PURE__ */ s("g", { transform: `translate(${c + a}, 0)`, children: _.map((C, m) => {
|
|
1348
|
+
const b = g(C);
|
|
1349
|
+
return /* @__PURE__ */ p("g", { transform: `translate(${b}, 0)`, children: [
|
|
1350
|
+
/* @__PURE__ */ s(
|
|
1340
1351
|
"line",
|
|
1341
1352
|
{
|
|
1342
1353
|
y1: 0,
|
|
@@ -1344,47 +1355,47 @@ const i0 = "_barChartContainer_d2f1z_2", s0 = {
|
|
|
1344
1355
|
stroke: "#ccc"
|
|
1345
1356
|
}
|
|
1346
1357
|
),
|
|
1347
|
-
/* @__PURE__ */
|
|
1358
|
+
/* @__PURE__ */ s(
|
|
1348
1359
|
"text",
|
|
1349
1360
|
{
|
|
1350
1361
|
y: y - o,
|
|
1351
1362
|
textAnchor: "middle",
|
|
1352
1363
|
fontSize: 10,
|
|
1353
1364
|
fill: t,
|
|
1354
|
-
children: parseInt(
|
|
1365
|
+
children: parseInt(C)
|
|
1355
1366
|
}
|
|
1356
1367
|
)
|
|
1357
|
-
] },
|
|
1368
|
+
] }, m);
|
|
1358
1369
|
}) }),
|
|
1359
|
-
n && n.length > 0 && (n == null ? void 0 : n.map((
|
|
1360
|
-
const
|
|
1370
|
+
n && n.length > 0 && (n == null ? void 0 : n.map((C, m) => {
|
|
1371
|
+
const b = g(C.value), f = m * (i + o);
|
|
1361
1372
|
return /* @__PURE__ */ p(
|
|
1362
1373
|
"g",
|
|
1363
1374
|
{
|
|
1364
|
-
transform: `translate(${
|
|
1375
|
+
transform: `translate(${c + a}, ${f})`,
|
|
1365
1376
|
children: [
|
|
1366
|
-
/* @__PURE__ */
|
|
1377
|
+
/* @__PURE__ */ s(
|
|
1367
1378
|
"text",
|
|
1368
1379
|
{
|
|
1369
1380
|
x: -24,
|
|
1370
|
-
y:
|
|
1381
|
+
y: i / 2 + 5,
|
|
1371
1382
|
textAnchor: "end",
|
|
1372
1383
|
fill: t,
|
|
1373
|
-
children: h(
|
|
1384
|
+
children: h(C.title)
|
|
1374
1385
|
}
|
|
1375
1386
|
),
|
|
1376
|
-
/* @__PURE__ */
|
|
1387
|
+
/* @__PURE__ */ s(
|
|
1377
1388
|
"rect",
|
|
1378
1389
|
{
|
|
1379
|
-
width:
|
|
1380
|
-
height:
|
|
1381
|
-
fill:
|
|
1390
|
+
width: b,
|
|
1391
|
+
height: i,
|
|
1392
|
+
fill: C.color,
|
|
1382
1393
|
rx: 0
|
|
1383
1394
|
}
|
|
1384
1395
|
)
|
|
1385
1396
|
]
|
|
1386
1397
|
},
|
|
1387
|
-
|
|
1398
|
+
m
|
|
1388
1399
|
);
|
|
1389
1400
|
}))
|
|
1390
1401
|
] }) }) });
|
|
@@ -1411,34 +1422,34 @@ const o0 = "_graphicContainer_c9zrg_2", r0 = "_titleContainer_c9zrg_14", Qe = {
|
|
|
1411
1422
|
}, a0 = ({
|
|
1412
1423
|
data: n,
|
|
1413
1424
|
graphWidth: d = 700,
|
|
1414
|
-
containerStyle:
|
|
1425
|
+
containerStyle: i,
|
|
1415
1426
|
borderColor: o = "#605B56",
|
|
1416
1427
|
title: t = "Graphic Title",
|
|
1417
1428
|
fontColor: r = "#605B56",
|
|
1418
1429
|
maxValue: a = null,
|
|
1419
|
-
numberOfDivisions:
|
|
1420
|
-
leftPadding:
|
|
1430
|
+
numberOfDivisions: c = 7,
|
|
1431
|
+
leftPadding: l = 200
|
|
1421
1432
|
}) => {
|
|
1422
|
-
const { t: u } =
|
|
1433
|
+
const { t: u } = B();
|
|
1423
1434
|
return /* @__PURE__ */ p(
|
|
1424
1435
|
"div",
|
|
1425
1436
|
{
|
|
1426
1437
|
className: Qe.graphicContainer,
|
|
1427
1438
|
style: {
|
|
1428
|
-
...
|
|
1439
|
+
...i || {},
|
|
1429
1440
|
border: `1.5px solid ${o}`
|
|
1430
1441
|
},
|
|
1431
1442
|
children: [
|
|
1432
|
-
/* @__PURE__ */
|
|
1433
|
-
/* @__PURE__ */
|
|
1443
|
+
/* @__PURE__ */ s("div", { className: Qe.titleContainer, children: /* @__PURE__ */ s("h2", { children: u(t) }) }),
|
|
1444
|
+
/* @__PURE__ */ s(
|
|
1434
1445
|
Ct,
|
|
1435
1446
|
{
|
|
1436
1447
|
data: n,
|
|
1437
1448
|
width: d,
|
|
1438
1449
|
fontColor: r,
|
|
1439
1450
|
maxValue: a,
|
|
1440
|
-
numberOfDivisions:
|
|
1441
|
-
leftPadding:
|
|
1451
|
+
numberOfDivisions: c,
|
|
1452
|
+
leftPadding: l
|
|
1442
1453
|
}
|
|
1443
1454
|
)
|
|
1444
1455
|
]
|
|
@@ -1462,7 +1473,7 @@ a0.propTypes = {
|
|
|
1462
1473
|
numberOfDivisions: e.number,
|
|
1463
1474
|
leftPadding: e.number
|
|
1464
1475
|
};
|
|
1465
|
-
const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu33_11",
|
|
1476
|
+
const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu33_11", Le = {
|
|
1466
1477
|
indicatorsCategory: l0,
|
|
1467
1478
|
title: c0,
|
|
1468
1479
|
list: d0
|
|
@@ -1480,45 +1491,45 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1480
1491
|
}, He = ({
|
|
1481
1492
|
indicator: n,
|
|
1482
1493
|
values: d = [],
|
|
1483
|
-
activeColor:
|
|
1494
|
+
activeColor: i,
|
|
1484
1495
|
defaultColor: o = "#92898A",
|
|
1485
1496
|
activeIndicator: t,
|
|
1486
1497
|
activeIndicatorType: r,
|
|
1487
1498
|
onClickIndicator: a,
|
|
1488
|
-
multiple:
|
|
1489
|
-
onChangeType:
|
|
1499
|
+
multiple: c = !1,
|
|
1500
|
+
onChangeType: l
|
|
1490
1501
|
}) => {
|
|
1491
|
-
const { t: u } =
|
|
1492
|
-
|
|
1493
|
-
t &&
|
|
1494
|
-
|
|
1502
|
+
const { t: u } = B(), { name: h, type: g, disabled: _ } = n, [y, C] = D(!1);
|
|
1503
|
+
L(() => {
|
|
1504
|
+
t && C(
|
|
1505
|
+
c ? t.some(
|
|
1495
1506
|
(f) => f.name == String(h)
|
|
1496
1507
|
) : t.name == h
|
|
1497
1508
|
);
|
|
1498
1509
|
}, [t]);
|
|
1499
|
-
const
|
|
1510
|
+
const m = () => /* @__PURE__ */ s("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: V.switchType, children: /* @__PURE__ */ p("div", { className: V.switchTypeOptions, children: [
|
|
1500
1511
|
/* @__PURE__ */ p(
|
|
1501
1512
|
"div",
|
|
1502
1513
|
{
|
|
1503
1514
|
className: V.optionContainer,
|
|
1504
|
-
onClick: () =>
|
|
1515
|
+
onClick: () => l("cat"),
|
|
1505
1516
|
children: [
|
|
1506
|
-
/* @__PURE__ */
|
|
1517
|
+
/* @__PURE__ */ s(
|
|
1507
1518
|
"span",
|
|
1508
1519
|
{
|
|
1509
1520
|
className: `${V.customRadious}`,
|
|
1510
1521
|
style: {
|
|
1511
|
-
backgroundColor: r === "cat" ?
|
|
1512
|
-
borderColor: r === "cat" ?
|
|
1522
|
+
backgroundColor: r === "cat" ? i : "transparent",
|
|
1523
|
+
borderColor: r === "cat" ? i : o
|
|
1513
1524
|
}
|
|
1514
1525
|
}
|
|
1515
1526
|
),
|
|
1516
|
-
/* @__PURE__ */
|
|
1527
|
+
/* @__PURE__ */ s(
|
|
1517
1528
|
"h4",
|
|
1518
1529
|
{
|
|
1519
1530
|
className: V.optionText,
|
|
1520
1531
|
style: {
|
|
1521
|
-
color: r === "cat" ?
|
|
1532
|
+
color: r === "cat" ? i : o
|
|
1522
1533
|
},
|
|
1523
1534
|
children: u("indicators.cat")
|
|
1524
1535
|
}
|
|
@@ -1530,24 +1541,24 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1530
1541
|
"div",
|
|
1531
1542
|
{
|
|
1532
1543
|
className: V.optionContainer,
|
|
1533
|
-
onClick: () =>
|
|
1544
|
+
onClick: () => l("abs"),
|
|
1534
1545
|
children: [
|
|
1535
|
-
/* @__PURE__ */
|
|
1546
|
+
/* @__PURE__ */ s(
|
|
1536
1547
|
"span",
|
|
1537
1548
|
{
|
|
1538
1549
|
className: `${V.customRadious}`,
|
|
1539
1550
|
style: {
|
|
1540
|
-
backgroundColor: r === "abs" ?
|
|
1541
|
-
borderColor: r === "abs" ?
|
|
1551
|
+
backgroundColor: r === "abs" ? i : "transparent",
|
|
1552
|
+
borderColor: r === "abs" ? i : o
|
|
1542
1553
|
}
|
|
1543
1554
|
}
|
|
1544
1555
|
),
|
|
1545
|
-
/* @__PURE__ */
|
|
1556
|
+
/* @__PURE__ */ s(
|
|
1546
1557
|
"h4",
|
|
1547
1558
|
{
|
|
1548
1559
|
className: V.optionText,
|
|
1549
1560
|
style: {
|
|
1550
|
-
color: r === "abs" ?
|
|
1561
|
+
color: r === "abs" ? i : o
|
|
1551
1562
|
},
|
|
1552
1563
|
children: u("indicators.abs")
|
|
1553
1564
|
}
|
|
@@ -1555,18 +1566,18 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1555
1566
|
]
|
|
1556
1567
|
}
|
|
1557
1568
|
)
|
|
1558
|
-
] }) }) }),
|
|
1569
|
+
] }) }) }), b = () => /* @__PURE__ */ s("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: V.switchType, children: /* @__PURE__ */ s("div", { className: V.switchTypeOptions, children: d.map((f, v) => /* @__PURE__ */ p(
|
|
1559
1570
|
"div",
|
|
1560
1571
|
{
|
|
1561
1572
|
className: V.optionContainer,
|
|
1562
1573
|
children: [
|
|
1563
|
-
/* @__PURE__ */
|
|
1574
|
+
/* @__PURE__ */ s(
|
|
1564
1575
|
"span",
|
|
1565
1576
|
{
|
|
1566
1577
|
className: V.customRadious
|
|
1567
1578
|
}
|
|
1568
1579
|
),
|
|
1569
|
-
/* @__PURE__ */
|
|
1580
|
+
/* @__PURE__ */ s("h4", { children: u(f.unit) })
|
|
1570
1581
|
]
|
|
1571
1582
|
},
|
|
1572
1583
|
v
|
|
@@ -1578,29 +1589,29 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1578
1589
|
className: V.indicatorNameContainer,
|
|
1579
1590
|
onClick: () => !_ && a({ indicator: n }),
|
|
1580
1591
|
children: [
|
|
1581
|
-
/* @__PURE__ */
|
|
1592
|
+
/* @__PURE__ */ s(
|
|
1582
1593
|
"div",
|
|
1583
1594
|
{
|
|
1584
1595
|
style: {
|
|
1585
|
-
border: y ? `1px solid ${
|
|
1596
|
+
border: y ? `1px solid ${i}` : `1px solid ${o}`,
|
|
1586
1597
|
opacity: _ ? 0.5 : 1
|
|
1587
1598
|
},
|
|
1588
1599
|
className: V.dot
|
|
1589
1600
|
}
|
|
1590
1601
|
),
|
|
1591
|
-
/* @__PURE__ */
|
|
1602
|
+
/* @__PURE__ */ s(
|
|
1592
1603
|
"h4",
|
|
1593
1604
|
{
|
|
1594
1605
|
className: V.indicatorName,
|
|
1595
1606
|
style: {
|
|
1596
|
-
color: y ?
|
|
1607
|
+
color: y ? i : o,
|
|
1597
1608
|
opacity: _ ? 0.5 : 1
|
|
1598
1609
|
},
|
|
1599
|
-
children: /* @__PURE__ */
|
|
1610
|
+
children: /* @__PURE__ */ s(
|
|
1600
1611
|
ze,
|
|
1601
1612
|
{
|
|
1602
1613
|
i18nKey: h,
|
|
1603
|
-
components: { sup: /* @__PURE__ */
|
|
1614
|
+
components: { sup: /* @__PURE__ */ s("sup", {}) },
|
|
1604
1615
|
shouldUnescape: !0
|
|
1605
1616
|
}
|
|
1606
1617
|
)
|
|
@@ -1609,8 +1620,8 @@ const l0 = "_indicatorsCategory_1cu33_2", c0 = "_title_1cu33_5", d0 = "_list_1cu
|
|
|
1609
1620
|
]
|
|
1610
1621
|
}
|
|
1611
1622
|
),
|
|
1612
|
-
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */
|
|
1613
|
-
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */
|
|
1623
|
+
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ s("div", { children: m() }),
|
|
1624
|
+
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ s("div", { children: b() })
|
|
1614
1625
|
] });
|
|
1615
1626
|
};
|
|
1616
1627
|
He.propTypes = {
|
|
@@ -1631,20 +1642,20 @@ const v0 = "_indicatorsSubCategory_1dzsi_2", x0 = "_list_1dzsi_8", Xe = {
|
|
|
1631
1642
|
}, ft = ({
|
|
1632
1643
|
subcName: n,
|
|
1633
1644
|
indicators: d,
|
|
1634
|
-
defaultColor:
|
|
1645
|
+
defaultColor: i,
|
|
1635
1646
|
activeColor: o,
|
|
1636
1647
|
activeSubCategory: t,
|
|
1637
1648
|
onClickSubCategory: r,
|
|
1638
1649
|
id: a,
|
|
1639
|
-
activeIndicator:
|
|
1640
|
-
onClickIndicator:
|
|
1650
|
+
activeIndicator: c,
|
|
1651
|
+
onClickIndicator: l,
|
|
1641
1652
|
multiple: u,
|
|
1642
1653
|
activeIndicatorType: h,
|
|
1643
1654
|
onChangeType: g
|
|
1644
1655
|
}) => {
|
|
1645
|
-
const { t: _ } =
|
|
1646
|
-
return
|
|
1647
|
-
|
|
1656
|
+
const { t: _ } = B(), [y, C] = D(!1);
|
|
1657
|
+
return L(() => {
|
|
1658
|
+
C(t == a);
|
|
1648
1659
|
}, [t, a]), /* @__PURE__ */ p(
|
|
1649
1660
|
Ze.div,
|
|
1650
1661
|
{
|
|
@@ -1653,29 +1664,29 @@ const v0 = "_indicatorsSubCategory_1dzsi_2", x0 = "_list_1dzsi_8", Xe = {
|
|
|
1653
1664
|
animate: { height: y ? "auto" : "43px" },
|
|
1654
1665
|
transition: { duration: 0.4 },
|
|
1655
1666
|
children: [
|
|
1656
|
-
/* @__PURE__ */
|
|
1657
|
-
/* @__PURE__ */
|
|
1658
|
-
/* @__PURE__ */
|
|
1667
|
+
/* @__PURE__ */ s("button", { onClick: () => r(a), children: /* @__PURE__ */ p("h3", { style: { color: y ? o : i }, children: [
|
|
1668
|
+
/* @__PURE__ */ s("span", { style: { color: y ? o : i }, children: y ? "-" : "+" }),
|
|
1669
|
+
/* @__PURE__ */ s(
|
|
1659
1670
|
"span",
|
|
1660
1671
|
{
|
|
1661
|
-
style: { marginLeft: 12, color: y ? o :
|
|
1672
|
+
style: { marginLeft: 12, color: y ? o : i },
|
|
1662
1673
|
children: _(n)
|
|
1663
1674
|
}
|
|
1664
1675
|
)
|
|
1665
1676
|
] }) }),
|
|
1666
|
-
d && /* @__PURE__ */
|
|
1677
|
+
d && /* @__PURE__ */ s("div", { className: Xe.list, children: d == null ? void 0 : d.map((m, b) => /* @__PURE__ */ s(
|
|
1667
1678
|
He,
|
|
1668
1679
|
{
|
|
1669
|
-
indicator:
|
|
1670
|
-
defaultColor:
|
|
1680
|
+
indicator: m,
|
|
1681
|
+
defaultColor: i,
|
|
1671
1682
|
activeColor: o,
|
|
1672
|
-
activeIndicator:
|
|
1673
|
-
onClickIndicator:
|
|
1683
|
+
activeIndicator: c,
|
|
1684
|
+
onClickIndicator: l,
|
|
1674
1685
|
multiple: u,
|
|
1675
1686
|
activeIndicatorType: h,
|
|
1676
1687
|
onChangeType: g
|
|
1677
1688
|
},
|
|
1678
|
-
"indicator" +
|
|
1689
|
+
"indicator" + b
|
|
1679
1690
|
)) })
|
|
1680
1691
|
]
|
|
1681
1692
|
}
|
|
@@ -1696,72 +1707,72 @@ ft.propTypes = {
|
|
|
1696
1707
|
const bt = ({
|
|
1697
1708
|
cat: n,
|
|
1698
1709
|
id: d,
|
|
1699
|
-
activeColor:
|
|
1710
|
+
activeColor: i,
|
|
1700
1711
|
defaultColor: o,
|
|
1701
1712
|
onClickCategory: t,
|
|
1702
1713
|
activeCategory: r,
|
|
1703
1714
|
activeSubCategory: a,
|
|
1704
|
-
onClickSubCategory:
|
|
1705
|
-
activeIndicator:
|
|
1715
|
+
onClickSubCategory: c,
|
|
1716
|
+
activeIndicator: l,
|
|
1706
1717
|
onClickIndicator: u,
|
|
1707
1718
|
multiple: h,
|
|
1708
1719
|
activeIndicatorType: g,
|
|
1709
1720
|
onChangeType: _
|
|
1710
1721
|
}) => {
|
|
1711
|
-
var
|
|
1712
|
-
const { t: y } =
|
|
1713
|
-
return
|
|
1714
|
-
|
|
1722
|
+
var b;
|
|
1723
|
+
const { t: y } = B(), [C, m] = D(!1);
|
|
1724
|
+
return L(() => {
|
|
1725
|
+
m(r === d);
|
|
1715
1726
|
}, [r, d]), /* @__PURE__ */ p(
|
|
1716
1727
|
Ze.div,
|
|
1717
1728
|
{
|
|
1718
|
-
className:
|
|
1729
|
+
className: Le.indicatorsCategory,
|
|
1719
1730
|
initial: { height: "53px" },
|
|
1720
|
-
animate: { height:
|
|
1731
|
+
animate: { height: C ? "auto" : "53px" },
|
|
1721
1732
|
transition: { duration: 0.4 },
|
|
1722
1733
|
style: {
|
|
1723
1734
|
backgroundColor: "white",
|
|
1724
|
-
borderBottom:
|
|
1725
|
-
marginBottom:
|
|
1735
|
+
borderBottom: C ? `1px solid ${i}` : "0px",
|
|
1736
|
+
marginBottom: C ? "20px" : "0px"
|
|
1726
1737
|
},
|
|
1727
1738
|
children: [
|
|
1728
|
-
/* @__PURE__ */ p("h2", { className: `${
|
|
1729
|
-
/* @__PURE__ */
|
|
1730
|
-
/* @__PURE__ */
|
|
1739
|
+
/* @__PURE__ */ p("h2", { className: `${Le.title}`, onClick: () => t(d), children: [
|
|
1740
|
+
/* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
|
|
1741
|
+
/* @__PURE__ */ s(
|
|
1731
1742
|
"span",
|
|
1732
1743
|
{
|
|
1733
|
-
style: { marginLeft: 12, color:
|
|
1744
|
+
style: { marginLeft: 12, color: C ? i : o },
|
|
1734
1745
|
children: y(n.name)
|
|
1735
1746
|
}
|
|
1736
1747
|
)
|
|
1737
1748
|
] }),
|
|
1738
1749
|
n.subcategories ? n.subcategories.map(
|
|
1739
|
-
({ name: f, subcategory: v, indicators:
|
|
1750
|
+
({ name: f, subcategory: v, indicators: w }, x) => /* @__PURE__ */ s(
|
|
1740
1751
|
ft,
|
|
1741
1752
|
{
|
|
1742
1753
|
id: v,
|
|
1743
1754
|
activeSubCategory: a,
|
|
1744
1755
|
subcName: f,
|
|
1745
|
-
onClickSubCategory:
|
|
1746
|
-
activeIndicator:
|
|
1756
|
+
onClickSubCategory: c,
|
|
1757
|
+
activeIndicator: l,
|
|
1747
1758
|
onClickIndicator: u,
|
|
1748
1759
|
multiple: h,
|
|
1749
|
-
activeColor:
|
|
1760
|
+
activeColor: i,
|
|
1750
1761
|
defaultColor: o,
|
|
1751
|
-
indicators:
|
|
1762
|
+
indicators: w,
|
|
1752
1763
|
activeIndicatorType: g,
|
|
1753
1764
|
onChangeType: _
|
|
1754
1765
|
},
|
|
1755
1766
|
`subcKey ${x}`
|
|
1756
1767
|
)
|
|
1757
|
-
) : /* @__PURE__ */
|
|
1768
|
+
) : /* @__PURE__ */ s("div", { className: Le.list, children: (b = n.indicators) == null ? void 0 : b.map((f, v) => /* @__PURE__ */ s(
|
|
1758
1769
|
He,
|
|
1759
1770
|
{
|
|
1760
1771
|
indicator: f,
|
|
1761
1772
|
values: f.type == "twoUnits" && f.values,
|
|
1762
|
-
activeColor:
|
|
1773
|
+
activeColor: i,
|
|
1763
1774
|
defaultColor: o,
|
|
1764
|
-
activeIndicator:
|
|
1775
|
+
activeIndicator: l,
|
|
1765
1776
|
onClickIndicator: u,
|
|
1766
1777
|
multiple: h,
|
|
1767
1778
|
activeIndicatorType: g,
|
|
@@ -1793,7 +1804,7 @@ const w0 = "_indicatorsList_fklyu_2", N0 = "_title_fklyu_6", Je = {
|
|
|
1793
1804
|
}, k0 = ({
|
|
1794
1805
|
indicators: n,
|
|
1795
1806
|
activeColor: d,
|
|
1796
|
-
defaultColor:
|
|
1807
|
+
defaultColor: i = "#92898A",
|
|
1797
1808
|
// Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
|
|
1798
1809
|
onChange: o,
|
|
1799
1810
|
// Selección multiple
|
|
@@ -1802,74 +1813,74 @@ const w0 = "_indicatorsList_fklyu_2", N0 = "_title_fklyu_6", Je = {
|
|
|
1802
1813
|
defaultValue: r = null,
|
|
1803
1814
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1804
1815
|
changeIndType: a,
|
|
1805
|
-
activeIndicatorType:
|
|
1816
|
+
activeIndicatorType: c
|
|
1806
1817
|
}) => {
|
|
1807
|
-
const { t:
|
|
1818
|
+
const { t: l } = B(), [u, h] = D(), [g, _] = D(), [y, C] = D(), m = (x) => {
|
|
1808
1819
|
h(u == x ? null : x);
|
|
1809
|
-
},
|
|
1820
|
+
}, b = (x) => {
|
|
1810
1821
|
_(g == x ? null : x);
|
|
1811
1822
|
}, f = ({ indicator: x }) => {
|
|
1812
1823
|
console.log("onClickIndicator: ", x), v(x);
|
|
1813
1824
|
}, v = (x) => {
|
|
1814
1825
|
if (!t)
|
|
1815
|
-
|
|
1826
|
+
C(
|
|
1816
1827
|
(y == null ? void 0 : y.name) == x.name ? null : x
|
|
1817
1828
|
);
|
|
1818
1829
|
else {
|
|
1819
|
-
let
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
(
|
|
1823
|
-
) ?
|
|
1824
|
-
(
|
|
1825
|
-
) : [...
|
|
1830
|
+
let N = y && y.length > 0 ? [...y] : [];
|
|
1831
|
+
C(
|
|
1832
|
+
N != null && N.some(
|
|
1833
|
+
(k) => k.name == x.name
|
|
1834
|
+
) ? N.filter(
|
|
1835
|
+
(k) => k.name != String(x.name)
|
|
1836
|
+
) : [...N, x]
|
|
1826
1837
|
), x.type == "both" && a("cat");
|
|
1827
1838
|
}
|
|
1828
1839
|
};
|
|
1829
|
-
|
|
1840
|
+
L(() => {
|
|
1830
1841
|
console.log("activeindicator changed to: ", y), o && typeof o == "function" && y && o({ activeIndicator: y });
|
|
1831
|
-
}, [y]),
|
|
1842
|
+
}, [y]), Lt(() => {
|
|
1832
1843
|
if (r && !y)
|
|
1833
1844
|
if (t && r && Array.isArray(r)) {
|
|
1834
1845
|
let x = y && y.length > 0 ? [...y] : [];
|
|
1835
|
-
|
|
1846
|
+
C([...x, ...r]), w(r[0].name);
|
|
1836
1847
|
} else
|
|
1837
|
-
v(r),
|
|
1848
|
+
v(r), w(r.name);
|
|
1838
1849
|
}, []);
|
|
1839
|
-
const
|
|
1840
|
-
const
|
|
1841
|
-
if (
|
|
1842
|
-
let S =
|
|
1843
|
-
(
|
|
1850
|
+
const w = (x) => {
|
|
1851
|
+
const N = n.find((k) => {
|
|
1852
|
+
if (k.subcategories) {
|
|
1853
|
+
let S = k.subcategories.find(
|
|
1854
|
+
(T) => T.indicators.find((P) => P.name == x)
|
|
1844
1855
|
);
|
|
1845
1856
|
if (S)
|
|
1846
1857
|
return _(S.subcategory), S;
|
|
1847
1858
|
} else
|
|
1848
|
-
return
|
|
1859
|
+
return k.indicators.some((S) => S.name == x);
|
|
1849
1860
|
});
|
|
1850
|
-
|
|
1861
|
+
N && h(N.category);
|
|
1851
1862
|
};
|
|
1852
1863
|
return /* @__PURE__ */ p("div", { className: Je.indicatorsList, children: [
|
|
1853
|
-
/* @__PURE__ */
|
|
1854
|
-
n.map((x,
|
|
1864
|
+
/* @__PURE__ */ s("h2", { className: Je.title, style: { color: i }, children: l("indicators.indicators") }),
|
|
1865
|
+
n.map((x, N) => /* @__PURE__ */ s(
|
|
1855
1866
|
bt,
|
|
1856
1867
|
{
|
|
1857
1868
|
id: x.category,
|
|
1858
1869
|
cat: x,
|
|
1859
|
-
onClickCategory:
|
|
1870
|
+
onClickCategory: m,
|
|
1860
1871
|
activeCategory: u,
|
|
1861
|
-
onClickSubCategory:
|
|
1872
|
+
onClickSubCategory: b,
|
|
1862
1873
|
activeSubCategory: g,
|
|
1863
1874
|
onClickIndicator: f,
|
|
1864
1875
|
activeIndicator: y,
|
|
1865
1876
|
activeColor: d,
|
|
1866
|
-
defaultColor:
|
|
1877
|
+
defaultColor: i,
|
|
1867
1878
|
multiple: t,
|
|
1868
1879
|
onChange: o,
|
|
1869
1880
|
onChangeType: a,
|
|
1870
|
-
activeIndicatorType:
|
|
1881
|
+
activeIndicatorType: c
|
|
1871
1882
|
},
|
|
1872
|
-
`categoryKey${
|
|
1883
|
+
`categoryKey${N}`
|
|
1873
1884
|
))
|
|
1874
1885
|
] });
|
|
1875
1886
|
};
|
|
@@ -1884,43 +1895,43 @@ k0.propTypes = {
|
|
|
1884
1895
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
1885
1896
|
activeIndicatorType: e.string
|
|
1886
1897
|
};
|
|
1887
|
-
const
|
|
1888
|
-
langSelector:
|
|
1898
|
+
const B0 = "_langSelector_o9enq_2", S0 = "_currentLang_o9enq_14", $0 = "_arrow_o9enq_26", T0 = "_prevImg_o9enq_29", L0 = "_langMenu_o9enq_33", ae = {
|
|
1899
|
+
langSelector: B0,
|
|
1889
1900
|
currentLang: S0,
|
|
1890
|
-
arrow:
|
|
1891
|
-
prevImg:
|
|
1892
|
-
langMenu:
|
|
1893
|
-
},
|
|
1894
|
-
const [o, t] =
|
|
1895
|
-
r.changeLanguage(
|
|
1901
|
+
arrow: $0,
|
|
1902
|
+
prevImg: T0,
|
|
1903
|
+
langMenu: L0
|
|
1904
|
+
}, M0 = ({ langs: n, arrow: d, imgPrev: i }) => {
|
|
1905
|
+
const [o, t] = D(!1), { i18n: r } = B(), a = n.find((l) => l.code == r.language), c = (l) => {
|
|
1906
|
+
r.changeLanguage(l), t(!1);
|
|
1896
1907
|
};
|
|
1897
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1908
|
+
return /* @__PURE__ */ p("div", { className: ae.langSelector, children: [
|
|
1898
1909
|
/* @__PURE__ */ p(
|
|
1899
1910
|
"div",
|
|
1900
1911
|
{
|
|
1901
|
-
className:
|
|
1912
|
+
className: ae.currentLang,
|
|
1902
1913
|
onClick: () => {
|
|
1903
1914
|
t(!o);
|
|
1904
1915
|
},
|
|
1905
1916
|
children: [
|
|
1906
|
-
|
|
1917
|
+
i && /* @__PURE__ */ s("img", { className: ae.prevImg, src: i }),
|
|
1907
1918
|
(a == null ? void 0 : a.titleSelected) || (a == null ? void 0 : a.title),
|
|
1908
|
-
/* @__PURE__ */
|
|
1919
|
+
/* @__PURE__ */ s("img", { src: d, className: ae.arrow })
|
|
1909
1920
|
]
|
|
1910
1921
|
}
|
|
1911
1922
|
),
|
|
1912
|
-
o && /* @__PURE__ */
|
|
1923
|
+
o && /* @__PURE__ */ s("div", { className: ae.langMenu, children: n.map((l) => /* @__PURE__ */ s(
|
|
1913
1924
|
"button",
|
|
1914
1925
|
{
|
|
1915
|
-
className: (a == null ? void 0 : a.code) ==
|
|
1916
|
-
onClick: () => l
|
|
1917
|
-
children:
|
|
1926
|
+
className: (a == null ? void 0 : a.code) == l.code ? ae.active : "",
|
|
1927
|
+
onClick: () => c(l.code),
|
|
1928
|
+
children: l.title
|
|
1918
1929
|
},
|
|
1919
|
-
|
|
1930
|
+
l.code
|
|
1920
1931
|
)) })
|
|
1921
1932
|
] });
|
|
1922
1933
|
};
|
|
1923
|
-
|
|
1934
|
+
M0.propTypes = {
|
|
1924
1935
|
langs: e.arrayOf(
|
|
1925
1936
|
e.shape({
|
|
1926
1937
|
code: e.string,
|
|
@@ -1934,8 +1945,8 @@ D0.propTypes = {
|
|
|
1934
1945
|
arrow: e.object,
|
|
1935
1946
|
imgPrev: e.object
|
|
1936
1947
|
};
|
|
1937
|
-
const
|
|
1938
|
-
legendContainer:
|
|
1948
|
+
const D0 = "_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 = {
|
|
1949
|
+
legendContainer: D0,
|
|
1939
1950
|
closeButton: F0,
|
|
1940
1951
|
titleContainer: V0,
|
|
1941
1952
|
infoContainer: A0,
|
|
@@ -1956,7 +1967,7 @@ const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
1956
1967
|
//Title on top of the legend
|
|
1957
1968
|
title: d,
|
|
1958
1969
|
//Array to display the info behind the title should have: [{title, value}, ...]
|
|
1959
|
-
infoList:
|
|
1970
|
+
infoList: i,
|
|
1960
1971
|
//Array to display the items of the legend: [{title, color}, ...]
|
|
1961
1972
|
//color should be a string with hexadecimal value
|
|
1962
1973
|
legendList: o,
|
|
@@ -1970,29 +1981,29 @@ const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
1970
1981
|
//If this is null or undefined the button wont be displayed.
|
|
1971
1982
|
onClickMoreInfo: a,
|
|
1972
1983
|
//If not passed it will read t("moreInformation")
|
|
1973
|
-
buttonTitle:
|
|
1974
|
-
onClickClose:
|
|
1984
|
+
buttonTitle: c,
|
|
1985
|
+
onClickClose: l
|
|
1975
1986
|
}) => {
|
|
1976
|
-
const { t: u } =
|
|
1987
|
+
const { t: u } = B();
|
|
1977
1988
|
return /* @__PURE__ */ p(
|
|
1978
1989
|
"div",
|
|
1979
1990
|
{
|
|
1980
1991
|
style: n ? { ...n } : {},
|
|
1981
1992
|
className: `${F.legendContainer}`,
|
|
1982
1993
|
children: [
|
|
1983
|
-
/* @__PURE__ */
|
|
1984
|
-
d && /* @__PURE__ */
|
|
1985
|
-
|
|
1986
|
-
/* @__PURE__ */
|
|
1994
|
+
/* @__PURE__ */ s("button", { className: F.closeButton, onClick: l }),
|
|
1995
|
+
d && /* @__PURE__ */ s("div", { className: F.titleContainer, style: { marginBottom: (!i || i.length == 0) && "15px" }, children: /* @__PURE__ */ s("h2", { children: d }) }),
|
|
1996
|
+
i && i.length > 0 && /* @__PURE__ */ s("div", { className: F.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
|
|
1997
|
+
/* @__PURE__ */ s("h3", { className: F.title, children: `${h}:` }),
|
|
1987
1998
|
/* @__PURE__ */ p("span", { className: F.value, children: [
|
|
1988
1999
|
" ",
|
|
1989
2000
|
g
|
|
1990
2001
|
] })
|
|
1991
2002
|
] }, d)) }) }),
|
|
1992
|
-
/* @__PURE__ */
|
|
2003
|
+
/* @__PURE__ */ s("h3", { className: F.titleLegendList, style: { marginTop: i && i.length > 0 && "30px" }, children: t && /* @__PURE__ */ s(ze, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 }) }),
|
|
1993
2004
|
/* @__PURE__ */ p("div", { className: F.legendListContainer, children: [
|
|
1994
2005
|
r ? /* @__PURE__ */ p("div", { className: F.absoluteValueContainer, children: [
|
|
1995
|
-
/* @__PURE__ */
|
|
2006
|
+
/* @__PURE__ */ s(
|
|
1996
2007
|
"div",
|
|
1997
2008
|
{
|
|
1998
2009
|
className: F.absoluteValueColor,
|
|
@@ -2018,9 +2029,9 @@ const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2018
2029
|
u(r.unit)
|
|
2019
2030
|
] })
|
|
2020
2031
|
] })
|
|
2021
|
-
] }) : o && o.length > 0 && /* @__PURE__ */
|
|
2032
|
+
] }) : o && o.length > 0 && /* @__PURE__ */ s("div", { className: F.gridContainer, children: o.map(
|
|
2022
2033
|
({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: F.elementLegendContainer, children: [
|
|
2023
|
-
/* @__PURE__ */
|
|
2034
|
+
/* @__PURE__ */ s(
|
|
2024
2035
|
"div",
|
|
2025
2036
|
{
|
|
2026
2037
|
className: F.colorDot,
|
|
@@ -2034,7 +2045,7 @@ const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2034
2045
|
] }, d)
|
|
2035
2046
|
) }),
|
|
2036
2047
|
r.noDataColor && /* @__PURE__ */ p("div", { className: F.noDataContainer, children: [
|
|
2037
|
-
/* @__PURE__ */
|
|
2048
|
+
/* @__PURE__ */ s(
|
|
2038
2049
|
"div",
|
|
2039
2050
|
{
|
|
2040
2051
|
className: F.noData,
|
|
@@ -2043,10 +2054,10 @@ const M0 = "_legendContainer_qs4x9_3", F0 = "_closeButton_qs4x9_31", V0 = "_titl
|
|
|
2043
2054
|
}
|
|
2044
2055
|
}
|
|
2045
2056
|
),
|
|
2046
|
-
/* @__PURE__ */
|
|
2057
|
+
/* @__PURE__ */ s("div", { className: F.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(r.noDataText) }) })
|
|
2047
2058
|
] })
|
|
2048
2059
|
] }),
|
|
2049
|
-
a && /* @__PURE__ */
|
|
2060
|
+
a && /* @__PURE__ */ s("button", { className: F.moreInfoContainer, onClick: a, children: c || u("moreInformation") })
|
|
2050
2061
|
]
|
|
2051
2062
|
}
|
|
2052
2063
|
);
|
|
@@ -2080,9 +2091,9 @@ U0.propTypes = {
|
|
|
2080
2091
|
};
|
|
2081
2092
|
const G0 = "_logo_1ewa6_2", et = {
|
|
2082
2093
|
logo: G0
|
|
2083
|
-
}, W0 = ({ src: n, alt: d, href:
|
|
2084
|
-
const { t: o } =
|
|
2085
|
-
return
|
|
2094
|
+
}, W0 = ({ src: n, alt: d, href: i }) => {
|
|
2095
|
+
const { t: o } = B(), t = /* @__PURE__ */ s("img", { src: n, alt: o(d) });
|
|
2096
|
+
return i ? /* @__PURE__ */ s("div", { className: et.logo, children: /* @__PURE__ */ s("a", { href: i, children: t }) }) : /* @__PURE__ */ s("div", { className: et.logo, children: t });
|
|
2086
2097
|
};
|
|
2087
2098
|
W0.propTypes = {
|
|
2088
2099
|
src: e.string.isRequired,
|
|
@@ -2093,46 +2104,46 @@ W0.propTypes = {
|
|
|
2093
2104
|
const Y0 = "_mapContainer_84pkf_2", Q0 = {
|
|
2094
2105
|
mapContainer: Y0
|
|
2095
2106
|
};
|
|
2096
|
-
|
|
2107
|
+
Dt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
2097
2108
|
const X0 = ({
|
|
2098
2109
|
initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2099
2110
|
maxZoom: d = 17,
|
|
2100
|
-
minZoom:
|
|
2111
|
+
minZoom: i = 8,
|
|
2101
2112
|
mapStyle: o,
|
|
2102
2113
|
firstSymbolLayer: t,
|
|
2103
2114
|
cssProps: r = "",
|
|
2104
2115
|
onClick: a = "",
|
|
2105
|
-
interactiveLayers:
|
|
2106
|
-
popUp:
|
|
2116
|
+
interactiveLayers: c = [],
|
|
2117
|
+
popUp: l = !1,
|
|
2107
2118
|
sources: u = [],
|
|
2108
2119
|
layers: h = []
|
|
2109
2120
|
}) => {
|
|
2110
|
-
const g =
|
|
2111
|
-
return
|
|
2121
|
+
const g = ie(), [_, y] = D(null), C = Ft((m) => m.mapState.showTexts);
|
|
2122
|
+
return L(() => {
|
|
2112
2123
|
if (g.current) {
|
|
2113
|
-
const
|
|
2114
|
-
|
|
2115
|
-
f.type == "symbol" && f.id != "professionals" && (
|
|
2124
|
+
const m = g.current.getMap();
|
|
2125
|
+
m.getStyle().layers.map((f) => {
|
|
2126
|
+
f.type == "symbol" && f.id != "professionals" && (C ? m.setLayoutProperty(f.id, "visibility", "visible") : m.setLayoutProperty(f.id, "visibility", "none"));
|
|
2116
2127
|
});
|
|
2117
2128
|
}
|
|
2118
|
-
}, [
|
|
2129
|
+
}, [C]), /* @__PURE__ */ s("div", { className: `${Q0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
|
|
2119
2130
|
At,
|
|
2120
2131
|
{
|
|
2121
2132
|
initialViewState: n,
|
|
2122
2133
|
ref: g,
|
|
2123
2134
|
hash: !1,
|
|
2124
2135
|
maxZoom: d,
|
|
2125
|
-
minZoom:
|
|
2136
|
+
minZoom: i,
|
|
2126
2137
|
mapStyle: o,
|
|
2127
2138
|
onClick: a,
|
|
2128
|
-
interactiveLayerIds:
|
|
2139
|
+
interactiveLayerIds: c,
|
|
2129
2140
|
children: [
|
|
2130
|
-
u.length && u.map((
|
|
2141
|
+
u.length && u.map((m, b) => /* @__PURE__ */ s(
|
|
2131
2142
|
Ot,
|
|
2132
2143
|
{
|
|
2133
|
-
...
|
|
2144
|
+
...m,
|
|
2134
2145
|
children: h.length && h.map((f, v) => {
|
|
2135
|
-
if (f.sourceId ==
|
|
2146
|
+
if (f.sourceId == m.id) return /* @__PURE__ */ s(
|
|
2136
2147
|
It,
|
|
2137
2148
|
{
|
|
2138
2149
|
...f.layer,
|
|
@@ -2142,17 +2153,17 @@ const X0 = ({
|
|
|
2142
2153
|
);
|
|
2143
2154
|
})
|
|
2144
2155
|
},
|
|
2145
|
-
|
|
2156
|
+
b
|
|
2146
2157
|
)),
|
|
2147
|
-
/* @__PURE__ */
|
|
2148
|
-
|
|
2158
|
+
/* @__PURE__ */ s(Rt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2159
|
+
l && _ && /* @__PURE__ */ s(
|
|
2149
2160
|
qt,
|
|
2150
2161
|
{
|
|
2151
|
-
longitude:
|
|
2152
|
-
latitude:
|
|
2153
|
-
anchor:
|
|
2162
|
+
longitude: l.longitude,
|
|
2163
|
+
latitude: l.latitude,
|
|
2164
|
+
anchor: l.anchor,
|
|
2154
2165
|
onClose: () => y(null),
|
|
2155
|
-
children:
|
|
2166
|
+
children: l.content
|
|
2156
2167
|
}
|
|
2157
2168
|
)
|
|
2158
2169
|
]
|
|
@@ -2210,28 +2221,28 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2210
2221
|
FeaturePopUp: tn,
|
|
2211
2222
|
title: nn
|
|
2212
2223
|
}, sn = ({ props: n }) => {
|
|
2213
|
-
const { t: d } =
|
|
2214
|
-
return /* @__PURE__ */
|
|
2224
|
+
const { t: d } = B();
|
|
2225
|
+
return /* @__PURE__ */ s("div", { className: tt.FeaturePopUp, children: n.map((i) => /* @__PURE__ */ p("p", { children: [
|
|
2215
2226
|
/* @__PURE__ */ p("span", { className: tt.title, children: [
|
|
2216
|
-
/* @__PURE__ */
|
|
2227
|
+
/* @__PURE__ */ s(ze, { i18nKey: i.name, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 }),
|
|
2217
2228
|
":"
|
|
2218
2229
|
] }),
|
|
2219
|
-
isNaN(
|
|
2220
|
-
|
|
2230
|
+
isNaN(i.value) ? /* @__PURE__ */ s(Oe, { children: d(i.value) }) : /* @__PURE__ */ p(Oe, { children: [
|
|
2231
|
+
i.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2221
2232
|
" ",
|
|
2222
|
-
d(
|
|
2233
|
+
d(i.unit)
|
|
2223
2234
|
] })
|
|
2224
2235
|
] })) });
|
|
2225
2236
|
}, on = ({
|
|
2226
2237
|
initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2227
2238
|
maxZoom: d = 17,
|
|
2228
|
-
minZoom:
|
|
2239
|
+
minZoom: i = 8,
|
|
2229
2240
|
mapStyle: o,
|
|
2230
2241
|
firstSymbolLayer: t,
|
|
2231
2242
|
cssProps: r = {},
|
|
2232
2243
|
onClick: a = "",
|
|
2233
|
-
interactiveLayers:
|
|
2234
|
-
sources:
|
|
2244
|
+
interactiveLayers: c = [],
|
|
2245
|
+
sources: l = [],
|
|
2235
2246
|
layers: u = [],
|
|
2236
2247
|
filters: h,
|
|
2237
2248
|
popUpParams: g,
|
|
@@ -2239,38 +2250,38 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2239
2250
|
showTexts: y
|
|
2240
2251
|
}) => {
|
|
2241
2252
|
console.log(h);
|
|
2242
|
-
const
|
|
2243
|
-
return
|
|
2244
|
-
if (
|
|
2245
|
-
const
|
|
2246
|
-
|
|
2247
|
-
f.type == "symbol" && f.id != "professionals" && (y ?
|
|
2253
|
+
const C = ie();
|
|
2254
|
+
return L(() => {
|
|
2255
|
+
if (C.current) {
|
|
2256
|
+
const m = C.current.getMap();
|
|
2257
|
+
m.getStyle().layers.map((f) => {
|
|
2258
|
+
f.type == "symbol" && f.id != "professionals" && (y ? m.setLayoutProperty(f.id, "visibility", "visible") : m.setLayoutProperty(f.id, "visibility", "none"));
|
|
2248
2259
|
});
|
|
2249
2260
|
}
|
|
2250
|
-
}, [y]),
|
|
2251
|
-
let
|
|
2252
|
-
return
|
|
2253
|
-
|
|
2261
|
+
}, [y]), L(() => {
|
|
2262
|
+
let m = new Et();
|
|
2263
|
+
return Be.addProtocol("pmtiles", m.tile), () => {
|
|
2264
|
+
Be.removeProtocol("pmtiles");
|
|
2254
2265
|
};
|
|
2255
|
-
}, []), /* @__PURE__ */
|
|
2266
|
+
}, []), /* @__PURE__ */ s("div", { className: `${en.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
|
|
2256
2267
|
Pt,
|
|
2257
2268
|
{
|
|
2258
|
-
mapLib:
|
|
2269
|
+
mapLib: Be,
|
|
2259
2270
|
initialViewState: n,
|
|
2260
|
-
ref:
|
|
2271
|
+
ref: C,
|
|
2261
2272
|
hash: !1,
|
|
2262
2273
|
maxZoom: d,
|
|
2263
|
-
minZoom:
|
|
2274
|
+
minZoom: i,
|
|
2264
2275
|
mapStyle: o,
|
|
2265
2276
|
onClick: a,
|
|
2266
|
-
interactiveLayerIds:
|
|
2277
|
+
interactiveLayerIds: c,
|
|
2267
2278
|
children: [
|
|
2268
|
-
|
|
2279
|
+
l.length && l.map((m, b) => /* @__PURE__ */ s(
|
|
2269
2280
|
jt,
|
|
2270
2281
|
{
|
|
2271
|
-
...
|
|
2282
|
+
...m,
|
|
2272
2283
|
children: u.length && u.map((f, v) => {
|
|
2273
|
-
if (f.sourceId ==
|
|
2284
|
+
if (f.sourceId == m.id) return /* @__PURE__ */ s(
|
|
2274
2285
|
zt,
|
|
2275
2286
|
{
|
|
2276
2287
|
...f.layer,
|
|
@@ -2281,16 +2292,16 @@ const J0 = "_mapContainer_b0pyr_3", en = {
|
|
|
2281
2292
|
);
|
|
2282
2293
|
})
|
|
2283
2294
|
},
|
|
2284
|
-
|
|
2295
|
+
b
|
|
2285
2296
|
)),
|
|
2286
|
-
/* @__PURE__ */
|
|
2287
|
-
g && /* @__PURE__ */
|
|
2297
|
+
/* @__PURE__ */ s(Zt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2298
|
+
g && /* @__PURE__ */ s(
|
|
2288
2299
|
Kt,
|
|
2289
2300
|
{
|
|
2290
2301
|
longitude: g.lng,
|
|
2291
2302
|
latitude: g.lat,
|
|
2292
2303
|
onClose: _,
|
|
2293
|
-
children: /* @__PURE__ */
|
|
2304
|
+
children: /* @__PURE__ */ s(sn, { props: g.props })
|
|
2294
2305
|
}
|
|
2295
2306
|
)
|
|
2296
2307
|
]
|
|
@@ -2340,7 +2351,7 @@ on.propTypes = {
|
|
|
2340
2351
|
popUpParams: e.object,
|
|
2341
2352
|
onClosePopUp: e.func
|
|
2342
2353
|
};
|
|
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",
|
|
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", J = {
|
|
2344
2355
|
sectionBar: rn,
|
|
2345
2356
|
leftContent: an,
|
|
2346
2357
|
textContainer: ln,
|
|
@@ -2350,21 +2361,21 @@ const rn = "_sectionBar_1egwc_2", an = "_leftContent_1egwc_14", ln = "_textConta
|
|
|
2350
2361
|
}, pn = ({
|
|
2351
2362
|
leftIcon: n,
|
|
2352
2363
|
title: d,
|
|
2353
|
-
subtitle:
|
|
2364
|
+
subtitle: i,
|
|
2354
2365
|
rightContent: o,
|
|
2355
2366
|
mainColor: t,
|
|
2356
2367
|
width: r
|
|
2357
2368
|
}) => {
|
|
2358
|
-
const { t: a } =
|
|
2359
|
-
return /* @__PURE__ */ p("div", { className:
|
|
2360
|
-
/* @__PURE__ */ p("div", { className:
|
|
2361
|
-
n && /* @__PURE__ */
|
|
2362
|
-
/* @__PURE__ */ p("div", { className:
|
|
2363
|
-
/* @__PURE__ */
|
|
2364
|
-
|
|
2369
|
+
const { t: a } = B();
|
|
2370
|
+
return /* @__PURE__ */ p("div", { className: J.sectionBar, style: { width: r && r }, children: [
|
|
2371
|
+
/* @__PURE__ */ p("div", { className: J.leftContent, children: [
|
|
2372
|
+
n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: J.icon }),
|
|
2373
|
+
/* @__PURE__ */ p("div", { className: J.textContainer, children: [
|
|
2374
|
+
/* @__PURE__ */ s("div", { className: J.title, children: a(d) }),
|
|
2375
|
+
i && /* @__PURE__ */ s("div", { className: J.subtitle, children: i })
|
|
2365
2376
|
] })
|
|
2366
2377
|
] }),
|
|
2367
|
-
/* @__PURE__ */
|
|
2378
|
+
/* @__PURE__ */ s("div", { className: J.rightContent, children: o })
|
|
2368
2379
|
] });
|
|
2369
2380
|
};
|
|
2370
2381
|
pn.propTypes = {
|
|
@@ -2407,36 +2418,36 @@ const mn = Ht({
|
|
|
2407
2418
|
n.activeIndicatorUnit = d.payload;
|
|
2408
2419
|
}
|
|
2409
2420
|
}
|
|
2410
|
-
}), { setShowTexts:
|
|
2421
|
+
}), { setShowTexts: Us, setYear: Me, setActiveIndicatorKey: Gs, setActiveIndicatorType: Ws, setActiveIndicatorUnit: Ys } = 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", pe = {
|
|
2411
2422
|
slider: Cn,
|
|
2412
2423
|
playButton: fn,
|
|
2413
2424
|
sliderOpen: bn,
|
|
2414
2425
|
sliderResults: _n
|
|
2415
|
-
}, yn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear:
|
|
2416
|
-
const [a,
|
|
2417
|
-
|
|
2418
|
-
}, [h, g] =
|
|
2426
|
+
}, yn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
|
|
2427
|
+
const [a, c] = D(d), l = Vt(), u = (f, v) => {
|
|
2428
|
+
c(v), l(Me(v - 2e3));
|
|
2429
|
+
}, [h, g] = D(!1), _ = () => {
|
|
2419
2430
|
g(!0);
|
|
2420
2431
|
}, y = () => {
|
|
2421
2432
|
g(!1);
|
|
2422
2433
|
};
|
|
2423
2434
|
((f, v) => {
|
|
2424
|
-
const
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
}, [f]),
|
|
2435
|
+
const w = ie();
|
|
2436
|
+
L(() => {
|
|
2437
|
+
w.current = f;
|
|
2438
|
+
}, [f]), L(() => {
|
|
2428
2439
|
function x() {
|
|
2429
|
-
|
|
2440
|
+
w.current();
|
|
2430
2441
|
}
|
|
2431
2442
|
{
|
|
2432
|
-
let
|
|
2433
|
-
return () => clearInterval(
|
|
2443
|
+
let N = setInterval(x, v);
|
|
2444
|
+
return () => clearInterval(N);
|
|
2434
2445
|
}
|
|
2435
2446
|
}, [v]);
|
|
2436
2447
|
})(() => {
|
|
2437
|
-
h && (a != 2050 ? (
|
|
2448
|
+
h && (a != 2050 ? (c(a + 1), l(Me(a - 2e3 + 1))) : (c(2025), l(Me(25))));
|
|
2438
2449
|
}, 1e3);
|
|
2439
|
-
const
|
|
2450
|
+
const m = Gt({
|
|
2440
2451
|
palette: {
|
|
2441
2452
|
primary: {
|
|
2442
2453
|
main: "#605b56"
|
|
@@ -2458,29 +2469,29 @@ const mn = Ht({
|
|
|
2458
2469
|
}
|
|
2459
2470
|
}
|
|
2460
2471
|
}
|
|
2461
|
-
}),
|
|
2472
|
+
}), b = [
|
|
2462
2473
|
{ label: "", value: 2025 },
|
|
2463
2474
|
{ label: "", value: 2032 },
|
|
2464
2475
|
{ label: "", value: 2041 },
|
|
2465
2476
|
{ label: "", value: 2050 }
|
|
2466
2477
|
];
|
|
2467
|
-
return /* @__PURE__ */
|
|
2478
|
+
return /* @__PURE__ */ s(Yt, { theme: m, children: /* @__PURE__ */ p(
|
|
2468
2479
|
Wt,
|
|
2469
2480
|
{
|
|
2470
2481
|
sx: { width: 400 },
|
|
2471
|
-
className: `${n ?
|
|
2482
|
+
className: `${n ? pe.sliderResults : pe.slider} ${r ? pe.sliderOpen : ""}`,
|
|
2472
2483
|
style: { zIndex: t },
|
|
2473
2484
|
children: [
|
|
2474
|
-
|
|
2475
|
-
/* @__PURE__ */
|
|
2485
|
+
i,
|
|
2486
|
+
/* @__PURE__ */ s(
|
|
2476
2487
|
Ut,
|
|
2477
2488
|
{
|
|
2478
2489
|
"aria-label": "TimeSlider",
|
|
2479
2490
|
value: a,
|
|
2480
2491
|
valueLabelDisplay: "on",
|
|
2481
2492
|
step: 1,
|
|
2482
|
-
marks:
|
|
2483
|
-
min:
|
|
2493
|
+
marks: b,
|
|
2494
|
+
min: i,
|
|
2484
2495
|
max: o,
|
|
2485
2496
|
onChange: u,
|
|
2486
2497
|
color: "primary",
|
|
@@ -2488,8 +2499,8 @@ const mn = Ht({
|
|
|
2488
2499
|
}
|
|
2489
2500
|
),
|
|
2490
2501
|
o,
|
|
2491
|
-
!h && /* @__PURE__ */
|
|
2492
|
-
h && /* @__PURE__ */
|
|
2502
|
+
!h && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: _, children: /* @__PURE__ */ s("img", { src: hn, alt: "Play" }) }),
|
|
2503
|
+
h && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: gn, alt: "Pause" }) })
|
|
2493
2504
|
]
|
|
2494
2505
|
}
|
|
2495
2506
|
) });
|
|
@@ -2502,33 +2513,33 @@ yn.propTypes = {
|
|
|
2502
2513
|
zIndex: e.number,
|
|
2503
2514
|
rightBarOpen: e.bool
|
|
2504
2515
|
};
|
|
2505
|
-
const vn = "_TopNavMenuContainer_12mp4_2", xn = "_topNavOptions_12mp4_13", wn = "_active_12mp4_27",
|
|
2516
|
+
const vn = "_TopNavMenuContainer_12mp4_2", xn = "_topNavOptions_12mp4_13", wn = "_active_12mp4_27", De = {
|
|
2506
2517
|
TopNavMenuContainer: vn,
|
|
2507
2518
|
topNavOptions: xn,
|
|
2508
2519
|
active: wn
|
|
2509
2520
|
}, Nn = ({
|
|
2510
2521
|
options: n = [],
|
|
2511
2522
|
containerStyles: d,
|
|
2512
|
-
borderColor:
|
|
2523
|
+
borderColor: i = "red",
|
|
2513
2524
|
textColor: o = "white",
|
|
2514
2525
|
onChangeNavLink: t = (r) => {
|
|
2515
2526
|
console.log("Changed NavLink", r);
|
|
2516
2527
|
}
|
|
2517
2528
|
}) => {
|
|
2518
|
-
const { t: r } =
|
|
2519
|
-
return /* @__PURE__ */
|
|
2529
|
+
const { t: r } = B();
|
|
2530
|
+
return /* @__PURE__ */ s("div", { className: De.TopNavMenuContainer, style: { ...d }, children: n.map((a, c) => /* @__PURE__ */ s(
|
|
2520
2531
|
Qt,
|
|
2521
2532
|
{
|
|
2522
2533
|
to: a.url,
|
|
2523
|
-
className: ({ isActive:
|
|
2534
|
+
className: ({ isActive: l }) => `${De.topNavOptions} ${l ? De.active : ""} `,
|
|
2524
2535
|
onClick: () => t(a.url),
|
|
2525
|
-
style: ({ isActive:
|
|
2536
|
+
style: ({ isActive: l }) => ({
|
|
2526
2537
|
color: o,
|
|
2527
|
-
borderBottom:
|
|
2538
|
+
borderBottom: l ? `5px solid ${i}` : "5px solid transparent"
|
|
2528
2539
|
}),
|
|
2529
2540
|
children: r(a.name)
|
|
2530
2541
|
},
|
|
2531
|
-
|
|
2542
|
+
c
|
|
2532
2543
|
)) });
|
|
2533
2544
|
};
|
|
2534
2545
|
Nn.propTypes = {
|
|
@@ -2541,30 +2552,30 @@ Nn.propTypes = {
|
|
|
2541
2552
|
// activeColor: PropTypes.string,
|
|
2542
2553
|
// defaultColor: PropTypes.string
|
|
2543
2554
|
};
|
|
2544
|
-
const kn = "_LogInButton_1vxj5_2",
|
|
2555
|
+
const kn = "_LogInButton_1vxj5_2", Bn = {
|
|
2545
2556
|
LogInButton: kn
|
|
2546
2557
|
}, Sn = ({
|
|
2547
2558
|
cssClass: n,
|
|
2548
2559
|
notLoggedInLabel: d = "Log in",
|
|
2549
|
-
loggedInLabel:
|
|
2560
|
+
loggedInLabel: i = "Log out",
|
|
2550
2561
|
containerStyles: o,
|
|
2551
2562
|
userName: t = "",
|
|
2552
2563
|
isLoggedIn: r = !1,
|
|
2553
2564
|
onClickLogIn: a = () => {
|
|
2554
2565
|
console.log("Login clicked");
|
|
2555
2566
|
},
|
|
2556
|
-
onClickLogOut:
|
|
2567
|
+
onClickLogOut: c = () => {
|
|
2557
2568
|
console.log("Logout clicked");
|
|
2558
2569
|
}
|
|
2559
2570
|
}) => {
|
|
2560
|
-
const { t:
|
|
2561
|
-
return /* @__PURE__ */
|
|
2571
|
+
const { t: l } = B();
|
|
2572
|
+
return /* @__PURE__ */ s(
|
|
2562
2573
|
"div",
|
|
2563
2574
|
{
|
|
2564
2575
|
style: { ...o },
|
|
2565
|
-
className: `${
|
|
2566
|
-
onClick: r ?
|
|
2567
|
-
children: r ? t ||
|
|
2576
|
+
className: `${Bn.LogInButton} link ${n}`,
|
|
2577
|
+
onClick: r ? c : a,
|
|
2578
|
+
children: r ? t || l(i) : l(d)
|
|
2568
2579
|
}
|
|
2569
2580
|
);
|
|
2570
2581
|
};
|
|
@@ -2576,16 +2587,16 @@ Sn.propTypes = {
|
|
|
2576
2587
|
userName: e.string,
|
|
2577
2588
|
isLoggedIn: e.bool
|
|
2578
2589
|
};
|
|
2579
|
-
const
|
|
2580
|
-
elementSelector:
|
|
2581
|
-
header:
|
|
2582
|
-
nameDateContainer:
|
|
2583
|
-
elementName:
|
|
2584
|
-
elementDate:
|
|
2590
|
+
const $n = "_elementSelector_fd7az_2", Tn = "_header_fd7az_13", Ln = "_nameDateContainer_fd7az_23", Mn = "_elementName_fd7az_39", Dn = "_elementDate_fd7az_53", Fn = "_buttonsContainer_fd7az_67", Vn = "_elementListContainer_fd7az_76", An = "_newElementButtonContainer_fd7az_80", z = {
|
|
2591
|
+
elementSelector: $n,
|
|
2592
|
+
header: Tn,
|
|
2593
|
+
nameDateContainer: Ln,
|
|
2594
|
+
elementName: Mn,
|
|
2595
|
+
elementDate: Dn,
|
|
2585
2596
|
buttonsContainer: Fn,
|
|
2586
2597
|
elementListContainer: Vn,
|
|
2587
2598
|
newElementButtonContainer: An
|
|
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",
|
|
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", E = {
|
|
2589
2600
|
listElement: On,
|
|
2590
2601
|
elementNameDate: In,
|
|
2591
2602
|
elementNameContainer: Rn,
|
|
@@ -2600,8 +2611,8 @@ var nt;
|
|
|
2600
2611
|
function Pe() {
|
|
2601
2612
|
return Pe = Object.assign ? Object.assign.bind() : function(n) {
|
|
2602
2613
|
for (var d = 1; d < arguments.length; d++) {
|
|
2603
|
-
var
|
|
2604
|
-
for (var o in
|
|
2614
|
+
var i = arguments[d];
|
|
2615
|
+
for (var o in i) ({}).hasOwnProperty.call(i, o) && (n[o] = i[o]);
|
|
2605
2616
|
}
|
|
2606
2617
|
return n;
|
|
2607
2618
|
}, Pe.apply(null, arguments);
|
|
@@ -2623,25 +2634,25 @@ var Wn = function(d) {
|
|
|
2623
2634
|
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 = ({
|
|
2624
2635
|
listelement: n,
|
|
2625
2636
|
onClickElement: d,
|
|
2626
|
-
isActive:
|
|
2637
|
+
isActive: i,
|
|
2627
2638
|
activeColor: o,
|
|
2628
2639
|
fontColor: t,
|
|
2629
2640
|
moreInfo: r,
|
|
2630
2641
|
columns: a,
|
|
2631
|
-
elementButtons:
|
|
2632
|
-
processTooltip:
|
|
2642
|
+
elementButtons: c,
|
|
2643
|
+
processTooltip: l,
|
|
2633
2644
|
defaultTooltip: u,
|
|
2634
2645
|
showEye: h = !0
|
|
2635
2646
|
}) => {
|
|
2636
|
-
const { name: g, created_at: _, id: y, isBeingProcessed:
|
|
2647
|
+
const { name: g, created_at: _, id: y, isBeingProcessed: C } = n, [m, b] = D(!1), { t: f } = B();
|
|
2637
2648
|
return /* @__PURE__ */ p(
|
|
2638
2649
|
"div",
|
|
2639
2650
|
{
|
|
2640
|
-
className:
|
|
2651
|
+
className: E.listElement,
|
|
2641
2652
|
style: { borderBottom: `1px solid ${t}` },
|
|
2642
2653
|
children: [
|
|
2643
|
-
/* @__PURE__ */
|
|
2644
|
-
h && (
|
|
2654
|
+
/* @__PURE__ */ s("div", { className: E.elementNameDate, onClick: () => d(y), children: Object.keys(a).map((v) => v === "name" ? /* @__PURE__ */ s("div", { className: E.elementNameContainer, children: /* @__PURE__ */ p("div", { className: E.elementName, children: [
|
|
2655
|
+
h && (i ? /* @__PURE__ */ s(Wn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
|
|
2645
2656
|
"img",
|
|
2646
2657
|
{
|
|
2647
2658
|
style: { marginRight: 9 },
|
|
@@ -2649,37 +2660,37 @@ const Yn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2649
2660
|
alt: "eye"
|
|
2650
2661
|
}
|
|
2651
2662
|
)),
|
|
2652
|
-
/* @__PURE__ */
|
|
2653
|
-
] }) }) : v == "data" ? /* @__PURE__ */
|
|
2654
|
-
/* @__PURE__ */ p("div", { className:
|
|
2663
|
+
/* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: g })
|
|
2664
|
+
] }) }) : v == "data" ? /* @__PURE__ */ s("div", { className: E.elementDate, children: _ ? new Date(_).toLocaleDateString() : "" }) : /* @__PURE__ */ s("div", { className: E.elementDate, children: n[v] })) }),
|
|
2665
|
+
/* @__PURE__ */ p("div", { className: E.elementButtons, children: [
|
|
2655
2666
|
n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2656
|
-
/* @__PURE__ */
|
|
2657
|
-
/* @__PURE__ */
|
|
2667
|
+
/* @__PURE__ */ s("img", { src: Un }),
|
|
2668
|
+
/* @__PURE__ */ s(ne, { text: l, position: "left" })
|
|
2658
2669
|
] }),
|
|
2659
|
-
|
|
2660
|
-
/* @__PURE__ */
|
|
2661
|
-
/* @__PURE__ */
|
|
2670
|
+
c.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2671
|
+
/* @__PURE__ */ s("button", { onClick: () => c.filter.onclick(n), children: /* @__PURE__ */ s("img", { src: Hn }) }),
|
|
2672
|
+
/* @__PURE__ */ s(ne, { text: c.filter.tooltiptext, position: "left" })
|
|
2662
2673
|
] }),
|
|
2663
|
-
|
|
2664
|
-
/* @__PURE__ */
|
|
2665
|
-
/* @__PURE__ */
|
|
2674
|
+
c.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2675
|
+
/* @__PURE__ */ s("button", { onClick: () => c.copy.onclick(n), children: /* @__PURE__ */ s("img", { src: Kn }) }),
|
|
2676
|
+
/* @__PURE__ */ s(ne, { text: c.copy.tooltiptext, position: "left" })
|
|
2666
2677
|
] }),
|
|
2667
|
-
|
|
2668
|
-
/* @__PURE__ */
|
|
2669
|
-
/* @__PURE__ */
|
|
2678
|
+
c.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2679
|
+
/* @__PURE__ */ s("button", { onClick: () => c.trash.onclick(n), children: /* @__PURE__ */ s("img", { src: Zn }) }),
|
|
2680
|
+
/* @__PURE__ */ s(ne, { text: c.trash.tooltiptext, position: "left" })
|
|
2670
2681
|
] }),
|
|
2671
2682
|
n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2672
|
-
/* @__PURE__ */
|
|
2673
|
-
/* @__PURE__ */
|
|
2683
|
+
/* @__PURE__ */ s("img", { src: Gn }),
|
|
2684
|
+
/* @__PURE__ */ s(ne, { text: u, position: "left" })
|
|
2674
2685
|
] })
|
|
2675
2686
|
] }),
|
|
2676
|
-
r && /* @__PURE__ */
|
|
2677
|
-
r && /* @__PURE__ */ p("div", { className:
|
|
2678
|
-
/* @__PURE__ */ p("div", { className:
|
|
2679
|
-
/* @__PURE__ */
|
|
2687
|
+
r && /* @__PURE__ */ s("div", { className: E.break }),
|
|
2688
|
+
r && /* @__PURE__ */ p("div", { className: E.moreInfoContainer, children: [
|
|
2689
|
+
/* @__PURE__ */ p("div", { className: E.moreInfo, onClick: () => b(!m), children: [
|
|
2690
|
+
/* @__PURE__ */ s("span", { children: m ? "-" : "+" }),
|
|
2680
2691
|
f(r.label)
|
|
2681
2692
|
] }),
|
|
2682
|
-
r &&
|
|
2693
|
+
r && m && /* @__PURE__ */ s("div", { className: E.moreInfoInfo, children: n[r.info] })
|
|
2683
2694
|
] })
|
|
2684
2695
|
]
|
|
2685
2696
|
}
|
|
@@ -2724,14 +2735,14 @@ _t.propTypes = {
|
|
|
2724
2735
|
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 = ({
|
|
2725
2736
|
elementsList: n,
|
|
2726
2737
|
activeElementId: d,
|
|
2727
|
-
fontColor:
|
|
2738
|
+
fontColor: i = "#605B56",
|
|
2728
2739
|
activeColor: o,
|
|
2729
2740
|
buttonContainerStyles: t = {},
|
|
2730
2741
|
containerStyles: r = {},
|
|
2731
2742
|
newElementButton: a,
|
|
2732
2743
|
//{label: 'text', onClick: function(), disabled}/null
|
|
2733
|
-
onClickElement:
|
|
2734
|
-
columns:
|
|
2744
|
+
onClickElement: c = (C) => console.log(`OnCLickElement: ${C}`),
|
|
2745
|
+
columns: l,
|
|
2735
2746
|
// {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2736
2747
|
elementButtons: u,
|
|
2737
2748
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
@@ -2743,48 +2754,48 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2743
2754
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2744
2755
|
showEye: y = !0
|
|
2745
2756
|
}) => {
|
|
2746
|
-
const { t:
|
|
2747
|
-
|
|
2748
|
-
n &&
|
|
2757
|
+
const { t: C } = B(), [m, b] = D(n);
|
|
2758
|
+
L(() => {
|
|
2759
|
+
n && b(n);
|
|
2749
2760
|
}, [n]);
|
|
2750
2761
|
const f = (v) => {
|
|
2751
|
-
if (
|
|
2752
|
-
let
|
|
2753
|
-
|
|
2762
|
+
if (m && m.length > 0) {
|
|
2763
|
+
let w = [...m];
|
|
2764
|
+
w.sort((x, N) => x[v].localeCompare(N[v])), b(w);
|
|
2754
2765
|
}
|
|
2755
2766
|
};
|
|
2756
2767
|
return /* @__PURE__ */ p(
|
|
2757
2768
|
"div",
|
|
2758
2769
|
{
|
|
2759
|
-
className:
|
|
2760
|
-
style: { color:
|
|
2770
|
+
className: z.elementSelector,
|
|
2771
|
+
style: { color: i, ...r },
|
|
2761
2772
|
children: [
|
|
2762
2773
|
/* @__PURE__ */ p(
|
|
2763
2774
|
"div",
|
|
2764
2775
|
{
|
|
2765
|
-
className:
|
|
2766
|
-
style: { borderBottom: `1px solid ${
|
|
2776
|
+
className: z.header,
|
|
2777
|
+
style: { borderBottom: `1px solid ${i}` },
|
|
2767
2778
|
children: [
|
|
2768
|
-
/* @__PURE__ */
|
|
2769
|
-
/* @__PURE__ */
|
|
2770
|
-
/* @__PURE__ */
|
|
2771
|
-
] }) }, v) : v === "data" ? /* @__PURE__ */
|
|
2772
|
-
/* @__PURE__ */
|
|
2773
|
-
/* @__PURE__ */
|
|
2774
|
-
] }) }, v) : /* @__PURE__ */
|
|
2775
|
-
/* @__PURE__ */
|
|
2779
|
+
/* @__PURE__ */ s("div", { className: z.nameDateContainer, children: Object.keys(l).map((v) => v === "name" ? /* @__PURE__ */ s("div", { className: z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
|
|
2780
|
+
/* @__PURE__ */ s("span", { children: C(l.name) }),
|
|
2781
|
+
/* @__PURE__ */ s("img", { src: it, alt: "order arrow" })
|
|
2782
|
+
] }) }, v) : v === "data" ? /* @__PURE__ */ s("div", { className: z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
|
|
2783
|
+
/* @__PURE__ */ s("span", { children: C(l.data) }),
|
|
2784
|
+
/* @__PURE__ */ s("img", { src: it, alt: "order arrow" })
|
|
2785
|
+
] }) }, v) : /* @__PURE__ */ s("div", { className: z.elementDate, children: /* @__PURE__ */ s("span", { children: C(l[v]) }) }, v)) }),
|
|
2786
|
+
/* @__PURE__ */ s("div", { className: z.buttonsContainer })
|
|
2776
2787
|
]
|
|
2777
2788
|
}
|
|
2778
2789
|
),
|
|
2779
|
-
/* @__PURE__ */
|
|
2790
|
+
/* @__PURE__ */ s("div", { className: z.elementListContainer, children: m && m.length > 0 && m.map((v) => /* @__PURE__ */ s(
|
|
2780
2791
|
_t,
|
|
2781
2792
|
{
|
|
2782
2793
|
isActive: d == v.id,
|
|
2783
2794
|
listelement: v,
|
|
2784
|
-
fontColor:
|
|
2795
|
+
fontColor: i,
|
|
2785
2796
|
activeColor: o,
|
|
2786
|
-
onClickElement:
|
|
2787
|
-
columns:
|
|
2797
|
+
onClickElement: c,
|
|
2798
|
+
columns: l,
|
|
2788
2799
|
elementButtons: u,
|
|
2789
2800
|
moreInfo: h,
|
|
2790
2801
|
processTooltip: g,
|
|
@@ -2793,14 +2804,14 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2793
2804
|
},
|
|
2794
2805
|
`elementKey${v.id}`
|
|
2795
2806
|
)) }),
|
|
2796
|
-
a && /* @__PURE__ */
|
|
2797
|
-
|
|
2807
|
+
a && /* @__PURE__ */ s("div", { className: z.newElementButtonContainer, children: /* @__PURE__ */ s(
|
|
2808
|
+
Ne,
|
|
2798
2809
|
{
|
|
2799
2810
|
style: { ...t },
|
|
2800
2811
|
onClick: a.onClick,
|
|
2801
2812
|
borderColor: "grey",
|
|
2802
2813
|
disabled: a.disabled || !1,
|
|
2803
|
-
children:
|
|
2814
|
+
children: C(a.label)
|
|
2804
2815
|
}
|
|
2805
2816
|
) })
|
|
2806
2817
|
]
|
|
@@ -2854,12 +2865,12 @@ Qn.propTypes = {
|
|
|
2854
2865
|
defaultTooltip: e.string,
|
|
2855
2866
|
showEye: e.bool
|
|
2856
2867
|
};
|
|
2857
|
-
const
|
|
2868
|
+
const me = {
|
|
2858
2869
|
text: "text",
|
|
2859
2870
|
password: "password",
|
|
2860
2871
|
radioList: "radioList",
|
|
2861
2872
|
select: "select"
|
|
2862
|
-
}, Xn = "_textInputContainer_1o3iy_2", Jn = "_labelContainer_1o3iy_5", ei = "_inputContainer_1o3iy_8", ti = "_showPasswordButton_1o3iy_14", ni = "_forgotPassButton_1o3iy_26",
|
|
2873
|
+
}, Xn = "_textInputContainer_1o3iy_2", Jn = "_labelContainer_1o3iy_5", ei = "_inputContainer_1o3iy_8", ti = "_showPasswordButton_1o3iy_14", ni = "_forgotPassButton_1o3iy_26", he = {
|
|
2863
2874
|
textInputContainer: Xn,
|
|
2864
2875
|
labelContainer: Jn,
|
|
2865
2876
|
inputContainer: ei,
|
|
@@ -2868,17 +2879,17 @@ const he = {
|
|
|
2868
2879
|
};
|
|
2869
2880
|
var ii = (n) => n.type === "checkbox", si = (n) => n instanceof Date, yt = (n) => n == null;
|
|
2870
2881
|
const oi = (n) => typeof n == "object";
|
|
2871
|
-
var
|
|
2882
|
+
var Ce = (n) => !yt(n) && !Array.isArray(n) && oi(n) && !si(n), ri = (n) => Ce(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) => {
|
|
2872
2883
|
const d = n.constructor && n.constructor.prototype;
|
|
2873
|
-
return
|
|
2884
|
+
return Ce(d) && d.hasOwnProperty("isPrototypeOf");
|
|
2874
2885
|
}, di = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
|
|
2875
2886
|
function vt(n) {
|
|
2876
2887
|
let d;
|
|
2877
|
-
const
|
|
2888
|
+
const i = Array.isArray(n), o = typeof FileList < "u" ? n instanceof FileList : !1;
|
|
2878
2889
|
if (n instanceof Date)
|
|
2879
2890
|
d = new Date(n);
|
|
2880
|
-
else if (!(di && (n instanceof Blob || o)) && (
|
|
2881
|
-
if (d =
|
|
2891
|
+
else if (!(di && (n instanceof Blob || o)) && (i || Ce(n)))
|
|
2892
|
+
if (d = i ? [] : {}, !i && !ci(n))
|
|
2882
2893
|
d = n;
|
|
2883
2894
|
else
|
|
2884
2895
|
for (const t in n)
|
|
@@ -2887,24 +2898,24 @@ function vt(n) {
|
|
|
2887
2898
|
return n;
|
|
2888
2899
|
return d;
|
|
2889
2900
|
}
|
|
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,
|
|
2891
|
-
if (!d || !
|
|
2892
|
-
return
|
|
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, i) => {
|
|
2902
|
+
if (!d || !Ce(n))
|
|
2903
|
+
return i;
|
|
2893
2904
|
const o = (xt(d) ? [d] : wt(d)).reduce((t, r) => yt(t) ? t : t[r], n);
|
|
2894
|
-
return je(o) || o === n ? je(n[d]) ?
|
|
2895
|
-
}, Fe = (n) => typeof n == "boolean", st = (n, d,
|
|
2905
|
+
return je(o) || o === n ? je(n[d]) ? i : n[d] : o;
|
|
2906
|
+
}, Fe = (n) => typeof n == "boolean", st = (n, d, i) => {
|
|
2896
2907
|
let o = -1;
|
|
2897
2908
|
const t = xt(d) ? [d] : wt(d), r = t.length, a = r - 1;
|
|
2898
2909
|
for (; ++o < r; ) {
|
|
2899
|
-
const
|
|
2900
|
-
let
|
|
2910
|
+
const c = t[o];
|
|
2911
|
+
let l = i;
|
|
2901
2912
|
if (o !== a) {
|
|
2902
|
-
const u = n[
|
|
2903
|
-
|
|
2913
|
+
const u = n[c];
|
|
2914
|
+
l = Ce(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
|
|
2904
2915
|
}
|
|
2905
|
-
if (
|
|
2916
|
+
if (c === "__proto__" || c === "constructor" || c === "prototype")
|
|
2906
2917
|
return;
|
|
2907
|
-
n[
|
|
2918
|
+
n[c] = l, n = n[c];
|
|
2908
2919
|
}
|
|
2909
2920
|
};
|
|
2910
2921
|
const ot = {
|
|
@@ -2912,10 +2923,10 @@ const ot = {
|
|
|
2912
2923
|
CHANGE: "change"
|
|
2913
2924
|
}, rt = {
|
|
2914
2925
|
all: "all"
|
|
2915
|
-
}, Nt =
|
|
2926
|
+
}, Nt = $.createContext(null);
|
|
2916
2927
|
Nt.displayName = "HookFormContext";
|
|
2917
|
-
const Ue = () =>
|
|
2918
|
-
var pi = (n, d,
|
|
2928
|
+
const Ue = () => $.useContext(Nt);
|
|
2929
|
+
var pi = (n, d, i, o = !0) => {
|
|
2919
2930
|
const t = {
|
|
2920
2931
|
defaultValues: d._defaultValues
|
|
2921
2932
|
};
|
|
@@ -2923,14 +2934,14 @@ var pi = (n, d, s, o = !0) => {
|
|
|
2923
2934
|
Object.defineProperty(t, r, {
|
|
2924
2935
|
get: () => {
|
|
2925
2936
|
const a = r;
|
|
2926
|
-
return d._proxyFormState[a] !== rt.all && (d._proxyFormState[a] = !o || rt.all),
|
|
2937
|
+
return d._proxyFormState[a] !== rt.all && (d._proxyFormState[a] = !o || rt.all), i && (i[a] = !0), n[a];
|
|
2927
2938
|
}
|
|
2928
2939
|
});
|
|
2929
2940
|
return t;
|
|
2930
2941
|
};
|
|
2931
2942
|
const kt = typeof window < "u" ? de.useLayoutEffect : de.useEffect;
|
|
2932
2943
|
function mi(n) {
|
|
2933
|
-
const d = Ue(), { control:
|
|
2944
|
+
const d = Ue(), { control: i = d.control, disabled: o, name: t, exact: r } = n || {}, [a, c] = $.useState(i._formState), l = $.useRef({
|
|
2934
2945
|
isDirty: !1,
|
|
2935
2946
|
isLoading: !1,
|
|
2936
2947
|
dirtyFields: !1,
|
|
@@ -2940,209 +2951,209 @@ function mi(n) {
|
|
|
2940
2951
|
isValid: !1,
|
|
2941
2952
|
errors: !1
|
|
2942
2953
|
});
|
|
2943
|
-
return kt(() =>
|
|
2954
|
+
return kt(() => i._subscribe({
|
|
2944
2955
|
name: t,
|
|
2945
|
-
formState:
|
|
2956
|
+
formState: l.current,
|
|
2946
2957
|
exact: r,
|
|
2947
2958
|
callback: (u) => {
|
|
2948
|
-
!o &&
|
|
2949
|
-
...
|
|
2959
|
+
!o && c({
|
|
2960
|
+
...i._formState,
|
|
2950
2961
|
...u
|
|
2951
2962
|
});
|
|
2952
2963
|
}
|
|
2953
|
-
}), [t, o, r]),
|
|
2954
|
-
|
|
2955
|
-
}, [
|
|
2964
|
+
}), [t, o, r]), $.useEffect(() => {
|
|
2965
|
+
l.current.isValid && i._setValid(!0);
|
|
2966
|
+
}, [i]), $.useMemo(() => pi(a, i, l.current, !1), [a, i]);
|
|
2956
2967
|
}
|
|
2957
|
-
var hi = (n) => typeof n == "string", gi = (n, d,
|
|
2968
|
+
var hi = (n) => typeof n == "string", gi = (n, d, i, o, t) => hi(n) ? I(i, n, t) : Array.isArray(n) ? n.map((r) => I(i, r)) : i;
|
|
2958
2969
|
function Ci(n) {
|
|
2959
|
-
const d = Ue(), { control:
|
|
2960
|
-
return kt(() =>
|
|
2970
|
+
const d = Ue(), { control: i = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, c = $.useRef(t), [l, u] = $.useState(i._getWatch(o, c.current));
|
|
2971
|
+
return kt(() => i._subscribe({
|
|
2961
2972
|
name: o,
|
|
2962
2973
|
formState: {
|
|
2963
2974
|
values: !0
|
|
2964
2975
|
},
|
|
2965
2976
|
exact: a,
|
|
2966
|
-
callback: (h) => !r && u(gi(o,
|
|
2967
|
-
}), [o,
|
|
2977
|
+
callback: (h) => !r && u(gi(o, i._names, h.values || i._formValues, !1, c.current))
|
|
2978
|
+
}), [o, i, r, a]), $.useEffect(() => i._removeUnmounted()), l;
|
|
2968
2979
|
}
|
|
2969
2980
|
function fi(n) {
|
|
2970
|
-
const d = Ue(), { name:
|
|
2981
|
+
const d = Ue(), { name: i, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = li(t._names.array, i), c = Ci({
|
|
2971
2982
|
control: t,
|
|
2972
|
-
name:
|
|
2973
|
-
defaultValue: I(t._formValues,
|
|
2983
|
+
name: i,
|
|
2984
|
+
defaultValue: I(t._formValues, i, I(t._defaultValues, i, n.defaultValue)),
|
|
2974
2985
|
exact: !0
|
|
2975
|
-
}),
|
|
2986
|
+
}), l = mi({
|
|
2976
2987
|
control: t,
|
|
2977
|
-
name:
|
|
2988
|
+
name: i,
|
|
2978
2989
|
exact: !0
|
|
2979
|
-
}), u =
|
|
2990
|
+
}), u = $.useRef(n), h = $.useRef(t.register(i, {
|
|
2980
2991
|
...n.rules,
|
|
2981
|
-
value:
|
|
2992
|
+
value: c,
|
|
2982
2993
|
...Fe(n.disabled) ? { disabled: n.disabled } : {}
|
|
2983
|
-
})), g =
|
|
2994
|
+
})), g = $.useMemo(() => Object.defineProperties({}, {
|
|
2984
2995
|
invalid: {
|
|
2985
2996
|
enumerable: !0,
|
|
2986
|
-
get: () => !!I(
|
|
2997
|
+
get: () => !!I(l.errors, i)
|
|
2987
2998
|
},
|
|
2988
2999
|
isDirty: {
|
|
2989
3000
|
enumerable: !0,
|
|
2990
|
-
get: () => !!I(
|
|
3001
|
+
get: () => !!I(l.dirtyFields, i)
|
|
2991
3002
|
},
|
|
2992
3003
|
isTouched: {
|
|
2993
3004
|
enumerable: !0,
|
|
2994
|
-
get: () => !!I(
|
|
3005
|
+
get: () => !!I(l.touchedFields, i)
|
|
2995
3006
|
},
|
|
2996
3007
|
isValidating: {
|
|
2997
3008
|
enumerable: !0,
|
|
2998
|
-
get: () => !!I(
|
|
3009
|
+
get: () => !!I(l.validatingFields, i)
|
|
2999
3010
|
},
|
|
3000
3011
|
error: {
|
|
3001
3012
|
enumerable: !0,
|
|
3002
|
-
get: () => I(
|
|
3013
|
+
get: () => I(l.errors, i)
|
|
3003
3014
|
}
|
|
3004
|
-
}), [
|
|
3015
|
+
}), [l, i]), _ = $.useCallback((b) => h.current.onChange({
|
|
3005
3016
|
target: {
|
|
3006
|
-
value: ri(
|
|
3007
|
-
name:
|
|
3017
|
+
value: ri(b),
|
|
3018
|
+
name: i
|
|
3008
3019
|
},
|
|
3009
3020
|
type: ot.CHANGE
|
|
3010
|
-
}), [
|
|
3021
|
+
}), [i]), y = $.useCallback(() => h.current.onBlur({
|
|
3011
3022
|
target: {
|
|
3012
|
-
value: I(t._formValues,
|
|
3013
|
-
name:
|
|
3023
|
+
value: I(t._formValues, i),
|
|
3024
|
+
name: i
|
|
3014
3025
|
},
|
|
3015
3026
|
type: ot.BLUR
|
|
3016
|
-
}), [
|
|
3017
|
-
const f = I(t._fields,
|
|
3018
|
-
f &&
|
|
3019
|
-
focus: () =>
|
|
3020
|
-
select: () =>
|
|
3021
|
-
setCustomValidity: (v) =>
|
|
3022
|
-
reportValidity: () =>
|
|
3027
|
+
}), [i, t._formValues]), C = $.useCallback((b) => {
|
|
3028
|
+
const f = I(t._fields, i);
|
|
3029
|
+
f && b && (f._f.ref = {
|
|
3030
|
+
focus: () => b.focus && b.focus(),
|
|
3031
|
+
select: () => b.select && b.select(),
|
|
3032
|
+
setCustomValidity: (v) => b.setCustomValidity(v),
|
|
3033
|
+
reportValidity: () => b.reportValidity()
|
|
3023
3034
|
});
|
|
3024
|
-
}, [t._fields,
|
|
3025
|
-
name:
|
|
3026
|
-
value:
|
|
3027
|
-
...Fe(o) ||
|
|
3035
|
+
}, [t._fields, i]), m = $.useMemo(() => ({
|
|
3036
|
+
name: i,
|
|
3037
|
+
value: c,
|
|
3038
|
+
...Fe(o) || l.disabled ? { disabled: l.disabled || o } : {},
|
|
3028
3039
|
onChange: _,
|
|
3029
3040
|
onBlur: y,
|
|
3030
|
-
ref:
|
|
3031
|
-
}), [
|
|
3032
|
-
return
|
|
3033
|
-
const
|
|
3034
|
-
t.register(
|
|
3041
|
+
ref: C
|
|
3042
|
+
}), [i, o, l.disabled, _, y, C, c]);
|
|
3043
|
+
return $.useEffect(() => {
|
|
3044
|
+
const b = t._options.shouldUnregister || r;
|
|
3045
|
+
t.register(i, {
|
|
3035
3046
|
...u.current.rules,
|
|
3036
3047
|
...Fe(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
3037
3048
|
});
|
|
3038
|
-
const f = (v,
|
|
3049
|
+
const f = (v, w) => {
|
|
3039
3050
|
const x = I(t._fields, v);
|
|
3040
|
-
x && x._f && (x._f.mount =
|
|
3051
|
+
x && x._f && (x._f.mount = w);
|
|
3041
3052
|
};
|
|
3042
|
-
if (f(
|
|
3043
|
-
const v = vt(I(t._options.defaultValues,
|
|
3044
|
-
st(t._defaultValues,
|
|
3053
|
+
if (f(i, !0), b) {
|
|
3054
|
+
const v = vt(I(t._options.defaultValues, i));
|
|
3055
|
+
st(t._defaultValues, i, v), je(I(t._formValues, i)) && st(t._formValues, i, v);
|
|
3045
3056
|
}
|
|
3046
|
-
return !a && t.register(
|
|
3047
|
-
(a ?
|
|
3057
|
+
return !a && t.register(i), () => {
|
|
3058
|
+
(a ? b && !t._state.action : b) ? t.unregister(i) : f(i, !1);
|
|
3048
3059
|
};
|
|
3049
|
-
}, [
|
|
3060
|
+
}, [i, t, a, r]), $.useEffect(() => {
|
|
3050
3061
|
t._setDisabledField({
|
|
3051
3062
|
disabled: o,
|
|
3052
|
-
name:
|
|
3063
|
+
name: i
|
|
3053
3064
|
});
|
|
3054
|
-
}, [o,
|
|
3055
|
-
field:
|
|
3056
|
-
formState:
|
|
3065
|
+
}, [o, i, t]), $.useMemo(() => ({
|
|
3066
|
+
field: m,
|
|
3067
|
+
formState: l,
|
|
3057
3068
|
fieldState: g
|
|
3058
|
-
}), [
|
|
3069
|
+
}), [m, l, g]);
|
|
3059
3070
|
}
|
|
3060
|
-
const
|
|
3071
|
+
const ke = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
3061
3072
|
errorMessage: bi
|
|
3062
|
-
},
|
|
3073
|
+
}, fe = ({
|
|
3063
3074
|
errorMessage: n,
|
|
3064
3075
|
errorColor: d = "red",
|
|
3065
|
-
containerStyles:
|
|
3076
|
+
containerStyles: i
|
|
3066
3077
|
}) => {
|
|
3067
|
-
const { t: o } =
|
|
3068
|
-
return /* @__PURE__ */
|
|
3078
|
+
const { t: o } = B();
|
|
3079
|
+
return /* @__PURE__ */ s(
|
|
3069
3080
|
"div",
|
|
3070
3081
|
{
|
|
3071
3082
|
className: _i.errorMessage,
|
|
3072
|
-
style: { color: d, ...
|
|
3083
|
+
style: { color: d, ...i },
|
|
3073
3084
|
children: n ? o(n) : ""
|
|
3074
3085
|
}
|
|
3075
3086
|
);
|
|
3076
3087
|
}, at = ({ input: n, reactHookFormInstance: d }) => {
|
|
3077
3088
|
const {
|
|
3078
|
-
code:
|
|
3089
|
+
code: i,
|
|
3079
3090
|
type: o,
|
|
3080
3091
|
label: t,
|
|
3081
3092
|
maxLength: r,
|
|
3082
3093
|
required: a,
|
|
3083
|
-
validateFunction:
|
|
3084
|
-
placeholder:
|
|
3094
|
+
validateFunction: c,
|
|
3095
|
+
placeholder: l,
|
|
3085
3096
|
errorColor: u = "red",
|
|
3086
3097
|
width: h = 325,
|
|
3087
3098
|
onClickForgotPass: g = () => {
|
|
3088
3099
|
console.log("Click on forgot password");
|
|
3089
3100
|
},
|
|
3090
3101
|
forgotPassLabel: _ = "forgot-password"
|
|
3091
|
-
} = n, { t: y } =
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
}, [a,
|
|
3102
|
+
} = n, { t: y } = B(), { control: C, trigger: m, clearErrors: b } = d, [f, v] = D(!1), w = ie(a);
|
|
3103
|
+
L(() => {
|
|
3104
|
+
w.current !== a && (a ? m(i) : b(i), w.current = a);
|
|
3105
|
+
}, [a, i, m, b]);
|
|
3095
3106
|
const x = () => o ? o === "password" && f ? "text" : o : "text";
|
|
3096
|
-
return /* @__PURE__ */
|
|
3097
|
-
|
|
3107
|
+
return /* @__PURE__ */ s(
|
|
3108
|
+
ke,
|
|
3098
3109
|
{
|
|
3099
|
-
name:
|
|
3100
|
-
control:
|
|
3110
|
+
name: i,
|
|
3111
|
+
control: C,
|
|
3101
3112
|
rules: {
|
|
3102
3113
|
required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
|
|
3103
3114
|
maxLength: r || void 0,
|
|
3104
|
-
validate:
|
|
3115
|
+
validate: c || void 0
|
|
3105
3116
|
},
|
|
3106
|
-
render: ({ field:
|
|
3117
|
+
render: ({ field: N, fieldState: k }) => {
|
|
3107
3118
|
var S;
|
|
3108
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3109
|
-
/* @__PURE__ */ p("h3", { className:
|
|
3119
|
+
return /* @__PURE__ */ p("div", { className: he.textInputContainer, children: [
|
|
3120
|
+
/* @__PURE__ */ p("h3", { className: he.labelContainer, children: [
|
|
3110
3121
|
y(t),
|
|
3111
3122
|
" ",
|
|
3112
|
-
a && /* @__PURE__ */
|
|
3123
|
+
a && /* @__PURE__ */ s("label", { style: { color: k.error ? u : "" }, children: "*" })
|
|
3113
3124
|
] }),
|
|
3114
3125
|
/* @__PURE__ */ p(
|
|
3115
3126
|
"div",
|
|
3116
3127
|
{
|
|
3117
3128
|
style: { position: "relative", width: h },
|
|
3118
|
-
className:
|
|
3129
|
+
className: he.inputContainer,
|
|
3119
3130
|
children: [
|
|
3120
|
-
/* @__PURE__ */
|
|
3131
|
+
/* @__PURE__ */ s(
|
|
3121
3132
|
"input",
|
|
3122
3133
|
{
|
|
3123
3134
|
type: x(),
|
|
3124
|
-
...
|
|
3125
|
-
placeholder:
|
|
3135
|
+
...N,
|
|
3136
|
+
placeholder: l ? y(l) : "",
|
|
3126
3137
|
maxLength: r || void 0
|
|
3127
3138
|
}
|
|
3128
3139
|
),
|
|
3129
|
-
o == "password" && /* @__PURE__ */
|
|
3140
|
+
o == "password" && /* @__PURE__ */ s(
|
|
3130
3141
|
"button",
|
|
3131
3142
|
{
|
|
3132
3143
|
onClick: () => v(!f),
|
|
3133
3144
|
type: "button",
|
|
3134
|
-
className:
|
|
3145
|
+
className: he.showPasswordButton,
|
|
3135
3146
|
children: f ? "🙈" : "👁️"
|
|
3136
3147
|
}
|
|
3137
3148
|
)
|
|
3138
3149
|
]
|
|
3139
3150
|
}
|
|
3140
3151
|
),
|
|
3141
|
-
o == "password" && /* @__PURE__ */
|
|
3142
|
-
/* @__PURE__ */
|
|
3143
|
-
|
|
3152
|
+
o == "password" && /* @__PURE__ */ s("div", { className: he.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: y(_) }) }),
|
|
3153
|
+
/* @__PURE__ */ s(
|
|
3154
|
+
fe,
|
|
3144
3155
|
{
|
|
3145
|
-
errorMessage: (S =
|
|
3156
|
+
errorMessage: (S = k.error) == null ? void 0 : S.message,
|
|
3146
3157
|
errorColor: u
|
|
3147
3158
|
}
|
|
3148
3159
|
)
|
|
@@ -3154,84 +3165,84 @@ const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3154
3165
|
formContainer: yi,
|
|
3155
3166
|
formObjectContainer: vi,
|
|
3156
3167
|
buttonContainer: xi
|
|
3157
|
-
}, wi = "_inputsContainer_10t9s_2",
|
|
3168
|
+
}, wi = "_inputsContainer_10t9s_2", le = {
|
|
3158
3169
|
inputsContainer: wi
|
|
3159
|
-
}, Ni = "_selectInputContainer_1rj0h_2", ki = "_labelContainer_1rj0h_6",
|
|
3170
|
+
}, Ni = "_selectInputContainer_1rj0h_2", ki = "_labelContainer_1rj0h_6", Bi = "_inputContainer_1rj0h_9", Si = "_selectInput_1rj0h_2", $i = "_option_1rj0h_23", Ti = "_dropdownArrow_1rj0h_26", ce = {
|
|
3160
3171
|
selectInputContainer: Ni,
|
|
3161
3172
|
labelContainer: ki,
|
|
3162
|
-
inputContainer:
|
|
3173
|
+
inputContainer: Bi,
|
|
3163
3174
|
selectInput: Si,
|
|
3164
|
-
option:
|
|
3165
|
-
dropdownArrow:
|
|
3166
|
-
},
|
|
3175
|
+
option: $i,
|
|
3176
|
+
dropdownArrow: Ti
|
|
3177
|
+
}, Li = "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", Mi = ({ input: n, reactHookFormInstance: d }) => {
|
|
3167
3178
|
const {
|
|
3168
|
-
code:
|
|
3179
|
+
code: i,
|
|
3169
3180
|
type: o,
|
|
3170
3181
|
label: t,
|
|
3171
3182
|
maxLength: r,
|
|
3172
3183
|
required: a,
|
|
3173
|
-
validateFunction:
|
|
3174
|
-
placeholder:
|
|
3184
|
+
validateFunction: c,
|
|
3185
|
+
placeholder: l,
|
|
3175
3186
|
errorColor: u = "red",
|
|
3176
3187
|
width: h = 325,
|
|
3177
3188
|
options: g = []
|
|
3178
|
-
} = n, { t: _ } =
|
|
3179
|
-
return
|
|
3180
|
-
|
|
3181
|
-
}, [a,
|
|
3182
|
-
|
|
3189
|
+
} = n, { t: _ } = B(), { control: y, trigger: C, clearErrors: m } = d, b = ie(a);
|
|
3190
|
+
return L(() => {
|
|
3191
|
+
b.current !== a && (a ? C(i) : m(i), b.current = a);
|
|
3192
|
+
}, [a, i, C, m]), /* @__PURE__ */ s(
|
|
3193
|
+
ke,
|
|
3183
3194
|
{
|
|
3184
|
-
name:
|
|
3195
|
+
name: i,
|
|
3185
3196
|
control: y,
|
|
3186
3197
|
rules: {
|
|
3187
3198
|
required: a ? `${_(t)} ${_("errorMessages.required")}` : !1,
|
|
3188
|
-
validate:
|
|
3199
|
+
validate: c || void 0
|
|
3189
3200
|
},
|
|
3190
3201
|
render: ({ field: f, fieldState: v }) => {
|
|
3191
|
-
var
|
|
3192
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3193
|
-
/* @__PURE__ */ p("h3", { className:
|
|
3202
|
+
var w;
|
|
3203
|
+
return /* @__PURE__ */ p("div", { className: ce.selectInputContainer, children: [
|
|
3204
|
+
/* @__PURE__ */ p("h3", { className: ce.labelContainer, children: [
|
|
3194
3205
|
_(t),
|
|
3195
3206
|
" ",
|
|
3196
|
-
a && /* @__PURE__ */
|
|
3207
|
+
a && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
|
|
3197
3208
|
] }),
|
|
3198
|
-
/* @__PURE__ */ p("div", { className:
|
|
3209
|
+
/* @__PURE__ */ p("div", { className: ce.inputContainer, style: { width: h }, children: [
|
|
3199
3210
|
/* @__PURE__ */ p(
|
|
3200
3211
|
"select",
|
|
3201
3212
|
{
|
|
3202
3213
|
...f,
|
|
3203
3214
|
onChange: (x) => {
|
|
3204
|
-
const
|
|
3205
|
-
f.onChange(
|
|
3215
|
+
const N = x.target.value, k = g.every((S) => typeof S.value == "number") ? Number(N) : N;
|
|
3216
|
+
f.onChange(k);
|
|
3206
3217
|
},
|
|
3207
|
-
className:
|
|
3218
|
+
className: ce.selectInput,
|
|
3208
3219
|
children: [
|
|
3209
|
-
/* @__PURE__ */
|
|
3210
|
-
g.map((x,
|
|
3220
|
+
/* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: _(l || "selectOption") }),
|
|
3221
|
+
g.map((x, N) => /* @__PURE__ */ s(
|
|
3211
3222
|
"option",
|
|
3212
3223
|
{
|
|
3213
3224
|
value: x.value,
|
|
3214
|
-
className:
|
|
3225
|
+
className: ce.option,
|
|
3215
3226
|
children: _(x.label)
|
|
3216
3227
|
},
|
|
3217
|
-
|
|
3228
|
+
N
|
|
3218
3229
|
))
|
|
3219
3230
|
]
|
|
3220
3231
|
}
|
|
3221
3232
|
),
|
|
3222
|
-
/* @__PURE__ */
|
|
3233
|
+
/* @__PURE__ */ s(
|
|
3223
3234
|
"img",
|
|
3224
3235
|
{
|
|
3225
|
-
src:
|
|
3236
|
+
src: Li,
|
|
3226
3237
|
alt: "Open",
|
|
3227
|
-
className:
|
|
3238
|
+
className: ce.dropdownArrow
|
|
3228
3239
|
}
|
|
3229
3240
|
)
|
|
3230
3241
|
] }),
|
|
3231
|
-
/* @__PURE__ */
|
|
3232
|
-
|
|
3242
|
+
/* @__PURE__ */ s(
|
|
3243
|
+
fe,
|
|
3233
3244
|
{
|
|
3234
|
-
errorMessage: (
|
|
3245
|
+
errorMessage: (w = v.error) == null ? void 0 : w.message,
|
|
3235
3246
|
errorColor: u
|
|
3236
3247
|
}
|
|
3237
3248
|
)
|
|
@@ -3239,8 +3250,8 @@ const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3239
3250
|
}
|
|
3240
3251
|
}
|
|
3241
3252
|
);
|
|
3242
|
-
},
|
|
3243
|
-
radioButtonContainer:
|
|
3253
|
+
}, Di = "_radioButtonContainer_1e994_2", Fi = "_wholeInputContainer_1e994_5", Vi = "_questionContainer_1e994_27", Ai = "_radioQuestion_1e994_59", Oi = "_inputContainer_1e994_63", Ii = "_radioInput_1e994_93", ee = {
|
|
3254
|
+
radioButtonContainer: Di,
|
|
3244
3255
|
wholeInputContainer: Fi,
|
|
3245
3256
|
questionContainer: Vi,
|
|
3246
3257
|
radioQuestion: Ai,
|
|
@@ -3248,94 +3259,94 @@ const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3248
3259
|
radioInput: Ii
|
|
3249
3260
|
}, Ri = ({ input: n, reactHookFormInstance: d }) => {
|
|
3250
3261
|
const {
|
|
3251
|
-
code:
|
|
3262
|
+
code: i,
|
|
3252
3263
|
label: o,
|
|
3253
3264
|
required: t,
|
|
3254
3265
|
validateFunction: r,
|
|
3255
3266
|
errorColor: a = "red",
|
|
3256
|
-
options:
|
|
3257
|
-
multi:
|
|
3258
|
-
} = n, { t: u } =
|
|
3259
|
-
if (
|
|
3260
|
-
let
|
|
3261
|
-
f(
|
|
3267
|
+
options: c = [],
|
|
3268
|
+
multi: l = !1
|
|
3269
|
+
} = n, { t: u } = B(), { control: h, trigger: g, clearErrors: _ } = d, y = ({ options: b, onChange: f, actualValue: v }) => {
|
|
3270
|
+
if (l && v && v.length > 0) {
|
|
3271
|
+
let w = v.filter((x) => x !== b);
|
|
3272
|
+
f(w);
|
|
3262
3273
|
}
|
|
3263
|
-
},
|
|
3264
|
-
|
|
3265
|
-
},
|
|
3266
|
-
return
|
|
3267
|
-
|
|
3268
|
-
}, [t,
|
|
3269
|
-
|
|
3274
|
+
}, C = ({ options: b, onChange: f, actualValue: v }) => {
|
|
3275
|
+
l ? v && v.length > 0 ? f([...v, b]) : f([b]) : f(b);
|
|
3276
|
+
}, m = ie(t);
|
|
3277
|
+
return L(() => {
|
|
3278
|
+
m.current !== t && (t ? g(i) : _(i), m.current = t);
|
|
3279
|
+
}, [t, i, g, _]), /* @__PURE__ */ s(
|
|
3280
|
+
ke,
|
|
3270
3281
|
{
|
|
3271
3282
|
control: h,
|
|
3272
|
-
name:
|
|
3283
|
+
name: i,
|
|
3273
3284
|
rules: {
|
|
3274
|
-
validate: (
|
|
3285
|
+
validate: (b) => t && (b == null || b === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3275
3286
|
},
|
|
3276
3287
|
render: ({
|
|
3277
|
-
formState: { errors:
|
|
3278
|
-
field: { onChange: f, onBlur: v, value:
|
|
3279
|
-
fieldState:
|
|
3288
|
+
formState: { errors: b },
|
|
3289
|
+
field: { onChange: f, onBlur: v, value: w, ref: x },
|
|
3290
|
+
fieldState: N
|
|
3280
3291
|
}) => {
|
|
3281
|
-
var
|
|
3282
|
-
return /* @__PURE__ */
|
|
3283
|
-
o && /* @__PURE__ */
|
|
3292
|
+
var k;
|
|
3293
|
+
return /* @__PURE__ */ s("div", { id: i + "id", className: ee.radioButtonContainer, children: /* @__PURE__ */ p("div", { className: ee.wholeInputContainer, children: [
|
|
3294
|
+
o && /* @__PURE__ */ s("div", { className: ee.questionContainer, children: /* @__PURE__ */ p(
|
|
3284
3295
|
"h3",
|
|
3285
3296
|
{
|
|
3286
|
-
htmlFor:
|
|
3287
|
-
className: `${
|
|
3297
|
+
htmlFor: i + "id",
|
|
3298
|
+
className: `${ee.radioQuestion} ${t && ee.required}`,
|
|
3288
3299
|
children: [
|
|
3289
3300
|
u(o),
|
|
3290
3301
|
" ",
|
|
3291
|
-
t && /* @__PURE__ */
|
|
3302
|
+
t && /* @__PURE__ */ s(
|
|
3292
3303
|
"label",
|
|
3293
3304
|
{
|
|
3294
|
-
style: { color:
|
|
3305
|
+
style: { color: N.error ? a : "" },
|
|
3295
3306
|
children: "*"
|
|
3296
3307
|
}
|
|
3297
3308
|
)
|
|
3298
3309
|
]
|
|
3299
3310
|
}
|
|
3300
3311
|
) }),
|
|
3301
|
-
/* @__PURE__ */ p("div", { className:
|
|
3302
|
-
|
|
3312
|
+
/* @__PURE__ */ p("div", { className: ee.inputContainer, children: [
|
|
3313
|
+
c.map(
|
|
3303
3314
|
({
|
|
3304
3315
|
label: S,
|
|
3305
|
-
value:
|
|
3306
|
-
disabled:
|
|
3307
|
-
italicLabel:
|
|
3316
|
+
value: T,
|
|
3317
|
+
disabled: P = !1,
|
|
3318
|
+
italicLabel: W
|
|
3308
3319
|
}, q) => {
|
|
3309
|
-
const
|
|
3320
|
+
const be = w && l ? w.isArray && (w == null ? void 0 : w.length) > 0 && w.some((K) => K === T) : w === T;
|
|
3310
3321
|
return /* @__PURE__ */ p("label", { children: [
|
|
3311
|
-
/* @__PURE__ */
|
|
3322
|
+
/* @__PURE__ */ s(
|
|
3312
3323
|
"input",
|
|
3313
3324
|
{
|
|
3314
3325
|
type: "radio",
|
|
3315
|
-
checked:
|
|
3326
|
+
checked: be,
|
|
3316
3327
|
onChange: () => {
|
|
3317
|
-
|
|
3318
|
-
actualValue:
|
|
3319
|
-
options:
|
|
3328
|
+
l ? be ? y({
|
|
3329
|
+
actualValue: w,
|
|
3330
|
+
options: c,
|
|
3320
3331
|
onChange: f
|
|
3321
|
-
}) :
|
|
3322
|
-
actualValue:
|
|
3323
|
-
options:
|
|
3332
|
+
}) : C({
|
|
3333
|
+
actualValue: w,
|
|
3334
|
+
options: c,
|
|
3324
3335
|
onChange: f
|
|
3325
|
-
}) : f(
|
|
3336
|
+
}) : f(T);
|
|
3326
3337
|
},
|
|
3327
|
-
className:
|
|
3338
|
+
className: ee.radioInput
|
|
3328
3339
|
}
|
|
3329
3340
|
),
|
|
3330
|
-
/* @__PURE__ */
|
|
3341
|
+
/* @__PURE__ */ s("span", { className: "radio-custom" }),
|
|
3331
3342
|
u(S)
|
|
3332
3343
|
] }, `inputRadio ${q}`);
|
|
3333
3344
|
}
|
|
3334
3345
|
),
|
|
3335
|
-
/* @__PURE__ */
|
|
3336
|
-
|
|
3346
|
+
/* @__PURE__ */ s(
|
|
3347
|
+
fe,
|
|
3337
3348
|
{
|
|
3338
|
-
errorMessage: (
|
|
3349
|
+
errorMessage: (k = N.error) == null ? void 0 : k.message,
|
|
3339
3350
|
errorColor: a
|
|
3340
3351
|
}
|
|
3341
3352
|
)
|
|
@@ -3353,73 +3364,73 @@ const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3353
3364
|
labels: Zi,
|
|
3354
3365
|
minLabel: Ki,
|
|
3355
3366
|
maxLabel: Hi
|
|
3356
|
-
},
|
|
3367
|
+
}, Bt = ({ input: n, reactHookFormInstance: d }) => {
|
|
3357
3368
|
const {
|
|
3358
|
-
code:
|
|
3369
|
+
code: i,
|
|
3359
3370
|
label: o,
|
|
3360
3371
|
minValue: t = 1,
|
|
3361
3372
|
maxValue: r = 5,
|
|
3362
3373
|
defValue: a = 3,
|
|
3363
|
-
thumbColor:
|
|
3374
|
+
thumbColor: c = "#B32F5D",
|
|
3364
3375
|
//trackColors = ["#B32F5D", "#EFEFEF"],
|
|
3365
|
-
required:
|
|
3376
|
+
required: l,
|
|
3366
3377
|
errorColor: u = "red",
|
|
3367
3378
|
labelWidth: h = "300px",
|
|
3368
3379
|
sliderWidth: g = "300px",
|
|
3369
3380
|
minText: _,
|
|
3370
3381
|
maxText: y,
|
|
3371
|
-
disabled:
|
|
3372
|
-
marks:
|
|
3373
|
-
showMarksNumber:
|
|
3374
|
-
} = n, { t: f } =
|
|
3375
|
-
return
|
|
3376
|
-
d &&
|
|
3377
|
-
}, [
|
|
3378
|
-
|
|
3382
|
+
disabled: C = !1,
|
|
3383
|
+
marks: m = Array.from({ length: r - t + 1 }, (T, P) => t + P),
|
|
3384
|
+
showMarksNumber: b = !0
|
|
3385
|
+
} = n, { t: f } = B(), { control: v, trigger: w, clearErrors: x } = d || {}, N = ie(l), [k, S] = D(a);
|
|
3386
|
+
return L(() => {
|
|
3387
|
+
d && N.current !== l && (l ? w(i) : x(i), N.current = l);
|
|
3388
|
+
}, [l, i, w, x, d]), d ? /* @__PURE__ */ s(
|
|
3389
|
+
ke,
|
|
3379
3390
|
{
|
|
3380
|
-
name:
|
|
3391
|
+
name: i,
|
|
3381
3392
|
control: v,
|
|
3382
3393
|
defaultValue: a,
|
|
3383
3394
|
rules: {
|
|
3384
|
-
required:
|
|
3395
|
+
required: l ? `${f(o)} ${f("errorMessages.required")}` : !1
|
|
3385
3396
|
},
|
|
3386
|
-
render: ({ field:
|
|
3387
|
-
var
|
|
3397
|
+
render: ({ field: T, fieldState: P }) => {
|
|
3398
|
+
var W;
|
|
3388
3399
|
return /* @__PURE__ */ p(
|
|
3389
3400
|
"div",
|
|
3390
3401
|
{
|
|
3391
3402
|
className: M.rankingSliderContainer,
|
|
3392
|
-
style: { gridTemplateColumns: `${
|
|
3403
|
+
style: { gridTemplateColumns: `${h} ${g}` },
|
|
3393
3404
|
children: [
|
|
3394
|
-
o && /* @__PURE__ */
|
|
3405
|
+
o && /* @__PURE__ */ s("p", { className: M.labelContainer, children: f(o) }),
|
|
3395
3406
|
/* @__PURE__ */ p("div", { className: M.inputContainer, children: [
|
|
3396
|
-
_ && /* @__PURE__ */
|
|
3407
|
+
_ && /* @__PURE__ */ s("div", { className: M.minLabel, children: f(_) }),
|
|
3397
3408
|
/* @__PURE__ */ p("div", { children: [
|
|
3398
|
-
/* @__PURE__ */
|
|
3409
|
+
/* @__PURE__ */ s(
|
|
3399
3410
|
Ee,
|
|
3400
3411
|
{
|
|
3401
3412
|
min: t,
|
|
3402
3413
|
max: r,
|
|
3403
3414
|
step: 1,
|
|
3404
|
-
value:
|
|
3405
|
-
onChange: (q) =>
|
|
3415
|
+
value: T.value ?? a,
|
|
3416
|
+
onChange: (q) => T.onChange(q),
|
|
3406
3417
|
marks: !0,
|
|
3407
3418
|
className: M.slider,
|
|
3408
3419
|
thumbClassName: M.thumb,
|
|
3409
|
-
renderThumb: (q) => /* @__PURE__ */
|
|
3420
|
+
renderThumb: (q) => /* @__PURE__ */ s("div", { ...q, style: { ...q.style, backgroundColor: c } }),
|
|
3410
3421
|
trackClassName: M.track,
|
|
3411
3422
|
markClassName: M.mark,
|
|
3412
|
-
disabled:
|
|
3423
|
+
disabled: C
|
|
3413
3424
|
}
|
|
3414
3425
|
),
|
|
3415
|
-
|
|
3426
|
+
m && /* @__PURE__ */ s("div", { className: M.labels, children: m.map((q) => /* @__PURE__ */ s("span", { children: b && q }, q)) })
|
|
3416
3427
|
] }),
|
|
3417
|
-
y && /* @__PURE__ */
|
|
3428
|
+
y && /* @__PURE__ */ s("div", { className: M.maxLabel, children: f(y) })
|
|
3418
3429
|
] }),
|
|
3419
|
-
/* @__PURE__ */
|
|
3420
|
-
|
|
3430
|
+
/* @__PURE__ */ s(
|
|
3431
|
+
fe,
|
|
3421
3432
|
{
|
|
3422
|
-
errorMessage: (
|
|
3433
|
+
errorMessage: (W = P.error) == null ? void 0 : W.message,
|
|
3423
3434
|
errorColor: u
|
|
3424
3435
|
}
|
|
3425
3436
|
)
|
|
@@ -3434,36 +3445,36 @@ const be = (n) => n.render(fi(n)), bi = "_errorMessage_1xiyb_2", _i = {
|
|
|
3434
3445
|
className: M.rankingSliderContainer,
|
|
3435
3446
|
style: { gridTemplateColumns: `${h} ${g}` },
|
|
3436
3447
|
children: [
|
|
3437
|
-
o && /* @__PURE__ */
|
|
3448
|
+
o && /* @__PURE__ */ s("p", { className: M.labelContainer, children: f(o) }),
|
|
3438
3449
|
/* @__PURE__ */ p("div", { className: M.inputContainer, children: [
|
|
3439
|
-
_ && /* @__PURE__ */
|
|
3450
|
+
_ && /* @__PURE__ */ s("div", { className: M.minLabel, children: f(_) }),
|
|
3440
3451
|
/* @__PURE__ */ p("div", { children: [
|
|
3441
|
-
/* @__PURE__ */
|
|
3452
|
+
/* @__PURE__ */ s(
|
|
3442
3453
|
Ee,
|
|
3443
3454
|
{
|
|
3444
3455
|
min: t,
|
|
3445
3456
|
max: r,
|
|
3446
3457
|
step: 1,
|
|
3447
|
-
value:
|
|
3448
|
-
onChange: (
|
|
3458
|
+
value: k,
|
|
3459
|
+
onChange: (T) => S(T),
|
|
3449
3460
|
marks: !0,
|
|
3450
3461
|
className: M.slider,
|
|
3451
3462
|
thumbClassName: M.thumb,
|
|
3452
|
-
renderThumb: (
|
|
3463
|
+
renderThumb: (T) => /* @__PURE__ */ s("div", { ...T, style: { ...T.style, backgroundColor: c } }),
|
|
3453
3464
|
trackClassName: M.track,
|
|
3454
3465
|
markClassName: M.mark,
|
|
3455
|
-
disabled:
|
|
3466
|
+
disabled: C
|
|
3456
3467
|
}
|
|
3457
3468
|
),
|
|
3458
|
-
|
|
3469
|
+
m && /* @__PURE__ */ s("div", { className: M.labels, children: m.map((T) => /* @__PURE__ */ s("span", { children: b && T }, T)) })
|
|
3459
3470
|
] }),
|
|
3460
|
-
y && /* @__PURE__ */
|
|
3471
|
+
y && /* @__PURE__ */ s("div", { className: M.maxLabel, children: f(y) })
|
|
3461
3472
|
] })
|
|
3462
3473
|
]
|
|
3463
3474
|
}
|
|
3464
3475
|
);
|
|
3465
3476
|
};
|
|
3466
|
-
|
|
3477
|
+
Bt.propTypes = {
|
|
3467
3478
|
input: e.shape({
|
|
3468
3479
|
code: e.string,
|
|
3469
3480
|
label: e.string,
|
|
@@ -3484,115 +3495,115 @@ $t.propTypes = {
|
|
|
3484
3495
|
const Ae = ({
|
|
3485
3496
|
inputs: n,
|
|
3486
3497
|
inputContainerStyles: d,
|
|
3487
|
-
reactHookFormInstance:
|
|
3498
|
+
reactHookFormInstance: i
|
|
3488
3499
|
}) => {
|
|
3489
|
-
const { watch: o } =
|
|
3490
|
-
const
|
|
3500
|
+
const { watch: o } = i, t = o(), r = ge(() => n.map((a) => {
|
|
3501
|
+
const c = typeof a.required == "function" ? a.required(t) : a.required;
|
|
3491
3502
|
return {
|
|
3492
3503
|
...a,
|
|
3493
|
-
required:
|
|
3504
|
+
required: c
|
|
3494
3505
|
};
|
|
3495
3506
|
}), [n, t]);
|
|
3496
|
-
return /* @__PURE__ */
|
|
3497
|
-
const { inputType:
|
|
3498
|
-
switch (
|
|
3499
|
-
case
|
|
3500
|
-
return /* @__PURE__ */
|
|
3507
|
+
return /* @__PURE__ */ s("div", { className: le.inputsContainer, children: r == null ? void 0 : r.map((a, c) => {
|
|
3508
|
+
const { inputType: l } = a;
|
|
3509
|
+
switch (l) {
|
|
3510
|
+
case me.text:
|
|
3511
|
+
return /* @__PURE__ */ s(
|
|
3501
3512
|
"div",
|
|
3502
3513
|
{
|
|
3503
|
-
className:
|
|
3514
|
+
className: le.inputContainer,
|
|
3504
3515
|
style: { ...d },
|
|
3505
|
-
children: /* @__PURE__ */
|
|
3516
|
+
children: /* @__PURE__ */ s(
|
|
3506
3517
|
at,
|
|
3507
3518
|
{
|
|
3508
3519
|
input: a,
|
|
3509
|
-
reactHookFormInstance:
|
|
3520
|
+
reactHookFormInstance: i
|
|
3510
3521
|
}
|
|
3511
3522
|
)
|
|
3512
3523
|
},
|
|
3513
|
-
`${a.code}${
|
|
3524
|
+
`${a.code}${c}`
|
|
3514
3525
|
);
|
|
3515
|
-
case
|
|
3516
|
-
return /* @__PURE__ */
|
|
3526
|
+
case me.password:
|
|
3527
|
+
return /* @__PURE__ */ s(
|
|
3517
3528
|
"div",
|
|
3518
3529
|
{
|
|
3519
|
-
className:
|
|
3530
|
+
className: le.inputContainer,
|
|
3520
3531
|
style: { ...d },
|
|
3521
|
-
children: /* @__PURE__ */
|
|
3532
|
+
children: /* @__PURE__ */ s(
|
|
3522
3533
|
at,
|
|
3523
3534
|
{
|
|
3524
3535
|
input: a,
|
|
3525
|
-
reactHookFormInstance:
|
|
3536
|
+
reactHookFormInstance: i
|
|
3526
3537
|
}
|
|
3527
3538
|
)
|
|
3528
3539
|
},
|
|
3529
|
-
`${a.code}${
|
|
3540
|
+
`${a.code}${c}`
|
|
3530
3541
|
);
|
|
3531
|
-
case
|
|
3532
|
-
return /* @__PURE__ */
|
|
3542
|
+
case me.select:
|
|
3543
|
+
return /* @__PURE__ */ s(
|
|
3533
3544
|
"div",
|
|
3534
3545
|
{
|
|
3535
|
-
className:
|
|
3546
|
+
className: le.inputContainer,
|
|
3536
3547
|
style: { ...d },
|
|
3537
|
-
children: /* @__PURE__ */
|
|
3538
|
-
|
|
3548
|
+
children: /* @__PURE__ */ s(
|
|
3549
|
+
Mi,
|
|
3539
3550
|
{
|
|
3540
3551
|
input: a,
|
|
3541
|
-
reactHookFormInstance:
|
|
3552
|
+
reactHookFormInstance: i
|
|
3542
3553
|
}
|
|
3543
3554
|
)
|
|
3544
3555
|
},
|
|
3545
|
-
`${a.code}${
|
|
3556
|
+
`${a.code}${c}`
|
|
3546
3557
|
);
|
|
3547
|
-
case
|
|
3548
|
-
return /* @__PURE__ */
|
|
3558
|
+
case me.radioList:
|
|
3559
|
+
return /* @__PURE__ */ s(
|
|
3549
3560
|
"div",
|
|
3550
3561
|
{
|
|
3551
|
-
className:
|
|
3562
|
+
className: le.inputContainer,
|
|
3552
3563
|
style: { ...d },
|
|
3553
|
-
children: /* @__PURE__ */
|
|
3564
|
+
children: /* @__PURE__ */ s(
|
|
3554
3565
|
Ri,
|
|
3555
3566
|
{
|
|
3556
3567
|
input: a,
|
|
3557
|
-
reactHookFormInstance:
|
|
3568
|
+
reactHookFormInstance: i
|
|
3558
3569
|
}
|
|
3559
3570
|
)
|
|
3560
3571
|
},
|
|
3561
|
-
`${a.code}${
|
|
3572
|
+
`${a.code}${c}`
|
|
3562
3573
|
);
|
|
3563
|
-
case
|
|
3564
|
-
return /* @__PURE__ */
|
|
3574
|
+
case me.rankingSlider:
|
|
3575
|
+
return /* @__PURE__ */ s(
|
|
3565
3576
|
"div",
|
|
3566
3577
|
{
|
|
3567
|
-
className:
|
|
3578
|
+
className: le.inputContainer,
|
|
3568
3579
|
style: { ...d },
|
|
3569
|
-
children: /* @__PURE__ */
|
|
3570
|
-
|
|
3580
|
+
children: /* @__PURE__ */ s(
|
|
3581
|
+
Bt,
|
|
3571
3582
|
{
|
|
3572
3583
|
input: a,
|
|
3573
|
-
reactHookFormInstance:
|
|
3584
|
+
reactHookFormInstance: i
|
|
3574
3585
|
}
|
|
3575
3586
|
)
|
|
3576
3587
|
},
|
|
3577
|
-
`${a.code}${
|
|
3588
|
+
`${a.code}${c}`
|
|
3578
3589
|
);
|
|
3579
3590
|
default:
|
|
3580
|
-
return /* @__PURE__ */
|
|
3591
|
+
return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h4", { children: "Default" }) }, `${a.code}${c}`);
|
|
3581
3592
|
}
|
|
3582
3593
|
}) });
|
|
3583
|
-
},
|
|
3594
|
+
}, Qs = ({
|
|
3584
3595
|
reactHookFormInstance: n,
|
|
3585
3596
|
formObject: d,
|
|
3586
3597
|
//Component with {title, children} as props.
|
|
3587
3598
|
// Used to render a category section in the form.
|
|
3588
3599
|
//If not provided, a default component will be used.
|
|
3589
|
-
CategoryComponent:
|
|
3600
|
+
CategoryComponent: i,
|
|
3590
3601
|
inputContainerStyles: o,
|
|
3591
3602
|
generalError: t,
|
|
3592
3603
|
errorColor: r = "red",
|
|
3593
3604
|
submitButtonLabel: a = "Submit",
|
|
3594
|
-
submitButtonStyles:
|
|
3595
|
-
activeCategory:
|
|
3605
|
+
submitButtonStyles: c = { width: 325 },
|
|
3606
|
+
activeCategory: l = null,
|
|
3596
3607
|
// If provided, only the category with this categoryId will be displayed.
|
|
3597
3608
|
onSubmit: u = (h) => console.log("Form submitted with data: ", h)
|
|
3598
3609
|
}) => {
|
|
@@ -3600,25 +3611,25 @@ const Ae = ({
|
|
|
3600
3611
|
handleSubmit: h,
|
|
3601
3612
|
control: g,
|
|
3602
3613
|
formState: { errors: _ }
|
|
3603
|
-
} = n, { t: y } =
|
|
3614
|
+
} = n, { t: y } = B();
|
|
3604
3615
|
return /* @__PURE__ */ p("form", { className: Ve.formContainer, onSubmit: h(u), children: [
|
|
3605
|
-
/* @__PURE__ */
|
|
3606
|
-
const { inputs:
|
|
3607
|
-
return
|
|
3616
|
+
/* @__PURE__ */ s("div", { className: Ve.formObjectContainer, children: d && d.map((C, m) => {
|
|
3617
|
+
const { inputs: b } = C;
|
|
3618
|
+
return C.category ? i ? /* @__PURE__ */ s(
|
|
3608
3619
|
"div",
|
|
3609
3620
|
{
|
|
3610
3621
|
style: {
|
|
3611
|
-
display:
|
|
3622
|
+
display: l && C.categoryId !== l ? "none" : "inherit",
|
|
3612
3623
|
width: "100%"
|
|
3613
3624
|
},
|
|
3614
|
-
children: /* @__PURE__ */
|
|
3615
|
-
|
|
3625
|
+
children: /* @__PURE__ */ s(
|
|
3626
|
+
i,
|
|
3616
3627
|
{
|
|
3617
|
-
title:
|
|
3618
|
-
children: /* @__PURE__ */
|
|
3628
|
+
title: C.category,
|
|
3629
|
+
children: /* @__PURE__ */ s(
|
|
3619
3630
|
Ae,
|
|
3620
3631
|
{
|
|
3621
|
-
inputs:
|
|
3632
|
+
inputs: b,
|
|
3622
3633
|
control: g,
|
|
3623
3634
|
inputContainerStyles: o,
|
|
3624
3635
|
errorColor: r,
|
|
@@ -3626,7 +3637,7 @@ const Ae = ({
|
|
|
3626
3637
|
}
|
|
3627
3638
|
)
|
|
3628
3639
|
},
|
|
3629
|
-
`${
|
|
3640
|
+
`${C.category}${m}`
|
|
3630
3641
|
)
|
|
3631
3642
|
}
|
|
3632
3643
|
) : /* @__PURE__ */ p(
|
|
@@ -3634,15 +3645,15 @@ const Ae = ({
|
|
|
3634
3645
|
{
|
|
3635
3646
|
style: {
|
|
3636
3647
|
width: "100%",
|
|
3637
|
-
display:
|
|
3648
|
+
display: l && C.categoryId !== l ? "none" : "flex",
|
|
3638
3649
|
flexDirection: "column"
|
|
3639
3650
|
},
|
|
3640
3651
|
children: [
|
|
3641
|
-
/* @__PURE__ */
|
|
3642
|
-
/* @__PURE__ */
|
|
3652
|
+
/* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: y(C.category) }),
|
|
3653
|
+
/* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
|
|
3643
3654
|
Ae,
|
|
3644
3655
|
{
|
|
3645
|
-
inputs:
|
|
3656
|
+
inputs: b,
|
|
3646
3657
|
control: g,
|
|
3647
3658
|
inputContainerStyles: o,
|
|
3648
3659
|
errorColor: r,
|
|
@@ -3651,21 +3662,21 @@ const Ae = ({
|
|
|
3651
3662
|
) })
|
|
3652
3663
|
]
|
|
3653
3664
|
},
|
|
3654
|
-
`${
|
|
3655
|
-
) : /* @__PURE__ */
|
|
3665
|
+
`${C.category}${m}`
|
|
3666
|
+
) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
|
|
3656
3667
|
Ae,
|
|
3657
3668
|
{
|
|
3658
3669
|
inputContainerStyles: o,
|
|
3659
|
-
inputs:
|
|
3670
|
+
inputs: b,
|
|
3660
3671
|
control: g,
|
|
3661
3672
|
errorColor: r,
|
|
3662
3673
|
reactHookFormInstance: n
|
|
3663
3674
|
}
|
|
3664
|
-
) }, `inputKey${
|
|
3675
|
+
) }, `inputKey${m}`);
|
|
3665
3676
|
}) }),
|
|
3666
3677
|
/* @__PURE__ */ p("div", { className: Ve.buttonContainer, children: [
|
|
3667
|
-
/* @__PURE__ */
|
|
3668
|
-
/* @__PURE__ */
|
|
3678
|
+
/* @__PURE__ */ s(Ne, { containerStyles: c, type: "submit", children: y(a) }),
|
|
3679
|
+
/* @__PURE__ */ s(fe, { errorMessage: t, errorColor: r })
|
|
3669
3680
|
] })
|
|
3670
3681
|
] });
|
|
3671
3682
|
}, 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 = {
|
|
@@ -3680,22 +3691,22 @@ const Ae = ({
|
|
|
3680
3691
|
}, ts = ({
|
|
3681
3692
|
onClose: n,
|
|
3682
3693
|
icon: d,
|
|
3683
|
-
message:
|
|
3694
|
+
message: i,
|
|
3684
3695
|
submessage: o,
|
|
3685
3696
|
buttons: t,
|
|
3686
3697
|
maxHeight: r = "450px",
|
|
3687
3698
|
maxWidth: a = "450px"
|
|
3688
|
-
}) => /* @__PURE__ */
|
|
3699
|
+
}) => /* @__PURE__ */ s("div", { className: G.overlay, children: /* @__PURE__ */ p(
|
|
3689
3700
|
"div",
|
|
3690
3701
|
{
|
|
3691
3702
|
className: G.modal,
|
|
3692
3703
|
style: { maxHeight: r, maxWidth: a },
|
|
3693
3704
|
children: [
|
|
3694
|
-
/* @__PURE__ */
|
|
3695
|
-
d && /* @__PURE__ */
|
|
3696
|
-
/* @__PURE__ */
|
|
3697
|
-
o && /* @__PURE__ */
|
|
3698
|
-
t.length > 0 && /* @__PURE__ */
|
|
3705
|
+
/* @__PURE__ */ s("button", { className: G.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
|
|
3706
|
+
d && /* @__PURE__ */ s("img", { src: d, alt: "icon", className: G.icon }),
|
|
3707
|
+
/* @__PURE__ */ s("p", { className: G.message, children: i }),
|
|
3708
|
+
o && /* @__PURE__ */ s("p", { className: G.submessage, children: o }),
|
|
3709
|
+
t.length > 0 && /* @__PURE__ */ s("div", { className: G.buttonsContainer, children: t.map((c, l) => /* @__PURE__ */ s("div", { className: G.buttonWrapper, children: c }, l)) })
|
|
3699
3710
|
]
|
|
3700
3711
|
}
|
|
3701
3712
|
) });
|
|
@@ -3715,7 +3726,7 @@ ts.propTypes = {
|
|
|
3715
3726
|
/** Anchura máxima del modal (por defecto 400px) */
|
|
3716
3727
|
maxWidth: e.string
|
|
3717
3728
|
};
|
|
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",
|
|
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", Z = {
|
|
3719
3730
|
stepsContainer: ns,
|
|
3720
3731
|
stepWrapper: is,
|
|
3721
3732
|
circleContainer: ss,
|
|
@@ -3725,28 +3736,28 @@ const ns = "_stepsContainer_1cyua_3", is = "_stepWrapper_1cyua_9", ss = "_circle
|
|
|
3725
3736
|
label: ls,
|
|
3726
3737
|
labelActive: cs,
|
|
3727
3738
|
connector: ds
|
|
3728
|
-
}, St = ({ steps: n, activeColor: d }) => /* @__PURE__ */
|
|
3729
|
-
const t =
|
|
3730
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3731
|
-
/* @__PURE__ */ p("div", { className:
|
|
3732
|
-
/* @__PURE__ */
|
|
3739
|
+
}, St = ({ steps: n, activeColor: d }) => /* @__PURE__ */ s("div", { className: Z.stepsContainer, children: n.map((i, o) => {
|
|
3740
|
+
const t = i.status === "active", r = i.status === "completed";
|
|
3741
|
+
return /* @__PURE__ */ p("div", { className: Z.stepWrapper, children: [
|
|
3742
|
+
/* @__PURE__ */ p("div", { className: Z.circleContainer, children: [
|
|
3743
|
+
/* @__PURE__ */ s(
|
|
3733
3744
|
"div",
|
|
3734
3745
|
{
|
|
3735
|
-
className: `${
|
|
3736
|
-
${t ?
|
|
3737
|
-
${r ?
|
|
3746
|
+
className: `${Z.circle}
|
|
3747
|
+
${t ? Z.active : ""}
|
|
3748
|
+
${r ? Z.completed : ""}`,
|
|
3738
3749
|
style: t ? { backgroundColor: d } : {},
|
|
3739
|
-
onClick:
|
|
3750
|
+
onClick: i.onClick,
|
|
3740
3751
|
children: o + 1
|
|
3741
3752
|
}
|
|
3742
3753
|
),
|
|
3743
|
-
o < n.length - 1 && /* @__PURE__ */
|
|
3754
|
+
o < n.length - 1 && /* @__PURE__ */ s("div", { className: Z.connector })
|
|
3744
3755
|
] }),
|
|
3745
|
-
/* @__PURE__ */
|
|
3756
|
+
/* @__PURE__ */ s(
|
|
3746
3757
|
"div",
|
|
3747
3758
|
{
|
|
3748
|
-
className: `${
|
|
3749
|
-
children:
|
|
3759
|
+
className: `${Z.label} ${t ? Z.labelActive : ""}`,
|
|
3760
|
+
children: i.name
|
|
3750
3761
|
}
|
|
3751
3762
|
)
|
|
3752
3763
|
] }, o);
|
|
@@ -3767,36 +3778,36 @@ St.defaultProps = {
|
|
|
3767
3778
|
};
|
|
3768
3779
|
const us = "_statusTextContainer_ch14r_2", ps = {
|
|
3769
3780
|
statusTextContainer: us
|
|
3770
|
-
},
|
|
3771
|
-
|
|
3781
|
+
}, $t = ({ text: n, color: d }) => /* @__PURE__ */ s("div", { className: ps.statusTextContainer, style: { background: d }, children: /* @__PURE__ */ s("span", { children: n }) });
|
|
3782
|
+
$t.propTypes = {
|
|
3772
3783
|
text: e.string,
|
|
3773
3784
|
color: e.string
|
|
3774
3785
|
};
|
|
3775
|
-
|
|
3786
|
+
$t.defaultProps = {
|
|
3776
3787
|
color: "#C2185B"
|
|
3777
3788
|
// color por defecto
|
|
3778
3789
|
};
|
|
3779
|
-
const ms = "_buttonsContainer_1c7dw_2", hs = "_button_1c7dw_2", gs = "_active_1c7dw_20",
|
|
3790
|
+
const ms = "_buttonsContainer_1c7dw_2", hs = "_button_1c7dw_2", gs = "_active_1c7dw_20", xe = {
|
|
3780
3791
|
buttonsContainer: ms,
|
|
3781
3792
|
button: hs,
|
|
3782
3793
|
active: gs
|
|
3783
3794
|
}, Cs = ({
|
|
3784
3795
|
buttons: n = []
|
|
3785
3796
|
}) => {
|
|
3786
|
-
const { t: d } =
|
|
3787
|
-
return /* @__PURE__ */
|
|
3797
|
+
const { t: d } = B();
|
|
3798
|
+
return /* @__PURE__ */ s("div", { className: `${xe.buttonsContainer}`, children: n.map((i, o) => {
|
|
3788
3799
|
const {
|
|
3789
3800
|
isActive: t,
|
|
3790
3801
|
name: r,
|
|
3791
3802
|
onClick: a
|
|
3792
|
-
} =
|
|
3793
|
-
return /* @__PURE__ */
|
|
3803
|
+
} = i;
|
|
3804
|
+
return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
|
|
3794
3805
|
"button",
|
|
3795
3806
|
{
|
|
3796
3807
|
onClick: a,
|
|
3797
|
-
className: `${
|
|
3798
|
-
${t &&
|
|
3799
|
-
children: /* @__PURE__ */
|
|
3808
|
+
className: `${xe.button}
|
|
3809
|
+
${t && xe.active}`,
|
|
3810
|
+
children: /* @__PURE__ */ s("span", { className: xe.buttonName, children: d(r) })
|
|
3800
3811
|
}
|
|
3801
3812
|
) }, o);
|
|
3802
3813
|
}) });
|
|
@@ -3811,101 +3822,42 @@ Cs.propTypes = {
|
|
|
3811
3822
|
})
|
|
3812
3823
|
).isRequired
|
|
3813
3824
|
};
|
|
3814
|
-
const fs = "
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
},
|
|
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 = ({
|
|
3825
|
+
const fs = "_header_13kbt_2", bs = "_leftComponents_13kbt_13", _s = "_centerComponents_13kbt_14", ys = "_rightComponents_13kbt_15", vs = "_componentsContainer_13kbt_32", te = {
|
|
3826
|
+
header: fs,
|
|
3827
|
+
leftComponents: bs,
|
|
3828
|
+
centerComponents: _s,
|
|
3829
|
+
rightComponents: ys,
|
|
3830
|
+
componentsContainer: vs
|
|
3831
|
+
}, xs = ({
|
|
3880
3832
|
cssProps: n,
|
|
3881
3833
|
leftComponents: d = [],
|
|
3882
|
-
centerComponents:
|
|
3834
|
+
centerComponents: i = [],
|
|
3883
3835
|
rightComponents: o = [],
|
|
3884
3836
|
zIndex: t = 10,
|
|
3885
3837
|
height: r = 60,
|
|
3886
3838
|
backgroundColor: a = "#605B56",
|
|
3887
|
-
isFooter:
|
|
3839
|
+
isFooter: c = !1
|
|
3888
3840
|
// If true, it will apply footer styles
|
|
3889
3841
|
}) => /* @__PURE__ */ p(
|
|
3890
3842
|
"div",
|
|
3891
3843
|
{
|
|
3892
|
-
className:
|
|
3844
|
+
className: te.header,
|
|
3893
3845
|
style: {
|
|
3894
3846
|
...n,
|
|
3895
3847
|
zIndex: t,
|
|
3896
3848
|
height: r,
|
|
3897
3849
|
backgroundColor: a,
|
|
3898
|
-
top:
|
|
3899
|
-
bottom:
|
|
3850
|
+
top: c ? "auto" : 0,
|
|
3851
|
+
bottom: c ? 0 : "auto"
|
|
3900
3852
|
},
|
|
3901
3853
|
children: [
|
|
3902
|
-
/* @__PURE__ */
|
|
3903
|
-
/* @__PURE__ */
|
|
3904
|
-
/* @__PURE__ */
|
|
3854
|
+
/* @__PURE__ */ s("div", { className: te.leftComponents, children: d.map((l, u) => /* @__PURE__ */ s("div", { className: te.componentsContainer, children: l }, u)) }),
|
|
3855
|
+
/* @__PURE__ */ s("div", { className: te.centerComponents, children: i.map((l, u) => /* @__PURE__ */ s("div", { className: te.componentsContainer, children: l }, u)) }),
|
|
3856
|
+
/* @__PURE__ */ s("div", { className: te.rightComponents, children: o.map((l, u) => /* @__PURE__ */ s("div", { className: te.componentsContainer, children: l }, u)) })
|
|
3905
3857
|
]
|
|
3906
3858
|
}
|
|
3907
3859
|
);
|
|
3908
|
-
|
|
3860
|
+
xs.propTypes = {
|
|
3909
3861
|
leftComponents: e.arrayOf(e.node),
|
|
3910
3862
|
centerComponents: e.arrayOf(e.node),
|
|
3911
3863
|
rightComponents: e.arrayOf(e.node),
|
|
@@ -3915,33 +3867,33 @@ Ss.propTypes = {
|
|
|
3915
3867
|
backgroundColor: e.string,
|
|
3916
3868
|
isFooter: e.bool
|
|
3917
3869
|
};
|
|
3918
|
-
const
|
|
3919
|
-
sidebar:
|
|
3920
|
-
open:
|
|
3921
|
-
content:
|
|
3922
|
-
closeButton:
|
|
3923
|
-
},
|
|
3870
|
+
const ws = "_sidebar_1fmjn_2", Ns = "_open_1fmjn_16", ks = "_content_1fmjn_20", Bs = "_closeButton_1fmjn_26", we = {
|
|
3871
|
+
sidebar: ws,
|
|
3872
|
+
open: Ns,
|
|
3873
|
+
content: ks,
|
|
3874
|
+
closeButton: Bs
|
|
3875
|
+
}, Ss = "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", $s = ({
|
|
3924
3876
|
width: n = "300px",
|
|
3925
3877
|
children: d,
|
|
3926
|
-
showRightBar:
|
|
3878
|
+
showRightBar: i,
|
|
3927
3879
|
onCloseBar: o
|
|
3928
3880
|
}) => {
|
|
3929
3881
|
const t = () => {
|
|
3930
3882
|
o();
|
|
3931
3883
|
};
|
|
3932
|
-
return /* @__PURE__ */
|
|
3884
|
+
return /* @__PURE__ */ s(
|
|
3933
3885
|
"div",
|
|
3934
3886
|
{
|
|
3935
|
-
className: `${
|
|
3936
|
-
style: { width:
|
|
3937
|
-
children:
|
|
3938
|
-
/* @__PURE__ */
|
|
3887
|
+
className: `${we.sidebar} ${i ? we.open : ""}`,
|
|
3888
|
+
style: { width: i ? n : 0 },
|
|
3889
|
+
children: i && /* @__PURE__ */ p("div", { className: we.content, children: [
|
|
3890
|
+
/* @__PURE__ */ s("button", { className: we.closeButton, onClick: t, children: /* @__PURE__ */ s("img", { src: Ss, alt: "Close Sidebar" }) }),
|
|
3939
3891
|
d
|
|
3940
3892
|
] })
|
|
3941
3893
|
}
|
|
3942
3894
|
);
|
|
3943
3895
|
};
|
|
3944
|
-
|
|
3896
|
+
$s.propTypes = {
|
|
3945
3897
|
width: e.string,
|
|
3946
3898
|
children: e.node,
|
|
3947
3899
|
showRightBar: e.bool,
|
|
@@ -3950,17 +3902,17 @@ Fs.propTypes = {
|
|
|
3950
3902
|
export {
|
|
3951
3903
|
_2 as AmbitSelector,
|
|
3952
3904
|
Cs as ButtonsBar,
|
|
3953
|
-
|
|
3954
|
-
|
|
3955
|
-
|
|
3956
|
-
|
|
3905
|
+
M2 as ButtonsList,
|
|
3906
|
+
se as DropdownList,
|
|
3907
|
+
Hs as EditAmbit,
|
|
3908
|
+
fe as ErrorMessage,
|
|
3957
3909
|
n0 as FiltersAmbit,
|
|
3958
|
-
|
|
3959
|
-
|
|
3910
|
+
Qs as Form,
|
|
3911
|
+
Ne as GeneralButton,
|
|
3960
3912
|
a0 as Graphic,
|
|
3961
|
-
|
|
3913
|
+
xs as HeaderSection,
|
|
3962
3914
|
k0 as IndicatorsList,
|
|
3963
|
-
|
|
3915
|
+
M0 as LangSelector,
|
|
3964
3916
|
U0 as Legend,
|
|
3965
3917
|
Qn as ListSelector,
|
|
3966
3918
|
Sn as LogInButton,
|
|
@@ -3969,15 +3921,14 @@ export {
|
|
|
3969
3921
|
on as MaplibreMap,
|
|
3970
3922
|
ts as ModalAlert,
|
|
3971
3923
|
Ri as RadioButtonInput,
|
|
3972
|
-
|
|
3973
|
-
|
|
3924
|
+
Bt as RankingSlider,
|
|
3925
|
+
$s as RightSidebar,
|
|
3974
3926
|
pn as SectionBar,
|
|
3975
|
-
|
|
3976
|
-
|
|
3927
|
+
Mi as SelectInput,
|
|
3928
|
+
$t as StatusText,
|
|
3977
3929
|
St as Steps,
|
|
3978
|
-
vs as Switch,
|
|
3979
3930
|
at as TextInput,
|
|
3980
3931
|
yn as TimeSlider,
|
|
3981
|
-
|
|
3932
|
+
ne as Tooltip,
|
|
3982
3933
|
Nn as TopNavMenu
|
|
3983
3934
|
};
|