@tmf_ciclica/ciclicastorybook 1.1.97 → 1.1.100
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 +4 -4
- package/dist/index.es.js +706 -697
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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_8d6ru_2{padding:5px 95px;border-radius:100px}._buttonsContainer_1audx_2{display:flex;gap:8px}._buttonsContainer_1audx_2._vertical_1audx_6{flex-direction:column}._buttonsContainer_1audx_2._horizontal_1audx_9{flex-direction:row}._button_1audx_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1audx_2:hover{opacity:.8}._button_1audx_2._active_1audx_25{font-weight:700}._button_1audx_2 ._buttonName_1audx_28{margin:0 4px}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_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}._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}._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)}})();
|
|
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_1audx_2{display:flex;gap:8px}._buttonsContainer_1audx_2._vertical_1audx_6{flex-direction:column}._buttonsContainer_1audx_2._horizontal_1audx_9{flex-direction:row}._button_1audx_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1audx_2:hover{opacity:.8}._button_1audx_2._active_1audx_25{font-weight:700}._button_1audx_2 ._buttonName_1audx_28{margin:0 4px}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_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}._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}._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
2
|
import { jsxs as p, jsx as s, Fragment as Me } from "react/jsx-runtime";
|
|
3
3
|
import * as ne from "react";
|
|
4
4
|
import B, { useState as $, useEffect as L, useMemo as le, useLayoutEffect as _t, useRef as ie } from "react";
|
|
@@ -7,8 +7,8 @@ import { useTranslation as k, Trans as Ae } from "react-i18next";
|
|
|
7
7
|
import { motion as Ie } from "framer-motion";
|
|
8
8
|
import { create as vt } from "zustand";
|
|
9
9
|
import * as Pe from "d3";
|
|
10
|
-
import
|
|
11
|
-
import { useSelector as
|
|
10
|
+
import wt from "mapbox-gl";
|
|
11
|
+
import { useSelector as xt, useDispatch as Nt } from "react-redux";
|
|
12
12
|
import kt, { Source as Bt, Layer as St, NavigationControl as Dt, Popup as Mt } from "react-map-gl/mapbox";
|
|
13
13
|
import ye from "maplibre-gl";
|
|
14
14
|
import { Protocol as $t } from "pmtiles";
|
|
@@ -39,36 +39,36 @@ const jt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", Zt = "_nameDateCon
|
|
|
39
39
|
onClickDelete: i,
|
|
40
40
|
onClickFilters: o,
|
|
41
41
|
onClickAmbit: t,
|
|
42
|
-
isActive:
|
|
43
|
-
activeColor:
|
|
42
|
+
isActive: a,
|
|
43
|
+
activeColor: r,
|
|
44
44
|
fontColor: l,
|
|
45
45
|
moreInfo: c
|
|
46
46
|
}) => {
|
|
47
|
-
const { nom: u, created_at: m, id:
|
|
47
|
+
const { nom: u, created_at: m, id: g, isBeingProcessed: y } = n;
|
|
48
48
|
return /* @__PURE__ */ p(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: oe.ambitItem,
|
|
52
52
|
style: { borderBottom: `1px solid ${l}` },
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */ p("div", { className: oe.ambitNameDate, onClick: () => t(
|
|
54
|
+
/* @__PURE__ */ p("div", { className: oe.ambitNameDate, onClick: () => t(g), children: [
|
|
55
55
|
/* @__PURE__ */ p("div", { className: oe.ambitName, children: [
|
|
56
56
|
/* @__PURE__ */ s(
|
|
57
57
|
"img",
|
|
58
58
|
{
|
|
59
59
|
style: { marginRight: 9 },
|
|
60
|
-
src:
|
|
60
|
+
src: a ? s2 : r2
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
|
-
/* @__PURE__ */ s("span", { style: { color:
|
|
63
|
+
/* @__PURE__ */ s("span", { style: { color: a ? r : l }, children: u })
|
|
64
64
|
] }),
|
|
65
65
|
/* @__PURE__ */ s("div", { className: oe.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
|
|
66
66
|
] }),
|
|
67
67
|
/* @__PURE__ */ p("div", { className: oe.ambitButtons, children: [
|
|
68
|
-
|
|
69
|
-
/* @__PURE__ */ s("button", { onClick: () => o(
|
|
70
|
-
/* @__PURE__ */ s("button", { onClick: () => d(
|
|
71
|
-
/* @__PURE__ */ s("button", { onClick: () => i(
|
|
68
|
+
y && /* @__PURE__ */ s("img", { src: o2 }),
|
|
69
|
+
/* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: i2 }) }),
|
|
70
|
+
/* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: n2 }) }),
|
|
71
|
+
/* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: t2 }) })
|
|
72
72
|
] })
|
|
73
73
|
]
|
|
74
74
|
}
|
|
@@ -92,7 +92,7 @@ tt.propTypes = {
|
|
|
92
92
|
moreInfo: e.object
|
|
93
93
|
// Optional, can be used for additional info
|
|
94
94
|
};
|
|
95
|
-
const je = "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", a2 = "
|
|
95
|
+
const je = "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", a2 = "_generalButton_phq4n_2", l2 = {
|
|
96
96
|
generalButton: a2
|
|
97
97
|
}, fe = ({
|
|
98
98
|
children: n,
|
|
@@ -100,7 +100,8 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
100
100
|
fontColor: i = "#605B56",
|
|
101
101
|
borderColor: o = "#605B56",
|
|
102
102
|
type: t = "button",
|
|
103
|
-
containerStyles:
|
|
103
|
+
containerStyles: a = {},
|
|
104
|
+
disabled: r = !1
|
|
104
105
|
}) => /* @__PURE__ */ s(
|
|
105
106
|
"button",
|
|
106
107
|
{
|
|
@@ -108,10 +109,11 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
108
109
|
style: {
|
|
109
110
|
color: i,
|
|
110
111
|
border: `1.5px solid ${o}`,
|
|
111
|
-
...
|
|
112
|
+
...a
|
|
112
113
|
},
|
|
113
114
|
onClick: d,
|
|
114
115
|
type: t,
|
|
116
|
+
disabled: r,
|
|
115
117
|
children: n
|
|
116
118
|
}
|
|
117
119
|
), c2 = ({
|
|
@@ -120,24 +122,24 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
120
122
|
fontColor: i = "#605B56",
|
|
121
123
|
activeColor: o,
|
|
122
124
|
nameLabel: t,
|
|
123
|
-
dateLabel:
|
|
124
|
-
newAmbitLabel:
|
|
125
|
+
dateLabel: a,
|
|
126
|
+
newAmbitLabel: r = "New field",
|
|
125
127
|
buttonContainerStyles: l = {},
|
|
126
128
|
containerStyles: c = {},
|
|
127
129
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
128
|
-
onClickCopy: m = (
|
|
129
|
-
onCLickDelete:
|
|
130
|
-
onClickFilters:
|
|
131
|
-
onClickAmbit:
|
|
130
|
+
onClickCopy: m = (C) => console.log(`Copy ambit: ${C}`),
|
|
131
|
+
onCLickDelete: g = (C) => console.log(`Delete ambit: ${C}`),
|
|
132
|
+
onClickFilters: y = (C) => console.log(`Filters clicked: ${C}`),
|
|
133
|
+
onClickAmbit: b = (C) => console.log(`OnCLickAmbit: ${C}`)
|
|
132
134
|
}) => {
|
|
133
|
-
const { t:
|
|
135
|
+
const { t: C } = k(), [f, h] = $(n);
|
|
134
136
|
L(() => {
|
|
135
|
-
n &&
|
|
137
|
+
n && h(n);
|
|
136
138
|
}, [n]);
|
|
137
|
-
const
|
|
138
|
-
if (
|
|
139
|
-
let
|
|
140
|
-
|
|
139
|
+
const _ = (v) => {
|
|
140
|
+
if (f && f.length > 0) {
|
|
141
|
+
let x = [...f];
|
|
142
|
+
x.sort((w, N) => w[v].localeCompare(N[v])), h(x);
|
|
141
143
|
}
|
|
142
144
|
};
|
|
143
145
|
return /* @__PURE__ */ p(
|
|
@@ -153,12 +155,12 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
153
155
|
style: { borderBottom: `1px solid ${i}` },
|
|
154
156
|
children: [
|
|
155
157
|
/* @__PURE__ */ p("div", { className: z.nameDateContainer, children: [
|
|
156
|
-
/* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ p("button", { onClick: () =>
|
|
157
|
-
/* @__PURE__ */ s("span", { children:
|
|
158
|
+
/* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
|
|
159
|
+
/* @__PURE__ */ s("span", { children: C(t) }),
|
|
158
160
|
/* @__PURE__ */ s("img", { src: je })
|
|
159
161
|
] }) }),
|
|
160
|
-
/* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () =>
|
|
161
|
-
/* @__PURE__ */ s("span", { children:
|
|
162
|
+
/* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
|
|
163
|
+
/* @__PURE__ */ s("span", { children: C(a) }),
|
|
162
164
|
/* @__PURE__ */ s("img", { src: je })
|
|
163
165
|
] }) })
|
|
164
166
|
] }),
|
|
@@ -166,19 +168,19 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
166
168
|
]
|
|
167
169
|
}
|
|
168
170
|
),
|
|
169
|
-
/* @__PURE__ */ s("div", { className: z.ambitListContainer, children:
|
|
171
|
+
/* @__PURE__ */ s("div", { className: z.ambitListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ s(
|
|
170
172
|
tt,
|
|
171
173
|
{
|
|
172
|
-
isActive: d ==
|
|
173
|
-
ambit:
|
|
174
|
+
isActive: d == v.id,
|
|
175
|
+
ambit: v,
|
|
174
176
|
fontColor: i,
|
|
175
177
|
activeColor: o,
|
|
176
178
|
onClickCopy: m,
|
|
177
|
-
onClickDelete:
|
|
178
|
-
onClickFilters:
|
|
179
|
-
onClickAmbit:
|
|
179
|
+
onClickDelete: g,
|
|
180
|
+
onClickFilters: y,
|
|
181
|
+
onClickAmbit: b
|
|
180
182
|
},
|
|
181
|
-
`ambitKey${
|
|
183
|
+
`ambitKey${v.id}`
|
|
182
184
|
)) }),
|
|
183
185
|
/* @__PURE__ */ s("div", { className: z.newAmbitButtonContainer, children: /* @__PURE__ */ s(
|
|
184
186
|
fe,
|
|
@@ -186,7 +188,7 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
186
188
|
style: { ...l },
|
|
187
189
|
onClick: u,
|
|
188
190
|
borderColor: "grey",
|
|
189
|
-
children:
|
|
191
|
+
children: C(r)
|
|
190
192
|
}
|
|
191
193
|
) })
|
|
192
194
|
]
|
|
@@ -242,9 +244,9 @@ const v2 = ({
|
|
|
242
244
|
showName: i = !0,
|
|
243
245
|
namePosition: o = "right",
|
|
244
246
|
useTooltip: t = !1,
|
|
245
|
-
tooltipPosition:
|
|
247
|
+
tooltipPosition: a = "top"
|
|
246
248
|
}) => {
|
|
247
|
-
const { t:
|
|
249
|
+
const { t: r } = k();
|
|
248
250
|
return /* @__PURE__ */ s(
|
|
249
251
|
"div",
|
|
250
252
|
{
|
|
@@ -254,25 +256,25 @@ const v2 = ({
|
|
|
254
256
|
const {
|
|
255
257
|
icon: u,
|
|
256
258
|
activeIcon: m,
|
|
257
|
-
isActive:
|
|
258
|
-
name:
|
|
259
|
-
onClick:
|
|
260
|
-
} = l,
|
|
261
|
-
i && o === "left" && /* @__PURE__ */ s("span", { className: K.buttonName, children:
|
|
262
|
-
/* @__PURE__ */ s("img", { src:
|
|
263
|
-
i && o === "right" && /* @__PURE__ */ s("span", { className: K.buttonName, children:
|
|
259
|
+
isActive: g,
|
|
260
|
+
name: y,
|
|
261
|
+
onClick: b
|
|
262
|
+
} = l, C = /* @__PURE__ */ p(Me, { children: [
|
|
263
|
+
i && o === "left" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(y) }),
|
|
264
|
+
/* @__PURE__ */ s("img", { src: g ? m : u, alt: r(y) }),
|
|
265
|
+
i && o === "right" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(y) })
|
|
264
266
|
] });
|
|
265
267
|
return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
266
268
|
/* @__PURE__ */ s(
|
|
267
269
|
"button",
|
|
268
270
|
{
|
|
269
|
-
onClick:
|
|
271
|
+
onClick: b,
|
|
270
272
|
className: `${K.button}
|
|
271
|
-
${
|
|
272
|
-
children:
|
|
273
|
+
${g && K.active}`,
|
|
274
|
+
children: C
|
|
273
275
|
}
|
|
274
276
|
),
|
|
275
|
-
t && /* @__PURE__ */ s(Y, { text:
|
|
277
|
+
t && /* @__PURE__ */ s(Y, { text: y, position: a })
|
|
276
278
|
] }, c);
|
|
277
279
|
})
|
|
278
280
|
}
|
|
@@ -295,18 +297,18 @@ v2.propTypes = {
|
|
|
295
297
|
useTooltip: e.bool,
|
|
296
298
|
tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
|
|
297
299
|
};
|
|
298
|
-
const
|
|
299
|
-
indicatorsCategory:
|
|
300
|
-
title:
|
|
300
|
+
const w2 = "_indicatorsCategory_1cu33_2", x2 = "_title_1cu33_5", _e = {
|
|
301
|
+
indicatorsCategory: w2,
|
|
302
|
+
title: x2
|
|
301
303
|
}, Q = ({
|
|
302
304
|
isOpen: n,
|
|
303
305
|
onClick: d,
|
|
304
306
|
children: i,
|
|
305
307
|
color: o,
|
|
306
308
|
activeColor: t = "#F8A925",
|
|
307
|
-
title:
|
|
309
|
+
title: a = "Title",
|
|
308
310
|
//Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
|
|
309
|
-
height:
|
|
311
|
+
height: r = 53,
|
|
310
312
|
//Adjust height if you change fontSize
|
|
311
313
|
titleFontStyles: l,
|
|
312
314
|
showBottomBar: c = !0,
|
|
@@ -317,8 +319,8 @@ const x2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", _e = {
|
|
|
317
319
|
Ie.div,
|
|
318
320
|
{
|
|
319
321
|
className: _e.indicatorsCategory,
|
|
320
|
-
initial: { height: `${
|
|
321
|
-
animate: { height: n ? "auto" : `${
|
|
322
|
+
initial: { height: `${r}px` },
|
|
323
|
+
animate: { height: n ? "auto" : `${r}px` },
|
|
322
324
|
transition: { duration: 0.4 },
|
|
323
325
|
style: {
|
|
324
326
|
backgroundColor: "white",
|
|
@@ -337,7 +339,7 @@ const x2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", _e = {
|
|
|
337
339
|
onClick: d,
|
|
338
340
|
children: [
|
|
339
341
|
/* @__PURE__ */ s("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
|
|
340
|
-
/* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: m(
|
|
342
|
+
/* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: m(a) })
|
|
341
343
|
]
|
|
342
344
|
}
|
|
343
345
|
),
|
|
@@ -367,11 +369,11 @@ const mi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), N2 = "data
|
|
|
367
369
|
tematicalFiltersSelected: [],
|
|
368
370
|
fontColor: "#605B56",
|
|
369
371
|
inputsColor: "#605B56"
|
|
370
|
-
})), nt = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor:
|
|
371
|
-
const { t:
|
|
372
|
+
})), nt = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: a }) => {
|
|
373
|
+
const { t: r } = k(), { tematicalFiltersSelected: l } = T((u) => u), c = (u) => {
|
|
372
374
|
T.setState((m) => ({
|
|
373
375
|
tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
|
|
374
|
-
(
|
|
376
|
+
(g) => g.code !== u
|
|
375
377
|
)
|
|
376
378
|
}));
|
|
377
379
|
};
|
|
@@ -380,10 +382,10 @@ const mi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), N2 = "data
|
|
|
380
382
|
{
|
|
381
383
|
isOpen: i,
|
|
382
384
|
onClick: d,
|
|
383
|
-
title: n ?
|
|
384
|
-
activeColor:
|
|
385
|
+
title: n ? r(n) : "Applied Filters",
|
|
386
|
+
activeColor: a,
|
|
385
387
|
children: /* @__PURE__ */ s("div", { className: ze.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, m) => /* @__PURE__ */ p("div", { className: ze.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
386
|
-
|
|
388
|
+
r(u.name),
|
|
387
389
|
/* @__PURE__ */ s("img", { src: N2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
|
|
388
390
|
] }, m)) })
|
|
389
391
|
}
|
|
@@ -403,15 +405,15 @@ nt.propTypes = {
|
|
|
403
405
|
),
|
|
404
406
|
activeColor: e.string
|
|
405
407
|
};
|
|
406
|
-
const it = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor:
|
|
407
|
-
const { t:
|
|
408
|
+
const it = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: a }) => {
|
|
409
|
+
const { t: r } = k(), { tematicalFiltersSelected: l } = T((c) => c);
|
|
408
410
|
return /* @__PURE__ */ s(
|
|
409
411
|
Q,
|
|
410
412
|
{
|
|
411
413
|
isOpen: i,
|
|
412
414
|
onClick: d,
|
|
413
|
-
title: n ?
|
|
414
|
-
activeColor:
|
|
415
|
+
title: n ? r(n) : "Geographical Filters",
|
|
416
|
+
activeColor: a,
|
|
415
417
|
children: "A"
|
|
416
418
|
}
|
|
417
419
|
);
|
|
@@ -433,7 +435,7 @@ const S2 = "_checkboxContainer_zld97_2", D2 = {
|
|
|
433
435
|
indicator: o,
|
|
434
436
|
value: t
|
|
435
437
|
}) => {
|
|
436
|
-
const { t:
|
|
438
|
+
const { t: a } = k(), { title: r } = o || {}, { fontColor: l, inputsColor: c } = T((u) => u);
|
|
437
439
|
return /* @__PURE__ */ p(
|
|
438
440
|
"div",
|
|
439
441
|
{
|
|
@@ -455,7 +457,7 @@ const S2 = "_checkboxContainer_zld97_2", D2 = {
|
|
|
455
457
|
}
|
|
456
458
|
}
|
|
457
459
|
),
|
|
458
|
-
/* @__PURE__ */ s("span", { className: "checkmark", children: r
|
|
460
|
+
/* @__PURE__ */ s("span", { className: "checkmark", children: a(r) })
|
|
459
461
|
]
|
|
460
462
|
}
|
|
461
463
|
);
|
|
@@ -482,7 +484,7 @@ function M2(n, d) {
|
|
|
482
484
|
function ve(n) {
|
|
483
485
|
return n && n.stopPropagation && n.stopPropagation(), n && n.preventDefault && n.preventDefault(), !1;
|
|
484
486
|
}
|
|
485
|
-
function
|
|
487
|
+
function we(n) {
|
|
486
488
|
return n == null ? [] : Array.isArray(n) ? n.slice() : [n];
|
|
487
489
|
}
|
|
488
490
|
function pe(n) {
|
|
@@ -524,8 +526,8 @@ let Fe = function(n) {
|
|
|
524
526
|
t.setState({ pending: !0 });
|
|
525
527
|
const c = t.getTouchPosition(l);
|
|
526
528
|
if (t.isScrolling === void 0) {
|
|
527
|
-
const
|
|
528
|
-
t.isScrolling = Math.abs(
|
|
529
|
+
const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
|
|
530
|
+
t.isScrolling = Math.abs(y) > Math.abs(g);
|
|
529
531
|
}
|
|
530
532
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
531
533
|
const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
|
|
@@ -591,47 +593,47 @@ let Fe = function(n) {
|
|
|
591
593
|
}, 0);
|
|
592
594
|
t.pendingResizeTimeouts.push(l);
|
|
593
595
|
}, t.renderThumb = (l, c) => {
|
|
594
|
-
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (
|
|
595
|
-
t["thumb" + c] =
|
|
596
|
-
}, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled },
|
|
597
|
-
return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(
|
|
596
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (y) => {
|
|
597
|
+
t["thumb" + c] = y;
|
|
598
|
+
}, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: pe(t.state.value), valueNow: t.state.value[c] };
|
|
599
|
+
return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(m, g);
|
|
598
600
|
}, t.renderTrack = (l, c, u) => {
|
|
599
|
-
const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) },
|
|
600
|
-
return t.props.renderTrack(m,
|
|
601
|
+
const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: pe(t.state.value) };
|
|
602
|
+
return t.props.renderTrack(m, g);
|
|
601
603
|
};
|
|
602
|
-
let
|
|
603
|
-
|
|
604
|
-
const
|
|
605
|
-
for (let l = 0; l <
|
|
606
|
-
return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value:
|
|
604
|
+
let a = we(o.value);
|
|
605
|
+
a.length || (a = we(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
606
|
+
const r = [];
|
|
607
|
+
for (let l = 0; l < a.length; l += 1) a[l] = H(a[l], o), r.push(l);
|
|
608
|
+
return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: a, zIndices: r }, t;
|
|
607
609
|
}
|
|
608
610
|
M2(d, n);
|
|
609
611
|
var i = d.prototype;
|
|
610
612
|
return i.componentDidMount = function() {
|
|
611
613
|
typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
|
|
612
614
|
}, d.getDerivedStateFromProps = function(o, t) {
|
|
613
|
-
const
|
|
614
|
-
return
|
|
615
|
+
const a = we(o.value);
|
|
616
|
+
return a.length ? t.pending ? null : { value: a.map((r) => H(r, o)) } : null;
|
|
615
617
|
}, i.componentDidUpdate = function() {
|
|
616
618
|
this.state.upperBound === 0 && this.resize();
|
|
617
619
|
}, i.componentWillUnmount = function() {
|
|
618
620
|
this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
|
|
619
621
|
}, i.onEnd = function(o) {
|
|
620
622
|
o && function(t) {
|
|
621
|
-
Object.keys(t).forEach((
|
|
622
|
-
typeof document < "u" && document.removeEventListener(
|
|
623
|
+
Object.keys(t).forEach((a) => {
|
|
624
|
+
typeof document < "u" && document.removeEventListener(a, t[a], !1);
|
|
623
625
|
});
|
|
624
626
|
}(o), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
|
|
625
627
|
}, i.getValue = function() {
|
|
626
628
|
return pe(this.state.value);
|
|
627
629
|
}, i.getClosestIndex = function(o) {
|
|
628
|
-
let t = Number.MAX_VALUE,
|
|
629
|
-
const { value:
|
|
630
|
+
let t = Number.MAX_VALUE, a = -1;
|
|
631
|
+
const { value: r } = this.state, l = r.length;
|
|
630
632
|
for (let c = 0; c < l; c += 1) {
|
|
631
|
-
const u = this.calcOffset(
|
|
632
|
-
m < t && (t = m,
|
|
633
|
+
const u = this.calcOffset(r[c]), m = Math.abs(o - u);
|
|
634
|
+
m < t && (t = m, a = c);
|
|
633
635
|
}
|
|
634
|
-
return
|
|
636
|
+
return a;
|
|
635
637
|
}, i.getMousePosition = function(o) {
|
|
636
638
|
return [o["page" + this.axisKey()], o["page" + this.orthogonalAxisKey()]];
|
|
637
639
|
}, i.getTouchPosition = function(o) {
|
|
@@ -652,23 +654,23 @@ let Fe = function(n) {
|
|
|
652
654
|
}, i.resize = function() {
|
|
653
655
|
const { slider: o, thumb0: t } = this;
|
|
654
656
|
if (!o || !t) return;
|
|
655
|
-
const
|
|
656
|
-
this.state.upperBound ===
|
|
657
|
+
const a = this.sizeKey(), r = o.getBoundingClientRect(), l = o[a], c = r[this.posMaxKey()], u = r[this.posMinKey()], m = t.getBoundingClientRect()[a.replace("client", "").toLowerCase()], g = l - m, y = Math.abs(c - u);
|
|
658
|
+
this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === m || this.setState({ upperBound: g, sliderLength: y, thumbSize: m });
|
|
657
659
|
}, i.calcOffset = function(o) {
|
|
658
660
|
const t = this.props.max - this.props.min;
|
|
659
661
|
return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
|
|
660
662
|
}, i.calcValue = function(o) {
|
|
661
663
|
return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
|
|
662
664
|
}, i.calcOffsetFromPosition = function(o) {
|
|
663
|
-
const { slider: t } = this,
|
|
664
|
-
let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ?
|
|
665
|
+
const { slider: t } = this, a = t.getBoundingClientRect(), r = a[this.posMaxKey()], l = a[this.posMinKey()];
|
|
666
|
+
let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? r : l));
|
|
665
667
|
return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
|
|
666
668
|
}, i.forceValueFromPosition = function(o, t) {
|
|
667
|
-
const
|
|
668
|
-
c[
|
|
669
|
+
const a = this.calcOffsetFromPosition(o), r = this.getClosestIndex(a), l = H(this.calcValue(a), this.props), c = this.state.value.slice();
|
|
670
|
+
c[r] = l;
|
|
669
671
|
for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
|
|
670
672
|
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
|
|
671
|
-
t(
|
|
673
|
+
t(r), this.fireChangeEvent("onChange");
|
|
672
674
|
});
|
|
673
675
|
}, i.clearPendingResizeTimeouts = function() {
|
|
674
676
|
do {
|
|
@@ -676,49 +678,49 @@ let Fe = function(n) {
|
|
|
676
678
|
clearTimeout(o);
|
|
677
679
|
} while (this.pendingResizeTimeouts.length);
|
|
678
680
|
}, i.start = function(o, t) {
|
|
679
|
-
const
|
|
680
|
-
|
|
681
|
-
const { zIndices:
|
|
682
|
-
|
|
681
|
+
const a = this["thumb" + o];
|
|
682
|
+
a && a.focus();
|
|
683
|
+
const { zIndices: r } = this.state;
|
|
684
|
+
r.splice(r.indexOf(o), 1), r.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: r }));
|
|
683
685
|
}, i.moveUpByStep = function(o) {
|
|
684
686
|
o === void 0 && (o = this.props.step);
|
|
685
|
-
const t = this.state.value[this.state.index],
|
|
686
|
-
this.move(Math.min(
|
|
687
|
+
const t = this.state.value[this.state.index], a = H(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
|
|
688
|
+
this.move(Math.min(a, this.props.max));
|
|
687
689
|
}, i.moveDownByStep = function(o) {
|
|
688
690
|
o === void 0 && (o = this.props.step);
|
|
689
|
-
const t = this.state.value[this.state.index],
|
|
690
|
-
this.move(Math.max(
|
|
691
|
+
const t = this.state.value[this.state.index], a = H(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
|
|
692
|
+
this.move(Math.max(a, this.props.min));
|
|
691
693
|
}, i.move = function(o) {
|
|
692
|
-
const t = this.state.value.slice(), { index:
|
|
694
|
+
const t = this.state.value.slice(), { index: a } = this.state, { length: r } = t, l = t[a];
|
|
693
695
|
if (o === l) return;
|
|
694
696
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
695
|
-
const { pearling: c, max: u, min: m, minDistance:
|
|
697
|
+
const { pearling: c, max: u, min: m, minDistance: g } = this.props;
|
|
696
698
|
if (!c) {
|
|
697
|
-
if (
|
|
698
|
-
const
|
|
699
|
-
o <
|
|
699
|
+
if (a > 0) {
|
|
700
|
+
const y = t[a - 1];
|
|
701
|
+
o < y + g && (o = y + g);
|
|
700
702
|
}
|
|
701
|
-
if (
|
|
702
|
-
const
|
|
703
|
-
o >
|
|
703
|
+
if (a < r - 1) {
|
|
704
|
+
const y = t[a + 1];
|
|
705
|
+
o > y - g && (o = y - g);
|
|
704
706
|
}
|
|
705
707
|
}
|
|
706
|
-
t[
|
|
707
|
-
for (let
|
|
708
|
-
const
|
|
709
|
-
|
|
708
|
+
t[a] = o, c && r > 1 && (o > l ? (this.pushSucceeding(t, g, a), function(y, b, C, f) {
|
|
709
|
+
for (let h = 0; h < y; h += 1) {
|
|
710
|
+
const _ = f - h * C;
|
|
711
|
+
b[y - 1 - h] > _ && (b[y - 1 - h] = _);
|
|
710
712
|
}
|
|
711
|
-
}(
|
|
712
|
-
for (let
|
|
713
|
-
const
|
|
714
|
-
|
|
713
|
+
}(r, t, g, u)) : o < l && (this.pushPreceding(t, g, a), function(y, b, C, f) {
|
|
714
|
+
for (let h = 0; h < y; h += 1) {
|
|
715
|
+
const _ = f + h * C;
|
|
716
|
+
b[h] < _ && (b[h] = _);
|
|
715
717
|
}
|
|
716
|
-
}(
|
|
717
|
-
}, i.pushSucceeding = function(o, t,
|
|
718
|
-
let
|
|
719
|
-
for (
|
|
720
|
-
}, i.pushPreceding = function(o, t,
|
|
721
|
-
for (let
|
|
718
|
+
}(r, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
719
|
+
}, i.pushSucceeding = function(o, t, a) {
|
|
720
|
+
let r, l;
|
|
721
|
+
for (r = a, l = o[r] + t; o[r + 1] !== null && l > o[r + 1]; r += 1, l = o[r] + t) o[r + 1] = Le(l, this.props);
|
|
722
|
+
}, i.pushPreceding = function(o, t, a) {
|
|
723
|
+
for (let r = a, l = o[r] - t; o[r - 1] !== null && l < o[r - 1]; r -= 1, l = o[r] - t) o[r - 1] = Le(l, this.props);
|
|
722
724
|
}, i.axisKey = function() {
|
|
723
725
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
724
726
|
}, i.orthogonalAxisKey = function() {
|
|
@@ -732,39 +734,39 @@ let Fe = function(n) {
|
|
|
732
734
|
}, i.fireChangeEvent = function(o) {
|
|
733
735
|
this.props[o] && this.props[o](pe(this.state.value), this.state.index);
|
|
734
736
|
}, i.buildThumbStyle = function(o, t) {
|
|
735
|
-
const
|
|
736
|
-
return
|
|
737
|
+
const a = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
|
|
738
|
+
return a[this.posMinKey()] = o + "px", a;
|
|
737
739
|
}, i.buildTrackStyle = function(o, t) {
|
|
738
|
-
const
|
|
739
|
-
return
|
|
740
|
+
const a = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
|
|
741
|
+
return a[this.posMinKey()] = o, a[this.posMaxKey()] = t, a;
|
|
740
742
|
}, i.buildMarkStyle = function(o) {
|
|
741
743
|
var t;
|
|
742
744
|
return (t = { position: "absolute" })[this.posMinKey()] = o, t;
|
|
743
745
|
}, i.renderThumbs = function(o) {
|
|
744
|
-
const { length: t } = o,
|
|
745
|
-
for (let l = 0; l < t; l += 1)
|
|
746
|
-
const
|
|
747
|
-
for (let l = 0; l < t; l += 1)
|
|
748
|
-
return
|
|
746
|
+
const { length: t } = o, a = [];
|
|
747
|
+
for (let l = 0; l < t; l += 1) a[l] = this.buildThumbStyle(o[l], l);
|
|
748
|
+
const r = [];
|
|
749
|
+
for (let l = 0; l < t; l += 1) r[l] = this.renderThumb(a[l], l);
|
|
750
|
+
return r;
|
|
749
751
|
}, i.renderTracks = function(o) {
|
|
750
|
-
const t = [],
|
|
752
|
+
const t = [], a = o.length - 1;
|
|
751
753
|
t.push(this.renderTrack(0, 0, o[0]));
|
|
752
|
-
for (let
|
|
753
|
-
return t.push(this.renderTrack(
|
|
754
|
+
for (let r = 0; r < a; r += 1) t.push(this.renderTrack(r + 1, o[r], o[r + 1]));
|
|
755
|
+
return t.push(this.renderTrack(a + 1, o[a], this.state.upperBound)), t;
|
|
754
756
|
}, i.renderMarks = function() {
|
|
755
757
|
let { marks: o } = this.props;
|
|
756
758
|
const t = this.props.max - this.props.min + 1;
|
|
757
|
-
return typeof o == "boolean" ? o = Array.from({ length: t }).map((
|
|
758
|
-
const
|
|
759
|
+
return typeof o == "boolean" ? o = Array.from({ length: t }).map((a, r) => r) : typeof o == "number" && (o = Array.from({ length: t }).map((a, r) => r).filter((a) => a % o == 0)), o.map(parseFloat).sort((a, r) => a - r).map((a) => {
|
|
760
|
+
const r = this.calcOffset(a), l = { key: a, className: this.props.markClassName, style: this.buildMarkStyle(r) };
|
|
759
761
|
return this.props.renderMark(l);
|
|
760
762
|
});
|
|
761
763
|
}, i.render = function() {
|
|
762
|
-
const o = [], { value: t } = this.state,
|
|
763
|
-
for (let u = 0; u <
|
|
764
|
-
const
|
|
764
|
+
const o = [], { value: t } = this.state, a = t.length;
|
|
765
|
+
for (let u = 0; u < a; u += 1) o[u] = this.calcOffset(t[u], u);
|
|
766
|
+
const r = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
|
|
765
767
|
return B.createElement("div", { ref: (u) => {
|
|
766
768
|
this.slider = u, this.resizeElementRef.current = u;
|
|
767
|
-
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick },
|
|
769
|
+
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, r, l, c);
|
|
768
770
|
}, d;
|
|
769
771
|
}(B.Component);
|
|
770
772
|
Fe.displayName = "ReactSlider", Fe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) => B.createElement("div", n), renderTrack: (n) => B.createElement("div", n), renderMark: (n) => B.createElement("span", n) };
|
|
@@ -782,12 +784,12 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
|
|
|
782
784
|
step: i = 1,
|
|
783
785
|
onChange: o,
|
|
784
786
|
width: t = 300,
|
|
785
|
-
unit:
|
|
786
|
-
fontColor:
|
|
787
|
+
unit: a,
|
|
788
|
+
fontColor: r = "#605B56",
|
|
787
789
|
defaultValue: l
|
|
788
790
|
}) => {
|
|
789
|
-
const { t: c } = k(), [u, m] = $([n, d]),
|
|
790
|
-
m(
|
|
791
|
+
const { t: c } = k(), [u, m] = $([n, d]), g = (y) => {
|
|
792
|
+
m(y), o == null || o({ min: y[0], max: y[1] });
|
|
791
793
|
};
|
|
792
794
|
return L(() => {
|
|
793
795
|
l || m([n, d]);
|
|
@@ -795,9 +797,9 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
|
|
|
795
797
|
"div",
|
|
796
798
|
{
|
|
797
799
|
className: X.container,
|
|
798
|
-
style: { width: `${t}px`, color: `${
|
|
800
|
+
style: { width: `${t}px`, color: `${r}` },
|
|
799
801
|
children: [
|
|
800
|
-
/* @__PURE__ */ s("div", { className: X.unitLabel, children: /* @__PURE__ */ s("span", { children: c(
|
|
802
|
+
/* @__PURE__ */ s("div", { className: X.unitLabel, children: /* @__PURE__ */ s("span", { children: c(a) }) }),
|
|
801
803
|
/* @__PURE__ */ s(
|
|
802
804
|
$2,
|
|
803
805
|
{
|
|
@@ -808,7 +810,7 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
|
|
|
808
810
|
max: d,
|
|
809
811
|
step: i,
|
|
810
812
|
value: u,
|
|
811
|
-
onAfterChange:
|
|
813
|
+
onAfterChange: g,
|
|
812
814
|
withTracks: !0,
|
|
813
815
|
pearling: !0,
|
|
814
816
|
minDistance: 0.1
|
|
@@ -846,26 +848,26 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
846
848
|
}) => {
|
|
847
849
|
const [i, o] = $(), {
|
|
848
850
|
type: t,
|
|
849
|
-
name:
|
|
850
|
-
values:
|
|
851
|
+
name: a,
|
|
852
|
+
values: r,
|
|
851
853
|
minValue: l,
|
|
852
854
|
maxValue: c,
|
|
853
855
|
unit: u,
|
|
854
856
|
step: m
|
|
855
|
-
} = n || {},
|
|
857
|
+
} = n || {}, g = le(
|
|
856
858
|
() => t == "cat" || i == "cat",
|
|
857
859
|
[i, t]
|
|
858
|
-
),
|
|
860
|
+
), y = le(
|
|
859
861
|
() => t == "abs" || i == "abs",
|
|
860
862
|
[i, t]
|
|
861
863
|
), {
|
|
862
|
-
tematicalFiltersSelected:
|
|
863
|
-
selectedIndicator:
|
|
864
|
-
fontColor:
|
|
865
|
-
inputsColor:
|
|
866
|
-
} = T((
|
|
867
|
-
if (
|
|
868
|
-
const { min:
|
|
864
|
+
tematicalFiltersSelected: b,
|
|
865
|
+
selectedIndicator: C,
|
|
866
|
+
fontColor: f,
|
|
867
|
+
inputsColor: h
|
|
868
|
+
} = T((x) => x), _ = (x) => {
|
|
869
|
+
if (x) {
|
|
870
|
+
const { min: w, max: N, valueClicked: S, allValues: D } = x || {}, { code: j, type: de } = n || {}, ue = y ? "abs" : g ? "cat" : "both";
|
|
869
871
|
let R = j[0];
|
|
870
872
|
de == "both" && (R = ue == "cat" ? j[1] : j[0]), ue == "cat" ? T.setState((q) => {
|
|
871
873
|
let E = q.tematicalFiltersSelected.find(
|
|
@@ -888,7 +890,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
888
890
|
let V = D.map((I, yt) => yt);
|
|
889
891
|
return {
|
|
890
892
|
tematicalFiltersSelected: [
|
|
891
|
-
...
|
|
893
|
+
...b,
|
|
892
894
|
{
|
|
893
895
|
type: "cat",
|
|
894
896
|
code: R,
|
|
@@ -902,7 +904,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
902
904
|
let E = q.tematicalFiltersSelected.find(
|
|
903
905
|
(V) => V.code === R
|
|
904
906
|
);
|
|
905
|
-
if (
|
|
907
|
+
if (w == n.minValue && N == n.maxValue)
|
|
906
908
|
return {
|
|
907
909
|
tematicalFiltersSelected: q.tematicalFiltersSelected.filter(
|
|
908
910
|
(V) => V.code !== R
|
|
@@ -910,7 +912,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
910
912
|
};
|
|
911
913
|
if (E) {
|
|
912
914
|
let V = { ...E };
|
|
913
|
-
return V.min =
|
|
915
|
+
return V.min = w, V.max = N, {
|
|
914
916
|
tematicalFiltersSelected: q.tematicalFiltersSelected.map(
|
|
915
917
|
(I) => I.code === R ? V : I
|
|
916
918
|
)
|
|
@@ -918,40 +920,40 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
918
920
|
} else
|
|
919
921
|
return {
|
|
920
922
|
tematicalFiltersSelected: [
|
|
921
|
-
...
|
|
922
|
-
{ type: "abs", code: R, min:
|
|
923
|
+
...b,
|
|
924
|
+
{ type: "abs", code: R, min: w, max: N, name: n.name }
|
|
923
925
|
]
|
|
924
926
|
};
|
|
925
927
|
});
|
|
926
928
|
}
|
|
927
|
-
},
|
|
928
|
-
const
|
|
929
|
-
if ((
|
|
930
|
-
for (const
|
|
931
|
-
|
|
932
|
-
return console.log("mapfilterSelected",
|
|
933
|
-
}, [
|
|
929
|
+
}, v = le(() => {
|
|
930
|
+
const x = {};
|
|
931
|
+
if ((b == null ? void 0 : b.length) > 0)
|
|
932
|
+
for (const w of b)
|
|
933
|
+
w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
|
|
934
|
+
return console.log("mapfilterSelected", x), x;
|
|
935
|
+
}, [b]);
|
|
934
936
|
return /* @__PURE__ */ s("div", { className: he.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
|
|
935
937
|
Q,
|
|
936
938
|
{
|
|
937
939
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
938
|
-
title:
|
|
939
|
-
isOpen:
|
|
940
|
+
title: a,
|
|
941
|
+
isOpen: C == `id${a}`,
|
|
940
942
|
onClick: () => T.setState(() => ({
|
|
941
|
-
selectedIndicator:
|
|
943
|
+
selectedIndicator: C == `id${a}` ? "" : `id${a}`
|
|
942
944
|
})),
|
|
943
945
|
showBottomBar: !1,
|
|
944
946
|
height: 42,
|
|
945
947
|
titleMarginChildren: 14,
|
|
946
948
|
className: "tematicalFiltersInputContainer",
|
|
947
|
-
color:
|
|
949
|
+
color: f,
|
|
948
950
|
activeColor: d,
|
|
949
951
|
children: [
|
|
950
952
|
t == "both" && /* @__PURE__ */ p(
|
|
951
953
|
"div",
|
|
952
954
|
{
|
|
953
955
|
className: he.inputTypeContainer,
|
|
954
|
-
style: { color:
|
|
956
|
+
style: { color: f },
|
|
955
957
|
children: [
|
|
956
958
|
/* @__PURE__ */ p("label", { children: [
|
|
957
959
|
/* @__PURE__ */ s(
|
|
@@ -965,8 +967,8 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
965
967
|
},
|
|
966
968
|
style: {
|
|
967
969
|
marginRight: 4,
|
|
968
|
-
backgroundColor: i == "abs" ?
|
|
969
|
-
border: `1.5px solid ${i == "abs" ?
|
|
970
|
+
backgroundColor: i == "abs" ? h : "white",
|
|
971
|
+
border: `1.5px solid ${i == "abs" ? h : f}`
|
|
970
972
|
}
|
|
971
973
|
}
|
|
972
974
|
),
|
|
@@ -984,8 +986,8 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
984
986
|
},
|
|
985
987
|
style: {
|
|
986
988
|
marginRight: 4,
|
|
987
|
-
backgroundColor: i == "cat" ?
|
|
988
|
-
border: `1.5px solid ${i == "cat" ?
|
|
989
|
+
backgroundColor: i == "cat" ? h : "white",
|
|
990
|
+
border: `1.5px solid ${i == "cat" ? h : f}`
|
|
989
991
|
}
|
|
990
992
|
}
|
|
991
993
|
),
|
|
@@ -994,26 +996,26 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
|
|
|
994
996
|
]
|
|
995
997
|
}
|
|
996
998
|
),
|
|
997
|
-
|
|
999
|
+
g && /* @__PURE__ */ s("div", { className: he.checkboxContainer, children: r.map((x, w) => {
|
|
998
1000
|
var N;
|
|
999
1001
|
return /* @__PURE__ */ s(
|
|
1000
1002
|
ot,
|
|
1001
1003
|
{
|
|
1002
|
-
onClick: () =>
|
|
1003
|
-
indicator:
|
|
1004
|
-
value: ((N =
|
|
1004
|
+
onClick: () => _({ valueClicked: w, allValues: r }),
|
|
1005
|
+
indicator: x,
|
|
1006
|
+
value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
|
|
1005
1007
|
},
|
|
1006
|
-
`checkbox-${
|
|
1008
|
+
`checkbox-${w}`
|
|
1007
1009
|
);
|
|
1008
1010
|
}) }),
|
|
1009
|
-
|
|
1011
|
+
y && /* @__PURE__ */ s("div", { className: he.absoluteSliderContainer, children: /* @__PURE__ */ s(
|
|
1010
1012
|
st,
|
|
1011
1013
|
{
|
|
1012
|
-
onChange:
|
|
1014
|
+
onChange: _,
|
|
1013
1015
|
min: l,
|
|
1014
1016
|
max: c,
|
|
1015
1017
|
unit: u,
|
|
1016
|
-
defaultValue:
|
|
1018
|
+
defaultValue: v[n.code[0]] ? v[n.code[0]] : "",
|
|
1017
1019
|
step: m
|
|
1018
1020
|
}
|
|
1019
1021
|
) })
|
|
@@ -1042,15 +1044,15 @@ const rt = ({
|
|
|
1042
1044
|
activeColor: i
|
|
1043
1045
|
//onChangeBothType,
|
|
1044
1046
|
}) => {
|
|
1045
|
-
const { activeSubcategory: o } = T((
|
|
1047
|
+
const { activeSubcategory: o } = T((r) => r), { name: t, indicators: a } = n || {};
|
|
1046
1048
|
return /* @__PURE__ */ s(
|
|
1047
1049
|
Q,
|
|
1048
1050
|
{
|
|
1049
1051
|
title: t,
|
|
1050
1052
|
isOpen: o == `id${t}`,
|
|
1051
1053
|
onClick: () => {
|
|
1052
|
-
T.setState((
|
|
1053
|
-
activeSubcategory:
|
|
1054
|
+
T.setState((r) => ({
|
|
1055
|
+
activeSubcategory: r.activeSubcategory === `id${t}` ? "" : `id${t}`
|
|
1054
1056
|
}));
|
|
1055
1057
|
},
|
|
1056
1058
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
@@ -1059,10 +1061,10 @@ const rt = ({
|
|
|
1059
1061
|
height: 48,
|
|
1060
1062
|
color: d,
|
|
1061
1063
|
activeColor: i,
|
|
1062
|
-
children:
|
|
1064
|
+
children: a == null ? void 0 : a.map((r, l) => /* @__PURE__ */ s(
|
|
1063
1065
|
Oe,
|
|
1064
1066
|
{
|
|
1065
|
-
indicator:
|
|
1067
|
+
indicator: r,
|
|
1066
1068
|
fontColor: d,
|
|
1067
1069
|
activeColor: i
|
|
1068
1070
|
},
|
|
@@ -1089,26 +1091,26 @@ const at = ({
|
|
|
1089
1091
|
// onChangeBothType,
|
|
1090
1092
|
activeColor: d
|
|
1091
1093
|
}) => {
|
|
1092
|
-
const { name: i, subcategories: o, indicators: t } = n || {}, { activeCategory:
|
|
1094
|
+
const { name: i, subcategories: o, indicators: t } = n || {}, { activeCategory: a, fontColor: r } = T((l) => l);
|
|
1093
1095
|
return n && /* @__PURE__ */ s(
|
|
1094
1096
|
Q,
|
|
1095
1097
|
{
|
|
1096
1098
|
onClick: () => {
|
|
1097
1099
|
T.setState((l) => ({
|
|
1098
|
-
activeCategory:
|
|
1100
|
+
activeCategory: a === `id${i}` ? "" : `id${i}`
|
|
1099
1101
|
}));
|
|
1100
1102
|
},
|
|
1101
1103
|
title: i,
|
|
1102
|
-
isOpen:
|
|
1104
|
+
isOpen: a === `id${i}`,
|
|
1103
1105
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1104
1106
|
showBottomBar: !1,
|
|
1105
|
-
color:
|
|
1107
|
+
color: r,
|
|
1106
1108
|
activeColor: d,
|
|
1107
1109
|
children: o ? o.map((l, c) => /* @__PURE__ */ s(
|
|
1108
1110
|
rt,
|
|
1109
1111
|
{
|
|
1110
1112
|
subcategory: l,
|
|
1111
|
-
fontColor:
|
|
1113
|
+
fontColor: r,
|
|
1112
1114
|
activeColor: d
|
|
1113
1115
|
},
|
|
1114
1116
|
`subcategory-${c}`
|
|
@@ -1116,7 +1118,7 @@ const at = ({
|
|
|
1116
1118
|
Oe,
|
|
1117
1119
|
{
|
|
1118
1120
|
indicator: l,
|
|
1119
|
-
fontColor:
|
|
1121
|
+
fontColor: r,
|
|
1120
1122
|
activeColor: d
|
|
1121
1123
|
},
|
|
1122
1124
|
`indicator-${c}`
|
|
@@ -1140,9 +1142,9 @@ const lt = ({
|
|
|
1140
1142
|
fontColor: o = "#605B56",
|
|
1141
1143
|
//The color of the slider and the checkbox when is checked
|
|
1142
1144
|
inputsColor: t = "#605B56",
|
|
1143
|
-
activeColor:
|
|
1145
|
+
activeColor: a
|
|
1144
1146
|
}) => {
|
|
1145
|
-
const { tematicalFiltersSelected:
|
|
1147
|
+
const { tematicalFiltersSelected: r } = T((c) => c), { t: l } = k();
|
|
1146
1148
|
return L(() => {
|
|
1147
1149
|
o && T.setState(() => ({ fontColor: o }));
|
|
1148
1150
|
}, [o]), L(() => {
|
|
@@ -1153,13 +1155,13 @@ const lt = ({
|
|
|
1153
1155
|
isOpen: d,
|
|
1154
1156
|
title: i ? l(i) : "Tematical filters",
|
|
1155
1157
|
color: o,
|
|
1156
|
-
activeColor:
|
|
1158
|
+
activeColor: a,
|
|
1157
1159
|
children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
|
|
1158
1160
|
at,
|
|
1159
1161
|
{
|
|
1160
1162
|
category: c,
|
|
1161
1163
|
fontColor: o,
|
|
1162
|
-
activeColor:
|
|
1164
|
+
activeColor: a
|
|
1163
1165
|
},
|
|
1164
1166
|
`category-${u}`
|
|
1165
1167
|
))
|
|
@@ -1188,73 +1190,73 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1188
1190
|
defaultFilters: i,
|
|
1189
1191
|
indicators: o,
|
|
1190
1192
|
activeColor: t,
|
|
1191
|
-
textColor:
|
|
1192
|
-
backgroundColor:
|
|
1193
|
+
textColor: a,
|
|
1194
|
+
backgroundColor: r,
|
|
1193
1195
|
onChangeAppliedFilters: l,
|
|
1194
1196
|
saveAmbit: c,
|
|
1195
1197
|
namePlaceholder: u,
|
|
1196
1198
|
descPlaceholder: m,
|
|
1197
|
-
filtersTypes:
|
|
1198
|
-
nameRequiredText:
|
|
1199
|
-
onlyFilters:
|
|
1199
|
+
filtersTypes: g = ["geographical", "tematical"],
|
|
1200
|
+
nameRequiredText: y,
|
|
1201
|
+
onlyFilters: b = !1
|
|
1200
1202
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1201
1203
|
}) => {
|
|
1202
|
-
const { t:
|
|
1204
|
+
const { t: C } = k(), { tematicalFiltersSelected: f } = T((D) => D), [h, _] = $(n || null), [v, x] = $(d || null), [w, N] = $(!1);
|
|
1203
1205
|
L(() => {
|
|
1204
1206
|
i && i.length > 0 && T.setState((D) => ({
|
|
1205
1207
|
tematicalFiltersSelected: i
|
|
1206
1208
|
}));
|
|
1207
1209
|
}, [i]), L(() => {
|
|
1208
|
-
console.log("filtersSelected changed: ",
|
|
1209
|
-
}, [
|
|
1210
|
+
console.log("filtersSelected changed: ", f), l(f);
|
|
1211
|
+
}, [f]);
|
|
1210
1212
|
const S = () => {
|
|
1211
|
-
|
|
1213
|
+
h ? c({ name: h, description: v }) : N(!0);
|
|
1212
1214
|
};
|
|
1213
1215
|
return /* @__PURE__ */ p("div", { className: J.FiltersAmbitContainer, children: [
|
|
1214
|
-
!
|
|
1216
|
+
!b && /* @__PURE__ */ p("div", { className: J.FiltersAmbitHeader, children: [
|
|
1215
1217
|
/* @__PURE__ */ s("div", { className: J.FiltersAmbitTitle, children: /* @__PURE__ */ s(
|
|
1216
1218
|
"input",
|
|
1217
1219
|
{
|
|
1218
1220
|
type: "text",
|
|
1219
1221
|
onChange: (D) => {
|
|
1220
|
-
N(!1),
|
|
1222
|
+
N(!1), _(D.target.value);
|
|
1221
1223
|
},
|
|
1222
|
-
value:
|
|
1223
|
-
placeholder:
|
|
1224
|
+
value: h,
|
|
1225
|
+
placeholder: C(u)
|
|
1224
1226
|
}
|
|
1225
1227
|
) }),
|
|
1226
1228
|
/* @__PURE__ */ s("div", { className: J.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: J.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
|
|
1227
1229
|
"textarea",
|
|
1228
1230
|
{
|
|
1229
|
-
value:
|
|
1230
|
-
onChange: (D) =>
|
|
1231
|
-
placeholder:
|
|
1231
|
+
value: v,
|
|
1232
|
+
onChange: (D) => x(D.target.value),
|
|
1233
|
+
placeholder: C(m)
|
|
1232
1234
|
}
|
|
1233
1235
|
) }) })
|
|
1234
1236
|
] }),
|
|
1235
1237
|
/* @__PURE__ */ s(
|
|
1236
1238
|
nt,
|
|
1237
1239
|
{
|
|
1238
|
-
title:
|
|
1240
|
+
title: C("applied_filters"),
|
|
1239
1241
|
isOpen: !0,
|
|
1240
|
-
textColor:
|
|
1241
|
-
backgroundColor:
|
|
1242
|
+
textColor: a || "#fff",
|
|
1243
|
+
backgroundColor: r || "#605B5680",
|
|
1242
1244
|
activeColor: t
|
|
1243
1245
|
}
|
|
1244
1246
|
),
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
+
g.includes("geographical") && /* @__PURE__ */ s(it, { activeColor: t }),
|
|
1248
|
+
g.includes("tematical") && /* @__PURE__ */ s(
|
|
1247
1249
|
lt,
|
|
1248
1250
|
{
|
|
1249
1251
|
indicators: o,
|
|
1250
1252
|
inputsColor: t,
|
|
1251
|
-
textColor:
|
|
1253
|
+
textColor: a,
|
|
1252
1254
|
title: "tematical_filters",
|
|
1253
1255
|
activeColor: t
|
|
1254
1256
|
}
|
|
1255
1257
|
),
|
|
1256
|
-
|
|
1257
|
-
!
|
|
1258
|
+
w && /* @__PURE__ */ s("div", { className: J.warning, children: C(y) }),
|
|
1259
|
+
!b && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(fe, { onClick: () => S(), children: C("save_ambit") }) })
|
|
1258
1260
|
] });
|
|
1259
1261
|
};
|
|
1260
1262
|
U2.propTypes = {
|
|
@@ -1280,22 +1282,22 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
|
|
|
1280
1282
|
barHeight: i = 25,
|
|
1281
1283
|
gap: o = 23,
|
|
1282
1284
|
fontColor: t = "#605B56",
|
|
1283
|
-
verticalPaddign:
|
|
1284
|
-
horizontalPaddign:
|
|
1285
|
+
verticalPaddign: a = 10,
|
|
1286
|
+
horizontalPaddign: r = 20,
|
|
1285
1287
|
leftPadding: l = 200,
|
|
1286
1288
|
numberOfDivisions: c = 7,
|
|
1287
1289
|
maxValue: u = null
|
|
1288
1290
|
}) => {
|
|
1289
|
-
const { t: m } = k(), { xScale:
|
|
1291
|
+
const { t: m } = k(), { xScale: g, ticks: y, height: b } = le(() => {
|
|
1290
1292
|
if (n && n.length > 0) {
|
|
1291
|
-
const
|
|
1293
|
+
const C = (n == null ? void 0 : n.length) * (i + o) + a * 2, f = Pe.max(n, (v) => v.value) || 1, h = Pe.scaleLinear().domain([0, u || f]).range([0, d - l]), _ = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : f / c * x);
|
|
1292
1294
|
return {
|
|
1293
|
-
xScale:
|
|
1294
|
-
ticks:
|
|
1295
|
-
height:
|
|
1295
|
+
xScale: h,
|
|
1296
|
+
ticks: _,
|
|
1297
|
+
height: C,
|
|
1296
1298
|
width: d,
|
|
1297
|
-
verticalPaddign:
|
|
1298
|
-
horizontalPaddign:
|
|
1299
|
+
verticalPaddign: a,
|
|
1300
|
+
horizontalPaddign: r
|
|
1299
1301
|
};
|
|
1300
1302
|
} else
|
|
1301
1303
|
return { xScale: null, ticks: [], height: 0 };
|
|
@@ -1305,40 +1307,40 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
|
|
|
1305
1307
|
c,
|
|
1306
1308
|
i,
|
|
1307
1309
|
o,
|
|
1308
|
-
a,
|
|
1309
1310
|
r,
|
|
1311
|
+
a,
|
|
1310
1312
|
u
|
|
1311
1313
|
]);
|
|
1312
|
-
return /* @__PURE__ */ s("div", { className: W2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d +
|
|
1313
|
-
/* @__PURE__ */ s("g", { transform: `translate(${l +
|
|
1314
|
-
const
|
|
1315
|
-
return /* @__PURE__ */ p("g", { transform: `translate(${
|
|
1314
|
+
return /* @__PURE__ */ s("div", { className: W2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + r * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
|
|
1315
|
+
/* @__PURE__ */ s("g", { transform: `translate(${l + r}, 0)`, children: y.map((C, f) => {
|
|
1316
|
+
const h = g(C);
|
|
1317
|
+
return /* @__PURE__ */ p("g", { transform: `translate(${h}, 0)`, children: [
|
|
1316
1318
|
/* @__PURE__ */ s(
|
|
1317
1319
|
"line",
|
|
1318
1320
|
{
|
|
1319
1321
|
y1: 0,
|
|
1320
|
-
y2:
|
|
1322
|
+
y2: b - o * 2,
|
|
1321
1323
|
stroke: "#ccc"
|
|
1322
1324
|
}
|
|
1323
1325
|
),
|
|
1324
1326
|
/* @__PURE__ */ s(
|
|
1325
1327
|
"text",
|
|
1326
1328
|
{
|
|
1327
|
-
y:
|
|
1329
|
+
y: b - o,
|
|
1328
1330
|
textAnchor: "middle",
|
|
1329
1331
|
fontSize: 10,
|
|
1330
1332
|
fill: t,
|
|
1331
|
-
children: parseInt(
|
|
1333
|
+
children: parseInt(C)
|
|
1332
1334
|
}
|
|
1333
1335
|
)
|
|
1334
|
-
] },
|
|
1336
|
+
] }, f);
|
|
1335
1337
|
}) }),
|
|
1336
|
-
n && n.length > 0 && (n == null ? void 0 : n.map((
|
|
1337
|
-
const
|
|
1338
|
+
n && n.length > 0 && (n == null ? void 0 : n.map((C, f) => {
|
|
1339
|
+
const h = g(C.value), _ = f * (i + o);
|
|
1338
1340
|
return /* @__PURE__ */ p(
|
|
1339
1341
|
"g",
|
|
1340
1342
|
{
|
|
1341
|
-
transform: `translate(${l +
|
|
1343
|
+
transform: `translate(${l + r}, ${_})`,
|
|
1342
1344
|
children: [
|
|
1343
1345
|
/* @__PURE__ */ s(
|
|
1344
1346
|
"text",
|
|
@@ -1347,21 +1349,21 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
|
|
|
1347
1349
|
y: i / 2 + 5,
|
|
1348
1350
|
textAnchor: "end",
|
|
1349
1351
|
fill: t,
|
|
1350
|
-
children: m(
|
|
1352
|
+
children: m(C.title)
|
|
1351
1353
|
}
|
|
1352
1354
|
),
|
|
1353
1355
|
/* @__PURE__ */ s(
|
|
1354
1356
|
"rect",
|
|
1355
1357
|
{
|
|
1356
|
-
width:
|
|
1358
|
+
width: h,
|
|
1357
1359
|
height: i,
|
|
1358
|
-
fill:
|
|
1360
|
+
fill: C.color,
|
|
1359
1361
|
rx: 0
|
|
1360
1362
|
}
|
|
1361
1363
|
)
|
|
1362
1364
|
]
|
|
1363
1365
|
},
|
|
1364
|
-
|
|
1366
|
+
f
|
|
1365
1367
|
);
|
|
1366
1368
|
}))
|
|
1367
1369
|
] }) }) });
|
|
@@ -1391,8 +1393,8 @@ const Y2 = "_graphicContainer_c9zrg_2", Q2 = "_titleContainer_c9zrg_14", Ze = {
|
|
|
1391
1393
|
containerStyle: i,
|
|
1392
1394
|
borderColor: o = "#605B56",
|
|
1393
1395
|
title: t = "Graphic Title",
|
|
1394
|
-
fontColor:
|
|
1395
|
-
maxValue:
|
|
1396
|
+
fontColor: a = "#605B56",
|
|
1397
|
+
maxValue: r = null,
|
|
1396
1398
|
numberOfDivisions: l = 7,
|
|
1397
1399
|
leftPadding: c = 200
|
|
1398
1400
|
}) => {
|
|
@@ -1412,8 +1414,8 @@ const Y2 = "_graphicContainer_c9zrg_2", Q2 = "_titleContainer_c9zrg_14", Ze = {
|
|
|
1412
1414
|
{
|
|
1413
1415
|
data: n,
|
|
1414
1416
|
width: d,
|
|
1415
|
-
fontColor:
|
|
1416
|
-
maxValue:
|
|
1417
|
+
fontColor: a,
|
|
1418
|
+
maxValue: r,
|
|
1417
1419
|
numberOfDivisions: l,
|
|
1418
1420
|
leftPadding: c
|
|
1419
1421
|
}
|
|
@@ -1439,7 +1441,7 @@ X2.propTypes = {
|
|
|
1439
1441
|
numberOfDivisions: e.number,
|
|
1440
1442
|
leftPadding: e.number
|
|
1441
1443
|
};
|
|
1442
|
-
const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu33_11",
|
|
1444
|
+
const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu33_11", xe = {
|
|
1443
1445
|
indicatorsCategory: J2,
|
|
1444
1446
|
title: e0,
|
|
1445
1447
|
list: t0
|
|
@@ -1460,20 +1462,20 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1460
1462
|
activeColor: i,
|
|
1461
1463
|
defaultColor: o = "#92898A",
|
|
1462
1464
|
activeIndicator: t,
|
|
1463
|
-
activeIndicatorType:
|
|
1464
|
-
onClickIndicator:
|
|
1465
|
+
activeIndicatorType: a,
|
|
1466
|
+
onClickIndicator: r,
|
|
1465
1467
|
multiple: l = !1,
|
|
1466
1468
|
onChangeType: c
|
|
1467
1469
|
}) => {
|
|
1468
|
-
const { t: u } = k(), { name: m, type:
|
|
1470
|
+
const { t: u } = k(), { name: m, type: g } = n, [y, b] = $(!1);
|
|
1469
1471
|
L(() => {
|
|
1470
|
-
t &&
|
|
1472
|
+
t && b(
|
|
1471
1473
|
l ? t.some(
|
|
1472
|
-
(
|
|
1474
|
+
(h) => h.name == String(m)
|
|
1473
1475
|
) : t.name == m
|
|
1474
1476
|
);
|
|
1475
1477
|
}, [t]);
|
|
1476
|
-
const
|
|
1478
|
+
const C = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ p("div", { className: F.switchTypeOptions, children: [
|
|
1477
1479
|
/* @__PURE__ */ p(
|
|
1478
1480
|
"div",
|
|
1479
1481
|
{
|
|
@@ -1485,8 +1487,8 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1485
1487
|
{
|
|
1486
1488
|
className: `${F.customRadious}`,
|
|
1487
1489
|
style: {
|
|
1488
|
-
backgroundColor:
|
|
1489
|
-
borderColor:
|
|
1490
|
+
backgroundColor: a === "cat" ? i : "transparent",
|
|
1491
|
+
borderColor: a === "cat" ? i : o
|
|
1490
1492
|
}
|
|
1491
1493
|
}
|
|
1492
1494
|
),
|
|
@@ -1495,7 +1497,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1495
1497
|
{
|
|
1496
1498
|
className: F.optionText,
|
|
1497
1499
|
style: {
|
|
1498
|
-
color:
|
|
1500
|
+
color: a === "cat" ? i : o
|
|
1499
1501
|
},
|
|
1500
1502
|
children: u("indicators.cat")
|
|
1501
1503
|
}
|
|
@@ -1514,8 +1516,8 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1514
1516
|
{
|
|
1515
1517
|
className: `${F.customRadious}`,
|
|
1516
1518
|
style: {
|
|
1517
|
-
backgroundColor:
|
|
1518
|
-
borderColor:
|
|
1519
|
+
backgroundColor: a === "abs" ? i : "transparent",
|
|
1520
|
+
borderColor: a === "abs" ? i : o
|
|
1519
1521
|
}
|
|
1520
1522
|
}
|
|
1521
1523
|
),
|
|
@@ -1524,7 +1526,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1524
1526
|
{
|
|
1525
1527
|
className: F.optionText,
|
|
1526
1528
|
style: {
|
|
1527
|
-
color:
|
|
1529
|
+
color: a === "abs" ? i : o
|
|
1528
1530
|
},
|
|
1529
1531
|
children: u("indicators.abs")
|
|
1530
1532
|
}
|
|
@@ -1532,7 +1534,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1532
1534
|
]
|
|
1533
1535
|
}
|
|
1534
1536
|
)
|
|
1535
|
-
] }) }) }),
|
|
1537
|
+
] }) }) }), f = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ s("div", { className: F.switchTypeOptions, children: d.map((h, _) => /* @__PURE__ */ p(
|
|
1536
1538
|
"div",
|
|
1537
1539
|
{
|
|
1538
1540
|
className: F.optionContainer,
|
|
@@ -1543,23 +1545,23 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1543
1545
|
className: F.customRadious
|
|
1544
1546
|
}
|
|
1545
1547
|
),
|
|
1546
|
-
/* @__PURE__ */ s("h4", { children: u(
|
|
1548
|
+
/* @__PURE__ */ s("h4", { children: u(h.unit) })
|
|
1547
1549
|
]
|
|
1548
1550
|
},
|
|
1549
|
-
|
|
1551
|
+
_
|
|
1550
1552
|
)) }) }) });
|
|
1551
1553
|
return /* @__PURE__ */ p("div", { className: F.indicatorContainer, children: [
|
|
1552
1554
|
/* @__PURE__ */ p(
|
|
1553
1555
|
"div",
|
|
1554
1556
|
{
|
|
1555
1557
|
className: F.indicatorNameContainer,
|
|
1556
|
-
onClick: () =>
|
|
1558
|
+
onClick: () => r({ indicator: n }),
|
|
1557
1559
|
children: [
|
|
1558
1560
|
/* @__PURE__ */ s(
|
|
1559
1561
|
"div",
|
|
1560
1562
|
{
|
|
1561
1563
|
style: {
|
|
1562
|
-
border:
|
|
1564
|
+
border: y ? `1px solid ${i}` : `1px solid ${o}`
|
|
1563
1565
|
},
|
|
1564
1566
|
className: F.dot
|
|
1565
1567
|
}
|
|
@@ -1568,15 +1570,15 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
|
|
|
1568
1570
|
"h4",
|
|
1569
1571
|
{
|
|
1570
1572
|
className: F.indicatorName,
|
|
1571
|
-
style: { color:
|
|
1573
|
+
style: { color: y ? i : o },
|
|
1572
1574
|
children: /* @__PURE__ */ s(Ae, { i18nKey: m, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 })
|
|
1573
1575
|
}
|
|
1574
1576
|
)
|
|
1575
1577
|
]
|
|
1576
1578
|
}
|
|
1577
1579
|
),
|
|
1578
|
-
(t == null ? void 0 : t.name) === m &&
|
|
1579
|
-
(t == null ? void 0 : t.name) === m &&
|
|
1580
|
+
(t == null ? void 0 : t.name) === m && g === "both" && /* @__PURE__ */ s("div", { children: C() }),
|
|
1581
|
+
(t == null ? void 0 : t.name) === m && g === "twoUnits" && /* @__PURE__ */ s("div", { children: f() })
|
|
1580
1582
|
] });
|
|
1581
1583
|
};
|
|
1582
1584
|
Re.propTypes = {
|
|
@@ -1600,48 +1602,48 @@ const p0 = "_indicatorsSubCategory_1dzsi_2", m0 = "_list_1dzsi_8", Ke = {
|
|
|
1600
1602
|
defaultColor: i,
|
|
1601
1603
|
activeColor: o,
|
|
1602
1604
|
activeSubCategory: t,
|
|
1603
|
-
onClickSubCategory:
|
|
1604
|
-
id:
|
|
1605
|
+
onClickSubCategory: a,
|
|
1606
|
+
id: r,
|
|
1605
1607
|
activeIndicator: l,
|
|
1606
1608
|
onClickIndicator: c,
|
|
1607
1609
|
multiple: u,
|
|
1608
1610
|
activeIndicatorType: m,
|
|
1609
|
-
onChangeType:
|
|
1611
|
+
onChangeType: g
|
|
1610
1612
|
}) => {
|
|
1611
|
-
const { t:
|
|
1613
|
+
const { t: y } = k(), [b, C] = $(!1);
|
|
1612
1614
|
return L(() => {
|
|
1613
|
-
|
|
1614
|
-
}, [t,
|
|
1615
|
+
C(t == r);
|
|
1616
|
+
}, [t, r]), /* @__PURE__ */ p(
|
|
1615
1617
|
Ie.div,
|
|
1616
1618
|
{
|
|
1617
1619
|
className: Ke.indicatorsSubCategory,
|
|
1618
1620
|
initial: { height: "43px" },
|
|
1619
|
-
animate: { height:
|
|
1621
|
+
animate: { height: b ? "auto" : "43px" },
|
|
1620
1622
|
transition: { duration: 0.4 },
|
|
1621
1623
|
children: [
|
|
1622
|
-
/* @__PURE__ */ s("button", { onClick: () => r
|
|
1623
|
-
/* @__PURE__ */ s("span", { style: { color:
|
|
1624
|
+
/* @__PURE__ */ s("button", { onClick: () => a(r), children: /* @__PURE__ */ p("h3", { style: { color: b ? o : i }, children: [
|
|
1625
|
+
/* @__PURE__ */ s("span", { style: { color: b ? o : i }, children: b ? "-" : "+" }),
|
|
1624
1626
|
/* @__PURE__ */ s(
|
|
1625
1627
|
"span",
|
|
1626
1628
|
{
|
|
1627
|
-
style: { marginLeft: 12, color:
|
|
1628
|
-
children:
|
|
1629
|
+
style: { marginLeft: 12, color: b ? o : i },
|
|
1630
|
+
children: y(n)
|
|
1629
1631
|
}
|
|
1630
1632
|
)
|
|
1631
1633
|
] }) }),
|
|
1632
|
-
d && /* @__PURE__ */ s("div", { className: Ke.list, children: d == null ? void 0 : d.map((
|
|
1634
|
+
d && /* @__PURE__ */ s("div", { className: Ke.list, children: d == null ? void 0 : d.map((f, h) => /* @__PURE__ */ s(
|
|
1633
1635
|
Re,
|
|
1634
1636
|
{
|
|
1635
|
-
indicator:
|
|
1637
|
+
indicator: f,
|
|
1636
1638
|
defaultColor: i,
|
|
1637
1639
|
activeColor: o,
|
|
1638
1640
|
activeIndicator: l,
|
|
1639
1641
|
onClickIndicator: c,
|
|
1640
1642
|
multiple: u,
|
|
1641
1643
|
activeIndicatorType: m,
|
|
1642
|
-
onChangeType:
|
|
1644
|
+
onChangeType: g
|
|
1643
1645
|
},
|
|
1644
|
-
"indicator" +
|
|
1646
|
+
"indicator" + h
|
|
1645
1647
|
)) })
|
|
1646
1648
|
]
|
|
1647
1649
|
}
|
|
@@ -1665,75 +1667,75 @@ const ut = ({
|
|
|
1665
1667
|
activeColor: i,
|
|
1666
1668
|
defaultColor: o,
|
|
1667
1669
|
onClickCategory: t,
|
|
1668
|
-
activeCategory:
|
|
1669
|
-
activeSubCategory:
|
|
1670
|
+
activeCategory: a,
|
|
1671
|
+
activeSubCategory: r,
|
|
1670
1672
|
onClickSubCategory: l,
|
|
1671
1673
|
activeIndicator: c,
|
|
1672
1674
|
onClickIndicator: u,
|
|
1673
1675
|
multiple: m,
|
|
1674
|
-
activeIndicatorType:
|
|
1675
|
-
onChangeType:
|
|
1676
|
+
activeIndicatorType: g,
|
|
1677
|
+
onChangeType: y
|
|
1676
1678
|
}) => {
|
|
1677
|
-
var
|
|
1678
|
-
const { t:
|
|
1679
|
+
var h;
|
|
1680
|
+
const { t: b } = k(), [C, f] = $(!1);
|
|
1679
1681
|
return L(() => {
|
|
1680
|
-
|
|
1681
|
-
}, [
|
|
1682
|
+
f(a === d);
|
|
1683
|
+
}, [a, d]), /* @__PURE__ */ p(
|
|
1682
1684
|
Ie.div,
|
|
1683
1685
|
{
|
|
1684
|
-
className:
|
|
1686
|
+
className: xe.indicatorsCategory,
|
|
1685
1687
|
initial: { height: "53px" },
|
|
1686
|
-
animate: { height:
|
|
1688
|
+
animate: { height: C ? "auto" : "53px" },
|
|
1687
1689
|
transition: { duration: 0.4 },
|
|
1688
1690
|
style: {
|
|
1689
1691
|
backgroundColor: "white",
|
|
1690
|
-
borderBottom:
|
|
1691
|
-
marginBottom:
|
|
1692
|
+
borderBottom: C ? `1px solid ${i}` : "0px",
|
|
1693
|
+
marginBottom: C ? "20px" : "0px"
|
|
1692
1694
|
},
|
|
1693
1695
|
children: [
|
|
1694
|
-
/* @__PURE__ */ p("h2", { className: `${
|
|
1695
|
-
/* @__PURE__ */ s("span", { style: { color:
|
|
1696
|
+
/* @__PURE__ */ p("h2", { className: `${xe.title}`, onClick: () => t(d), children: [
|
|
1697
|
+
/* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
|
|
1696
1698
|
/* @__PURE__ */ s(
|
|
1697
1699
|
"span",
|
|
1698
1700
|
{
|
|
1699
|
-
style: { marginLeft: 12, color:
|
|
1700
|
-
children:
|
|
1701
|
+
style: { marginLeft: 12, color: C ? i : o },
|
|
1702
|
+
children: b(n.name)
|
|
1701
1703
|
}
|
|
1702
1704
|
)
|
|
1703
1705
|
] }),
|
|
1704
1706
|
n.subcategories ? n.subcategories.map(
|
|
1705
|
-
({ name:
|
|
1707
|
+
({ name: _, subcategory: v, indicators: x }, w) => /* @__PURE__ */ s(
|
|
1706
1708
|
dt,
|
|
1707
1709
|
{
|
|
1708
|
-
id:
|
|
1709
|
-
activeSubCategory:
|
|
1710
|
-
subcName:
|
|
1710
|
+
id: v,
|
|
1711
|
+
activeSubCategory: r,
|
|
1712
|
+
subcName: _,
|
|
1711
1713
|
onClickSubCategory: l,
|
|
1712
1714
|
activeIndicator: c,
|
|
1713
1715
|
onClickIndicator: u,
|
|
1714
1716
|
multiple: m,
|
|
1715
1717
|
activeColor: i,
|
|
1716
1718
|
defaultColor: o,
|
|
1717
|
-
indicators:
|
|
1718
|
-
activeIndicatorType:
|
|
1719
|
-
onChangeType:
|
|
1719
|
+
indicators: x,
|
|
1720
|
+
activeIndicatorType: g,
|
|
1721
|
+
onChangeType: y
|
|
1720
1722
|
},
|
|
1721
|
-
`subcKey ${
|
|
1723
|
+
`subcKey ${w}`
|
|
1722
1724
|
)
|
|
1723
|
-
) : /* @__PURE__ */ s("div", { className:
|
|
1725
|
+
) : /* @__PURE__ */ s("div", { className: xe.list, children: (h = n.indicators) == null ? void 0 : h.map((_, v) => /* @__PURE__ */ s(
|
|
1724
1726
|
Re,
|
|
1725
1727
|
{
|
|
1726
|
-
indicator:
|
|
1727
|
-
values:
|
|
1728
|
+
indicator: _,
|
|
1729
|
+
values: _.type == "twoUnits" && _.values,
|
|
1728
1730
|
activeColor: i,
|
|
1729
1731
|
defaultColor: o,
|
|
1730
1732
|
activeIndicator: c,
|
|
1731
1733
|
onClickIndicator: u,
|
|
1732
1734
|
multiple: m,
|
|
1733
|
-
activeIndicatorType:
|
|
1734
|
-
onChangeType:
|
|
1735
|
+
activeIndicatorType: g,
|
|
1736
|
+
onChangeType: y
|
|
1735
1737
|
},
|
|
1736
|
-
`indicator${
|
|
1738
|
+
`indicator${v}`
|
|
1737
1739
|
)) })
|
|
1738
1740
|
]
|
|
1739
1741
|
}
|
|
@@ -1765,74 +1767,74 @@ const h0 = "_indicatorsList_fklyu_2", g0 = "_title_fklyu_6", He = {
|
|
|
1765
1767
|
// Selección multiple
|
|
1766
1768
|
multiple: t = !1,
|
|
1767
1769
|
// Si multiple es true, debe ser un array de strings, sino un string
|
|
1768
|
-
defaultValue:
|
|
1770
|
+
defaultValue: a = null,
|
|
1769
1771
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1770
|
-
changeIndType:
|
|
1772
|
+
changeIndType: r,
|
|
1771
1773
|
activeIndicatorType: l
|
|
1772
1774
|
}) => {
|
|
1773
|
-
const { t: c } = k(), [u, m] = $(), [
|
|
1774
|
-
m(u ==
|
|
1775
|
-
},
|
|
1776
|
-
|
|
1777
|
-
},
|
|
1778
|
-
console.log("onClickIndicator: ",
|
|
1779
|
-
},
|
|
1775
|
+
const { t: c } = k(), [u, m] = $(), [g, y] = $(), [b, C] = $(), f = (w) => {
|
|
1776
|
+
m(u == w ? null : w);
|
|
1777
|
+
}, h = (w) => {
|
|
1778
|
+
y(g == w ? null : w);
|
|
1779
|
+
}, _ = ({ indicator: w }) => {
|
|
1780
|
+
console.log("onClickIndicator: ", w), v(w);
|
|
1781
|
+
}, v = (w) => {
|
|
1780
1782
|
if (!t)
|
|
1781
|
-
|
|
1782
|
-
(
|
|
1783
|
+
C(
|
|
1784
|
+
(b == null ? void 0 : b.name) == w.name ? null : w
|
|
1783
1785
|
);
|
|
1784
1786
|
else {
|
|
1785
|
-
let N =
|
|
1786
|
-
|
|
1787
|
+
let N = b && b.length > 0 ? [...b] : [];
|
|
1788
|
+
C(
|
|
1787
1789
|
N != null && N.some(
|
|
1788
|
-
(S) => S.name ==
|
|
1790
|
+
(S) => S.name == w.name
|
|
1789
1791
|
) ? N.filter(
|
|
1790
|
-
(S) => S.name != String(
|
|
1791
|
-
) : [...N,
|
|
1792
|
-
),
|
|
1792
|
+
(S) => S.name != String(w.name)
|
|
1793
|
+
) : [...N, w]
|
|
1794
|
+
), w.type == "both" && r("cat");
|
|
1793
1795
|
}
|
|
1794
1796
|
};
|
|
1795
1797
|
L(() => {
|
|
1796
|
-
console.log("activeindicator changed to: ",
|
|
1797
|
-
}, [
|
|
1798
|
-
if (
|
|
1799
|
-
if (t &&
|
|
1800
|
-
let
|
|
1801
|
-
|
|
1798
|
+
console.log("activeindicator changed to: ", b), o && typeof o == "function" && b && o({ activeIndicator: b });
|
|
1799
|
+
}, [b]), _t(() => {
|
|
1800
|
+
if (a && !b)
|
|
1801
|
+
if (t && a && Array.isArray(a)) {
|
|
1802
|
+
let w = b && b.length > 0 ? [...b] : [];
|
|
1803
|
+
C([...w, ...a]), x(a[0].name);
|
|
1802
1804
|
} else
|
|
1803
|
-
|
|
1805
|
+
v(a), x(a.name);
|
|
1804
1806
|
}, []);
|
|
1805
|
-
const
|
|
1807
|
+
const x = (w) => {
|
|
1806
1808
|
const N = n.find((S) => {
|
|
1807
1809
|
if (S.subcategories) {
|
|
1808
1810
|
let D = S.subcategories.find(
|
|
1809
|
-
(j) => j.indicators.find((de) => de.name ==
|
|
1811
|
+
(j) => j.indicators.find((de) => de.name == w)
|
|
1810
1812
|
);
|
|
1811
1813
|
if (D)
|
|
1812
|
-
return
|
|
1814
|
+
return y(D.subcategory), D;
|
|
1813
1815
|
} else
|
|
1814
|
-
return S.indicators.some((D) => D.name ==
|
|
1816
|
+
return S.indicators.some((D) => D.name == w);
|
|
1815
1817
|
});
|
|
1816
1818
|
N && m(N.category);
|
|
1817
1819
|
};
|
|
1818
1820
|
return /* @__PURE__ */ p("div", { className: He.indicatorsList, children: [
|
|
1819
1821
|
/* @__PURE__ */ s("h2", { className: He.title, style: { color: i }, children: c("indicators.indicators") }),
|
|
1820
|
-
n.map((
|
|
1822
|
+
n.map((w, N) => /* @__PURE__ */ s(
|
|
1821
1823
|
ut,
|
|
1822
1824
|
{
|
|
1823
|
-
id:
|
|
1824
|
-
cat:
|
|
1825
|
-
onClickCategory:
|
|
1825
|
+
id: w.category,
|
|
1826
|
+
cat: w,
|
|
1827
|
+
onClickCategory: f,
|
|
1826
1828
|
activeCategory: u,
|
|
1827
|
-
onClickSubCategory:
|
|
1828
|
-
activeSubCategory:
|
|
1829
|
-
onClickIndicator:
|
|
1830
|
-
activeIndicator:
|
|
1829
|
+
onClickSubCategory: h,
|
|
1830
|
+
activeSubCategory: g,
|
|
1831
|
+
onClickIndicator: _,
|
|
1832
|
+
activeIndicator: b,
|
|
1831
1833
|
activeColor: d,
|
|
1832
1834
|
defaultColor: i,
|
|
1833
1835
|
multiple: t,
|
|
1834
1836
|
onChange: o,
|
|
1835
|
-
onChangeType:
|
|
1837
|
+
onChangeType: r,
|
|
1836
1838
|
activeIndicatorType: l
|
|
1837
1839
|
},
|
|
1838
1840
|
`categoryKey${N}`
|
|
@@ -1856,9 +1858,9 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
|
|
|
1856
1858
|
arrow: y0,
|
|
1857
1859
|
prevImg: _0,
|
|
1858
1860
|
langMenu: v0
|
|
1859
|
-
},
|
|
1860
|
-
const [o, t] = $(!1), { i18n:
|
|
1861
|
-
|
|
1861
|
+
}, w0 = ({ langs: n, arrow: d, imgPrev: i }) => {
|
|
1862
|
+
const [o, t] = $(!1), { i18n: a } = k(), r = n.find((c) => c.code == a.language), l = (c) => {
|
|
1863
|
+
a.changeLanguage(c), t(!1);
|
|
1862
1864
|
};
|
|
1863
1865
|
return /* @__PURE__ */ p("div", { className: ee.langSelector, children: [
|
|
1864
1866
|
/* @__PURE__ */ p(
|
|
@@ -1870,7 +1872,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
|
|
|
1870
1872
|
},
|
|
1871
1873
|
children: [
|
|
1872
1874
|
i && /* @__PURE__ */ s("img", { className: ee.prevImg, src: i }),
|
|
1873
|
-
(
|
|
1875
|
+
(r == null ? void 0 : r.titleSelected) || (r == null ? void 0 : r.title),
|
|
1874
1876
|
/* @__PURE__ */ s("img", { src: d, className: ee.arrow })
|
|
1875
1877
|
]
|
|
1876
1878
|
}
|
|
@@ -1878,7 +1880,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
|
|
|
1878
1880
|
o && /* @__PURE__ */ s("div", { className: ee.langMenu, children: n.map((c) => /* @__PURE__ */ s(
|
|
1879
1881
|
"button",
|
|
1880
1882
|
{
|
|
1881
|
-
className: (
|
|
1883
|
+
className: (r == null ? void 0 : r.code) == c.code ? ee.active : "",
|
|
1882
1884
|
onClick: () => l(c.code),
|
|
1883
1885
|
children: c.title
|
|
1884
1886
|
},
|
|
@@ -1886,7 +1888,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
|
|
|
1886
1888
|
)) })
|
|
1887
1889
|
] });
|
|
1888
1890
|
};
|
|
1889
|
-
|
|
1891
|
+
w0.propTypes = {
|
|
1890
1892
|
langs: e.arrayOf(
|
|
1891
1893
|
e.shape({
|
|
1892
1894
|
code: e.string,
|
|
@@ -1900,8 +1902,8 @@ x0.propTypes = {
|
|
|
1900
1902
|
arrow: e.object,
|
|
1901
1903
|
imgPrev: e.object
|
|
1902
1904
|
};
|
|
1903
|
-
const
|
|
1904
|
-
legendContainer:
|
|
1905
|
+
const x0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titleContainer_qs4x9_59", B0 = "_infoContainer_qs4x9_65", S0 = "_titleLegendList_qs4x9_76", D0 = "_legendListContainer_qs4x9_82", M0 = "_gridContainer_qs4x9_82", $0 = "_elementLegendContainer_qs4x9_88", L0 = "_colorDot_qs4x9_94", F0 = "_absoluteValueContainer_qs4x9_100", T0 = "_absoluteValueColor_qs4x9_103", V0 = "_absoluteValueText_qs4x9_108", A0 = "_noDataContainer_qs4x9_120", I0 = "_noData_qs4x9_120", O0 = "_moreInfoContainer_qs4x9_141", M = {
|
|
1906
|
+
legendContainer: x0,
|
|
1905
1907
|
closeButton: N0,
|
|
1906
1908
|
titleContainer: k0,
|
|
1907
1909
|
infoContainer: B0,
|
|
@@ -1931,10 +1933,10 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
|
|
|
1931
1933
|
//Should be an object with {maxColor, minColor, maxValue, minValue}
|
|
1932
1934
|
//If this has is not null or undefined, the legendList values wont be displayed.
|
|
1933
1935
|
//It will display only the absolute value indicator.
|
|
1934
|
-
absoluteValue:
|
|
1936
|
+
absoluteValue: a,
|
|
1935
1937
|
//Function to be called when the button is clicked (optional).
|
|
1936
1938
|
//If this is null or undefined the button wont be displayed.
|
|
1937
|
-
onClickMoreInfo:
|
|
1939
|
+
onClickMoreInfo: r,
|
|
1938
1940
|
//If not passed it will read t("moreInformation")
|
|
1939
1941
|
buttonTitle: l,
|
|
1940
1942
|
onClickClose: c
|
|
@@ -1948,49 +1950,49 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
|
|
|
1948
1950
|
children: [
|
|
1949
1951
|
/* @__PURE__ */ s("button", { className: M.closeButton, onClick: c }),
|
|
1950
1952
|
d && /* @__PURE__ */ s("div", { className: M.titleContainer, style: { marginBottom: (!i || i.length == 0) && "15px" }, children: /* @__PURE__ */ s("h2", { children: d }) }),
|
|
1951
|
-
i && i.length > 0 && /* @__PURE__ */ s("div", { className: M.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value:
|
|
1953
|
+
i && i.length > 0 && /* @__PURE__ */ s("div", { className: M.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: g }) => /* @__PURE__ */ p("li", { children: [
|
|
1952
1954
|
/* @__PURE__ */ s("h3", { className: M.title, children: `${m}:` }),
|
|
1953
1955
|
/* @__PURE__ */ p("span", { className: M.value, children: [
|
|
1954
1956
|
" ",
|
|
1955
|
-
|
|
1957
|
+
g
|
|
1956
1958
|
] })
|
|
1957
1959
|
] }, d)) }) }),
|
|
1958
1960
|
/* @__PURE__ */ s("h3", { className: M.titleLegendList, style: { marginTop: i && i.length > 0 && "30px" }, children: t && /* @__PURE__ */ s(Ae, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 }) }),
|
|
1959
1961
|
/* @__PURE__ */ p("div", { className: M.legendListContainer, children: [
|
|
1960
|
-
|
|
1962
|
+
a ? /* @__PURE__ */ p("div", { className: M.absoluteValueContainer, children: [
|
|
1961
1963
|
/* @__PURE__ */ s(
|
|
1962
1964
|
"div",
|
|
1963
1965
|
{
|
|
1964
1966
|
className: M.absoluteValueColor,
|
|
1965
1967
|
style: {
|
|
1966
|
-
background: `linear-gradient(to bottom, ${
|
|
1968
|
+
background: `linear-gradient(to bottom, ${a.maxColor} 0%, ${a.midColor ? `${a.midColor} 50%,` : ""} ${a.minColor} 100%)`
|
|
1967
1969
|
}
|
|
1968
1970
|
}
|
|
1969
1971
|
),
|
|
1970
1972
|
/* @__PURE__ */ p("div", { className: M.absoluteValueText, children: [
|
|
1971
1973
|
/* @__PURE__ */ p("span", { children: [
|
|
1972
|
-
|
|
1974
|
+
a.maxValue,
|
|
1973
1975
|
" ",
|
|
1974
|
-
u(
|
|
1976
|
+
u(a.unit)
|
|
1975
1977
|
] }),
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
+
a.midValue && /* @__PURE__ */ p("span", { children: [
|
|
1979
|
+
a.midValue,
|
|
1978
1980
|
" ",
|
|
1979
|
-
u(
|
|
1981
|
+
u(a.unit)
|
|
1980
1982
|
] }),
|
|
1981
1983
|
/* @__PURE__ */ p("span", { children: [
|
|
1982
|
-
|
|
1984
|
+
a.minValue,
|
|
1983
1985
|
" ",
|
|
1984
|
-
u(
|
|
1986
|
+
u(a.unit)
|
|
1985
1987
|
] })
|
|
1986
1988
|
] })
|
|
1987
1989
|
] }) : o && o.length > 0 && /* @__PURE__ */ s("div", { className: M.gridContainer, children: o.map(
|
|
1988
|
-
({ title: m, color:
|
|
1990
|
+
({ title: m, color: g }) => /* @__PURE__ */ p("div", { className: M.elementLegendContainer, children: [
|
|
1989
1991
|
/* @__PURE__ */ s(
|
|
1990
1992
|
"div",
|
|
1991
1993
|
{
|
|
1992
1994
|
className: M.colorDot,
|
|
1993
|
-
style: { backgroundColor:
|
|
1995
|
+
style: { backgroundColor: g }
|
|
1994
1996
|
}
|
|
1995
1997
|
),
|
|
1996
1998
|
/* @__PURE__ */ p("div", { className: M.titleLegendElement, children: [
|
|
@@ -1999,20 +2001,20 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
|
|
|
1999
2001
|
] })
|
|
2000
2002
|
] }, d)
|
|
2001
2003
|
) }),
|
|
2002
|
-
|
|
2004
|
+
a.noDataColor && /* @__PURE__ */ p("div", { className: M.noDataContainer, children: [
|
|
2003
2005
|
/* @__PURE__ */ s(
|
|
2004
2006
|
"div",
|
|
2005
2007
|
{
|
|
2006
2008
|
className: M.noData,
|
|
2007
2009
|
style: {
|
|
2008
|
-
background:
|
|
2010
|
+
background: a.noDataColor
|
|
2009
2011
|
}
|
|
2010
2012
|
}
|
|
2011
2013
|
),
|
|
2012
|
-
/* @__PURE__ */ s("div", { className: M.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(
|
|
2014
|
+
/* @__PURE__ */ s("div", { className: M.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(a.noDataText) }) })
|
|
2013
2015
|
] })
|
|
2014
2016
|
] }),
|
|
2015
|
-
|
|
2017
|
+
r && /* @__PURE__ */ s("button", { className: M.moreInfoContainer, onClick: r, children: l || u("moreInformation") })
|
|
2016
2018
|
]
|
|
2017
2019
|
}
|
|
2018
2020
|
);
|
|
@@ -2059,65 +2061,65 @@ E0.propTypes = {
|
|
|
2059
2061
|
const P0 = "_mapContainer_84pkf_2", j0 = {
|
|
2060
2062
|
mapContainer: P0
|
|
2061
2063
|
};
|
|
2062
|
-
|
|
2064
|
+
wt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
2063
2065
|
const z0 = ({
|
|
2064
2066
|
initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2065
2067
|
maxZoom: d = 17,
|
|
2066
2068
|
minZoom: i = 8,
|
|
2067
2069
|
mapStyle: o,
|
|
2068
2070
|
firstSymbolLayer: t,
|
|
2069
|
-
cssProps:
|
|
2070
|
-
onClick:
|
|
2071
|
+
cssProps: a = "",
|
|
2072
|
+
onClick: r = "",
|
|
2071
2073
|
interactiveLayers: l = [],
|
|
2072
2074
|
popUp: c = !1,
|
|
2073
2075
|
sources: u = [],
|
|
2074
2076
|
layers: m = []
|
|
2075
2077
|
}) => {
|
|
2076
|
-
const
|
|
2078
|
+
const g = ie(), [y, b] = $(null), C = xt((f) => f.mapState.showTexts);
|
|
2077
2079
|
return L(() => {
|
|
2078
|
-
if (
|
|
2079
|
-
const
|
|
2080
|
-
|
|
2081
|
-
|
|
2080
|
+
if (g.current) {
|
|
2081
|
+
const f = g.current.getMap();
|
|
2082
|
+
f.getStyle().layers.map((_) => {
|
|
2083
|
+
_.type == "symbol" && _.id != "professionals" && (C ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
|
|
2082
2084
|
});
|
|
2083
2085
|
}
|
|
2084
|
-
}, [
|
|
2086
|
+
}, [C]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: a, children: /* @__PURE__ */ p(
|
|
2085
2087
|
kt,
|
|
2086
2088
|
{
|
|
2087
2089
|
initialViewState: n,
|
|
2088
|
-
ref:
|
|
2090
|
+
ref: g,
|
|
2089
2091
|
hash: !1,
|
|
2090
2092
|
maxZoom: d,
|
|
2091
2093
|
minZoom: i,
|
|
2092
2094
|
mapStyle: o,
|
|
2093
|
-
onClick:
|
|
2095
|
+
onClick: r,
|
|
2094
2096
|
interactiveLayerIds: l,
|
|
2095
2097
|
children: [
|
|
2096
|
-
u.length && u.map((
|
|
2098
|
+
u.length && u.map((f, h) => /* @__PURE__ */ s(
|
|
2097
2099
|
Bt,
|
|
2098
2100
|
{
|
|
2099
|
-
...
|
|
2100
|
-
children: m.length && m.map((
|
|
2101
|
-
if (
|
|
2101
|
+
...f,
|
|
2102
|
+
children: m.length && m.map((_, v) => {
|
|
2103
|
+
if (_.sourceId == f.id) return /* @__PURE__ */ s(
|
|
2102
2104
|
St,
|
|
2103
2105
|
{
|
|
2104
|
-
...
|
|
2106
|
+
..._.layer,
|
|
2105
2107
|
beforeId: t
|
|
2106
2108
|
},
|
|
2107
|
-
|
|
2109
|
+
v
|
|
2108
2110
|
);
|
|
2109
2111
|
})
|
|
2110
2112
|
},
|
|
2111
|
-
|
|
2113
|
+
h
|
|
2112
2114
|
)),
|
|
2113
2115
|
/* @__PURE__ */ s(Dt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2114
|
-
c &&
|
|
2116
|
+
c && y && /* @__PURE__ */ s(
|
|
2115
2117
|
Mt,
|
|
2116
2118
|
{
|
|
2117
2119
|
longitude: c.longitude,
|
|
2118
2120
|
latitude: c.latitude,
|
|
2119
2121
|
anchor: c.anchor,
|
|
2120
|
-
onClose: () =>
|
|
2122
|
+
onClose: () => b(null),
|
|
2121
2123
|
children: c.content
|
|
2122
2124
|
}
|
|
2123
2125
|
)
|
|
@@ -2194,69 +2196,69 @@ const Z0 = "_mapContainer_b0pyr_3", K0 = {
|
|
|
2194
2196
|
minZoom: i = 8,
|
|
2195
2197
|
mapStyle: o,
|
|
2196
2198
|
firstSymbolLayer: t,
|
|
2197
|
-
cssProps:
|
|
2198
|
-
onClick:
|
|
2199
|
+
cssProps: a = {},
|
|
2200
|
+
onClick: r = "",
|
|
2199
2201
|
interactiveLayers: l = [],
|
|
2200
2202
|
sources: c = [],
|
|
2201
2203
|
layers: u = [],
|
|
2202
2204
|
filters: m,
|
|
2203
|
-
popUpParams:
|
|
2204
|
-
onClosePopUp:
|
|
2205
|
-
showTexts:
|
|
2205
|
+
popUpParams: g,
|
|
2206
|
+
onClosePopUp: y,
|
|
2207
|
+
showTexts: b
|
|
2206
2208
|
}) => {
|
|
2207
2209
|
console.log(m);
|
|
2208
|
-
const
|
|
2210
|
+
const C = ie();
|
|
2209
2211
|
return L(() => {
|
|
2210
|
-
if (
|
|
2211
|
-
const
|
|
2212
|
-
|
|
2213
|
-
|
|
2212
|
+
if (C.current) {
|
|
2213
|
+
const f = C.current.getMap();
|
|
2214
|
+
f.getStyle().layers.map((_) => {
|
|
2215
|
+
_.type == "symbol" && _.id != "professionals" && (b ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
|
|
2214
2216
|
});
|
|
2215
2217
|
}
|
|
2216
|
-
}, [
|
|
2217
|
-
let
|
|
2218
|
-
return ye.addProtocol("pmtiles",
|
|
2218
|
+
}, [b]), L(() => {
|
|
2219
|
+
let f = new $t();
|
|
2220
|
+
return ye.addProtocol("pmtiles", f.tile), () => {
|
|
2219
2221
|
ye.removeProtocol("pmtiles");
|
|
2220
2222
|
};
|
|
2221
|
-
}, []), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style:
|
|
2223
|
+
}, []), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style: a && a, children: /* @__PURE__ */ p(
|
|
2222
2224
|
Lt,
|
|
2223
2225
|
{
|
|
2224
2226
|
mapLib: ye,
|
|
2225
2227
|
initialViewState: n,
|
|
2226
|
-
ref:
|
|
2228
|
+
ref: C,
|
|
2227
2229
|
hash: !1,
|
|
2228
2230
|
maxZoom: d,
|
|
2229
2231
|
minZoom: i,
|
|
2230
2232
|
mapStyle: o,
|
|
2231
|
-
onClick:
|
|
2233
|
+
onClick: r,
|
|
2232
2234
|
interactiveLayerIds: l,
|
|
2233
2235
|
children: [
|
|
2234
|
-
c.length && c.map((
|
|
2236
|
+
c.length && c.map((f, h) => /* @__PURE__ */ s(
|
|
2235
2237
|
Ft,
|
|
2236
2238
|
{
|
|
2237
|
-
...
|
|
2238
|
-
children: u.length && u.map((
|
|
2239
|
-
if (
|
|
2239
|
+
...f,
|
|
2240
|
+
children: u.length && u.map((_, v) => {
|
|
2241
|
+
if (_.sourceId == f.id) return /* @__PURE__ */ s(
|
|
2240
2242
|
Tt,
|
|
2241
2243
|
{
|
|
2242
|
-
...
|
|
2244
|
+
..._.layer,
|
|
2243
2245
|
beforeId: t,
|
|
2244
2246
|
filter: m && m
|
|
2245
2247
|
},
|
|
2246
|
-
|
|
2248
|
+
v
|
|
2247
2249
|
);
|
|
2248
2250
|
})
|
|
2249
2251
|
},
|
|
2250
|
-
|
|
2252
|
+
h
|
|
2251
2253
|
)),
|
|
2252
2254
|
/* @__PURE__ */ s(Vt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2253
|
-
|
|
2255
|
+
g && /* @__PURE__ */ s(
|
|
2254
2256
|
At,
|
|
2255
2257
|
{
|
|
2256
|
-
longitude:
|
|
2257
|
-
latitude:
|
|
2258
|
-
onClose:
|
|
2259
|
-
children: /* @__PURE__ */ s(G0, { props:
|
|
2258
|
+
longitude: g.lng,
|
|
2259
|
+
latitude: g.lat,
|
|
2260
|
+
onClose: y,
|
|
2261
|
+
children: /* @__PURE__ */ s(G0, { props: g.props })
|
|
2260
2262
|
}
|
|
2261
2263
|
)
|
|
2262
2264
|
]
|
|
@@ -2319,14 +2321,14 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
|
|
|
2319
2321
|
subtitle: i,
|
|
2320
2322
|
rightContent: o,
|
|
2321
2323
|
mainColor: t,
|
|
2322
|
-
width:
|
|
2324
|
+
width: a
|
|
2323
2325
|
}) => {
|
|
2324
|
-
const { t:
|
|
2325
|
-
return /* @__PURE__ */ p("div", { className: U.sectionBar, style: { width:
|
|
2326
|
+
const { t: r } = k();
|
|
2327
|
+
return /* @__PURE__ */ p("div", { className: U.sectionBar, style: { width: a && a }, children: [
|
|
2326
2328
|
/* @__PURE__ */ p("div", { className: U.leftContent, children: [
|
|
2327
2329
|
n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: U.icon }),
|
|
2328
2330
|
/* @__PURE__ */ p("div", { className: U.textContainer, children: [
|
|
2329
|
-
/* @__PURE__ */ s("div", { className: U.title, children:
|
|
2331
|
+
/* @__PURE__ */ s("div", { className: U.title, children: r(d) }),
|
|
2330
2332
|
i && /* @__PURE__ */ s("div", { className: U.subtitle, children: i })
|
|
2331
2333
|
] })
|
|
2332
2334
|
] }),
|
|
@@ -2363,31 +2365,31 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
|
|
|
2363
2365
|
playButton: an,
|
|
2364
2366
|
sliderOpen: ln,
|
|
2365
2367
|
sliderResults: cn
|
|
2366
|
-
}, dn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen:
|
|
2367
|
-
const [
|
|
2368
|
-
l(
|
|
2369
|
-
}, [m,
|
|
2370
|
-
|
|
2371
|
-
},
|
|
2372
|
-
|
|
2368
|
+
}, dn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: a = !1 }) => {
|
|
2369
|
+
const [r, l] = $(d), c = Nt(), u = (_, v) => {
|
|
2370
|
+
l(v), c(Ne(v - 2e3));
|
|
2371
|
+
}, [m, g] = $(!1), y = () => {
|
|
2372
|
+
g(!0);
|
|
2373
|
+
}, b = () => {
|
|
2374
|
+
g(!1);
|
|
2373
2375
|
};
|
|
2374
|
-
((
|
|
2375
|
-
const
|
|
2376
|
+
((_, v) => {
|
|
2377
|
+
const x = ie();
|
|
2376
2378
|
L(() => {
|
|
2377
|
-
|
|
2378
|
-
}, [
|
|
2379
|
-
function
|
|
2380
|
-
|
|
2379
|
+
x.current = _;
|
|
2380
|
+
}, [_]), L(() => {
|
|
2381
|
+
function w() {
|
|
2382
|
+
x.current();
|
|
2381
2383
|
}
|
|
2382
2384
|
{
|
|
2383
|
-
let N = setInterval(
|
|
2385
|
+
let N = setInterval(w, v);
|
|
2384
2386
|
return () => clearInterval(N);
|
|
2385
2387
|
}
|
|
2386
|
-
}, [
|
|
2388
|
+
}, [v]);
|
|
2387
2389
|
})(() => {
|
|
2388
|
-
m && (
|
|
2390
|
+
m && (r != 2050 ? (l(r + 1), c(Ne(r - 2e3 + 1))) : (l(2025), c(Ne(25))));
|
|
2389
2391
|
}, 1e3);
|
|
2390
|
-
const
|
|
2392
|
+
const f = Rt({
|
|
2391
2393
|
palette: {
|
|
2392
2394
|
primary: {
|
|
2393
2395
|
main: "#605b56"
|
|
@@ -2409,17 +2411,17 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
|
|
|
2409
2411
|
}
|
|
2410
2412
|
}
|
|
2411
2413
|
}
|
|
2412
|
-
}),
|
|
2414
|
+
}), h = [
|
|
2413
2415
|
{ label: "", value: 2025 },
|
|
2414
2416
|
{ label: "", value: 2032 },
|
|
2415
2417
|
{ label: "", value: 2041 },
|
|
2416
2418
|
{ label: "", value: 2050 }
|
|
2417
2419
|
];
|
|
2418
|
-
return /* @__PURE__ */ s(Et, { theme:
|
|
2420
|
+
return /* @__PURE__ */ s(Et, { theme: f, children: /* @__PURE__ */ p(
|
|
2419
2421
|
qt,
|
|
2420
2422
|
{
|
|
2421
2423
|
sx: { width: 400 },
|
|
2422
|
-
className: `${n ? se.sliderResults : se.slider} ${
|
|
2424
|
+
className: `${n ? se.sliderResults : se.slider} ${a ? se.sliderOpen : ""}`,
|
|
2423
2425
|
style: { zIndex: t },
|
|
2424
2426
|
children: [
|
|
2425
2427
|
i,
|
|
@@ -2427,10 +2429,10 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
|
|
|
2427
2429
|
Ot,
|
|
2428
2430
|
{
|
|
2429
2431
|
"aria-label": "TimeSlider",
|
|
2430
|
-
value:
|
|
2432
|
+
value: r,
|
|
2431
2433
|
valueLabelDisplay: "on",
|
|
2432
2434
|
step: 1,
|
|
2433
|
-
marks:
|
|
2435
|
+
marks: h,
|
|
2434
2436
|
min: i,
|
|
2435
2437
|
max: o,
|
|
2436
2438
|
onChange: u,
|
|
@@ -2439,8 +2441,8 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
|
|
|
2439
2441
|
}
|
|
2440
2442
|
),
|
|
2441
2443
|
o,
|
|
2442
|
-
!m && /* @__PURE__ */ s("button", { className: se.playButton, onClick:
|
|
2443
|
-
m && /* @__PURE__ */ s("button", { className: se.playButton, onClick:
|
|
2444
|
+
!m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: on, alt: "Play" }) }),
|
|
2445
|
+
m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: b, children: /* @__PURE__ */ s("img", { src: sn, alt: "Pause" }) })
|
|
2444
2446
|
]
|
|
2445
2447
|
}
|
|
2446
2448
|
) });
|
|
@@ -2462,22 +2464,22 @@ const un = "_TopNavMenuContainer_12mp4_2", pn = "_topNavOptions_12mp4_13", mn =
|
|
|
2462
2464
|
containerStyles: d,
|
|
2463
2465
|
borderColor: i = "red",
|
|
2464
2466
|
textColor: o = "white",
|
|
2465
|
-
onChangeNavLink: t = (
|
|
2466
|
-
console.log("Changed NavLink",
|
|
2467
|
+
onChangeNavLink: t = (a) => {
|
|
2468
|
+
console.log("Changed NavLink", a);
|
|
2467
2469
|
}
|
|
2468
2470
|
}) => {
|
|
2469
|
-
const { t:
|
|
2470
|
-
return /* @__PURE__ */ s("div", { className: ke.TopNavMenuContainer, style: { ...d }, children: n.map((
|
|
2471
|
+
const { t: a } = k();
|
|
2472
|
+
return /* @__PURE__ */ s("div", { className: ke.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
|
|
2471
2473
|
Pt,
|
|
2472
2474
|
{
|
|
2473
|
-
to:
|
|
2475
|
+
to: r.url,
|
|
2474
2476
|
className: ({ isActive: c }) => `${ke.topNavOptions} ${c ? ke.active : ""} `,
|
|
2475
|
-
onClick: () => t(
|
|
2477
|
+
onClick: () => t(r.url),
|
|
2476
2478
|
style: ({ isActive: c }) => ({
|
|
2477
2479
|
color: o,
|
|
2478
2480
|
borderBottom: c ? `5px solid ${i}` : "5px solid transparent"
|
|
2479
2481
|
}),
|
|
2480
|
-
children: r
|
|
2482
|
+
children: a(r.name)
|
|
2481
2483
|
},
|
|
2482
2484
|
l
|
|
2483
2485
|
)) });
|
|
@@ -2500,8 +2502,8 @@ const gn = "_LogInButton_1vxj5_2", Cn = {
|
|
|
2500
2502
|
loggedInLabel: i = "Log out",
|
|
2501
2503
|
containerStyles: o,
|
|
2502
2504
|
userName: t = "",
|
|
2503
|
-
isLoggedIn:
|
|
2504
|
-
onClickLogIn:
|
|
2505
|
+
isLoggedIn: a = !1,
|
|
2506
|
+
onClickLogIn: r = () => {
|
|
2505
2507
|
console.log("Login clicked");
|
|
2506
2508
|
},
|
|
2507
2509
|
onClickLogOut: l = () => {
|
|
@@ -2514,8 +2516,8 @@ const gn = "_LogInButton_1vxj5_2", Cn = {
|
|
|
2514
2516
|
{
|
|
2515
2517
|
style: { ...o },
|
|
2516
2518
|
className: `${Cn.LogInButton} link ${n}`,
|
|
2517
|
-
onClick:
|
|
2518
|
-
children:
|
|
2519
|
+
onClick: a ? l : r,
|
|
2520
|
+
children: a ? t || c(i) : c(d)
|
|
2519
2521
|
}
|
|
2520
2522
|
);
|
|
2521
2523
|
};
|
|
@@ -2527,13 +2529,13 @@ fn.propTypes = {
|
|
|
2527
2529
|
userName: e.string,
|
|
2528
2530
|
isLoggedIn: e.bool
|
|
2529
2531
|
};
|
|
2530
|
-
const bn = "_elementSelector_fd7az_2", yn = "_header_fd7az_13", _n = "_nameDateContainer_fd7az_23", vn = "_elementName_fd7az_39",
|
|
2532
|
+
const bn = "_elementSelector_fd7az_2", yn = "_header_fd7az_13", _n = "_nameDateContainer_fd7az_23", vn = "_elementName_fd7az_39", wn = "_elementDate_fd7az_53", xn = "_buttonsContainer_fd7az_67", Nn = "_elementListContainer_fd7az_76", kn = "_newElementButtonContainer_fd7az_80", P = {
|
|
2531
2533
|
elementSelector: bn,
|
|
2532
2534
|
header: yn,
|
|
2533
2535
|
nameDateContainer: _n,
|
|
2534
2536
|
elementName: vn,
|
|
2535
|
-
elementDate:
|
|
2536
|
-
buttonsContainer:
|
|
2537
|
+
elementDate: wn,
|
|
2538
|
+
buttonsContainer: xn,
|
|
2537
2539
|
elementListContainer: Nn,
|
|
2538
2540
|
newElementButtonContainer: kn
|
|
2539
2541
|
}, Bn = "_listElement_1s506_2", Sn = "_elementNameDate_1s506_17", Dn = "_elementNameContainer_1s506_27", Mn = "_elementName_1s506_17", $n = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
|
|
@@ -2577,33 +2579,35 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2577
2579
|
isActive: i,
|
|
2578
2580
|
activeColor: o,
|
|
2579
2581
|
fontColor: t,
|
|
2580
|
-
moreInfo:
|
|
2581
|
-
columns:
|
|
2582
|
+
moreInfo: a,
|
|
2583
|
+
columns: r,
|
|
2582
2584
|
elementButtons: l,
|
|
2583
2585
|
processTooltip: c,
|
|
2584
|
-
defaultTooltip: u
|
|
2586
|
+
defaultTooltip: u,
|
|
2587
|
+
showEye: m = !0
|
|
2585
2588
|
}) => {
|
|
2586
|
-
const { nom:
|
|
2589
|
+
const { nom: g, created_at: y, id: b, isBeingProcessed: C } = n, [f, h] = $(!1), { t: _ } = k();
|
|
2587
2590
|
return /* @__PURE__ */ p(
|
|
2588
2591
|
"div",
|
|
2589
2592
|
{
|
|
2590
2593
|
className: O.listElement,
|
|
2591
2594
|
style: { borderBottom: `1px solid ${t}` },
|
|
2592
2595
|
children: [
|
|
2593
|
-
/* @__PURE__ */ p("div", { className: O.elementNameDate, onClick: () => d(
|
|
2594
|
-
|
|
2595
|
-
i ? /* @__PURE__ */ s(qn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
|
|
2596
|
+
/* @__PURE__ */ p("div", { className: O.elementNameDate, onClick: () => d(b), children: [
|
|
2597
|
+
r.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ p("div", { className: O.elementName, children: [
|
|
2598
|
+
m && (i ? /* @__PURE__ */ s(qn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
|
|
2596
2599
|
"img",
|
|
2597
2600
|
{
|
|
2598
2601
|
style: { marginRight: 9 },
|
|
2599
|
-
src: En
|
|
2602
|
+
src: En,
|
|
2603
|
+
alt: "eye"
|
|
2600
2604
|
}
|
|
2601
|
-
),
|
|
2602
|
-
/* @__PURE__ */ s("span", { style: { color: i ? o : t }, children:
|
|
2605
|
+
)),
|
|
2606
|
+
/* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: g })
|
|
2603
2607
|
] }) }),
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2608
|
+
r.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }),
|
|
2609
|
+
r.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
|
|
2610
|
+
r.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
|
|
2607
2611
|
] }),
|
|
2608
2612
|
/* @__PURE__ */ p("div", { className: O.elementButtons, children: [
|
|
2609
2613
|
n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
@@ -2627,13 +2631,13 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2627
2631
|
/* @__PURE__ */ s(Y, { text: u, position: "left" })
|
|
2628
2632
|
] })
|
|
2629
2633
|
] }),
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
/* @__PURE__ */ p("div", { className: O.moreInfo, onClick: () =>
|
|
2633
|
-
/* @__PURE__ */ s("span", { children:
|
|
2634
|
-
|
|
2634
|
+
a && /* @__PURE__ */ s("div", { className: O.break }),
|
|
2635
|
+
a && /* @__PURE__ */ p("div", { className: O.moreInfoContainer, children: [
|
|
2636
|
+
/* @__PURE__ */ p("div", { className: O.moreInfo, onClick: () => h(!f), children: [
|
|
2637
|
+
/* @__PURE__ */ s("span", { children: f ? "-" : "+" }),
|
|
2638
|
+
_(a.label)
|
|
2635
2639
|
] }),
|
|
2636
|
-
|
|
2640
|
+
a && f && /* @__PURE__ */ s("div", { className: O.moreInfoInfo, children: n[a.info] })
|
|
2637
2641
|
] })
|
|
2638
2642
|
]
|
|
2639
2643
|
}
|
|
@@ -2672,7 +2676,8 @@ pt.propTypes = {
|
|
|
2672
2676
|
})
|
|
2673
2677
|
}),
|
|
2674
2678
|
processTooltip: e.string,
|
|
2675
|
-
defaultTooltip: e.string
|
|
2679
|
+
defaultTooltip: e.string,
|
|
2680
|
+
showEye: e.bool
|
|
2676
2681
|
};
|
|
2677
2682
|
const Ye = "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", Pn = ({
|
|
2678
2683
|
elementsList: n,
|
|
@@ -2680,36 +2685,37 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2680
2685
|
fontColor: i = "#605B56",
|
|
2681
2686
|
activeColor: o,
|
|
2682
2687
|
buttonContainerStyles: t = {},
|
|
2683
|
-
containerStyles:
|
|
2684
|
-
newElementButton:
|
|
2685
|
-
//{label: 'text', onClick: function()}/null
|
|
2686
|
-
onClickElement: l = (
|
|
2688
|
+
containerStyles: a = {},
|
|
2689
|
+
newElementButton: r,
|
|
2690
|
+
//{label: 'text', onClick: function(), disabled}/null
|
|
2691
|
+
onClickElement: l = (C) => console.log(`OnCLickElement: ${C}`),
|
|
2687
2692
|
columns: c,
|
|
2688
2693
|
// {'nom': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2689
2694
|
elementButtons: u,
|
|
2690
2695
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
2691
2696
|
moreInfo: m = !1,
|
|
2692
2697
|
//{label: 'x'}
|
|
2693
|
-
processTooltip:
|
|
2698
|
+
processTooltip: g,
|
|
2694
2699
|
//texto para el tooltip del simbolo "En proceso"
|
|
2695
|
-
defaultTooltip:
|
|
2700
|
+
defaultTooltip: y,
|
|
2696
2701
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2702
|
+
showEye: b = !0
|
|
2697
2703
|
}) => {
|
|
2698
|
-
const { t:
|
|
2704
|
+
const { t: C } = k(), [f, h] = $(n);
|
|
2699
2705
|
L(() => {
|
|
2700
|
-
n &&
|
|
2706
|
+
n && h(n);
|
|
2701
2707
|
}, [n]);
|
|
2702
|
-
const
|
|
2703
|
-
if (
|
|
2704
|
-
let x = [...
|
|
2705
|
-
x.sort((w,
|
|
2708
|
+
const _ = (v) => {
|
|
2709
|
+
if (f && f.length > 0) {
|
|
2710
|
+
let x = [...f];
|
|
2711
|
+
x.sort((w, N) => w[v].localeCompare(N[v])), h(x);
|
|
2706
2712
|
}
|
|
2707
2713
|
};
|
|
2708
2714
|
return /* @__PURE__ */ p(
|
|
2709
2715
|
"div",
|
|
2710
2716
|
{
|
|
2711
2717
|
className: P.elementSelector,
|
|
2712
|
-
style: { color: i, ...
|
|
2718
|
+
style: { color: i, ...a },
|
|
2713
2719
|
children: [
|
|
2714
2720
|
/* @__PURE__ */ p(
|
|
2715
2721
|
"div",
|
|
@@ -2718,44 +2724,46 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2718
2724
|
style: { borderBottom: `1px solid ${i}` },
|
|
2719
2725
|
children: [
|
|
2720
2726
|
/* @__PURE__ */ p("div", { className: P.nameDateContainer, children: [
|
|
2721
|
-
c.nom && /* @__PURE__ */ s("div", { className: P.elementName, children: /* @__PURE__ */ p("button", { onClick: () =>
|
|
2722
|
-
/* @__PURE__ */ s("span", { children:
|
|
2727
|
+
c.nom && /* @__PURE__ */ s("div", { className: P.elementName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
|
|
2728
|
+
/* @__PURE__ */ s("span", { children: C(c.nom) }),
|
|
2723
2729
|
/* @__PURE__ */ s("img", { src: Ye })
|
|
2724
2730
|
] }) }),
|
|
2725
|
-
c.data && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ p("button", { onClick: () =>
|
|
2726
|
-
/* @__PURE__ */ s("span", { children:
|
|
2731
|
+
c.data && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
|
|
2732
|
+
/* @__PURE__ */ s("span", { children: C(c.data) }),
|
|
2727
2733
|
/* @__PURE__ */ s("img", { src: Ye })
|
|
2728
2734
|
] }) }),
|
|
2729
|
-
c.ambit && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children:
|
|
2730
|
-
c.escenari && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children:
|
|
2735
|
+
c.ambit && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.ambit) }) }),
|
|
2736
|
+
c.escenari && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.escenari) }) })
|
|
2731
2737
|
] }),
|
|
2732
2738
|
/* @__PURE__ */ s("div", { className: P.buttonsContainer })
|
|
2733
2739
|
]
|
|
2734
2740
|
}
|
|
2735
2741
|
),
|
|
2736
|
-
/* @__PURE__ */ s("div", { className: P.elementListContainer, children:
|
|
2742
|
+
/* @__PURE__ */ s("div", { className: P.elementListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ s(
|
|
2737
2743
|
pt,
|
|
2738
2744
|
{
|
|
2739
|
-
isActive: d ==
|
|
2740
|
-
listelement:
|
|
2745
|
+
isActive: d == v.id,
|
|
2746
|
+
listelement: v,
|
|
2741
2747
|
fontColor: i,
|
|
2742
2748
|
activeColor: o,
|
|
2743
2749
|
onClickElement: l,
|
|
2744
2750
|
columns: c,
|
|
2745
2751
|
elementButtons: u,
|
|
2746
2752
|
moreInfo: m,
|
|
2747
|
-
processTooltip:
|
|
2748
|
-
defaultTooltip:
|
|
2753
|
+
processTooltip: g,
|
|
2754
|
+
defaultTooltip: y,
|
|
2755
|
+
showEye: b
|
|
2749
2756
|
},
|
|
2750
|
-
`elementKey${
|
|
2757
|
+
`elementKey${v.id}`
|
|
2751
2758
|
)) }),
|
|
2752
|
-
|
|
2759
|
+
r && /* @__PURE__ */ s("div", { className: P.newElementButtonContainer, children: /* @__PURE__ */ s(
|
|
2753
2760
|
fe,
|
|
2754
2761
|
{
|
|
2755
2762
|
style: { ...t },
|
|
2756
|
-
onClick:
|
|
2763
|
+
onClick: r.onClick,
|
|
2757
2764
|
borderColor: "grey",
|
|
2758
|
-
|
|
2765
|
+
disabled: r.disabled || !1,
|
|
2766
|
+
children: C(r.label)
|
|
2759
2767
|
}
|
|
2760
2768
|
) })
|
|
2761
2769
|
]
|
|
@@ -2806,7 +2814,8 @@ Pn.propTypes = {
|
|
|
2806
2814
|
info: e.any
|
|
2807
2815
|
}),
|
|
2808
2816
|
processTooltip: e.string,
|
|
2809
|
-
defaultTooltip: e.string
|
|
2817
|
+
defaultTooltip: e.string,
|
|
2818
|
+
showEye: e.bool
|
|
2810
2819
|
};
|
|
2811
2820
|
const ge = {
|
|
2812
2821
|
text: "text",
|
|
@@ -2844,15 +2853,15 @@ function ht(n) {
|
|
|
2844
2853
|
var gt = (n) => /^\w*$/.test(n), Ve = (n) => n === void 0, t1 = (n) => Array.isArray(n) ? n.filter(Boolean) : [], Ct = (n) => t1(n.replace(/["|']|\]/g, "").split(/\.|\[/)), A = (n, d, i) => {
|
|
2845
2854
|
if (!d || !ce(n))
|
|
2846
2855
|
return i;
|
|
2847
|
-
const o = (gt(d) ? [d] : Ct(d)).reduce((t,
|
|
2856
|
+
const o = (gt(d) ? [d] : Ct(d)).reduce((t, a) => mt(t) ? t : t[a], n);
|
|
2848
2857
|
return Ve(o) || o === n ? Ve(n[d]) ? i : n[d] : o;
|
|
2849
2858
|
}, Be = (n) => typeof n == "boolean", Qe = (n, d, i) => {
|
|
2850
2859
|
let o = -1;
|
|
2851
|
-
const t = gt(d) ? [d] : Ct(d),
|
|
2852
|
-
for (; ++o <
|
|
2860
|
+
const t = gt(d) ? [d] : Ct(d), a = t.length, r = a - 1;
|
|
2861
|
+
for (; ++o < a; ) {
|
|
2853
2862
|
const l = t[o];
|
|
2854
2863
|
let c = i;
|
|
2855
|
-
if (o !==
|
|
2864
|
+
if (o !== r) {
|
|
2856
2865
|
const u = n[l];
|
|
2857
2866
|
c = ce(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
|
|
2858
2867
|
}
|
|
@@ -2873,18 +2882,18 @@ var n1 = (n, d, i, o = !0) => {
|
|
|
2873
2882
|
const t = {
|
|
2874
2883
|
defaultValues: d._defaultValues
|
|
2875
2884
|
};
|
|
2876
|
-
for (const
|
|
2877
|
-
Object.defineProperty(t,
|
|
2885
|
+
for (const a in n)
|
|
2886
|
+
Object.defineProperty(t, a, {
|
|
2878
2887
|
get: () => {
|
|
2879
|
-
const
|
|
2880
|
-
return d._proxyFormState[
|
|
2888
|
+
const r = a;
|
|
2889
|
+
return d._proxyFormState[r] !== Je.all && (d._proxyFormState[r] = !o || Je.all), i && (i[r] = !0), n[r];
|
|
2881
2890
|
}
|
|
2882
2891
|
});
|
|
2883
2892
|
return t;
|
|
2884
2893
|
};
|
|
2885
2894
|
const bt = typeof window < "u" ? ne.useLayoutEffect : ne.useEffect;
|
|
2886
2895
|
function i1(n) {
|
|
2887
|
-
const d = qe(), { control: i = d.control, disabled: o, name: t, exact:
|
|
2896
|
+
const d = qe(), { control: i = d.control, disabled: o, name: t, exact: a } = n || {}, [r, l] = B.useState(i._formState), c = B.useRef({
|
|
2888
2897
|
isDirty: !1,
|
|
2889
2898
|
isLoading: !1,
|
|
2890
2899
|
dirtyFields: !1,
|
|
@@ -2897,31 +2906,31 @@ function i1(n) {
|
|
|
2897
2906
|
return bt(() => i._subscribe({
|
|
2898
2907
|
name: t,
|
|
2899
2908
|
formState: c.current,
|
|
2900
|
-
exact:
|
|
2909
|
+
exact: a,
|
|
2901
2910
|
callback: (u) => {
|
|
2902
2911
|
!o && l({
|
|
2903
2912
|
...i._formState,
|
|
2904
2913
|
...u
|
|
2905
2914
|
});
|
|
2906
2915
|
}
|
|
2907
|
-
}), [t, o,
|
|
2916
|
+
}), [t, o, a]), B.useEffect(() => {
|
|
2908
2917
|
c.current.isValid && i._setValid(!0);
|
|
2909
|
-
}, [i]), B.useMemo(() => n1(
|
|
2918
|
+
}, [i]), B.useMemo(() => n1(r, i, c.current, !1), [r, i]);
|
|
2910
2919
|
}
|
|
2911
|
-
var o1 = (n) => typeof n == "string", s1 = (n, d, i, o, t) => o1(n) ? A(i, n, t) : Array.isArray(n) ? n.map((
|
|
2920
|
+
var o1 = (n) => typeof n == "string", s1 = (n, d, i, o, t) => o1(n) ? A(i, n, t) : Array.isArray(n) ? n.map((a) => A(i, a)) : i;
|
|
2912
2921
|
function r1(n) {
|
|
2913
|
-
const d = qe(), { control: i = d.control, name: o, defaultValue: t, disabled:
|
|
2922
|
+
const d = qe(), { control: i = d.control, name: o, defaultValue: t, disabled: a, exact: r } = n || {}, l = B.useRef(t), [c, u] = B.useState(i._getWatch(o, l.current));
|
|
2914
2923
|
return bt(() => i._subscribe({
|
|
2915
2924
|
name: o,
|
|
2916
2925
|
formState: {
|
|
2917
2926
|
values: !0
|
|
2918
2927
|
},
|
|
2919
|
-
exact:
|
|
2920
|
-
callback: (m) => !
|
|
2921
|
-
}), [o, i,
|
|
2928
|
+
exact: r,
|
|
2929
|
+
callback: (m) => !a && u(s1(o, i._names, m.values || i._formValues, !1, l.current))
|
|
2930
|
+
}), [o, i, a, r]), B.useEffect(() => i._removeUnmounted()), c;
|
|
2922
2931
|
}
|
|
2923
2932
|
function a1(n) {
|
|
2924
|
-
const d = qe(), { name: i, disabled: o, control: t = d.control, shouldUnregister:
|
|
2933
|
+
const d = qe(), { name: i, disabled: o, control: t = d.control, shouldUnregister: a } = n, r = Xn(t._names.array, i), l = r1({
|
|
2925
2934
|
control: t,
|
|
2926
2935
|
name: i,
|
|
2927
2936
|
defaultValue: A(t._formValues, i, A(t._defaultValues, i, n.defaultValue)),
|
|
@@ -2934,7 +2943,7 @@ function a1(n) {
|
|
|
2934
2943
|
...n.rules,
|
|
2935
2944
|
value: l,
|
|
2936
2945
|
...Be(n.disabled) ? { disabled: n.disabled } : {}
|
|
2937
|
-
})),
|
|
2946
|
+
})), g = B.useMemo(() => Object.defineProperties({}, {
|
|
2938
2947
|
invalid: {
|
|
2939
2948
|
enumerable: !0,
|
|
2940
2949
|
get: () => !!A(c.errors, i)
|
|
@@ -2955,61 +2964,61 @@ function a1(n) {
|
|
|
2955
2964
|
enumerable: !0,
|
|
2956
2965
|
get: () => A(c.errors, i)
|
|
2957
2966
|
}
|
|
2958
|
-
}), [c, i]),
|
|
2967
|
+
}), [c, i]), y = B.useCallback((h) => m.current.onChange({
|
|
2959
2968
|
target: {
|
|
2960
|
-
value: Yn(
|
|
2969
|
+
value: Yn(h),
|
|
2961
2970
|
name: i
|
|
2962
2971
|
},
|
|
2963
2972
|
type: Xe.CHANGE
|
|
2964
|
-
}), [i]),
|
|
2973
|
+
}), [i]), b = B.useCallback(() => m.current.onBlur({
|
|
2965
2974
|
target: {
|
|
2966
2975
|
value: A(t._formValues, i),
|
|
2967
2976
|
name: i
|
|
2968
2977
|
},
|
|
2969
2978
|
type: Xe.BLUR
|
|
2970
|
-
}), [i, t._formValues]),
|
|
2971
|
-
const
|
|
2972
|
-
|
|
2973
|
-
focus: () =>
|
|
2974
|
-
select: () =>
|
|
2975
|
-
setCustomValidity: (
|
|
2976
|
-
reportValidity: () =>
|
|
2979
|
+
}), [i, t._formValues]), C = B.useCallback((h) => {
|
|
2980
|
+
const _ = A(t._fields, i);
|
|
2981
|
+
_ && h && (_._f.ref = {
|
|
2982
|
+
focus: () => h.focus && h.focus(),
|
|
2983
|
+
select: () => h.select && h.select(),
|
|
2984
|
+
setCustomValidity: (v) => h.setCustomValidity(v),
|
|
2985
|
+
reportValidity: () => h.reportValidity()
|
|
2977
2986
|
});
|
|
2978
|
-
}, [t._fields, i]),
|
|
2987
|
+
}, [t._fields, i]), f = B.useMemo(() => ({
|
|
2979
2988
|
name: i,
|
|
2980
2989
|
value: l,
|
|
2981
2990
|
...Be(o) || c.disabled ? { disabled: c.disabled || o } : {},
|
|
2982
|
-
onChange:
|
|
2983
|
-
onBlur:
|
|
2984
|
-
ref:
|
|
2985
|
-
}), [i, o, c.disabled,
|
|
2991
|
+
onChange: y,
|
|
2992
|
+
onBlur: b,
|
|
2993
|
+
ref: C
|
|
2994
|
+
}), [i, o, c.disabled, y, b, C, l]);
|
|
2986
2995
|
return B.useEffect(() => {
|
|
2987
|
-
const
|
|
2996
|
+
const h = t._options.shouldUnregister || a;
|
|
2988
2997
|
t.register(i, {
|
|
2989
2998
|
...u.current.rules,
|
|
2990
2999
|
...Be(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
2991
3000
|
});
|
|
2992
|
-
const
|
|
2993
|
-
const
|
|
2994
|
-
|
|
3001
|
+
const _ = (v, x) => {
|
|
3002
|
+
const w = A(t._fields, v);
|
|
3003
|
+
w && w._f && (w._f.mount = x);
|
|
2995
3004
|
};
|
|
2996
|
-
if (
|
|
2997
|
-
const
|
|
2998
|
-
Qe(t._defaultValues, i,
|
|
3005
|
+
if (_(i, !0), h) {
|
|
3006
|
+
const v = ht(A(t._options.defaultValues, i));
|
|
3007
|
+
Qe(t._defaultValues, i, v), Ve(A(t._formValues, i)) && Qe(t._formValues, i, v);
|
|
2999
3008
|
}
|
|
3000
|
-
return !
|
|
3001
|
-
(
|
|
3009
|
+
return !r && t.register(i), () => {
|
|
3010
|
+
(r ? h && !t._state.action : h) ? t.unregister(i) : _(i, !1);
|
|
3002
3011
|
};
|
|
3003
|
-
}, [i, t,
|
|
3012
|
+
}, [i, t, r, a]), B.useEffect(() => {
|
|
3004
3013
|
t._setDisabledField({
|
|
3005
3014
|
disabled: o,
|
|
3006
3015
|
name: i
|
|
3007
3016
|
});
|
|
3008
3017
|
}, [o, i, t]), B.useMemo(() => ({
|
|
3009
|
-
field:
|
|
3018
|
+
field: f,
|
|
3010
3019
|
formState: c,
|
|
3011
|
-
fieldState:
|
|
3012
|
-
}), [
|
|
3020
|
+
fieldState: g
|
|
3021
|
+
}), [f, c, g]);
|
|
3013
3022
|
}
|
|
3014
3023
|
const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
3015
3024
|
errorMessage: l1
|
|
@@ -3032,38 +3041,38 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3032
3041
|
code: i,
|
|
3033
3042
|
type: o,
|
|
3034
3043
|
label: t,
|
|
3035
|
-
maxLength:
|
|
3036
|
-
required:
|
|
3044
|
+
maxLength: a,
|
|
3045
|
+
required: r,
|
|
3037
3046
|
validateFunction: l,
|
|
3038
3047
|
placeholder: c,
|
|
3039
3048
|
errorColor: u = "red",
|
|
3040
3049
|
width: m = 325,
|
|
3041
|
-
onClickForgotPass:
|
|
3050
|
+
onClickForgotPass: g = () => {
|
|
3042
3051
|
console.log("Click on forgot password");
|
|
3043
3052
|
},
|
|
3044
|
-
forgotPassLabel:
|
|
3045
|
-
} = n, { t:
|
|
3053
|
+
forgotPassLabel: y = "forgot-password"
|
|
3054
|
+
} = n, { t: b } = k(), { control: C, trigger: f, clearErrors: h } = d, [_, v] = $(!1), x = ie(r);
|
|
3046
3055
|
L(() => {
|
|
3047
|
-
|
|
3048
|
-
}, [
|
|
3049
|
-
const
|
|
3056
|
+
x.current !== r && (r ? f(i) : h(i), x.current = r);
|
|
3057
|
+
}, [r, i, f, h]);
|
|
3058
|
+
const w = () => o ? o === "password" && _ ? "text" : o : "text";
|
|
3050
3059
|
return /* @__PURE__ */ s(
|
|
3051
3060
|
Ee,
|
|
3052
3061
|
{
|
|
3053
3062
|
name: i,
|
|
3054
|
-
control:
|
|
3063
|
+
control: C,
|
|
3055
3064
|
rules: {
|
|
3056
|
-
required:
|
|
3057
|
-
maxLength:
|
|
3065
|
+
required: r ? `${b(t)} ${b("errorMessages.required")}` : !1,
|
|
3066
|
+
maxLength: a || void 0,
|
|
3058
3067
|
validate: l || void 0
|
|
3059
3068
|
},
|
|
3060
3069
|
render: ({ field: N, fieldState: S }) => {
|
|
3061
3070
|
var D;
|
|
3062
3071
|
return /* @__PURE__ */ p("div", { className: re.textInputContainer, children: [
|
|
3063
3072
|
/* @__PURE__ */ p("h3", { className: re.labelContainer, children: [
|
|
3064
|
-
|
|
3073
|
+
b(t),
|
|
3065
3074
|
" ",
|
|
3066
|
-
|
|
3075
|
+
r && /* @__PURE__ */ s("label", { style: { color: S.error ? u : "" }, children: "*" })
|
|
3067
3076
|
] }),
|
|
3068
3077
|
/* @__PURE__ */ p(
|
|
3069
3078
|
"div",
|
|
@@ -3074,25 +3083,25 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3074
3083
|
/* @__PURE__ */ s(
|
|
3075
3084
|
"input",
|
|
3076
3085
|
{
|
|
3077
|
-
type:
|
|
3086
|
+
type: w(),
|
|
3078
3087
|
...N,
|
|
3079
|
-
placeholder: c ?
|
|
3080
|
-
maxLength:
|
|
3088
|
+
placeholder: c ? b(c) : "",
|
|
3089
|
+
maxLength: a || void 0
|
|
3081
3090
|
}
|
|
3082
3091
|
),
|
|
3083
3092
|
o == "password" && /* @__PURE__ */ s(
|
|
3084
3093
|
"button",
|
|
3085
3094
|
{
|
|
3086
|
-
onClick: () =>
|
|
3095
|
+
onClick: () => v(!_),
|
|
3087
3096
|
type: "button",
|
|
3088
3097
|
className: re.showPasswordButton,
|
|
3089
|
-
children:
|
|
3098
|
+
children: _ ? "🙈" : "👁️"
|
|
3090
3099
|
}
|
|
3091
3100
|
)
|
|
3092
3101
|
]
|
|
3093
3102
|
}
|
|
3094
3103
|
),
|
|
3095
|
-
o == "password" && /* @__PURE__ */ s("div", { className: re.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick:
|
|
3104
|
+
o == "password" && /* @__PURE__ */ s("div", { className: re.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: b(y) }) }),
|
|
3096
3105
|
/* @__PURE__ */ s(
|
|
3097
3106
|
be,
|
|
3098
3107
|
{
|
|
@@ -3122,51 +3131,51 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3122
3131
|
code: i,
|
|
3123
3132
|
type: o,
|
|
3124
3133
|
label: t,
|
|
3125
|
-
maxLength:
|
|
3126
|
-
required:
|
|
3134
|
+
maxLength: a,
|
|
3135
|
+
required: r,
|
|
3127
3136
|
validateFunction: l,
|
|
3128
3137
|
placeholder: c,
|
|
3129
3138
|
errorColor: u = "red",
|
|
3130
3139
|
width: m = 325,
|
|
3131
|
-
options:
|
|
3132
|
-
} = n, { t:
|
|
3140
|
+
options: g = []
|
|
3141
|
+
} = n, { t: y } = k(), { control: b, trigger: C, clearErrors: f } = d, h = ie(r);
|
|
3133
3142
|
return L(() => {
|
|
3134
|
-
|
|
3135
|
-
}, [
|
|
3143
|
+
h.current !== r && (r ? C(i) : f(i), h.current = r);
|
|
3144
|
+
}, [r, i, C, f]), /* @__PURE__ */ s(
|
|
3136
3145
|
Ee,
|
|
3137
3146
|
{
|
|
3138
3147
|
name: i,
|
|
3139
|
-
control:
|
|
3148
|
+
control: b,
|
|
3140
3149
|
rules: {
|
|
3141
|
-
required:
|
|
3150
|
+
required: r ? `${y(t)} ${y("errorMessages.required")}` : !1,
|
|
3142
3151
|
validate: l || void 0
|
|
3143
3152
|
},
|
|
3144
|
-
render: ({ field:
|
|
3145
|
-
var
|
|
3153
|
+
render: ({ field: _, fieldState: v }) => {
|
|
3154
|
+
var x;
|
|
3146
3155
|
return /* @__PURE__ */ p("div", { className: te.selectInputContainer, children: [
|
|
3147
3156
|
/* @__PURE__ */ p("h3", { className: te.labelContainer, children: [
|
|
3148
|
-
|
|
3157
|
+
y(t),
|
|
3149
3158
|
" ",
|
|
3150
|
-
|
|
3159
|
+
r && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
|
|
3151
3160
|
] }),
|
|
3152
3161
|
/* @__PURE__ */ p("div", { className: te.inputContainer, style: { width: m }, children: [
|
|
3153
3162
|
/* @__PURE__ */ p(
|
|
3154
3163
|
"select",
|
|
3155
3164
|
{
|
|
3156
|
-
...
|
|
3157
|
-
onChange: (
|
|
3158
|
-
const N =
|
|
3159
|
-
|
|
3165
|
+
..._,
|
|
3166
|
+
onChange: (w) => {
|
|
3167
|
+
const N = w.target.value, S = g.every((D) => typeof D.value == "number") ? Number(N) : N;
|
|
3168
|
+
_.onChange(S);
|
|
3160
3169
|
},
|
|
3161
3170
|
className: te.selectInput,
|
|
3162
3171
|
children: [
|
|
3163
|
-
/* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3164
|
-
|
|
3172
|
+
/* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
|
|
3173
|
+
g.map((w, N) => /* @__PURE__ */ s(
|
|
3165
3174
|
"option",
|
|
3166
3175
|
{
|
|
3167
|
-
value:
|
|
3176
|
+
value: w.value,
|
|
3168
3177
|
className: te.option,
|
|
3169
|
-
children:
|
|
3178
|
+
children: y(w.label)
|
|
3170
3179
|
},
|
|
3171
3180
|
N
|
|
3172
3181
|
))
|
|
@@ -3185,7 +3194,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3185
3194
|
/* @__PURE__ */ s(
|
|
3186
3195
|
be,
|
|
3187
3196
|
{
|
|
3188
|
-
errorMessage: (
|
|
3197
|
+
errorMessage: (x = v.error) == null ? void 0 : x.message,
|
|
3189
3198
|
errorColor: u
|
|
3190
3199
|
}
|
|
3191
3200
|
)
|
|
@@ -3193,9 +3202,9 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3193
3202
|
}
|
|
3194
3203
|
}
|
|
3195
3204
|
);
|
|
3196
|
-
},
|
|
3197
|
-
radioButtonContainer:
|
|
3198
|
-
wholeInputContainer:
|
|
3205
|
+
}, w1 = "_radioButtonContainer_1e994_2", x1 = "_wholeInputContainer_1e994_5", N1 = "_questionContainer_1e994_27", k1 = "_radioQuestion_1e994_59", B1 = "_inputContainer_1e994_63", S1 = "_radioInput_1e994_93", G = {
|
|
3206
|
+
radioButtonContainer: w1,
|
|
3207
|
+
wholeInputContainer: x1,
|
|
3199
3208
|
questionContainer: N1,
|
|
3200
3209
|
radioQuestion: k1,
|
|
3201
3210
|
inputContainer: B1,
|
|
@@ -3205,31 +3214,31 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3205
3214
|
code: i,
|
|
3206
3215
|
label: o,
|
|
3207
3216
|
required: t,
|
|
3208
|
-
validateFunction:
|
|
3209
|
-
errorColor:
|
|
3217
|
+
validateFunction: a,
|
|
3218
|
+
errorColor: r = "red",
|
|
3210
3219
|
options: l = [],
|
|
3211
3220
|
multi: c = !1
|
|
3212
|
-
} = n, { t: u } = k(), { control: m, trigger:
|
|
3213
|
-
if (c &&
|
|
3214
|
-
let
|
|
3215
|
-
|
|
3221
|
+
} = n, { t: u } = k(), { control: m, trigger: g, clearErrors: y } = d, b = ({ options: h, onChange: _, actualValue: v }) => {
|
|
3222
|
+
if (c && v && v.length > 0) {
|
|
3223
|
+
let x = v.filter((w) => w !== h);
|
|
3224
|
+
_(x);
|
|
3216
3225
|
}
|
|
3217
|
-
},
|
|
3218
|
-
c ?
|
|
3219
|
-
},
|
|
3226
|
+
}, C = ({ options: h, onChange: _, actualValue: v }) => {
|
|
3227
|
+
c ? v && v.length > 0 ? _([...v, h]) : _([h]) : _(h);
|
|
3228
|
+
}, f = ie(t);
|
|
3220
3229
|
return L(() => {
|
|
3221
|
-
|
|
3222
|
-
}, [t, i,
|
|
3230
|
+
f.current !== t && (t ? g(i) : y(i), f.current = t);
|
|
3231
|
+
}, [t, i, g, y]), /* @__PURE__ */ s(
|
|
3223
3232
|
Ee,
|
|
3224
3233
|
{
|
|
3225
3234
|
control: m,
|
|
3226
3235
|
name: i,
|
|
3227
3236
|
rules: {
|
|
3228
|
-
validate: (
|
|
3237
|
+
validate: (h) => t && (h == null || h === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3229
3238
|
},
|
|
3230
3239
|
render: ({
|
|
3231
|
-
formState: { errors:
|
|
3232
|
-
field: { onChange:
|
|
3240
|
+
formState: { errors: h },
|
|
3241
|
+
field: { onChange: _, onBlur: v, value: x, ref: w },
|
|
3233
3242
|
fieldState: N
|
|
3234
3243
|
}) => {
|
|
3235
3244
|
var S;
|
|
@@ -3245,7 +3254,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3245
3254
|
t && /* @__PURE__ */ s(
|
|
3246
3255
|
"label",
|
|
3247
3256
|
{
|
|
3248
|
-
style: { color: N.error ?
|
|
3257
|
+
style: { color: N.error ? r : "" },
|
|
3249
3258
|
children: "*"
|
|
3250
3259
|
}
|
|
3251
3260
|
)
|
|
@@ -3260,7 +3269,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3260
3269
|
disabled: de = !1,
|
|
3261
3270
|
italicLabel: ue
|
|
3262
3271
|
}, R) => {
|
|
3263
|
-
const q =
|
|
3272
|
+
const q = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((E) => E === j) : x === j;
|
|
3264
3273
|
return /* @__PURE__ */ p("label", { children: [
|
|
3265
3274
|
/* @__PURE__ */ s(
|
|
3266
3275
|
"input",
|
|
@@ -3268,15 +3277,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3268
3277
|
type: "radio",
|
|
3269
3278
|
checked: q,
|
|
3270
3279
|
onChange: () => {
|
|
3271
|
-
c ? q ?
|
|
3272
|
-
actualValue:
|
|
3280
|
+
c ? q ? b({
|
|
3281
|
+
actualValue: x,
|
|
3273
3282
|
options: l,
|
|
3274
|
-
onChange:
|
|
3275
|
-
}) :
|
|
3276
|
-
actualValue:
|
|
3283
|
+
onChange: _
|
|
3284
|
+
}) : C({
|
|
3285
|
+
actualValue: x,
|
|
3277
3286
|
options: l,
|
|
3278
|
-
onChange:
|
|
3279
|
-
}) :
|
|
3287
|
+
onChange: _
|
|
3288
|
+
}) : _(j);
|
|
3280
3289
|
},
|
|
3281
3290
|
className: G.radioInput
|
|
3282
3291
|
}
|
|
@@ -3290,7 +3299,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3290
3299
|
be,
|
|
3291
3300
|
{
|
|
3292
3301
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3293
|
-
errorColor:
|
|
3302
|
+
errorColor: r
|
|
3294
3303
|
}
|
|
3295
3304
|
)
|
|
3296
3305
|
] })
|
|
@@ -3303,15 +3312,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3303
3312
|
inputContainerStyles: d,
|
|
3304
3313
|
reactHookFormInstance: i
|
|
3305
3314
|
}) => {
|
|
3306
|
-
const { watch: o } = i, t = o(),
|
|
3307
|
-
const l = typeof
|
|
3315
|
+
const { watch: o } = i, t = o(), a = le(() => n.map((r) => {
|
|
3316
|
+
const l = typeof r.required == "function" ? r.required(t) : r.required;
|
|
3308
3317
|
return {
|
|
3309
|
-
...
|
|
3318
|
+
...r,
|
|
3310
3319
|
required: l
|
|
3311
3320
|
};
|
|
3312
3321
|
}), [n, t]);
|
|
3313
|
-
return /* @__PURE__ */ s("div", { className: ae.inputsContainer, children:
|
|
3314
|
-
const { inputType: c } =
|
|
3322
|
+
return /* @__PURE__ */ s("div", { className: ae.inputsContainer, children: a == null ? void 0 : a.map((r, l) => {
|
|
3323
|
+
const { inputType: c } = r;
|
|
3315
3324
|
switch (c) {
|
|
3316
3325
|
case ge.text:
|
|
3317
3326
|
return /* @__PURE__ */ s(
|
|
@@ -3322,12 +3331,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3322
3331
|
children: /* @__PURE__ */ s(
|
|
3323
3332
|
et,
|
|
3324
3333
|
{
|
|
3325
|
-
input:
|
|
3334
|
+
input: r,
|
|
3326
3335
|
reactHookFormInstance: i
|
|
3327
3336
|
}
|
|
3328
3337
|
)
|
|
3329
3338
|
},
|
|
3330
|
-
`${
|
|
3339
|
+
`${r.code}${l}`
|
|
3331
3340
|
);
|
|
3332
3341
|
case ge.password:
|
|
3333
3342
|
return /* @__PURE__ */ s(
|
|
@@ -3338,12 +3347,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3338
3347
|
children: /* @__PURE__ */ s(
|
|
3339
3348
|
et,
|
|
3340
3349
|
{
|
|
3341
|
-
input:
|
|
3350
|
+
input: r,
|
|
3342
3351
|
reactHookFormInstance: i
|
|
3343
3352
|
}
|
|
3344
3353
|
)
|
|
3345
3354
|
},
|
|
3346
|
-
`${
|
|
3355
|
+
`${r.code}${l}`
|
|
3347
3356
|
);
|
|
3348
3357
|
case ge.select:
|
|
3349
3358
|
return /* @__PURE__ */ s(
|
|
@@ -3354,12 +3363,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3354
3363
|
children: /* @__PURE__ */ s(
|
|
3355
3364
|
v1,
|
|
3356
3365
|
{
|
|
3357
|
-
input:
|
|
3366
|
+
input: r,
|
|
3358
3367
|
reactHookFormInstance: i
|
|
3359
3368
|
}
|
|
3360
3369
|
)
|
|
3361
3370
|
},
|
|
3362
|
-
`${
|
|
3371
|
+
`${r.code}${l}`
|
|
3363
3372
|
);
|
|
3364
3373
|
case ge.radioList:
|
|
3365
3374
|
return /* @__PURE__ */ s(
|
|
@@ -3370,15 +3379,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3370
3379
|
children: /* @__PURE__ */ s(
|
|
3371
3380
|
D1,
|
|
3372
3381
|
{
|
|
3373
|
-
input:
|
|
3382
|
+
input: r,
|
|
3374
3383
|
reactHookFormInstance: i
|
|
3375
3384
|
}
|
|
3376
3385
|
)
|
|
3377
3386
|
},
|
|
3378
|
-
`${
|
|
3387
|
+
`${r.code}${l}`
|
|
3379
3388
|
);
|
|
3380
3389
|
default:
|
|
3381
|
-
return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h4", { children: "Default" }) }, `${
|
|
3390
|
+
return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h4", { children: "Default" }) }, `${r.code}${l}`);
|
|
3382
3391
|
}
|
|
3383
3392
|
}) });
|
|
3384
3393
|
}, yi = ({
|
|
@@ -3390,8 +3399,8 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3390
3399
|
CategoryComponent: i,
|
|
3391
3400
|
inputContainerStyles: o,
|
|
3392
3401
|
generalError: t,
|
|
3393
|
-
errorColor:
|
|
3394
|
-
submitButtonLabel:
|
|
3402
|
+
errorColor: a = "red",
|
|
3403
|
+
submitButtonLabel: r = "Submit",
|
|
3395
3404
|
submitButtonStyles: l = { width: 325 },
|
|
3396
3405
|
activeCategory: c = null,
|
|
3397
3406
|
// If provided, only the category with this categoryId will be displayed.
|
|
@@ -3399,37 +3408,37 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3399
3408
|
}) => {
|
|
3400
3409
|
const {
|
|
3401
3410
|
handleSubmit: m,
|
|
3402
|
-
control:
|
|
3403
|
-
formState: { errors:
|
|
3404
|
-
} = n, { t:
|
|
3411
|
+
control: g,
|
|
3412
|
+
formState: { errors: y }
|
|
3413
|
+
} = n, { t: b } = k();
|
|
3405
3414
|
return (
|
|
3406
3415
|
/* "handleSubmit" will validate your inputs before invoking "onSubmit" */
|
|
3407
3416
|
/* @__PURE__ */ p("form", { className: Se.formContainer, onSubmit: m(u), children: [
|
|
3408
|
-
/* @__PURE__ */ s("div", { className: Se.formObjectContainer, children: d && d.map((
|
|
3409
|
-
const { inputs:
|
|
3410
|
-
return
|
|
3417
|
+
/* @__PURE__ */ s("div", { className: Se.formObjectContainer, children: d && d.map((C, f) => {
|
|
3418
|
+
const { inputs: h } = C;
|
|
3419
|
+
return C.category ? i ? /* @__PURE__ */ s(
|
|
3411
3420
|
"div",
|
|
3412
3421
|
{
|
|
3413
3422
|
style: {
|
|
3414
|
-
display: c &&
|
|
3423
|
+
display: c && C.categoryId !== c ? "none" : "inherit",
|
|
3415
3424
|
width: "100%"
|
|
3416
3425
|
},
|
|
3417
3426
|
children: /* @__PURE__ */ s(
|
|
3418
3427
|
i,
|
|
3419
3428
|
{
|
|
3420
|
-
title:
|
|
3429
|
+
title: C.category,
|
|
3421
3430
|
children: /* @__PURE__ */ s(
|
|
3422
3431
|
De,
|
|
3423
3432
|
{
|
|
3424
|
-
inputs:
|
|
3425
|
-
control:
|
|
3433
|
+
inputs: h,
|
|
3434
|
+
control: g,
|
|
3426
3435
|
inputContainerStyles: o,
|
|
3427
|
-
errorColor:
|
|
3436
|
+
errorColor: a,
|
|
3428
3437
|
formInstance: n
|
|
3429
3438
|
}
|
|
3430
3439
|
)
|
|
3431
3440
|
},
|
|
3432
|
-
`${
|
|
3441
|
+
`${C.category}${f}`
|
|
3433
3442
|
)
|
|
3434
3443
|
}
|
|
3435
3444
|
) : /* @__PURE__ */ p(
|
|
@@ -3437,38 +3446,38 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3437
3446
|
{
|
|
3438
3447
|
style: {
|
|
3439
3448
|
width: "100%",
|
|
3440
|
-
display: c &&
|
|
3449
|
+
display: c && C.categoryId !== c ? "none" : "flex",
|
|
3441
3450
|
flexDirection: "column"
|
|
3442
3451
|
},
|
|
3443
3452
|
children: [
|
|
3444
|
-
/* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children:
|
|
3453
|
+
/* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: b(C.category) }),
|
|
3445
3454
|
/* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
|
|
3446
3455
|
De,
|
|
3447
3456
|
{
|
|
3448
|
-
inputs:
|
|
3449
|
-
control:
|
|
3457
|
+
inputs: h,
|
|
3458
|
+
control: g,
|
|
3450
3459
|
inputContainerStyles: o,
|
|
3451
|
-
errorColor:
|
|
3460
|
+
errorColor: a,
|
|
3452
3461
|
reactHookFormInstance: n
|
|
3453
3462
|
}
|
|
3454
3463
|
) })
|
|
3455
3464
|
]
|
|
3456
3465
|
},
|
|
3457
|
-
`${
|
|
3466
|
+
`${C.category}${f}`
|
|
3458
3467
|
) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
|
|
3459
3468
|
De,
|
|
3460
3469
|
{
|
|
3461
3470
|
inputContainerStyles: o,
|
|
3462
|
-
inputs:
|
|
3463
|
-
control:
|
|
3464
|
-
errorColor:
|
|
3471
|
+
inputs: h,
|
|
3472
|
+
control: g,
|
|
3473
|
+
errorColor: a,
|
|
3465
3474
|
reactHookFormInstance: n
|
|
3466
3475
|
}
|
|
3467
|
-
) }, `inputKey${
|
|
3476
|
+
) }, `inputKey${f}`);
|
|
3468
3477
|
}) }),
|
|
3469
3478
|
/* @__PURE__ */ p("div", { className: Se.buttonContainer, children: [
|
|
3470
|
-
/* @__PURE__ */ s(fe, { containerStyles: l, type: "submit", children:
|
|
3471
|
-
/* @__PURE__ */ s(be, { errorMessage: t, errorColor:
|
|
3479
|
+
/* @__PURE__ */ s(fe, { containerStyles: l, type: "submit", children: b(r) }),
|
|
3480
|
+
/* @__PURE__ */ s(be, { errorMessage: t, errorColor: a })
|
|
3472
3481
|
] })
|
|
3473
3482
|
] })
|
|
3474
3483
|
);
|
|
@@ -3487,13 +3496,13 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
|
|
|
3487
3496
|
message: i,
|
|
3488
3497
|
submessage: o,
|
|
3489
3498
|
buttons: t,
|
|
3490
|
-
maxHeight:
|
|
3491
|
-
maxWidth:
|
|
3499
|
+
maxHeight: a = "450px",
|
|
3500
|
+
maxWidth: r = "450px"
|
|
3492
3501
|
}) => /* @__PURE__ */ s("div", { className: Z.overlay, children: /* @__PURE__ */ p(
|
|
3493
3502
|
"div",
|
|
3494
3503
|
{
|
|
3495
3504
|
className: Z.modal,
|
|
3496
|
-
style: { maxHeight:
|
|
3505
|
+
style: { maxHeight: a, maxWidth: r },
|
|
3497
3506
|
children: [
|
|
3498
3507
|
/* @__PURE__ */ s("button", { className: Z.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
|
|
3499
3508
|
d && /* @__PURE__ */ s("img", { src: d, alt: "icon", className: Z.icon }),
|
|
@@ -3531,8 +3540,8 @@ const R1 = "_header_13kbt_2", q1 = "_leftComponents_13kbt_13", E1 = "_centerComp
|
|
|
3531
3540
|
centerComponents: i = [],
|
|
3532
3541
|
rightComponents: o = [],
|
|
3533
3542
|
zIndex: t = 10,
|
|
3534
|
-
height:
|
|
3535
|
-
backgroundColor:
|
|
3543
|
+
height: a = 60,
|
|
3544
|
+
backgroundColor: r = "#605B56",
|
|
3536
3545
|
isFooter: l = !1
|
|
3537
3546
|
// If true, it will apply footer styles
|
|
3538
3547
|
}) => /* @__PURE__ */ p(
|
|
@@ -3542,8 +3551,8 @@ const R1 = "_header_13kbt_2", q1 = "_leftComponents_13kbt_13", E1 = "_centerComp
|
|
|
3542
3551
|
style: {
|
|
3543
3552
|
...n,
|
|
3544
3553
|
zIndex: t,
|
|
3545
|
-
height:
|
|
3546
|
-
backgroundColor:
|
|
3554
|
+
height: a,
|
|
3555
|
+
backgroundColor: r,
|
|
3547
3556
|
top: l ? "auto" : 0,
|
|
3548
3557
|
bottom: l ? 0 : "auto"
|
|
3549
3558
|
},
|
|
@@ -3608,7 +3617,7 @@ export {
|
|
|
3608
3617
|
X2 as Graphic,
|
|
3609
3618
|
z1 as HeaderSection,
|
|
3610
3619
|
C0 as IndicatorsList,
|
|
3611
|
-
|
|
3620
|
+
w0 as LangSelector,
|
|
3612
3621
|
R0 as Legend,
|
|
3613
3622
|
Pn as ListSelector,
|
|
3614
3623
|
fn as LogInButton,
|