@tmf_ciclica/ciclicastorybook 1.1.125 → 1.1.127
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 +5 -5
- package/dist/index.es.js +503 -501
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://unpkg.com/maplibre-gl@^5.3.0/dist/maplibre-gl.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";._ambitSelector_mcunf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39{font-size:18px;font-weight:600;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53{font-size:18px;font-weight:600;flex:.5}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._buttonsContainer_mcunf_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._ambitListContainer_mcunf_76{flex:1;width:100%}._ambitSelector_mcunf_2 ._newAmbitButtonContainer_mcunf_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._ambitItem_1qa6u_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:10px;width:100%;padding-bottom:30px;padding-top:30px}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitName_1qa6u_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitDate_1qa6u_35{flex:.5}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38 button:disabled{opacity:.5;cursor:default}._generalButton_phq4n_2{padding:5px 95px;border-radius:100px}._generalButton_phq4n_2:disabled{opacity:.6}._buttonsContainer_1ks7x_2{display:flex;gap:8px}._buttonsContainer_1ks7x_2._vertical_1ks7x_6{flex-direction:column}._buttonsContainer_1ks7x_2._horizontal_1ks7x_9{flex-direction:row}._button_1ks7x_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1ks7x_2:hover{opacity:.8}._button_1ks7x_2._active_1ks7x_25{font-weight:700}._button_1ks7x_2 ._buttonName_1ks7x_28{margin:0 4px}._button_1ks7x_2:disabled{opacity:.5!important;cursor:auto}._left_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_cokx9_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start;flex-wrap:wrap}._AppliedFiltersContainer_cokx9_2 ._AppliedFilterContent_cokx9_11{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:0 20px;border-radius:100px}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_15vgv_2{padding-top:15px;font-size:14px}._container_15vgv_2 span{font-size:14px}._container_15vgv_2 ._unitLabel_15vgv_9{height:40px}._container_15vgv_2 ._slider_15vgv_12{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_15vgv_2 ._thumb_15vgv_18{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_15vgv_2 ._track_15vgv_27{top:0;bottom:0;background:#605b56;border-radius:3px}._container_15vgv_2 ._labels_15vgv_33{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_1go6h_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_1go6h_2 ._indicatorNameContainer_1go6h_11{gap:10px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_1go6h_2 ._dot_1go6h_17{border-radius:100px;width:16px;height:16px}._indicatorContainer_1go6h_2 ._indicatorName_1go6h_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_1go6h_28{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37{margin:0;width:100%}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._customRadious_1go6h_62{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._optionText_1go6h_69{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_qs4x9_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative;overflow-y:scroll}._legendContainer_qs4x9_3::-webkit-scrollbar{width:8px}._legendContainer_qs4x9_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_qs4x9_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before,._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before{transform:rotate(45deg)}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{transform:rotate(-45deg)}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59{border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59 h2{padding-bottom:16px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65{padding-top:20px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_qs4x9_3 ._titleLegendList_qs4x9_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88 ._colorDot_qs4x9_94{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100{position:relative}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueColor_qs4x9_103{height:130px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120{position:relative;margin-top:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._noData_qs4x9_120{height:22px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._moreInfoContainer_qs4x9_141{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_mt8l5_2{padding:15px;color:#92898a}._FeaturePopUp_mt8l5_2 p{margin-bottom:10px}._FeaturePopUp_mt8l5_2 ._title_mt8l5_9{font-weight:600;margin-right:5px;color:#92898a}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._LogInButton_1vxj5_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39{font-size:18px;font-weight:600;flex:1}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementName_fd7az_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_fd7az_2 ._header_fd7az_13 ._nameDateContainer_fd7az_23 ._elementDate_fd7az_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_fd7az_2 ._header_fd7az_13 ._buttonsContainer_fd7az_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_fd7az_2 ._elementListContainer_fd7az_76{flex:1;width:100%}._elementSelector_fd7az_2 ._newElementButtonContainer_fd7az_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._listElement_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._textInputContainer_1o3iy_2{width:100%}._textInputContainer_1o3iy_2 ._labelContainer_1o3iy_5{margin-bottom:25px}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8{background-color:#605b5620;padding:7px;border-radius:4px;position:relative}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 ._showPasswordButton_1o3iy_14{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}._textInputContainer_1o3iy_2 ._inputContainer_1o3iy_8 input{width:100%}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26{margin-top:10px;cursor:pointer}._textInputContainer_1o3iy_2 ._forgotPassButton_1o3iy_26 button{text-decoration:underline}._errorMessage_1xiyb_2{min-height:25px}._formContainer_b071f_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_b071f_2 ._formObjectContainer_b071f_11{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_b071f_2 ._buttonContainer_b071f_22{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._inputsContainer_10t9s_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;gap:30px}._selectInputContainer_1rj0h_2{width:100%;position:relative}._selectInputContainer_1rj0h_2 ._labelContainer_1rj0h_6{margin-bottom:25px}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9{position:relative}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:9px 40px 9px 9px;border:1.5px solid #605b56;border-radius:4px;cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._selectInput_1rj0h_2 ._option_1rj0h_23{cursor:pointer}._selectInputContainer_1rj0h_2 ._inputContainer_1rj0h_9 ._dropdownArrow_1rj0h_26{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}._radioButtonContainer_1e994_2{width:100%}._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;width:100%;flex-wrap:wrap;position:relative;gap:15px}@media (width < 768px){._radioButtonContainer_1e994_2 ._wholeInputContainer_1e994_5{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start}}._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;align-self:flex-start;position:relative}@media (width < 768px){._radioButtonContainer_1e994_2 ._questionContainer_1e994_27{min-width:auto;max-width:215px}}._radioButtonContainer_1e994_2 ._errorContainer_1e994_44{position:absolute;top:-25px;left:0}._radioButtonContainer_1e994_2 ._iconPrivacy_1e994_49{height:100%;padding-right:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._radioButtonContainer_1e994_2 ._radioQuestion_1e994_59{width:100%;flex:1}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;gap:10px;position:relative;height:100%}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label{text-align:left}._radioButtonContainer_1e994_2 ._inputContainer_1e994_63 label input{margin-right:5px}@media (width < 768px){._radioButtonContainer_1e994_2 ._inputContainer_1e994_63{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;flex:1}}label,._radioInput_1e994_93{cursor:pointer}._rankingSliderContainer_1gn40_2{display:grid;width:100%}._rankingSliderContainer_1gn40_2 ._labelContainer_1gn40_6{margin-bottom:25px;color:#605b56}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10{width:100%;position:relative}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._slider_1gn40_14{height:6px;background:#efefef;border-radius:3px;position:relative}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._thumb_1gn40_20{height:10px;width:10px;border-radius:50%;cursor:grab;top:-50%;transform:translateY(10%);outline:none}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._trackLeft_1gn40_30,._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._trackRight_1gn40_35{height:6px;border-radius:9999px}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._labels_1gn40_39{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#444}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._labels_1gn40_39 span{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:10px}._rankingSliderContainer_1gn40_2 ._inputContainer_1gn40_10 ._labels_1gn40_39 ._labelsText_1gn40_55{color:#605b56}._overlay_mnd4j_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}._modal_mnd4j_15{background:#fff;border-radius:12px;position:relative;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:300px}._closeButton_mnd4j_29{position:absolute;top:3px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer}._icon_mnd4j_39{width:60px;height:60px;margin-bottom:16px}._message_mnd4j_45{font-size:18px;font-weight:700;margin-bottom:8px}._submessage_mnd4j_51{font-size:14px;color:#666;margin-bottom:20px}._buttonsContainer_mnd4j_57{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}._buttonWrapper_mnd4j_64{display:inline-flex}._stepsContainer_1cyua_3{display:flex;flex-direction:column;position:relative}._stepWrapper_1cyua_9{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}._stepWrapper_1cyua_9:last-child{margin-bottom:0}._circleContainer_1cyua_19{position:relative}._circle_1cyua_19{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1}._active_1cyua_39{color:#fff;border:none}._completed_1cyua_44{background-color:#ccc;color:#fff;border:none}._label_1cyua_50{margin-left:10px;font-size:14px;color:#aaa}._labelActive_1cyua_56{font-weight:700;color:#333}._connector_1cyua_61{position:absolute;left:50%;transform:translate(-50%);top:32px;width:1px;height:calc(100% - 10px);background-color:#ccc;z-index:0}._statusTextContainer_ch14r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:128px;height:31px;border-radius:200px}._statusTextContainer_ch14r_2 span{font-size:16px;color:#605b56}._buttonsContainer_1c7dw_2{padding:5px 7px;background-color:#efefef;border-radius:10px;display:flex;gap:8px}._buttonsContainer_1c7dw_2 ._button_1c7dw_2{border-radius:10px;display:flex;align-items:center;cursor:pointer;padding:4px;color:#605b56}._buttonsContainer_1c7dw_2 ._button_1c7dw_2:hover{opacity:.8}._buttonsContainer_1c7dw_2 ._button_1c7dw_2._active_1c7dw_20{background:#b32f5d;color:#efefef}._header_13kbt_2{width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;padding:0 16px;background-color:#fff;border-bottom:1px solid black}._header_13kbt_2 ._leftComponents_13kbt_13,._header_13kbt_2 ._centerComponents_13kbt_14,._header_13kbt_2 ._rightComponents_13kbt_15{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_13kbt_2 ._leftComponents_13kbt_13{left:16px}._header_13kbt_2 ._centerComponents_13kbt_14{left:50%;transform:translate(-50%)}._header_13kbt_2 ._rightComponents_13kbt_15{right:16px}._header_13kbt_2 ._componentsContainer_13kbt_32{height:100%;width:100%}._sidebar_1fmjn_2{position:absolute;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_1fmjn_16{border-left:1px solid #ddd}._content_1fmjn_20{position:relative;padding:20px;height:100%}._closeButton_1fmjn_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1fmjn_26:hover{color:#000}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
import { jsxs as p, jsx as i, Fragment as Ae } from "react/jsx-runtime";
|
|
3
|
-
import * as
|
|
4
|
-
import T, { useState as
|
|
3
|
+
import * as ce from "react";
|
|
4
|
+
import T, { useState as L, useEffect as M, useMemo as ge, useLayoutEffect as Tt, useRef as ne } from "react";
|
|
5
5
|
import e from "prop-types";
|
|
6
|
-
import { useTranslation as
|
|
6
|
+
import { useTranslation as k, Trans as je } from "react-i18next";
|
|
7
7
|
import { motion as ze } from "framer-motion";
|
|
8
8
|
import { create as Dt } from "zustand";
|
|
9
9
|
import * as Ue from "d3";
|
|
@@ -44,7 +44,7 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
|
|
|
44
44
|
fontColor: l,
|
|
45
45
|
moreInfo: c
|
|
46
46
|
}) => {
|
|
47
|
-
const { name: u, created_at:
|
|
47
|
+
const { name: u, created_at: g, id: C, isBeingProcessed: _ } = n;
|
|
48
48
|
return /* @__PURE__ */ p(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
@@ -62,7 +62,7 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
|
|
|
62
62
|
),
|
|
63
63
|
/* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */ i("div", { className: ue.ambitDate, children:
|
|
65
|
+
/* @__PURE__ */ i("div", { className: ue.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
|
|
66
66
|
] }),
|
|
67
67
|
/* @__PURE__ */ p("div", { className: ue.ambitButtons, children: [
|
|
68
68
|
_ && /* @__PURE__ */ i("img", { src: m2 }),
|
|
@@ -127,19 +127,19 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
127
127
|
buttonContainerStyles: l = {},
|
|
128
128
|
containerStyles: c = {},
|
|
129
129
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
130
|
-
onClickCopy:
|
|
131
|
-
onCLickDelete: C = (
|
|
132
|
-
onClickFilters: _ = (
|
|
133
|
-
onClickAmbit: y = (
|
|
130
|
+
onClickCopy: g = (h) => console.log(`Copy ambit: ${h}`),
|
|
131
|
+
onCLickDelete: C = (h) => console.log(`Delete ambit: ${h}`),
|
|
132
|
+
onClickFilters: _ = (h) => console.log(`Filters clicked: ${h}`),
|
|
133
|
+
onClickAmbit: y = (h) => console.log(`OnCLickAmbit: ${h}`)
|
|
134
134
|
}) => {
|
|
135
|
-
const { t:
|
|
136
|
-
|
|
137
|
-
n &&
|
|
135
|
+
const { t: h } = k(), [f, m] = L(n);
|
|
136
|
+
M(() => {
|
|
137
|
+
n && m(n);
|
|
138
138
|
}, [n]);
|
|
139
139
|
const b = (v) => {
|
|
140
|
-
if (
|
|
141
|
-
let
|
|
142
|
-
|
|
140
|
+
if (f && f.length > 0) {
|
|
141
|
+
let N = [...f];
|
|
142
|
+
N.sort((x, w) => x[v].localeCompare(w[v])), m(N);
|
|
143
143
|
}
|
|
144
144
|
};
|
|
145
145
|
return /* @__PURE__ */ p(
|
|
@@ -156,11 +156,11 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
156
156
|
children: [
|
|
157
157
|
/* @__PURE__ */ p("div", { className: U.nameDateContainer, children: [
|
|
158
158
|
/* @__PURE__ */ i("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => b("name"), children: [
|
|
159
|
-
/* @__PURE__ */ i("span", { children:
|
|
159
|
+
/* @__PURE__ */ i("span", { children: h(t) }),
|
|
160
160
|
/* @__PURE__ */ i("img", { src: Ge })
|
|
161
161
|
] }) }),
|
|
162
162
|
/* @__PURE__ */ i("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => b("date"), children: [
|
|
163
|
-
/* @__PURE__ */ i("span", { children:
|
|
163
|
+
/* @__PURE__ */ i("span", { children: h(r) }),
|
|
164
164
|
/* @__PURE__ */ i("img", { src: Ge })
|
|
165
165
|
] }) })
|
|
166
166
|
] }),
|
|
@@ -168,14 +168,14 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
168
168
|
]
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
|
-
/* @__PURE__ */ i("div", { className: U.ambitListContainer, children:
|
|
171
|
+
/* @__PURE__ */ i("div", { className: U.ambitListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ i(
|
|
172
172
|
at,
|
|
173
173
|
{
|
|
174
174
|
isActive: d == v.id,
|
|
175
175
|
ambit: v,
|
|
176
176
|
fontColor: s,
|
|
177
177
|
activeColor: o,
|
|
178
|
-
onClickCopy:
|
|
178
|
+
onClickCopy: g,
|
|
179
179
|
onClickDelete: C,
|
|
180
180
|
onClickFilters: _,
|
|
181
181
|
onClickAmbit: y
|
|
@@ -188,7 +188,7 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
188
188
|
style: { ...l },
|
|
189
189
|
onClick: u,
|
|
190
190
|
borderColor: "grey",
|
|
191
|
-
children:
|
|
191
|
+
children: h(a)
|
|
192
192
|
}
|
|
193
193
|
) })
|
|
194
194
|
]
|
|
@@ -230,7 +230,7 @@ const _2 = "_buttonsContainer_1ks7x_2", y2 = "_vertical_1ks7x_6", v2 = "_horizon
|
|
|
230
230
|
bottom: B2,
|
|
231
231
|
right: S2
|
|
232
232
|
}, te = ({ text: n, position: d, styleCustom: s = null }) => {
|
|
233
|
-
const { t: o } =
|
|
233
|
+
const { t: o } = k();
|
|
234
234
|
return /* @__PURE__ */ i("div", { className: `tooltip ${T2[d]}`, style: s, children: o(n) });
|
|
235
235
|
};
|
|
236
236
|
te.propTypes = {
|
|
@@ -246,7 +246,7 @@ const D2 = ({
|
|
|
246
246
|
useTooltip: t = !1,
|
|
247
247
|
tooltipPosition: r = "top"
|
|
248
248
|
}) => {
|
|
249
|
-
const { t: a } =
|
|
249
|
+
const { t: a } = k();
|
|
250
250
|
return /* @__PURE__ */ i(
|
|
251
251
|
"div",
|
|
252
252
|
{
|
|
@@ -255,14 +255,14 @@ const D2 = ({
|
|
|
255
255
|
children: n.map((l, c) => {
|
|
256
256
|
const {
|
|
257
257
|
icon: u,
|
|
258
|
-
activeIcon:
|
|
258
|
+
activeIcon: g,
|
|
259
259
|
isActive: C,
|
|
260
260
|
name: _,
|
|
261
261
|
onClick: y,
|
|
262
|
-
disabled:
|
|
263
|
-
} = l,
|
|
262
|
+
disabled: h
|
|
263
|
+
} = l, f = /* @__PURE__ */ p(Ae, { children: [
|
|
264
264
|
s && o === "left" && /* @__PURE__ */ i("span", { className: Y.buttonName, children: a(_) }),
|
|
265
|
-
/* @__PURE__ */ i("img", { src: C ?
|
|
265
|
+
/* @__PURE__ */ i("img", { src: C ? g : u, alt: a(_) }),
|
|
266
266
|
s && o === "right" && /* @__PURE__ */ i("span", { className: Y.buttonName, children: a(_) })
|
|
267
267
|
] });
|
|
268
268
|
return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
@@ -272,8 +272,8 @@ const D2 = ({
|
|
|
272
272
|
onClick: y,
|
|
273
273
|
className: `${Y.button}
|
|
274
274
|
${C && Y.active}`,
|
|
275
|
-
disabled:
|
|
276
|
-
children:
|
|
275
|
+
disabled: h,
|
|
276
|
+
children: f
|
|
277
277
|
}
|
|
278
278
|
),
|
|
279
279
|
t && /* @__PURE__ */ i(te, { text: _, position: r })
|
|
@@ -317,7 +317,7 @@ const M2 = "_indicatorsCategory_1cu33_2", L2 = "_title_1cu33_5", $e = {
|
|
|
317
317
|
showBottomBar: c = !0,
|
|
318
318
|
titleMarginChildren: u = 25
|
|
319
319
|
}) => {
|
|
320
|
-
const { t:
|
|
320
|
+
const { t: g } = k();
|
|
321
321
|
return /* @__PURE__ */ p(
|
|
322
322
|
ze.div,
|
|
323
323
|
{
|
|
@@ -342,7 +342,7 @@ const M2 = "_indicatorsCategory_1cu33_2", L2 = "_title_1cu33_5", $e = {
|
|
|
342
342
|
onClick: d,
|
|
343
343
|
children: [
|
|
344
344
|
/* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
|
|
345
|
-
/* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children:
|
|
345
|
+
/* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children: g(r) })
|
|
346
346
|
]
|
|
347
347
|
}
|
|
348
348
|
),
|
|
@@ -365,7 +365,7 @@ ie.propTypes = {
|
|
|
365
365
|
const Hs = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), F2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", V2 = "_AppliedFiltersContainer_cokx9_2", A2 = "_AppliedFilterContent_cokx9_11", We = {
|
|
366
366
|
AppliedFiltersContainer: V2,
|
|
367
367
|
AppliedFilterContent: A2
|
|
368
|
-
},
|
|
368
|
+
}, O = Dt((n) => ({
|
|
369
369
|
activeCategory: "",
|
|
370
370
|
activeSubCategory: "",
|
|
371
371
|
selectedIndicator: "",
|
|
@@ -373,9 +373,9 @@ const Hs = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), F2 = "data
|
|
|
373
373
|
fontColor: "#605B56",
|
|
374
374
|
inputsColor: "#605B56"
|
|
375
375
|
})), lt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
376
|
-
const { t: a } =
|
|
377
|
-
|
|
378
|
-
tematicalFiltersSelected:
|
|
376
|
+
const { t: a } = k(), { tematicalFiltersSelected: l } = O((u) => u), c = (u) => {
|
|
377
|
+
O.setState((g) => ({
|
|
378
|
+
tematicalFiltersSelected: g.tematicalFiltersSelected.filter(
|
|
379
379
|
(C) => C.code !== u
|
|
380
380
|
)
|
|
381
381
|
}));
|
|
@@ -387,10 +387,10 @@ const Hs = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), F2 = "data
|
|
|
387
387
|
onClick: d,
|
|
388
388
|
title: n ? a(n) : "Applied Filters",
|
|
389
389
|
activeColor: r,
|
|
390
|
-
children: /* @__PURE__ */ i("div", { className: We.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u,
|
|
390
|
+
children: /* @__PURE__ */ i("div", { className: We.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, g) => /* @__PURE__ */ p("div", { className: We.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
391
391
|
a(u.name),
|
|
392
392
|
/* @__PURE__ */ i("img", { src: F2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
|
|
393
|
-
] },
|
|
393
|
+
] }, g)) })
|
|
394
394
|
}
|
|
395
395
|
);
|
|
396
396
|
};
|
|
@@ -409,7 +409,7 @@ lt.propTypes = {
|
|
|
409
409
|
activeColor: e.string
|
|
410
410
|
};
|
|
411
411
|
const ct = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
412
|
-
const { t: a } =
|
|
412
|
+
const { t: a } = k(), { tematicalFiltersSelected: l } = O((c) => c);
|
|
413
413
|
return /* @__PURE__ */ i(
|
|
414
414
|
ie,
|
|
415
415
|
{
|
|
@@ -438,7 +438,7 @@ const O2 = "_checkboxContainer_zld97_2", I2 = {
|
|
|
438
438
|
indicator: o,
|
|
439
439
|
value: t
|
|
440
440
|
}) => {
|
|
441
|
-
const { t: r } =
|
|
441
|
+
const { t: r } = k(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = O((u) => u);
|
|
442
442
|
return /* @__PURE__ */ p(
|
|
443
443
|
"div",
|
|
444
444
|
{
|
|
@@ -522,8 +522,8 @@ let Re = function(n) {
|
|
|
522
522
|
t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
|
|
523
523
|
}, t.onMouseMove = (l) => {
|
|
524
524
|
t.setState({ pending: !0 });
|
|
525
|
-
const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]),
|
|
526
|
-
t.move(
|
|
525
|
+
const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
|
|
526
|
+
t.move(g);
|
|
527
527
|
}, t.onTouchMove = (l) => {
|
|
528
528
|
if (l.touches.length > 1) return;
|
|
529
529
|
t.setState({ pending: !0 });
|
|
@@ -533,8 +533,8 @@ let Re = function(n) {
|
|
|
533
533
|
t.isScrolling = Math.abs(_) > Math.abs(C);
|
|
534
534
|
}
|
|
535
535
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
536
|
-
const u = t.getDiffPosition(c[0]),
|
|
537
|
-
t.move(
|
|
536
|
+
const u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
|
|
537
|
+
t.move(g);
|
|
538
538
|
}, t.onKeyDown = (l) => {
|
|
539
539
|
if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
|
|
540
540
|
case "ArrowLeft":
|
|
@@ -587,8 +587,8 @@ let Re = function(n) {
|
|
|
587
587
|
if (t.props.disabled || c.touches.length > 1) return;
|
|
588
588
|
t.setState({ pending: !0 });
|
|
589
589
|
const u = t.getTouchPosition(c);
|
|
590
|
-
t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), _e(t.getTouchEventMap()), function(
|
|
591
|
-
|
|
590
|
+
t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), _e(t.getTouchEventMap()), function(g) {
|
|
591
|
+
g.stopPropagation && g.stopPropagation();
|
|
592
592
|
}(c);
|
|
593
593
|
}, t.handleResize = () => {
|
|
594
594
|
const l = window.setTimeout(() => {
|
|
@@ -596,13 +596,13 @@ let Re = function(n) {
|
|
|
596
596
|
}, 0);
|
|
597
597
|
t.pendingResizeTimeouts.push(l);
|
|
598
598
|
}, t.renderThumb = (l, c) => {
|
|
599
|
-
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""),
|
|
599
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), g = { ref: (_) => {
|
|
600
600
|
t["thumb" + c] = _;
|
|
601
601
|
}, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, C = { index: c, value: be(t.state.value), valueNow: t.state.value[c] };
|
|
602
|
-
return t.props.ariaValuetext && (
|
|
602
|
+
return t.props.ariaValuetext && (g["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(C)), t.props.renderThumb(g, C);
|
|
603
603
|
}, t.renderTrack = (l, c, u) => {
|
|
604
|
-
const
|
|
605
|
-
return t.props.renderTrack(
|
|
604
|
+
const g = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, C = { index: l, value: be(t.state.value) };
|
|
605
|
+
return t.props.renderTrack(g, C);
|
|
606
606
|
};
|
|
607
607
|
let r = Se(o.value);
|
|
608
608
|
r.length || (r = Se(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
@@ -633,8 +633,8 @@ let Re = function(n) {
|
|
|
633
633
|
let t = Number.MAX_VALUE, r = -1;
|
|
634
634
|
const { value: a } = this.state, l = a.length;
|
|
635
635
|
for (let c = 0; c < l; c += 1) {
|
|
636
|
-
const u = this.calcOffset(a[c]),
|
|
637
|
-
|
|
636
|
+
const u = this.calcOffset(a[c]), g = Math.abs(o - u);
|
|
637
|
+
g < t && (t = g, r = c);
|
|
638
638
|
}
|
|
639
639
|
return r;
|
|
640
640
|
}, s.getMousePosition = function(o) {
|
|
@@ -657,8 +657,8 @@ let Re = function(n) {
|
|
|
657
657
|
}, s.resize = function() {
|
|
658
658
|
const { slider: o, thumb0: t } = this;
|
|
659
659
|
if (!o || !t) return;
|
|
660
|
-
const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()],
|
|
661
|
-
this.state.upperBound === C && this.state.sliderLength === _ && this.state.thumbSize ===
|
|
660
|
+
const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], g = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], C = l - g, _ = Math.abs(c - u);
|
|
661
|
+
this.state.upperBound === C && this.state.sliderLength === _ && this.state.thumbSize === g || this.setState({ upperBound: C, sliderLength: _, thumbSize: g });
|
|
662
662
|
}, s.calcOffset = function(o) {
|
|
663
663
|
const t = this.props.max - this.props.min;
|
|
664
664
|
return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
|
|
@@ -697,7 +697,7 @@ let Re = function(n) {
|
|
|
697
697
|
const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
|
|
698
698
|
if (o === l) return;
|
|
699
699
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
700
|
-
const { pearling: c, max: u, min:
|
|
700
|
+
const { pearling: c, max: u, min: g, minDistance: C } = this.props;
|
|
701
701
|
if (!c) {
|
|
702
702
|
if (r > 0) {
|
|
703
703
|
const _ = t[r - 1];
|
|
@@ -708,17 +708,17 @@ let Re = function(n) {
|
|
|
708
708
|
o > _ - C && (o = _ - C);
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
|
-
t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, C, r), function(_, y,
|
|
712
|
-
for (let
|
|
713
|
-
const b =
|
|
714
|
-
y[_ - 1 -
|
|
711
|
+
t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, C, r), function(_, y, h, f) {
|
|
712
|
+
for (let m = 0; m < _; m += 1) {
|
|
713
|
+
const b = f - m * h;
|
|
714
|
+
y[_ - 1 - m] > b && (y[_ - 1 - m] = b);
|
|
715
715
|
}
|
|
716
|
-
}(a, t, C, u)) : o < l && (this.pushPreceding(t, C, r), function(_, y,
|
|
717
|
-
for (let
|
|
718
|
-
const b =
|
|
719
|
-
y[
|
|
716
|
+
}(a, t, C, u)) : o < l && (this.pushPreceding(t, C, r), function(_, y, h, f) {
|
|
717
|
+
for (let m = 0; m < _; m += 1) {
|
|
718
|
+
const b = f + m * h;
|
|
719
|
+
y[m] < b && (y[m] = b);
|
|
720
720
|
}
|
|
721
|
-
}(a, t, C,
|
|
721
|
+
}(a, t, C, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
722
722
|
}, s.pushSucceeding = function(o, t, r) {
|
|
723
723
|
let a, l;
|
|
724
724
|
for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Ie(l, this.props);
|
|
@@ -774,7 +774,7 @@ let Re = function(n) {
|
|
|
774
774
|
}(T.Component);
|
|
775
775
|
Re.displayName = "ReactSlider", Re.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) => T.createElement("div", n), renderTrack: (n) => T.createElement("div", n), renderMark: (n) => T.createElement("span", n) };
|
|
776
776
|
var qe = Re;
|
|
777
|
-
const q2 = "_container_15vgv_2", E2 = "_unitLabel_15vgv_9", P2 = "_slider_15vgv_12", j2 = "_thumb_15vgv_18", z2 = "_track_15vgv_27", Z2 = "_labels_15vgv_33",
|
|
777
|
+
const q2 = "_container_15vgv_2", E2 = "_unitLabel_15vgv_9", P2 = "_slider_15vgv_12", j2 = "_thumb_15vgv_18", z2 = "_track_15vgv_27", Z2 = "_labels_15vgv_33", se = {
|
|
778
778
|
container: q2,
|
|
779
779
|
unitLabel: E2,
|
|
780
780
|
slider: P2,
|
|
@@ -791,24 +791,24 @@ const q2 = "_container_15vgv_2", E2 = "_unitLabel_15vgv_9", P2 = "_slider_15vgv_
|
|
|
791
791
|
fontColor: a = "#605B56",
|
|
792
792
|
defaultValue: l
|
|
793
793
|
}) => {
|
|
794
|
-
const { t: c } =
|
|
795
|
-
|
|
794
|
+
const { t: c } = k(), [u, g] = L([n, d]), C = (_) => {
|
|
795
|
+
g(_), o == null || o({ min: _[0], max: _[1] });
|
|
796
796
|
};
|
|
797
|
-
return
|
|
798
|
-
l ||
|
|
797
|
+
return M(() => {
|
|
798
|
+
l || g([n, d]);
|
|
799
799
|
}, [l]), /* @__PURE__ */ p(
|
|
800
800
|
"div",
|
|
801
801
|
{
|
|
802
|
-
className:
|
|
802
|
+
className: se.container,
|
|
803
803
|
style: { width: `${t}px`, color: `${a}` },
|
|
804
804
|
children: [
|
|
805
|
-
/* @__PURE__ */ i("div", { className:
|
|
805
|
+
/* @__PURE__ */ i("div", { className: se.unitLabel, children: /* @__PURE__ */ i("span", { children: c(r) }) }),
|
|
806
806
|
/* @__PURE__ */ i(
|
|
807
807
|
qe,
|
|
808
808
|
{
|
|
809
|
-
className:
|
|
810
|
-
thumbClassName:
|
|
811
|
-
trackClassName:
|
|
809
|
+
className: se.slider,
|
|
810
|
+
thumbClassName: se.thumb,
|
|
811
|
+
trackClassName: se.track,
|
|
812
812
|
min: n,
|
|
813
813
|
max: d,
|
|
814
814
|
step: s,
|
|
@@ -819,7 +819,7 @@ const q2 = "_container_15vgv_2", E2 = "_unitLabel_15vgv_9", P2 = "_slider_15vgv_
|
|
|
819
819
|
minDistance: 0.1
|
|
820
820
|
}
|
|
821
821
|
),
|
|
822
|
-
/* @__PURE__ */ p("div", { className:
|
|
822
|
+
/* @__PURE__ */ p("div", { className: se.labels, children: [
|
|
823
823
|
/* @__PURE__ */ i("span", { children: u[0] }),
|
|
824
824
|
/* @__PURE__ */ i("span", { children: u[1] })
|
|
825
825
|
] })
|
|
@@ -849,14 +849,14 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
849
849
|
//onChangeBothType
|
|
850
850
|
activeColor: d
|
|
851
851
|
}) => {
|
|
852
|
-
const [s, o] =
|
|
852
|
+
const [s, o] = L(), {
|
|
853
853
|
type: t,
|
|
854
854
|
name: r,
|
|
855
855
|
values: a,
|
|
856
856
|
minValue: l,
|
|
857
857
|
maxValue: c,
|
|
858
858
|
unit: u,
|
|
859
|
-
step:
|
|
859
|
+
step: g,
|
|
860
860
|
disabled: C
|
|
861
861
|
} = n || {}, _ = ge(
|
|
862
862
|
() => t == "cat" || s == "cat",
|
|
@@ -865,73 +865,73 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
865
865
|
() => t == "abs" || s == "abs",
|
|
866
866
|
[s, t]
|
|
867
867
|
), {
|
|
868
|
-
tematicalFiltersSelected:
|
|
869
|
-
selectedIndicator:
|
|
870
|
-
fontColor:
|
|
868
|
+
tematicalFiltersSelected: h,
|
|
869
|
+
selectedIndicator: f,
|
|
870
|
+
fontColor: m,
|
|
871
871
|
inputsColor: b
|
|
872
|
-
} =
|
|
872
|
+
} = O((x) => x), v = (x) => {
|
|
873
873
|
if (console.log("onChangInput", x), x) {
|
|
874
|
-
const { min:
|
|
875
|
-
console.log("type: ",
|
|
876
|
-
let
|
|
877
|
-
|
|
874
|
+
const { min: w, max: $, valueClicked: B, allValues: D } = x || {}, { code: q, type: de, source: I } = n || {}, P = y ? "abs" : _ ? "cat" : "both";
|
|
875
|
+
console.log("type: ", P);
|
|
876
|
+
let j = q[0];
|
|
877
|
+
de == "both" && (j = P == "cat" ? q[1] : q[0]), P == "cat" ? O.setState((W) => {
|
|
878
878
|
let H = W.tematicalFiltersSelected.find(
|
|
879
|
-
(
|
|
879
|
+
(A) => A.code === j
|
|
880
880
|
);
|
|
881
881
|
if (H) {
|
|
882
|
-
let
|
|
883
|
-
return H.values.includes(
|
|
884
|
-
(
|
|
885
|
-
) :
|
|
882
|
+
let A = [H.values];
|
|
883
|
+
return H.values.includes(B) ? A = H.values.filter(
|
|
884
|
+
(E) => E !== B
|
|
885
|
+
) : A = [...H.values, B], A.length == D.length ? {
|
|
886
886
|
tematicalFiltersSelected: W.tematicalFiltersSelected.filter(
|
|
887
|
-
(
|
|
887
|
+
(E) => E.code !== j
|
|
888
888
|
)
|
|
889
889
|
} : {
|
|
890
890
|
tematicalFiltersSelected: W.tematicalFiltersSelected.map(
|
|
891
|
-
(
|
|
891
|
+
(E) => E.code === j ? { ...E, values: A } : E
|
|
892
892
|
)
|
|
893
893
|
};
|
|
894
894
|
} else {
|
|
895
|
-
let
|
|
895
|
+
let A = D.map((E, St) => St);
|
|
896
896
|
return {
|
|
897
897
|
tematicalFiltersSelected: [
|
|
898
|
-
...
|
|
898
|
+
...h,
|
|
899
899
|
{
|
|
900
900
|
type: "cat",
|
|
901
|
-
code:
|
|
902
|
-
values:
|
|
901
|
+
code: j,
|
|
902
|
+
values: A.filter((E) => E !== B),
|
|
903
903
|
name: n.name,
|
|
904
|
-
source:
|
|
904
|
+
source: I
|
|
905
905
|
}
|
|
906
906
|
]
|
|
907
907
|
};
|
|
908
908
|
}
|
|
909
|
-
}) :
|
|
909
|
+
}) : P == "abs" && O.setState((W) => {
|
|
910
910
|
let H = W.tematicalFiltersSelected.find(
|
|
911
|
-
(
|
|
911
|
+
(A) => A.code === j
|
|
912
912
|
);
|
|
913
|
-
if (
|
|
913
|
+
if (w == n.minValue && $ == n.maxValue)
|
|
914
914
|
return {
|
|
915
915
|
tematicalFiltersSelected: W.tematicalFiltersSelected.filter(
|
|
916
|
-
(
|
|
916
|
+
(A) => A.code !== j
|
|
917
917
|
)
|
|
918
918
|
};
|
|
919
919
|
if (H) {
|
|
920
|
-
let
|
|
921
|
-
return
|
|
920
|
+
let A = { ...H };
|
|
921
|
+
return A.min = w, A.max = $, A.type = P, {
|
|
922
922
|
tematicalFiltersSelected: W.tematicalFiltersSelected.map(
|
|
923
|
-
(
|
|
923
|
+
(E) => E.code === j ? A : E
|
|
924
924
|
)
|
|
925
925
|
};
|
|
926
926
|
} else
|
|
927
927
|
return {
|
|
928
928
|
tematicalFiltersSelected: [
|
|
929
|
-
...
|
|
929
|
+
...h,
|
|
930
930
|
{
|
|
931
|
-
type:
|
|
932
|
-
code:
|
|
933
|
-
min:
|
|
934
|
-
max:
|
|
931
|
+
type: P,
|
|
932
|
+
code: j,
|
|
933
|
+
min: w,
|
|
934
|
+
max: $,
|
|
935
935
|
name: n.name,
|
|
936
936
|
source: n.source
|
|
937
937
|
}
|
|
@@ -939,13 +939,13 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
939
939
|
};
|
|
940
940
|
});
|
|
941
941
|
}
|
|
942
|
-
},
|
|
942
|
+
}, N = ge(() => {
|
|
943
943
|
const x = {};
|
|
944
|
-
if ((
|
|
945
|
-
for (const
|
|
946
|
-
|
|
944
|
+
if ((h == null ? void 0 : h.length) > 0)
|
|
945
|
+
for (const w of h)
|
|
946
|
+
w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
|
|
947
947
|
return x;
|
|
948
|
-
}, [
|
|
948
|
+
}, [h]);
|
|
949
949
|
return /* @__PURE__ */ i("div", { className: ye.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
|
|
950
950
|
ie,
|
|
951
951
|
{
|
|
@@ -955,24 +955,24 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
955
955
|
opacity: C ? 0.5 : 1
|
|
956
956
|
},
|
|
957
957
|
title: r,
|
|
958
|
-
isOpen:
|
|
958
|
+
isOpen: f == `id${r}`,
|
|
959
959
|
onClick: () => {
|
|
960
|
-
C ||
|
|
961
|
-
selectedIndicator:
|
|
960
|
+
C || O.setState(() => ({
|
|
961
|
+
selectedIndicator: f == `id${r}` ? "" : `id${r}`
|
|
962
962
|
}));
|
|
963
963
|
},
|
|
964
964
|
showBottomBar: !1,
|
|
965
965
|
height: 42,
|
|
966
966
|
titleMarginChildren: 14,
|
|
967
967
|
className: "tematicalFiltersInputContainer",
|
|
968
|
-
color:
|
|
968
|
+
color: m,
|
|
969
969
|
activeColor: d,
|
|
970
970
|
children: [
|
|
971
971
|
t == "both" && /* @__PURE__ */ p(
|
|
972
972
|
"div",
|
|
973
973
|
{
|
|
974
974
|
className: ye.inputTypeContainer,
|
|
975
|
-
style: { color:
|
|
975
|
+
style: { color: m },
|
|
976
976
|
children: [
|
|
977
977
|
/* @__PURE__ */ p("label", { children: [
|
|
978
978
|
/* @__PURE__ */ i(
|
|
@@ -987,7 +987,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
987
987
|
style: {
|
|
988
988
|
marginRight: 4,
|
|
989
989
|
backgroundColor: s == "abs" ? b : "white",
|
|
990
|
-
border: `1.5px solid ${s == "abs" ? b :
|
|
990
|
+
border: `1.5px solid ${s == "abs" ? b : m}`
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
993
|
),
|
|
@@ -1006,7 +1006,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
1006
1006
|
style: {
|
|
1007
1007
|
marginRight: 4,
|
|
1008
1008
|
backgroundColor: s == "cat" ? b : "white",
|
|
1009
|
-
border: `1.5px solid ${s == "cat" ? b :
|
|
1009
|
+
border: `1.5px solid ${s == "cat" ? b : m}`
|
|
1010
1010
|
}
|
|
1011
1011
|
}
|
|
1012
1012
|
),
|
|
@@ -1015,16 +1015,16 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
1015
1015
|
]
|
|
1016
1016
|
}
|
|
1017
1017
|
),
|
|
1018
|
-
_ && /* @__PURE__ */ i("div", { className: ye.checkboxContainer, children: a.map((x,
|
|
1019
|
-
var
|
|
1018
|
+
_ && /* @__PURE__ */ i("div", { className: ye.checkboxContainer, children: a.map((x, w) => {
|
|
1019
|
+
var $;
|
|
1020
1020
|
return /* @__PURE__ */ i(
|
|
1021
1021
|
dt,
|
|
1022
1022
|
{
|
|
1023
|
-
onClick: () => v({ valueClicked:
|
|
1023
|
+
onClick: () => v({ valueClicked: w, allValues: a }),
|
|
1024
1024
|
indicator: x,
|
|
1025
|
-
value: ((
|
|
1025
|
+
value: (($ = N[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : $.has(w)) || !N[n.code[t == "both" ? 1 : 0]]
|
|
1026
1026
|
},
|
|
1027
|
-
`checkbox-${
|
|
1027
|
+
`checkbox-${w}`
|
|
1028
1028
|
);
|
|
1029
1029
|
}) }),
|
|
1030
1030
|
(y || t == "glb") && /* @__PURE__ */ i("div", { className: ye.absoluteSliderContainer, children: /* @__PURE__ */ i(
|
|
@@ -1034,8 +1034,8 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
|
|
|
1034
1034
|
min: l,
|
|
1035
1035
|
max: c,
|
|
1036
1036
|
unit: u,
|
|
1037
|
-
defaultValue:
|
|
1038
|
-
step:
|
|
1037
|
+
defaultValue: N[n.code[0]] ? N[n.code[0]] : "",
|
|
1038
|
+
step: g
|
|
1039
1039
|
}
|
|
1040
1040
|
) })
|
|
1041
1041
|
]
|
|
@@ -1063,14 +1063,14 @@ const pt = ({
|
|
|
1063
1063
|
activeColor: s
|
|
1064
1064
|
//onChangeBothType,
|
|
1065
1065
|
}) => {
|
|
1066
|
-
const { activeSubcategory: o } =
|
|
1066
|
+
const { activeSubcategory: o } = O((a) => a), { name: t, indicators: r } = n || {};
|
|
1067
1067
|
return /* @__PURE__ */ i(
|
|
1068
1068
|
ie,
|
|
1069
1069
|
{
|
|
1070
1070
|
title: t,
|
|
1071
1071
|
isOpen: o == `id${t}`,
|
|
1072
1072
|
onClick: () => {
|
|
1073
|
-
|
|
1073
|
+
O.setState((a) => ({
|
|
1074
1074
|
activeSubcategory: a.activeSubcategory === `id${t}` ? "" : `id${t}`
|
|
1075
1075
|
}));
|
|
1076
1076
|
},
|
|
@@ -1110,12 +1110,12 @@ const mt = ({
|
|
|
1110
1110
|
// onChangeBothType,
|
|
1111
1111
|
activeColor: d
|
|
1112
1112
|
}) => {
|
|
1113
|
-
const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } =
|
|
1113
|
+
const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = O((l) => l);
|
|
1114
1114
|
return n && /* @__PURE__ */ i(
|
|
1115
1115
|
ie,
|
|
1116
1116
|
{
|
|
1117
1117
|
onClick: () => {
|
|
1118
|
-
|
|
1118
|
+
O.setState((l) => ({
|
|
1119
1119
|
activeCategory: r === `id${s}` ? "" : `id${s}`
|
|
1120
1120
|
}));
|
|
1121
1121
|
},
|
|
@@ -1163,13 +1163,13 @@ const ht = ({
|
|
|
1163
1163
|
inputsColor: t = "#605B56",
|
|
1164
1164
|
activeColor: r
|
|
1165
1165
|
}) => {
|
|
1166
|
-
const { tematicalFiltersSelected: a } =
|
|
1167
|
-
return
|
|
1166
|
+
const { tematicalFiltersSelected: a } = O((c) => c), { t: l } = k();
|
|
1167
|
+
return M(() => {
|
|
1168
1168
|
console.log("filtersSelected changed: ", a);
|
|
1169
|
-
}, [a]),
|
|
1170
|
-
o &&
|
|
1171
|
-
}, [o]),
|
|
1172
|
-
t &&
|
|
1169
|
+
}, [a]), M(() => {
|
|
1170
|
+
o && O.setState(() => ({ fontColor: o }));
|
|
1171
|
+
}, [o]), M(() => {
|
|
1172
|
+
t && O.setState(() => ({ inputsColor: t }));
|
|
1173
1173
|
}, [t]), /* @__PURE__ */ i(
|
|
1174
1174
|
ie,
|
|
1175
1175
|
{
|
|
@@ -1198,7 +1198,7 @@ ht.propTypes = {
|
|
|
1198
1198
|
inputsColor: e.string,
|
|
1199
1199
|
activeColor: e.string
|
|
1200
1200
|
};
|
|
1201
|
-
const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7", Q2 = "_FiltersAmbitTitle_1g9xx_15", X2 = "_FiltersAmbitDescription_1g9xx_22", J2 = "_FiltersAmbitDescriptionTitle_1g9xx_33", e0 = "_warning_1g9xx_37",
|
|
1201
|
+
const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7", Q2 = "_FiltersAmbitTitle_1g9xx_15", X2 = "_FiltersAmbitDescription_1g9xx_22", J2 = "_FiltersAmbitDescriptionTitle_1g9xx_33", e0 = "_warning_1g9xx_37", oe = {
|
|
1202
1202
|
FiltersAmbitContainer: W2,
|
|
1203
1203
|
FiltersAmbitHeader: Y2,
|
|
1204
1204
|
FiltersAmbitTitle: Q2,
|
|
@@ -1216,49 +1216,49 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1216
1216
|
onChangeAppliedFilters: l,
|
|
1217
1217
|
saveAmbit: c,
|
|
1218
1218
|
namePlaceholder: u,
|
|
1219
|
-
descPlaceholder:
|
|
1219
|
+
descPlaceholder: g,
|
|
1220
1220
|
filtersTypes: C = ["geographical", "tematical"],
|
|
1221
1221
|
nameRequiredText: _,
|
|
1222
1222
|
onlyFilters: y = !1
|
|
1223
1223
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1224
1224
|
}) => {
|
|
1225
|
-
const { t:
|
|
1226
|
-
|
|
1227
|
-
s && s.length > 0 &&
|
|
1225
|
+
const { t: h } = k(), { tematicalFiltersSelected: f } = O((B) => B), [m, b] = L(n || null), [v, N] = L(d || null), [x, w] = L(!1);
|
|
1226
|
+
M(() => {
|
|
1227
|
+
s && s.length > 0 && O.setState((B) => ({
|
|
1228
1228
|
tematicalFiltersSelected: s
|
|
1229
1229
|
}));
|
|
1230
|
-
}, [s]),
|
|
1231
|
-
console.log("filtersSelected changed: ",
|
|
1232
|
-
}, [
|
|
1233
|
-
const
|
|
1234
|
-
|
|
1230
|
+
}, [s]), M(() => {
|
|
1231
|
+
console.log("filtersSelected changed: ", f), l(f);
|
|
1232
|
+
}, [f]);
|
|
1233
|
+
const $ = () => {
|
|
1234
|
+
m ? c({ name: m, description: v }) : w(!0);
|
|
1235
1235
|
};
|
|
1236
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1237
|
-
!y && /* @__PURE__ */ p("div", { className:
|
|
1238
|
-
/* @__PURE__ */ i("div", { className:
|
|
1236
|
+
return /* @__PURE__ */ p("div", { className: oe.FiltersAmbitContainer, children: [
|
|
1237
|
+
!y && /* @__PURE__ */ p("div", { className: oe.FiltersAmbitHeader, children: [
|
|
1238
|
+
/* @__PURE__ */ i("div", { className: oe.FiltersAmbitTitle, children: /* @__PURE__ */ i(
|
|
1239
1239
|
"input",
|
|
1240
1240
|
{
|
|
1241
1241
|
type: "text",
|
|
1242
|
-
onChange: (
|
|
1243
|
-
|
|
1242
|
+
onChange: (B) => {
|
|
1243
|
+
w(!1), b(B.target.value);
|
|
1244
1244
|
},
|
|
1245
|
-
value:
|
|
1246
|
-
placeholder:
|
|
1245
|
+
value: m,
|
|
1246
|
+
placeholder: h(u)
|
|
1247
1247
|
}
|
|
1248
1248
|
) }),
|
|
1249
|
-
/* @__PURE__ */ i("div", { className:
|
|
1249
|
+
/* @__PURE__ */ i("div", { className: oe.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: oe.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
|
|
1250
1250
|
"textarea",
|
|
1251
1251
|
{
|
|
1252
1252
|
value: v,
|
|
1253
|
-
onChange: (
|
|
1254
|
-
placeholder:
|
|
1253
|
+
onChange: (B) => N(B.target.value),
|
|
1254
|
+
placeholder: h(g)
|
|
1255
1255
|
}
|
|
1256
1256
|
) }) })
|
|
1257
1257
|
] }),
|
|
1258
1258
|
/* @__PURE__ */ i(
|
|
1259
1259
|
lt,
|
|
1260
1260
|
{
|
|
1261
|
-
title:
|
|
1261
|
+
title: h("applied_filters"),
|
|
1262
1262
|
isOpen: !0,
|
|
1263
1263
|
textColor: r || "#fff",
|
|
1264
1264
|
backgroundColor: a || "#605B5680",
|
|
@@ -1276,8 +1276,8 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1276
1276
|
activeColor: t
|
|
1277
1277
|
}
|
|
1278
1278
|
),
|
|
1279
|
-
x && /* @__PURE__ */ i("div", { className:
|
|
1280
|
-
!y && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(we, { onClick: () =>
|
|
1279
|
+
x && /* @__PURE__ */ i("div", { className: oe.warning, children: h(_) }),
|
|
1280
|
+
!y && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(we, { onClick: () => $(), children: h("save_ambit") }) })
|
|
1281
1281
|
] });
|
|
1282
1282
|
};
|
|
1283
1283
|
t0.propTypes = {
|
|
@@ -1309,13 +1309,13 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
|
|
|
1309
1309
|
numberOfDivisions: c = 7,
|
|
1310
1310
|
maxValue: u = null
|
|
1311
1311
|
}) => {
|
|
1312
|
-
const { t:
|
|
1312
|
+
const { t: g } = k(), { xScale: C, ticks: _, height: y } = ge(() => {
|
|
1313
1313
|
if (n && n.length > 0) {
|
|
1314
|
-
const
|
|
1314
|
+
const h = (n == null ? void 0 : n.length) * (s + o) + r * 2, f = Ue.max(n, (v) => v.value) || 1, m = Ue.scaleLinear().domain([0, u || f]).range([0, d - l]), b = Array.from({ length: c + 1 }, (v, N) => u ? u / c * N : f / c * N);
|
|
1315
1315
|
return {
|
|
1316
|
-
xScale:
|
|
1316
|
+
xScale: m,
|
|
1317
1317
|
ticks: b,
|
|
1318
|
-
height:
|
|
1318
|
+
height: h,
|
|
1319
1319
|
width: d,
|
|
1320
1320
|
verticalPaddign: r,
|
|
1321
1321
|
horizontalPaddign: a
|
|
@@ -1333,9 +1333,9 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
|
|
|
1333
1333
|
u
|
|
1334
1334
|
]);
|
|
1335
1335
|
return /* @__PURE__ */ i("div", { className: i0.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
|
|
1336
|
-
/* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: _.map((
|
|
1337
|
-
const
|
|
1338
|
-
return /* @__PURE__ */ p("g", { transform: `translate(${
|
|
1336
|
+
/* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: _.map((h, f) => {
|
|
1337
|
+
const m = C(h);
|
|
1338
|
+
return /* @__PURE__ */ p("g", { transform: `translate(${m}, 0)`, children: [
|
|
1339
1339
|
/* @__PURE__ */ i(
|
|
1340
1340
|
"line",
|
|
1341
1341
|
{
|
|
@@ -1351,13 +1351,13 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
|
|
|
1351
1351
|
textAnchor: "middle",
|
|
1352
1352
|
fontSize: 10,
|
|
1353
1353
|
fill: t,
|
|
1354
|
-
children: parseInt(
|
|
1354
|
+
children: parseInt(h)
|
|
1355
1355
|
}
|
|
1356
1356
|
)
|
|
1357
|
-
] },
|
|
1357
|
+
] }, f);
|
|
1358
1358
|
}) }),
|
|
1359
|
-
n && n.length > 0 && (n == null ? void 0 : n.map((
|
|
1360
|
-
const
|
|
1359
|
+
n && n.length > 0 && (n == null ? void 0 : n.map((h, f) => {
|
|
1360
|
+
const m = C(h.value), b = f * (s + o);
|
|
1361
1361
|
return /* @__PURE__ */ p(
|
|
1362
1362
|
"g",
|
|
1363
1363
|
{
|
|
@@ -1370,21 +1370,21 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
|
|
|
1370
1370
|
y: s / 2 + 5,
|
|
1371
1371
|
textAnchor: "end",
|
|
1372
1372
|
fill: t,
|
|
1373
|
-
children: h
|
|
1373
|
+
children: g(h.title)
|
|
1374
1374
|
}
|
|
1375
1375
|
),
|
|
1376
1376
|
/* @__PURE__ */ i(
|
|
1377
1377
|
"rect",
|
|
1378
1378
|
{
|
|
1379
|
-
width:
|
|
1379
|
+
width: m,
|
|
1380
1380
|
height: s,
|
|
1381
|
-
fill:
|
|
1381
|
+
fill: h.color,
|
|
1382
1382
|
rx: 0
|
|
1383
1383
|
}
|
|
1384
1384
|
)
|
|
1385
1385
|
]
|
|
1386
1386
|
},
|
|
1387
|
-
|
|
1387
|
+
f
|
|
1388
1388
|
);
|
|
1389
1389
|
}))
|
|
1390
1390
|
] }) }) });
|
|
@@ -1419,7 +1419,7 @@ const s0 = "_graphicContainer_c9zrg_2", o0 = "_titleContainer_c9zrg_14", Ye = {
|
|
|
1419
1419
|
numberOfDivisions: l = 7,
|
|
1420
1420
|
leftPadding: c = 200
|
|
1421
1421
|
}) => {
|
|
1422
|
-
const { t: u } =
|
|
1422
|
+
const { t: u } = k();
|
|
1423
1423
|
return /* @__PURE__ */ p(
|
|
1424
1424
|
"div",
|
|
1425
1425
|
{
|
|
@@ -1466,7 +1466,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1466
1466
|
indicatorsCategory: a0,
|
|
1467
1467
|
title: l0,
|
|
1468
1468
|
list: c0
|
|
1469
|
-
}, d0 = "_indicatorContainer_1go6h_2", u0 = "_indicatorNameContainer_1go6h_11", p0 = "_dot_1go6h_17", m0 = "_indicatorName_1go6h_11", h0 = "_switchExternalContainer_1go6h_28", g0 = "_switchType_1go6h_37", C0 = "_switchTypeOptions_1go6h_41", f0 = "_optionContainer_1go6h_52", b0 = "_customRadious_1go6h_62", _0 = "_optionText_1go6h_69",
|
|
1469
|
+
}, d0 = "_indicatorContainer_1go6h_2", u0 = "_indicatorNameContainer_1go6h_11", p0 = "_dot_1go6h_17", m0 = "_indicatorName_1go6h_11", h0 = "_switchExternalContainer_1go6h_28", g0 = "_switchType_1go6h_37", C0 = "_switchTypeOptions_1go6h_41", f0 = "_optionContainer_1go6h_52", b0 = "_customRadious_1go6h_62", _0 = "_optionText_1go6h_69", V = {
|
|
1470
1470
|
indicatorContainer: d0,
|
|
1471
1471
|
indicatorNameContainer: u0,
|
|
1472
1472
|
dot: p0,
|
|
@@ -1488,25 +1488,25 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1488
1488
|
multiple: l = !1,
|
|
1489
1489
|
onChangeType: c
|
|
1490
1490
|
}) => {
|
|
1491
|
-
const { t: u } =
|
|
1492
|
-
|
|
1493
|
-
t &&
|
|
1491
|
+
const { t: u } = k(), { name: g, type: C, disabled: _ } = n, [y, h] = L(!1);
|
|
1492
|
+
M(() => {
|
|
1493
|
+
t && h(
|
|
1494
1494
|
l ? t.some(
|
|
1495
|
-
(b) => b.name == String(
|
|
1496
|
-
) : t.name ==
|
|
1495
|
+
(b) => b.name == String(g)
|
|
1496
|
+
) : t.name == g
|
|
1497
1497
|
);
|
|
1498
1498
|
}, [t]);
|
|
1499
|
-
const
|
|
1499
|
+
const f = () => /* @__PURE__ */ i("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: V.switchType, children: /* @__PURE__ */ p("div", { className: V.switchTypeOptions, children: [
|
|
1500
1500
|
/* @__PURE__ */ p(
|
|
1501
1501
|
"div",
|
|
1502
1502
|
{
|
|
1503
|
-
className:
|
|
1503
|
+
className: V.optionContainer,
|
|
1504
1504
|
onClick: () => c("cat"),
|
|
1505
1505
|
children: [
|
|
1506
1506
|
/* @__PURE__ */ i(
|
|
1507
1507
|
"span",
|
|
1508
1508
|
{
|
|
1509
|
-
className: `${
|
|
1509
|
+
className: `${V.customRadious}`,
|
|
1510
1510
|
style: {
|
|
1511
1511
|
backgroundColor: r === "cat" ? s : "transparent",
|
|
1512
1512
|
borderColor: r === "cat" ? s : o
|
|
@@ -1516,7 +1516,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1516
1516
|
/* @__PURE__ */ i(
|
|
1517
1517
|
"h4",
|
|
1518
1518
|
{
|
|
1519
|
-
className:
|
|
1519
|
+
className: V.optionText,
|
|
1520
1520
|
style: {
|
|
1521
1521
|
color: r === "cat" ? s : o
|
|
1522
1522
|
},
|
|
@@ -1529,13 +1529,13 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1529
1529
|
/* @__PURE__ */ p(
|
|
1530
1530
|
"div",
|
|
1531
1531
|
{
|
|
1532
|
-
className:
|
|
1532
|
+
className: V.optionContainer,
|
|
1533
1533
|
onClick: () => c("abs"),
|
|
1534
1534
|
children: [
|
|
1535
1535
|
/* @__PURE__ */ i(
|
|
1536
1536
|
"span",
|
|
1537
1537
|
{
|
|
1538
|
-
className: `${
|
|
1538
|
+
className: `${V.customRadious}`,
|
|
1539
1539
|
style: {
|
|
1540
1540
|
backgroundColor: r === "abs" ? s : "transparent",
|
|
1541
1541
|
borderColor: r === "abs" ? s : o
|
|
@@ -1545,7 +1545,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1545
1545
|
/* @__PURE__ */ i(
|
|
1546
1546
|
"h4",
|
|
1547
1547
|
{
|
|
1548
|
-
className:
|
|
1548
|
+
className: V.optionText,
|
|
1549
1549
|
style: {
|
|
1550
1550
|
color: r === "abs" ? s : o
|
|
1551
1551
|
},
|
|
@@ -1555,15 +1555,15 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1555
1555
|
]
|
|
1556
1556
|
}
|
|
1557
1557
|
)
|
|
1558
|
-
] }) }) }),
|
|
1558
|
+
] }) }) }), m = () => /* @__PURE__ */ i("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: V.switchType, children: /* @__PURE__ */ i("div", { className: V.switchTypeOptions, children: d.map((b, v) => /* @__PURE__ */ p(
|
|
1559
1559
|
"div",
|
|
1560
1560
|
{
|
|
1561
|
-
className:
|
|
1561
|
+
className: V.optionContainer,
|
|
1562
1562
|
children: [
|
|
1563
1563
|
/* @__PURE__ */ i(
|
|
1564
1564
|
"span",
|
|
1565
1565
|
{
|
|
1566
|
-
className:
|
|
1566
|
+
className: V.customRadious
|
|
1567
1567
|
}
|
|
1568
1568
|
),
|
|
1569
1569
|
/* @__PURE__ */ i("h4", { children: u(b.unit) })
|
|
@@ -1571,11 +1571,11 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1571
1571
|
},
|
|
1572
1572
|
v
|
|
1573
1573
|
)) }) }) });
|
|
1574
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1574
|
+
return /* @__PURE__ */ p("div", { className: V.indicatorContainer, children: [
|
|
1575
1575
|
/* @__PURE__ */ p(
|
|
1576
1576
|
"div",
|
|
1577
1577
|
{
|
|
1578
|
-
className:
|
|
1578
|
+
className: V.indicatorNameContainer,
|
|
1579
1579
|
onClick: () => !_ && a({ indicator: n }),
|
|
1580
1580
|
children: [
|
|
1581
1581
|
/* @__PURE__ */ i(
|
|
@@ -1585,13 +1585,13 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1585
1585
|
border: y ? `1px solid ${s}` : `1px solid ${o}`,
|
|
1586
1586
|
opacity: _ ? 0.5 : 1
|
|
1587
1587
|
},
|
|
1588
|
-
className:
|
|
1588
|
+
className: V.dot
|
|
1589
1589
|
}
|
|
1590
1590
|
),
|
|
1591
1591
|
/* @__PURE__ */ i(
|
|
1592
1592
|
"h4",
|
|
1593
1593
|
{
|
|
1594
|
-
className:
|
|
1594
|
+
className: V.indicatorName,
|
|
1595
1595
|
style: {
|
|
1596
1596
|
color: y ? s : o,
|
|
1597
1597
|
opacity: _ ? 0.5 : 1
|
|
@@ -1599,7 +1599,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1599
1599
|
children: /* @__PURE__ */ i(
|
|
1600
1600
|
je,
|
|
1601
1601
|
{
|
|
1602
|
-
i18nKey:
|
|
1602
|
+
i18nKey: g,
|
|
1603
1603
|
components: { sup: /* @__PURE__ */ i("sup", {}) },
|
|
1604
1604
|
shouldUnescape: !0
|
|
1605
1605
|
}
|
|
@@ -1609,8 +1609,8 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
|
|
|
1609
1609
|
]
|
|
1610
1610
|
}
|
|
1611
1611
|
),
|
|
1612
|
-
(t == null ? void 0 : t.name) ===
|
|
1613
|
-
(t == null ? void 0 : t.name) ===
|
|
1612
|
+
(t == null ? void 0 : t.name) === g && C === "both" && /* @__PURE__ */ i("div", { children: f() }),
|
|
1613
|
+
(t == null ? void 0 : t.name) === g && C === "twoUnits" && /* @__PURE__ */ i("div", { children: m() })
|
|
1614
1614
|
] });
|
|
1615
1615
|
};
|
|
1616
1616
|
Ke.propTypes = {
|
|
@@ -1639,12 +1639,12 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Qe = {
|
|
|
1639
1639
|
activeIndicator: l,
|
|
1640
1640
|
onClickIndicator: c,
|
|
1641
1641
|
multiple: u,
|
|
1642
|
-
activeIndicatorType:
|
|
1642
|
+
activeIndicatorType: g,
|
|
1643
1643
|
onChangeType: C
|
|
1644
1644
|
}) => {
|
|
1645
|
-
const { t: _ } =
|
|
1646
|
-
return
|
|
1647
|
-
|
|
1645
|
+
const { t: _ } = k(), [y, h] = L(!1);
|
|
1646
|
+
return M(() => {
|
|
1647
|
+
h(t == a);
|
|
1648
1648
|
}, [t, a]), /* @__PURE__ */ p(
|
|
1649
1649
|
ze.div,
|
|
1650
1650
|
{
|
|
@@ -1663,19 +1663,19 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Qe = {
|
|
|
1663
1663
|
}
|
|
1664
1664
|
)
|
|
1665
1665
|
] }) }),
|
|
1666
|
-
d && /* @__PURE__ */ i("div", { className: Qe.list, children: d == null ? void 0 : d.map((
|
|
1666
|
+
d && /* @__PURE__ */ i("div", { className: Qe.list, children: d == null ? void 0 : d.map((f, m) => /* @__PURE__ */ i(
|
|
1667
1667
|
Ke,
|
|
1668
1668
|
{
|
|
1669
|
-
indicator:
|
|
1669
|
+
indicator: f,
|
|
1670
1670
|
defaultColor: s,
|
|
1671
1671
|
activeColor: o,
|
|
1672
1672
|
activeIndicator: l,
|
|
1673
1673
|
onClickIndicator: c,
|
|
1674
1674
|
multiple: u,
|
|
1675
|
-
activeIndicatorType:
|
|
1675
|
+
activeIndicatorType: g,
|
|
1676
1676
|
onChangeType: C
|
|
1677
1677
|
},
|
|
1678
|
-
"indicator" +
|
|
1678
|
+
"indicator" + m
|
|
1679
1679
|
)) })
|
|
1680
1680
|
]
|
|
1681
1681
|
}
|
|
@@ -1704,39 +1704,39 @@ const ft = ({
|
|
|
1704
1704
|
onClickSubCategory: l,
|
|
1705
1705
|
activeIndicator: c,
|
|
1706
1706
|
onClickIndicator: u,
|
|
1707
|
-
multiple:
|
|
1707
|
+
multiple: g,
|
|
1708
1708
|
activeIndicatorType: C,
|
|
1709
1709
|
onChangeType: _
|
|
1710
1710
|
}) => {
|
|
1711
|
-
var
|
|
1712
|
-
const { t: y } =
|
|
1713
|
-
return
|
|
1714
|
-
|
|
1711
|
+
var m;
|
|
1712
|
+
const { t: y } = k(), [h, f] = L(!1);
|
|
1713
|
+
return M(() => {
|
|
1714
|
+
f(r === d);
|
|
1715
1715
|
}, [r, d]), /* @__PURE__ */ p(
|
|
1716
1716
|
ze.div,
|
|
1717
1717
|
{
|
|
1718
1718
|
className: Te.indicatorsCategory,
|
|
1719
1719
|
initial: { height: "53px" },
|
|
1720
|
-
animate: { height:
|
|
1720
|
+
animate: { height: h ? "auto" : "53px" },
|
|
1721
1721
|
transition: { duration: 0.4 },
|
|
1722
1722
|
style: {
|
|
1723
1723
|
backgroundColor: "white",
|
|
1724
|
-
borderBottom:
|
|
1725
|
-
marginBottom:
|
|
1724
|
+
borderBottom: h ? `1px solid ${s}` : "0px",
|
|
1725
|
+
marginBottom: h ? "20px" : "0px"
|
|
1726
1726
|
},
|
|
1727
1727
|
children: [
|
|
1728
1728
|
/* @__PURE__ */ p("h2", { className: `${Te.title}`, onClick: () => t(d), children: [
|
|
1729
|
-
/* @__PURE__ */ i("span", { style: { color:
|
|
1729
|
+
/* @__PURE__ */ i("span", { style: { color: h ? s : o }, children: h ? "-" : "+" }),
|
|
1730
1730
|
/* @__PURE__ */ i(
|
|
1731
1731
|
"span",
|
|
1732
1732
|
{
|
|
1733
|
-
style: { marginLeft: 12, color:
|
|
1733
|
+
style: { marginLeft: 12, color: h ? s : o },
|
|
1734
1734
|
children: y(n.name)
|
|
1735
1735
|
}
|
|
1736
1736
|
)
|
|
1737
1737
|
] }),
|
|
1738
1738
|
n.subcategories ? n.subcategories.map(
|
|
1739
|
-
({ name: b, subcategory: v, indicators:
|
|
1739
|
+
({ name: b, subcategory: v, indicators: N }, x) => /* @__PURE__ */ i(
|
|
1740
1740
|
Ct,
|
|
1741
1741
|
{
|
|
1742
1742
|
id: v,
|
|
@@ -1745,16 +1745,16 @@ const ft = ({
|
|
|
1745
1745
|
onClickSubCategory: l,
|
|
1746
1746
|
activeIndicator: c,
|
|
1747
1747
|
onClickIndicator: u,
|
|
1748
|
-
multiple:
|
|
1748
|
+
multiple: g,
|
|
1749
1749
|
activeColor: s,
|
|
1750
1750
|
defaultColor: o,
|
|
1751
|
-
indicators:
|
|
1751
|
+
indicators: N,
|
|
1752
1752
|
activeIndicatorType: C,
|
|
1753
1753
|
onChangeType: _
|
|
1754
1754
|
},
|
|
1755
1755
|
`subcKey ${x}`
|
|
1756
1756
|
)
|
|
1757
|
-
) : /* @__PURE__ */ i("div", { className: Te.list, children: (
|
|
1757
|
+
) : /* @__PURE__ */ i("div", { className: Te.list, children: (m = n.indicators) == null ? void 0 : m.map((b, v) => /* @__PURE__ */ i(
|
|
1758
1758
|
Ke,
|
|
1759
1759
|
{
|
|
1760
1760
|
indicator: b,
|
|
@@ -1763,7 +1763,7 @@ const ft = ({
|
|
|
1763
1763
|
defaultColor: o,
|
|
1764
1764
|
activeIndicator: c,
|
|
1765
1765
|
onClickIndicator: u,
|
|
1766
|
-
multiple:
|
|
1766
|
+
multiple: g,
|
|
1767
1767
|
activeIndicatorType: C,
|
|
1768
1768
|
onChangeType: _
|
|
1769
1769
|
},
|
|
@@ -1804,61 +1804,61 @@ const x0 = "_indicatorsList_fklyu_2", w0 = "_title_fklyu_6", Xe = {
|
|
|
1804
1804
|
changeIndType: a,
|
|
1805
1805
|
activeIndicatorType: l
|
|
1806
1806
|
}) => {
|
|
1807
|
-
const { t: c } =
|
|
1808
|
-
|
|
1809
|
-
},
|
|
1807
|
+
const { t: c } = k(), [u, g] = L(), [C, _] = L(), [y, h] = L(), f = (x) => {
|
|
1808
|
+
g(u == x ? null : x);
|
|
1809
|
+
}, m = (x) => {
|
|
1810
1810
|
_(C == x ? null : x);
|
|
1811
1811
|
}, b = ({ indicator: x }) => {
|
|
1812
1812
|
console.log("onClickIndicator: ", x), v(x);
|
|
1813
1813
|
}, v = (x) => {
|
|
1814
1814
|
if (!t)
|
|
1815
|
-
|
|
1815
|
+
h(
|
|
1816
1816
|
(y == null ? void 0 : y.name) == x.name ? null : x
|
|
1817
1817
|
);
|
|
1818
1818
|
else {
|
|
1819
|
-
let
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
(
|
|
1823
|
-
) ?
|
|
1824
|
-
(
|
|
1825
|
-
) : [...
|
|
1819
|
+
let w = y && y.length > 0 ? [...y] : [];
|
|
1820
|
+
h(
|
|
1821
|
+
w != null && w.some(
|
|
1822
|
+
($) => $.name == x.name
|
|
1823
|
+
) ? w.filter(
|
|
1824
|
+
($) => $.name != String(x.name)
|
|
1825
|
+
) : [...w, x]
|
|
1826
1826
|
), x.type == "both" && a("cat");
|
|
1827
1827
|
}
|
|
1828
1828
|
};
|
|
1829
|
-
|
|
1829
|
+
M(() => {
|
|
1830
1830
|
console.log("activeindicator changed to: ", y), o && typeof o == "function" && y && o({ activeIndicator: y });
|
|
1831
1831
|
}, [y]), Tt(() => {
|
|
1832
1832
|
if (r && !y)
|
|
1833
1833
|
if (t && r && Array.isArray(r)) {
|
|
1834
1834
|
let x = y && y.length > 0 ? [...y] : [];
|
|
1835
|
-
|
|
1835
|
+
h([...x, ...r]), N(r[0].name);
|
|
1836
1836
|
} else
|
|
1837
|
-
v(r),
|
|
1837
|
+
v(r), N(r.name);
|
|
1838
1838
|
}, []);
|
|
1839
|
-
const
|
|
1840
|
-
const
|
|
1841
|
-
if (
|
|
1842
|
-
let
|
|
1843
|
-
(
|
|
1839
|
+
const N = (x) => {
|
|
1840
|
+
const w = n.find(($) => {
|
|
1841
|
+
if ($.subcategories) {
|
|
1842
|
+
let B = $.subcategories.find(
|
|
1843
|
+
(D) => D.indicators.find((q) => q.name == x)
|
|
1844
1844
|
);
|
|
1845
|
-
if (
|
|
1846
|
-
return _(
|
|
1845
|
+
if (B)
|
|
1846
|
+
return _(B.subcategory), B;
|
|
1847
1847
|
} else
|
|
1848
|
-
return
|
|
1848
|
+
return $.indicators.some((B) => B.name == x);
|
|
1849
1849
|
});
|
|
1850
|
-
|
|
1850
|
+
w && g(w.category);
|
|
1851
1851
|
};
|
|
1852
1852
|
return /* @__PURE__ */ p("div", { className: Xe.indicatorsList, children: [
|
|
1853
1853
|
/* @__PURE__ */ i("h2", { className: Xe.title, style: { color: s }, children: c("indicators.indicators") }),
|
|
1854
|
-
n.map((x,
|
|
1854
|
+
n.map((x, w) => /* @__PURE__ */ i(
|
|
1855
1855
|
ft,
|
|
1856
1856
|
{
|
|
1857
1857
|
id: x.category,
|
|
1858
1858
|
cat: x,
|
|
1859
|
-
onClickCategory:
|
|
1859
|
+
onClickCategory: f,
|
|
1860
1860
|
activeCategory: u,
|
|
1861
|
-
onClickSubCategory:
|
|
1861
|
+
onClickSubCategory: m,
|
|
1862
1862
|
activeSubCategory: C,
|
|
1863
1863
|
onClickIndicator: b,
|
|
1864
1864
|
activeIndicator: y,
|
|
@@ -1869,7 +1869,7 @@ const x0 = "_indicatorsList_fklyu_2", w0 = "_title_fklyu_6", Xe = {
|
|
|
1869
1869
|
onChangeType: a,
|
|
1870
1870
|
activeIndicatorType: l
|
|
1871
1871
|
},
|
|
1872
|
-
`categoryKey${
|
|
1872
|
+
`categoryKey${w}`
|
|
1873
1873
|
))
|
|
1874
1874
|
] });
|
|
1875
1875
|
};
|
|
@@ -1884,35 +1884,35 @@ N0.propTypes = {
|
|
|
1884
1884
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
1885
1885
|
activeIndicatorType: e.string
|
|
1886
1886
|
};
|
|
1887
|
-
const k0 = "_langSelector_o9enq_2", $0 = "_currentLang_o9enq_14", B0 = "_arrow_o9enq_26", S0 = "_prevImg_o9enq_29", T0 = "_langMenu_o9enq_33",
|
|
1887
|
+
const k0 = "_langSelector_o9enq_2", $0 = "_currentLang_o9enq_14", B0 = "_arrow_o9enq_26", S0 = "_prevImg_o9enq_29", T0 = "_langMenu_o9enq_33", re = {
|
|
1888
1888
|
langSelector: k0,
|
|
1889
1889
|
currentLang: $0,
|
|
1890
1890
|
arrow: B0,
|
|
1891
1891
|
prevImg: S0,
|
|
1892
1892
|
langMenu: T0
|
|
1893
1893
|
}, D0 = ({ langs: n, arrow: d, imgPrev: s }) => {
|
|
1894
|
-
const [o, t] =
|
|
1894
|
+
const [o, t] = L(!1), { i18n: r } = k(), a = n.find((c) => c.code == r.language), l = (c) => {
|
|
1895
1895
|
r.changeLanguage(c), t(!1);
|
|
1896
1896
|
};
|
|
1897
|
-
return /* @__PURE__ */ p("div", { className:
|
|
1897
|
+
return /* @__PURE__ */ p("div", { className: re.langSelector, children: [
|
|
1898
1898
|
/* @__PURE__ */ p(
|
|
1899
1899
|
"div",
|
|
1900
1900
|
{
|
|
1901
|
-
className:
|
|
1901
|
+
className: re.currentLang,
|
|
1902
1902
|
onClick: () => {
|
|
1903
1903
|
t(!o);
|
|
1904
1904
|
},
|
|
1905
1905
|
children: [
|
|
1906
|
-
s && /* @__PURE__ */ i("img", { className:
|
|
1906
|
+
s && /* @__PURE__ */ i("img", { className: re.prevImg, src: s }),
|
|
1907
1907
|
(a == null ? void 0 : a.titleSelected) || (a == null ? void 0 : a.title),
|
|
1908
|
-
/* @__PURE__ */ i("img", { src: d, className:
|
|
1908
|
+
/* @__PURE__ */ i("img", { src: d, className: re.arrow })
|
|
1909
1909
|
]
|
|
1910
1910
|
}
|
|
1911
1911
|
),
|
|
1912
|
-
o && /* @__PURE__ */ i("div", { className:
|
|
1912
|
+
o && /* @__PURE__ */ i("div", { className: re.langMenu, children: n.map((c) => /* @__PURE__ */ i(
|
|
1913
1913
|
"button",
|
|
1914
1914
|
{
|
|
1915
|
-
className: (a == null ? void 0 : a.code) == c.code ?
|
|
1915
|
+
className: (a == null ? void 0 : a.code) == c.code ? re.active : "",
|
|
1916
1916
|
onClick: () => l(c.code),
|
|
1917
1917
|
children: c.title
|
|
1918
1918
|
},
|
|
@@ -1934,7 +1934,7 @@ D0.propTypes = {
|
|
|
1934
1934
|
arrow: e.object,
|
|
1935
1935
|
imgPrev: e.object
|
|
1936
1936
|
};
|
|
1937
|
-
const M0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titleContainer_qs4x9_59", V0 = "_infoContainer_qs4x9_65", A0 = "_titleLegendList_qs4x9_76", O0 = "_legendListContainer_qs4x9_82", I0 = "_gridContainer_qs4x9_82", R0 = "_elementLegendContainer_qs4x9_88", q0 = "_colorDot_qs4x9_94", E0 = "_absoluteValueContainer_qs4x9_100", P0 = "_absoluteValueColor_qs4x9_103", j0 = "_absoluteValueText_qs4x9_108", z0 = "_noDataContainer_qs4x9_120", Z0 = "_noData_qs4x9_120", K0 = "_moreInfoContainer_qs4x9_141",
|
|
1937
|
+
const M0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titleContainer_qs4x9_59", V0 = "_infoContainer_qs4x9_65", A0 = "_titleLegendList_qs4x9_76", O0 = "_legendListContainer_qs4x9_82", I0 = "_gridContainer_qs4x9_82", R0 = "_elementLegendContainer_qs4x9_88", q0 = "_colorDot_qs4x9_94", E0 = "_absoluteValueContainer_qs4x9_100", P0 = "_absoluteValueColor_qs4x9_103", j0 = "_absoluteValueText_qs4x9_108", z0 = "_noDataContainer_qs4x9_120", Z0 = "_noData_qs4x9_120", K0 = "_moreInfoContainer_qs4x9_141", F = {
|
|
1938
1938
|
legendContainer: M0,
|
|
1939
1939
|
closeButton: L0,
|
|
1940
1940
|
titleContainer: F0,
|
|
@@ -1973,35 +1973,35 @@ const M0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titl
|
|
|
1973
1973
|
buttonTitle: l,
|
|
1974
1974
|
onClickClose: c
|
|
1975
1975
|
}) => {
|
|
1976
|
-
const { t: u } =
|
|
1976
|
+
const { t: u } = k();
|
|
1977
1977
|
return /* @__PURE__ */ p(
|
|
1978
1978
|
"div",
|
|
1979
1979
|
{
|
|
1980
1980
|
style: n ? { ...n } : {},
|
|
1981
|
-
className: `${
|
|
1981
|
+
className: `${F.legendContainer}`,
|
|
1982
1982
|
children: [
|
|
1983
|
-
/* @__PURE__ */ i("button", { className:
|
|
1984
|
-
d && /* @__PURE__ */ i("div", { className:
|
|
1985
|
-
s && s.length > 0 && /* @__PURE__ */ i("div", { className:
|
|
1986
|
-
/* @__PURE__ */ i("h3", { className:
|
|
1987
|
-
/* @__PURE__ */ p("span", { className:
|
|
1983
|
+
/* @__PURE__ */ i("button", { className: F.closeButton, onClick: c }),
|
|
1984
|
+
d && /* @__PURE__ */ i("div", { className: F.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
|
|
1985
|
+
s && s.length > 0 && /* @__PURE__ */ i("div", { className: F.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: g, value: C }) => /* @__PURE__ */ p("li", { children: [
|
|
1986
|
+
/* @__PURE__ */ i("h3", { className: F.title, children: `${g}:` }),
|
|
1987
|
+
/* @__PURE__ */ p("span", { className: F.value, children: [
|
|
1988
1988
|
" ",
|
|
1989
1989
|
C
|
|
1990
1990
|
] })
|
|
1991
1991
|
] }, d)) }) }),
|
|
1992
|
-
/* @__PURE__ */ i("h3", { className:
|
|
1993
|
-
/* @__PURE__ */ p("div", { className:
|
|
1994
|
-
r ? /* @__PURE__ */ p("div", { className:
|
|
1992
|
+
/* @__PURE__ */ i("h3", { className: F.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ i(je, { i18nKey: t, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }) }),
|
|
1993
|
+
/* @__PURE__ */ p("div", { className: F.legendListContainer, children: [
|
|
1994
|
+
r ? /* @__PURE__ */ p("div", { className: F.absoluteValueContainer, children: [
|
|
1995
1995
|
/* @__PURE__ */ i(
|
|
1996
1996
|
"div",
|
|
1997
1997
|
{
|
|
1998
|
-
className:
|
|
1998
|
+
className: F.absoluteValueColor,
|
|
1999
1999
|
style: {
|
|
2000
2000
|
background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.midColor ? `${r.midColor} 50%,` : ""} ${r.minColor} 100%)`
|
|
2001
2001
|
}
|
|
2002
2002
|
}
|
|
2003
2003
|
),
|
|
2004
|
-
/* @__PURE__ */ p("div", { className:
|
|
2004
|
+
/* @__PURE__ */ p("div", { className: F.absoluteValueText, children: [
|
|
2005
2005
|
/* @__PURE__ */ p("span", { children: [
|
|
2006
2006
|
r.maxValue,
|
|
2007
2007
|
" ",
|
|
@@ -2018,35 +2018,35 @@ const M0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titl
|
|
|
2018
2018
|
u(r.unit)
|
|
2019
2019
|
] })
|
|
2020
2020
|
] })
|
|
2021
|
-
] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className:
|
|
2022
|
-
({ title:
|
|
2021
|
+
] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className: F.gridContainer, children: o.map(
|
|
2022
|
+
({ title: g, color: C }) => /* @__PURE__ */ p("div", { className: F.elementLegendContainer, children: [
|
|
2023
2023
|
/* @__PURE__ */ i(
|
|
2024
2024
|
"div",
|
|
2025
2025
|
{
|
|
2026
|
-
className:
|
|
2026
|
+
className: F.colorDot,
|
|
2027
2027
|
style: { backgroundColor: C }
|
|
2028
2028
|
}
|
|
2029
2029
|
),
|
|
2030
|
-
/* @__PURE__ */ p("div", { className:
|
|
2031
|
-
u(
|
|
2030
|
+
/* @__PURE__ */ p("div", { className: F.titleLegendElement, children: [
|
|
2031
|
+
u(g),
|
|
2032
2032
|
" "
|
|
2033
2033
|
] })
|
|
2034
2034
|
] }, d)
|
|
2035
2035
|
) }),
|
|
2036
|
-
r.noDataColor && /* @__PURE__ */ p("div", { className:
|
|
2036
|
+
r.noDataColor && /* @__PURE__ */ p("div", { className: F.noDataContainer, children: [
|
|
2037
2037
|
/* @__PURE__ */ i(
|
|
2038
2038
|
"div",
|
|
2039
2039
|
{
|
|
2040
|
-
className:
|
|
2040
|
+
className: F.noData,
|
|
2041
2041
|
style: {
|
|
2042
2042
|
background: r.noDataColor
|
|
2043
2043
|
}
|
|
2044
2044
|
}
|
|
2045
2045
|
),
|
|
2046
|
-
/* @__PURE__ */ i("div", { className:
|
|
2046
|
+
/* @__PURE__ */ i("div", { className: F.absoluteValueText, children: /* @__PURE__ */ i("span", { children: u(r.noDataText) }) })
|
|
2047
2047
|
] })
|
|
2048
2048
|
] }),
|
|
2049
|
-
a && /* @__PURE__ */ i("button", { className:
|
|
2049
|
+
a && /* @__PURE__ */ i("button", { className: F.moreInfoContainer, onClick: a, children: l || u("moreInformation") })
|
|
2050
2050
|
]
|
|
2051
2051
|
}
|
|
2052
2052
|
);
|
|
@@ -2081,7 +2081,7 @@ H0.propTypes = {
|
|
|
2081
2081
|
const U0 = "_logo_1ewa6_2", Je = {
|
|
2082
2082
|
logo: U0
|
|
2083
2083
|
}, G0 = ({ src: n, alt: d, href: s }) => {
|
|
2084
|
-
const { t: o } =
|
|
2084
|
+
const { t: o } = k(), t = /* @__PURE__ */ i("img", { src: n, alt: o(d) });
|
|
2085
2085
|
return s ? /* @__PURE__ */ i("div", { className: Je.logo, children: /* @__PURE__ */ i("a", { href: s, children: t }) }) : /* @__PURE__ */ i("div", { className: Je.logo, children: t });
|
|
2086
2086
|
};
|
|
2087
2087
|
G0.propTypes = {
|
|
@@ -2105,17 +2105,17 @@ const Q0 = ({
|
|
|
2105
2105
|
interactiveLayers: l = [],
|
|
2106
2106
|
popUp: c = !1,
|
|
2107
2107
|
sources: u = [],
|
|
2108
|
-
layers:
|
|
2108
|
+
layers: g = []
|
|
2109
2109
|
}) => {
|
|
2110
|
-
const C = ne(), [_, y] =
|
|
2111
|
-
return
|
|
2110
|
+
const C = ne(), [_, y] = L(null), h = Lt((f) => f.mapState.showTexts);
|
|
2111
|
+
return M(() => {
|
|
2112
2112
|
if (C.current) {
|
|
2113
|
-
const
|
|
2114
|
-
|
|
2115
|
-
b.type == "symbol" && b.id != "professionals" && (
|
|
2113
|
+
const f = C.current.getMap();
|
|
2114
|
+
f.getStyle().layers.map((b) => {
|
|
2115
|
+
b.type == "symbol" && b.id != "professionals" && (h ? f.setLayoutProperty(b.id, "visibility", "visible") : f.setLayoutProperty(b.id, "visibility", "none"));
|
|
2116
2116
|
});
|
|
2117
2117
|
}
|
|
2118
|
-
}, [
|
|
2118
|
+
}, [h]), /* @__PURE__ */ i("div", { className: `${Y0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
|
|
2119
2119
|
Vt,
|
|
2120
2120
|
{
|
|
2121
2121
|
initialViewState: n,
|
|
@@ -2127,12 +2127,12 @@ const Q0 = ({
|
|
|
2127
2127
|
onClick: a,
|
|
2128
2128
|
interactiveLayerIds: l,
|
|
2129
2129
|
children: [
|
|
2130
|
-
u.length && u.map((
|
|
2130
|
+
u.length && u.map((f, m) => /* @__PURE__ */ i(
|
|
2131
2131
|
At,
|
|
2132
2132
|
{
|
|
2133
|
-
...
|
|
2134
|
-
children:
|
|
2135
|
-
if (b.sourceId ==
|
|
2133
|
+
...f,
|
|
2134
|
+
children: g.length && g.map((b, v) => {
|
|
2135
|
+
if (b.sourceId == f.id) return /* @__PURE__ */ i(
|
|
2136
2136
|
Ot,
|
|
2137
2137
|
{
|
|
2138
2138
|
...b.layer,
|
|
@@ -2142,7 +2142,7 @@ const Q0 = ({
|
|
|
2142
2142
|
);
|
|
2143
2143
|
})
|
|
2144
2144
|
},
|
|
2145
|
-
|
|
2145
|
+
m
|
|
2146
2146
|
)),
|
|
2147
2147
|
/* @__PURE__ */ i(It, { position: "bottom-right", visualizePitch: !0 }),
|
|
2148
2148
|
c && _ && /* @__PURE__ */ i(
|
|
@@ -2210,7 +2210,7 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
|
|
|
2210
2210
|
FeaturePopUp: en,
|
|
2211
2211
|
title: tn
|
|
2212
2212
|
}, nn = ({ props: n }) => {
|
|
2213
|
-
const { t: d } =
|
|
2213
|
+
const { t: d } = k();
|
|
2214
2214
|
return /* @__PURE__ */ i("div", { className: et.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ p("p", { children: [
|
|
2215
2215
|
/* @__PURE__ */ p("span", { className: et.title, children: [
|
|
2216
2216
|
/* @__PURE__ */ i(je, { i18nKey: s.name, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }),
|
|
@@ -2233,23 +2233,23 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
|
|
|
2233
2233
|
interactiveLayers: l = [],
|
|
2234
2234
|
sources: c = [],
|
|
2235
2235
|
layers: u = [],
|
|
2236
|
-
filters:
|
|
2236
|
+
filters: g,
|
|
2237
2237
|
popUpParams: C,
|
|
2238
2238
|
onClosePopUp: _,
|
|
2239
2239
|
showTexts: y
|
|
2240
2240
|
}) => {
|
|
2241
|
-
console.log(
|
|
2242
|
-
const
|
|
2243
|
-
return
|
|
2244
|
-
if (
|
|
2245
|
-
const
|
|
2246
|
-
|
|
2247
|
-
b.type == "symbol" && b.id != "professionals" && (y ?
|
|
2241
|
+
console.log(g);
|
|
2242
|
+
const h = ne();
|
|
2243
|
+
return M(() => {
|
|
2244
|
+
if (h.current) {
|
|
2245
|
+
const f = h.current.getMap();
|
|
2246
|
+
f.getStyle().layers.map((b) => {
|
|
2247
|
+
b.type == "symbol" && b.id != "professionals" && (y ? f.setLayoutProperty(b.id, "visibility", "visible") : f.setLayoutProperty(b.id, "visibility", "none"));
|
|
2248
2248
|
});
|
|
2249
2249
|
}
|
|
2250
|
-
}, [y]),
|
|
2251
|
-
let
|
|
2252
|
-
return ke.addProtocol("pmtiles",
|
|
2250
|
+
}, [y]), M(() => {
|
|
2251
|
+
let f = new qt();
|
|
2252
|
+
return ke.addProtocol("pmtiles", f.tile), () => {
|
|
2253
2253
|
ke.removeProtocol("pmtiles");
|
|
2254
2254
|
};
|
|
2255
2255
|
}, []), /* @__PURE__ */ i("div", { className: `${J0.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
|
|
@@ -2257,7 +2257,7 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
|
|
|
2257
2257
|
{
|
|
2258
2258
|
mapLib: ke,
|
|
2259
2259
|
initialViewState: n,
|
|
2260
|
-
ref:
|
|
2260
|
+
ref: h,
|
|
2261
2261
|
hash: !1,
|
|
2262
2262
|
maxZoom: d,
|
|
2263
2263
|
minZoom: s,
|
|
@@ -2265,23 +2265,23 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
|
|
|
2265
2265
|
onClick: a,
|
|
2266
2266
|
interactiveLayerIds: l,
|
|
2267
2267
|
children: [
|
|
2268
|
-
c.length && c.map((
|
|
2268
|
+
c.length && c.map((f, m) => /* @__PURE__ */ i(
|
|
2269
2269
|
Pt,
|
|
2270
2270
|
{
|
|
2271
|
-
...
|
|
2271
|
+
...f,
|
|
2272
2272
|
children: u.length && u.map((b, v) => {
|
|
2273
|
-
if (b.sourceId ==
|
|
2273
|
+
if (b.sourceId == f.id) return /* @__PURE__ */ i(
|
|
2274
2274
|
jt,
|
|
2275
2275
|
{
|
|
2276
2276
|
...b.layer,
|
|
2277
2277
|
beforeId: t,
|
|
2278
|
-
filter:
|
|
2278
|
+
filter: g && g
|
|
2279
2279
|
},
|
|
2280
2280
|
v
|
|
2281
2281
|
);
|
|
2282
2282
|
})
|
|
2283
2283
|
},
|
|
2284
|
-
|
|
2284
|
+
m
|
|
2285
2285
|
)),
|
|
2286
2286
|
/* @__PURE__ */ i(zt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2287
2287
|
C && /* @__PURE__ */ i(
|
|
@@ -2355,7 +2355,7 @@ const on = "_sectionBar_1egwc_2", rn = "_leftContent_1egwc_14", an = "_textConta
|
|
|
2355
2355
|
mainColor: t,
|
|
2356
2356
|
width: r
|
|
2357
2357
|
}) => {
|
|
2358
|
-
const { t: a } =
|
|
2358
|
+
const { t: a } = k();
|
|
2359
2359
|
return /* @__PURE__ */ p("div", { className: X.sectionBar, style: { width: r && r }, children: [
|
|
2360
2360
|
/* @__PURE__ */ p("div", { className: X.leftContent, children: [
|
|
2361
2361
|
n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: X.icon }),
|
|
@@ -2413,30 +2413,30 @@ const pn = Kt({
|
|
|
2413
2413
|
sliderOpen: fn,
|
|
2414
2414
|
sliderResults: bn
|
|
2415
2415
|
}, _n = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: s = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
|
|
2416
|
-
const [a, l] =
|
|
2416
|
+
const [a, l] = L(d), c = Ft(), u = (b, v) => {
|
|
2417
2417
|
l(v), c(De(v - 2e3));
|
|
2418
|
-
}, [
|
|
2418
|
+
}, [g, C] = L(!1), _ = () => {
|
|
2419
2419
|
C(!0);
|
|
2420
2420
|
}, y = () => {
|
|
2421
2421
|
C(!1);
|
|
2422
2422
|
};
|
|
2423
2423
|
((b, v) => {
|
|
2424
|
-
const
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
}, [b]),
|
|
2424
|
+
const N = ne();
|
|
2425
|
+
M(() => {
|
|
2426
|
+
N.current = b;
|
|
2427
|
+
}, [b]), M(() => {
|
|
2428
2428
|
function x() {
|
|
2429
|
-
|
|
2429
|
+
N.current();
|
|
2430
2430
|
}
|
|
2431
2431
|
{
|
|
2432
|
-
let
|
|
2433
|
-
return () => clearInterval(
|
|
2432
|
+
let w = setInterval(x, v);
|
|
2433
|
+
return () => clearInterval(w);
|
|
2434
2434
|
}
|
|
2435
2435
|
}, [v]);
|
|
2436
2436
|
})(() => {
|
|
2437
|
-
|
|
2437
|
+
g && (a != 2050 ? (l(a + 1), c(De(a - 2e3 + 1))) : (l(2025), c(De(25))));
|
|
2438
2438
|
}, 1e3);
|
|
2439
|
-
const
|
|
2439
|
+
const f = Ut({
|
|
2440
2440
|
palette: {
|
|
2441
2441
|
primary: {
|
|
2442
2442
|
main: "#605b56"
|
|
@@ -2458,13 +2458,13 @@ const pn = Kt({
|
|
|
2458
2458
|
}
|
|
2459
2459
|
}
|
|
2460
2460
|
}
|
|
2461
|
-
}),
|
|
2461
|
+
}), m = [
|
|
2462
2462
|
{ label: "", value: 2025 },
|
|
2463
2463
|
{ label: "", value: 2032 },
|
|
2464
2464
|
{ label: "", value: 2041 },
|
|
2465
2465
|
{ label: "", value: 2050 }
|
|
2466
2466
|
];
|
|
2467
|
-
return /* @__PURE__ */ i(Wt, { theme:
|
|
2467
|
+
return /* @__PURE__ */ i(Wt, { theme: f, children: /* @__PURE__ */ p(
|
|
2468
2468
|
Gt,
|
|
2469
2469
|
{
|
|
2470
2470
|
sx: { width: 400 },
|
|
@@ -2479,7 +2479,7 @@ const pn = Kt({
|
|
|
2479
2479
|
value: a,
|
|
2480
2480
|
valueLabelDisplay: "on",
|
|
2481
2481
|
step: 1,
|
|
2482
|
-
marks:
|
|
2482
|
+
marks: m,
|
|
2483
2483
|
min: s,
|
|
2484
2484
|
max: o,
|
|
2485
2485
|
onChange: u,
|
|
@@ -2488,8 +2488,8 @@ const pn = Kt({
|
|
|
2488
2488
|
}
|
|
2489
2489
|
),
|
|
2490
2490
|
o,
|
|
2491
|
-
!
|
|
2492
|
-
|
|
2491
|
+
!g && /* @__PURE__ */ i("button", { className: pe.playButton, onClick: _, children: /* @__PURE__ */ i("img", { src: mn, alt: "Play" }) }),
|
|
2492
|
+
g && /* @__PURE__ */ i("button", { className: pe.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: hn, alt: "Pause" }) })
|
|
2493
2493
|
]
|
|
2494
2494
|
}
|
|
2495
2495
|
) });
|
|
@@ -2515,7 +2515,7 @@ const yn = "_TopNavMenuContainer_12mp4_2", vn = "_topNavOptions_12mp4_13", xn =
|
|
|
2515
2515
|
console.log("Changed NavLink", r);
|
|
2516
2516
|
}
|
|
2517
2517
|
}) => {
|
|
2518
|
-
const { t: r } =
|
|
2518
|
+
const { t: r } = k();
|
|
2519
2519
|
return /* @__PURE__ */ i("div", { className: Me.TopNavMenuContainer, style: { ...d }, children: n.map((a, l) => /* @__PURE__ */ i(
|
|
2520
2520
|
Yt,
|
|
2521
2521
|
{
|
|
@@ -2557,7 +2557,7 @@ const Nn = "_LogInButton_1vxj5_2", kn = {
|
|
|
2557
2557
|
console.log("Logout clicked");
|
|
2558
2558
|
}
|
|
2559
2559
|
}) => {
|
|
2560
|
-
const { t: c } =
|
|
2560
|
+
const { t: c } = k();
|
|
2561
2561
|
return /* @__PURE__ */ i(
|
|
2562
2562
|
"div",
|
|
2563
2563
|
{
|
|
@@ -2585,7 +2585,7 @@ const Bn = "_elementSelector_fd7az_2", Sn = "_header_fd7az_13", Tn = "_nameDateC
|
|
|
2585
2585
|
buttonsContainer: Ln,
|
|
2586
2586
|
elementListContainer: Fn,
|
|
2587
2587
|
newElementButtonContainer: Vn
|
|
2588
|
-
}, An = "_listElement_1s506_2", On = "_elementNameDate_1s506_17", In = "_elementNameContainer_1s506_27", Rn = "_elementName_1s506_17", qn = "_elementDate_1s506_42", En = "_elementButtons_1s506_45", Pn = "_moreInfoContainer_1s506_68", jn = "_moreInfo_1s506_68",
|
|
2588
|
+
}, An = "_listElement_1s506_2", On = "_elementNameDate_1s506_17", In = "_elementNameContainer_1s506_27", Rn = "_elementName_1s506_17", qn = "_elementDate_1s506_42", En = "_elementButtons_1s506_45", Pn = "_moreInfoContainer_1s506_68", jn = "_moreInfo_1s506_68", z = {
|
|
2589
2589
|
listElement: An,
|
|
2590
2590
|
elementNameDate: On,
|
|
2591
2591
|
elementNameContainer: In,
|
|
@@ -2607,16 +2607,16 @@ function Ee() {
|
|
|
2607
2607
|
}, Ee.apply(null, arguments);
|
|
2608
2608
|
}
|
|
2609
2609
|
var Gn = function(d) {
|
|
2610
|
-
return /* @__PURE__ */
|
|
2610
|
+
return /* @__PURE__ */ ce.createElement("svg", Ee({
|
|
2611
2611
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2612
2612
|
width: 26,
|
|
2613
2613
|
height: 14,
|
|
2614
2614
|
fill: "none"
|
|
2615
|
-
}, d), tt || (tt = /* @__PURE__ */
|
|
2615
|
+
}, d), tt || (tt = /* @__PURE__ */ ce.createElement("g", {
|
|
2616
2616
|
fill: "currentColor"
|
|
2617
|
-
}, /* @__PURE__ */
|
|
2617
|
+
}, /* @__PURE__ */ ce.createElement("path", {
|
|
2618
2618
|
d: "M12.95.408C7.659.408 2.849 2.772.083 6.726a.47.47 0 0 0 0 .532c2.761 3.955 7.571 6.313 12.867 6.313s10.106-2.358 12.867-6.313a.47.47 0 0 0 0-.532C23.05 2.772 18.24.408 12.95.408m0 10.814A4.24 4.24 0 0 1 8.718 6.99a4.24 4.24 0 0 1 4.232-4.232 4.24 4.24 0 0 1 4.232 4.232 4.24 4.24 0 0 1-4.232 4.232"
|
|
2619
|
-
}), /* @__PURE__ */
|
|
2619
|
+
}), /* @__PURE__ */ ce.createElement("path", {
|
|
2620
2620
|
d: "M12.951 10.297a3.307 3.307 0 1 0 0-6.614 3.307 3.307 0 0 0 0 6.614"
|
|
2621
2621
|
}))));
|
|
2622
2622
|
};
|
|
@@ -2631,17 +2631,17 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2631
2631
|
elementButtons: l,
|
|
2632
2632
|
processTooltip: c,
|
|
2633
2633
|
defaultTooltip: u,
|
|
2634
|
-
showEye:
|
|
2634
|
+
showEye: g = !0
|
|
2635
2635
|
}) => {
|
|
2636
|
-
const { name: C, created_at: _, id: y, isBeingProcessed:
|
|
2636
|
+
const { name: C, created_at: _, id: y, isBeingProcessed: h } = n, [f, m] = L(!1), { t: b } = k();
|
|
2637
2637
|
return /* @__PURE__ */ p(
|
|
2638
2638
|
"div",
|
|
2639
2639
|
{
|
|
2640
|
-
className:
|
|
2640
|
+
className: z.listElement,
|
|
2641
2641
|
style: { borderBottom: `1px solid ${t}` },
|
|
2642
2642
|
children: [
|
|
2643
|
-
/* @__PURE__ */ i("div", { className:
|
|
2644
|
-
|
|
2643
|
+
/* @__PURE__ */ i("div", { className: z.elementNameDate, onClick: () => d(y), children: Object.keys(a).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: z.elementNameContainer, children: /* @__PURE__ */ p("div", { className: z.elementName, children: [
|
|
2644
|
+
g && (s ? /* @__PURE__ */ i(Gn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
|
|
2645
2645
|
"img",
|
|
2646
2646
|
{
|
|
2647
2647
|
style: { marginRight: 9 },
|
|
@@ -2650,8 +2650,8 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2650
2650
|
}
|
|
2651
2651
|
)),
|
|
2652
2652
|
/* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: C })
|
|
2653
|
-
] }) }) : v == "data" ? /* @__PURE__ */ i("div", { className:
|
|
2654
|
-
/* @__PURE__ */ p("div", { className:
|
|
2653
|
+
] }) }) : v == "data" ? /* @__PURE__ */ i("div", { className: z.elementDate, children: _ ? new Date(_).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: z.elementDate, children: n[v] })) }),
|
|
2654
|
+
/* @__PURE__ */ p("div", { className: z.elementButtons, children: [
|
|
2655
2655
|
n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2656
2656
|
/* @__PURE__ */ i("img", { src: Hn }),
|
|
2657
2657
|
/* @__PURE__ */ i(te, { text: c, position: "left" })
|
|
@@ -2673,13 +2673,13 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2673
2673
|
/* @__PURE__ */ i(te, { text: u, position: "left" })
|
|
2674
2674
|
] })
|
|
2675
2675
|
] }),
|
|
2676
|
-
r && /* @__PURE__ */ i("div", { className:
|
|
2677
|
-
r && /* @__PURE__ */ p("div", { className:
|
|
2678
|
-
/* @__PURE__ */ p("div", { className:
|
|
2679
|
-
/* @__PURE__ */ i("span", { children:
|
|
2676
|
+
r && /* @__PURE__ */ i("div", { className: z.break }),
|
|
2677
|
+
r && /* @__PURE__ */ p("div", { className: z.moreInfoContainer, children: [
|
|
2678
|
+
/* @__PURE__ */ p("div", { className: z.moreInfo, onClick: () => m(!f), children: [
|
|
2679
|
+
/* @__PURE__ */ i("span", { children: f ? "-" : "+" }),
|
|
2680
2680
|
b(r.label)
|
|
2681
2681
|
] }),
|
|
2682
|
-
r &&
|
|
2682
|
+
r && f && /* @__PURE__ */ i("div", { className: z.moreInfoInfo, children: n[r.info] })
|
|
2683
2683
|
] })
|
|
2684
2684
|
]
|
|
2685
2685
|
}
|
|
@@ -2730,12 +2730,12 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2730
2730
|
containerStyles: r = {},
|
|
2731
2731
|
newElementButton: a,
|
|
2732
2732
|
//{label: 'text', onClick: function(), disabled}/null
|
|
2733
|
-
onClickElement: l = (
|
|
2733
|
+
onClickElement: l = (h) => console.log(`OnCLickElement: ${h}`),
|
|
2734
2734
|
columns: c,
|
|
2735
2735
|
// {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2736
2736
|
elementButtons: u,
|
|
2737
2737
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
2738
|
-
moreInfo:
|
|
2738
|
+
moreInfo: g = !1,
|
|
2739
2739
|
//{label: 'x'}
|
|
2740
2740
|
processTooltip: C,
|
|
2741
2741
|
//texto para el tooltip del simbolo "En proceso"
|
|
@@ -2743,14 +2743,14 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2743
2743
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2744
2744
|
showEye: y = !0
|
|
2745
2745
|
}) => {
|
|
2746
|
-
const { t:
|
|
2747
|
-
|
|
2748
|
-
n &&
|
|
2746
|
+
const { t: h } = k(), [f, m] = L(n);
|
|
2747
|
+
M(() => {
|
|
2748
|
+
n && m(n);
|
|
2749
2749
|
}, [n]);
|
|
2750
2750
|
const b = (v) => {
|
|
2751
|
-
if (
|
|
2752
|
-
let
|
|
2753
|
-
|
|
2751
|
+
if (f && f.length > 0) {
|
|
2752
|
+
let N = [...f];
|
|
2753
|
+
N.sort((x, w) => x[v].localeCompare(w[v])), m(N);
|
|
2754
2754
|
}
|
|
2755
2755
|
};
|
|
2756
2756
|
return /* @__PURE__ */ p(
|
|
@@ -2766,17 +2766,17 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2766
2766
|
style: { borderBottom: `1px solid ${s}` },
|
|
2767
2767
|
children: [
|
|
2768
2768
|
/* @__PURE__ */ i("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => b("name"), children: [
|
|
2769
|
-
/* @__PURE__ */ i("span", { children:
|
|
2769
|
+
/* @__PURE__ */ i("span", { children: h(c.name) }),
|
|
2770
2770
|
/* @__PURE__ */ i("img", { src: nt, alt: "order arrow" })
|
|
2771
2771
|
] }) }, v) : v === "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => b("date"), children: [
|
|
2772
|
-
/* @__PURE__ */ i("span", { children:
|
|
2772
|
+
/* @__PURE__ */ i("span", { children: h(c.data) }),
|
|
2773
2773
|
/* @__PURE__ */ i("img", { src: nt, alt: "order arrow" })
|
|
2774
|
-
] }) }, v) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ i("span", { children:
|
|
2774
|
+
] }) }, v) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ i("span", { children: h(c[v]) }) }, v)) }),
|
|
2775
2775
|
/* @__PURE__ */ i("div", { className: Z.buttonsContainer })
|
|
2776
2776
|
]
|
|
2777
2777
|
}
|
|
2778
2778
|
),
|
|
2779
|
-
/* @__PURE__ */ i("div", { className: Z.elementListContainer, children:
|
|
2779
|
+
/* @__PURE__ */ i("div", { className: Z.elementListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ i(
|
|
2780
2780
|
bt,
|
|
2781
2781
|
{
|
|
2782
2782
|
isActive: d == v.id,
|
|
@@ -2786,7 +2786,7 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2786
2786
|
onClickElement: l,
|
|
2787
2787
|
columns: c,
|
|
2788
2788
|
elementButtons: u,
|
|
2789
|
-
moreInfo:
|
|
2789
|
+
moreInfo: g,
|
|
2790
2790
|
processTooltip: C,
|
|
2791
2791
|
defaultTooltip: _,
|
|
2792
2792
|
showEye: y
|
|
@@ -2800,7 +2800,7 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2800
2800
|
onClick: a.onClick,
|
|
2801
2801
|
borderColor: "grey",
|
|
2802
2802
|
disabled: a.disabled || !1,
|
|
2803
|
-
children:
|
|
2803
|
+
children: h(a.label)
|
|
2804
2804
|
}
|
|
2805
2805
|
) })
|
|
2806
2806
|
]
|
|
@@ -2928,7 +2928,7 @@ var ui = (n, d, s, o = !0) => {
|
|
|
2928
2928
|
});
|
|
2929
2929
|
return t;
|
|
2930
2930
|
};
|
|
2931
|
-
const Nt = typeof window < "u" ?
|
|
2931
|
+
const Nt = typeof window < "u" ? ce.useLayoutEffect : ce.useEffect;
|
|
2932
2932
|
function pi(n) {
|
|
2933
2933
|
const d = He(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [a, l] = T.useState(s._formState), c = T.useRef({
|
|
2934
2934
|
isDirty: !1,
|
|
@@ -2963,7 +2963,7 @@ function gi(n) {
|
|
|
2963
2963
|
values: !0
|
|
2964
2964
|
},
|
|
2965
2965
|
exact: a,
|
|
2966
|
-
callback: (
|
|
2966
|
+
callback: (g) => !r && u(hi(o, s._names, g.values || s._formValues, !1, l.current))
|
|
2967
2967
|
}), [o, s, r, a]), T.useEffect(() => s._removeUnmounted()), c;
|
|
2968
2968
|
}
|
|
2969
2969
|
function Ci(n) {
|
|
@@ -2976,7 +2976,7 @@ function Ci(n) {
|
|
|
2976
2976
|
control: t,
|
|
2977
2977
|
name: s,
|
|
2978
2978
|
exact: !0
|
|
2979
|
-
}), u = T.useRef(n),
|
|
2979
|
+
}), u = T.useRef(n), g = T.useRef(t.register(s, {
|
|
2980
2980
|
...n.rules,
|
|
2981
2981
|
value: l,
|
|
2982
2982
|
...Le(n.disabled) ? { disabled: n.disabled } : {}
|
|
@@ -3001,50 +3001,50 @@ function Ci(n) {
|
|
|
3001
3001
|
enumerable: !0,
|
|
3002
3002
|
get: () => R(c.errors, s)
|
|
3003
3003
|
}
|
|
3004
|
-
}), [c, s]), _ = T.useCallback((
|
|
3004
|
+
}), [c, s]), _ = T.useCallback((m) => g.current.onChange({
|
|
3005
3005
|
target: {
|
|
3006
|
-
value: oi(
|
|
3006
|
+
value: oi(m),
|
|
3007
3007
|
name: s
|
|
3008
3008
|
},
|
|
3009
3009
|
type: st.CHANGE
|
|
3010
|
-
}), [s]), y = T.useCallback(() =>
|
|
3010
|
+
}), [s]), y = T.useCallback(() => g.current.onBlur({
|
|
3011
3011
|
target: {
|
|
3012
3012
|
value: R(t._formValues, s),
|
|
3013
3013
|
name: s
|
|
3014
3014
|
},
|
|
3015
3015
|
type: st.BLUR
|
|
3016
|
-
}), [s, t._formValues]),
|
|
3016
|
+
}), [s, t._formValues]), h = T.useCallback((m) => {
|
|
3017
3017
|
const b = R(t._fields, s);
|
|
3018
|
-
b &&
|
|
3019
|
-
focus: () =>
|
|
3020
|
-
select: () =>
|
|
3021
|
-
setCustomValidity: (v) =>
|
|
3022
|
-
reportValidity: () =>
|
|
3018
|
+
b && m && (b._f.ref = {
|
|
3019
|
+
focus: () => m.focus && m.focus(),
|
|
3020
|
+
select: () => m.select && m.select(),
|
|
3021
|
+
setCustomValidity: (v) => m.setCustomValidity(v),
|
|
3022
|
+
reportValidity: () => m.reportValidity()
|
|
3023
3023
|
});
|
|
3024
|
-
}, [t._fields, s]),
|
|
3024
|
+
}, [t._fields, s]), f = T.useMemo(() => ({
|
|
3025
3025
|
name: s,
|
|
3026
3026
|
value: l,
|
|
3027
3027
|
...Le(o) || c.disabled ? { disabled: c.disabled || o } : {},
|
|
3028
3028
|
onChange: _,
|
|
3029
3029
|
onBlur: y,
|
|
3030
|
-
ref:
|
|
3031
|
-
}), [s, o, c.disabled, _, y,
|
|
3030
|
+
ref: h
|
|
3031
|
+
}), [s, o, c.disabled, _, y, h, l]);
|
|
3032
3032
|
return T.useEffect(() => {
|
|
3033
|
-
const
|
|
3033
|
+
const m = t._options.shouldUnregister || r;
|
|
3034
3034
|
t.register(s, {
|
|
3035
3035
|
...u.current.rules,
|
|
3036
3036
|
...Le(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
3037
3037
|
});
|
|
3038
|
-
const b = (v,
|
|
3038
|
+
const b = (v, N) => {
|
|
3039
3039
|
const x = R(t._fields, v);
|
|
3040
|
-
x && x._f && (x._f.mount =
|
|
3040
|
+
x && x._f && (x._f.mount = N);
|
|
3041
3041
|
};
|
|
3042
|
-
if (b(s, !0),
|
|
3042
|
+
if (b(s, !0), m) {
|
|
3043
3043
|
const v = yt(R(t._options.defaultValues, s));
|
|
3044
3044
|
it(t._defaultValues, s, v), Pe(R(t._formValues, s)) && it(t._formValues, s, v);
|
|
3045
3045
|
}
|
|
3046
3046
|
return !a && t.register(s), () => {
|
|
3047
|
-
(a ?
|
|
3047
|
+
(a ? m && !t._state.action : m) ? t.unregister(s) : b(s, !1);
|
|
3048
3048
|
};
|
|
3049
3049
|
}, [s, t, a, r]), T.useEffect(() => {
|
|
3050
3050
|
t._setDisabledField({
|
|
@@ -3052,10 +3052,10 @@ function Ci(n) {
|
|
|
3052
3052
|
name: s
|
|
3053
3053
|
});
|
|
3054
3054
|
}, [o, s, t]), T.useMemo(() => ({
|
|
3055
|
-
field:
|
|
3055
|
+
field: f,
|
|
3056
3056
|
formState: c,
|
|
3057
3057
|
fieldState: C
|
|
3058
|
-
}), [
|
|
3058
|
+
}), [f, c, C]);
|
|
3059
3059
|
}
|
|
3060
3060
|
const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
3061
3061
|
errorMessage: fi
|
|
@@ -3064,7 +3064,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3064
3064
|
errorColor: d = "red",
|
|
3065
3065
|
containerStyles: s
|
|
3066
3066
|
}) => {
|
|
3067
|
-
const { t: o } =
|
|
3067
|
+
const { t: o } = k();
|
|
3068
3068
|
return /* @__PURE__ */ i(
|
|
3069
3069
|
"div",
|
|
3070
3070
|
{
|
|
@@ -3083,45 +3083,45 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3083
3083
|
validateFunction: l,
|
|
3084
3084
|
placeholder: c,
|
|
3085
3085
|
errorColor: u = "red",
|
|
3086
|
-
width:
|
|
3086
|
+
width: g = 325,
|
|
3087
3087
|
onClickForgotPass: C = () => {
|
|
3088
3088
|
console.log("Click on forgot password");
|
|
3089
3089
|
},
|
|
3090
3090
|
forgotPassLabel: _ = "forgot-password"
|
|
3091
|
-
} = n, { t: y } =
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
}, [a, s,
|
|
3091
|
+
} = n, { t: y } = k(), { control: h, trigger: f, clearErrors: m } = d, [b, v] = L(!1), N = ne(a);
|
|
3092
|
+
M(() => {
|
|
3093
|
+
N.current !== a && (a ? f(s) : m(s), N.current = a);
|
|
3094
|
+
}, [a, s, f, m]);
|
|
3095
3095
|
const x = () => o ? o === "password" && b ? "text" : o : "text";
|
|
3096
3096
|
return /* @__PURE__ */ i(
|
|
3097
3097
|
Ne,
|
|
3098
3098
|
{
|
|
3099
3099
|
name: s,
|
|
3100
|
-
control:
|
|
3100
|
+
control: h,
|
|
3101
3101
|
rules: {
|
|
3102
3102
|
required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
|
|
3103
3103
|
maxLength: r || void 0,
|
|
3104
3104
|
validate: l || void 0
|
|
3105
3105
|
},
|
|
3106
|
-
render: ({ field:
|
|
3107
|
-
var
|
|
3106
|
+
render: ({ field: w, fieldState: $ }) => {
|
|
3107
|
+
var B;
|
|
3108
3108
|
return /* @__PURE__ */ p("div", { className: he.textInputContainer, children: [
|
|
3109
3109
|
/* @__PURE__ */ p("h3", { className: he.labelContainer, children: [
|
|
3110
3110
|
y(t),
|
|
3111
3111
|
" ",
|
|
3112
|
-
a && /* @__PURE__ */ i("label", { style: { color:
|
|
3112
|
+
a && /* @__PURE__ */ i("label", { style: { color: $.error ? u : "" }, children: "*" })
|
|
3113
3113
|
] }),
|
|
3114
3114
|
/* @__PURE__ */ p(
|
|
3115
3115
|
"div",
|
|
3116
3116
|
{
|
|
3117
|
-
style: { position: "relative", width:
|
|
3117
|
+
style: { position: "relative", width: g },
|
|
3118
3118
|
className: he.inputContainer,
|
|
3119
3119
|
children: [
|
|
3120
3120
|
/* @__PURE__ */ i(
|
|
3121
3121
|
"input",
|
|
3122
3122
|
{
|
|
3123
3123
|
type: x(),
|
|
3124
|
-
...
|
|
3124
|
+
...w,
|
|
3125
3125
|
placeholder: c ? y(c) : "",
|
|
3126
3126
|
maxLength: r || void 0
|
|
3127
3127
|
}
|
|
@@ -3142,7 +3142,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3142
3142
|
/* @__PURE__ */ i(
|
|
3143
3143
|
fe,
|
|
3144
3144
|
{
|
|
3145
|
-
errorMessage: (
|
|
3145
|
+
errorMessage: (B = $.error) == null ? void 0 : B.message,
|
|
3146
3146
|
errorColor: u
|
|
3147
3147
|
}
|
|
3148
3148
|
)
|
|
@@ -3154,9 +3154,9 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3154
3154
|
formContainer: _i,
|
|
3155
3155
|
formObjectContainer: yi,
|
|
3156
3156
|
buttonContainer: vi
|
|
3157
|
-
}, xi = "_inputsContainer_10t9s_2",
|
|
3157
|
+
}, xi = "_inputsContainer_10t9s_2", ae = {
|
|
3158
3158
|
inputsContainer: xi
|
|
3159
|
-
}, wi = "_selectInputContainer_1rj0h_2", Ni = "_labelContainer_1rj0h_6", ki = "_inputContainer_1rj0h_9", $i = "_selectInput_1rj0h_2", Bi = "_option_1rj0h_23", Si = "_dropdownArrow_1rj0h_26",
|
|
3159
|
+
}, wi = "_selectInputContainer_1rj0h_2", Ni = "_labelContainer_1rj0h_6", ki = "_inputContainer_1rj0h_9", $i = "_selectInput_1rj0h_2", Bi = "_option_1rj0h_23", Si = "_dropdownArrow_1rj0h_26", le = {
|
|
3160
3160
|
selectInputContainer: wi,
|
|
3161
3161
|
labelContainer: Ni,
|
|
3162
3162
|
inputContainer: ki,
|
|
@@ -3173,12 +3173,12 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3173
3173
|
validateFunction: l,
|
|
3174
3174
|
placeholder: c,
|
|
3175
3175
|
errorColor: u = "red",
|
|
3176
|
-
width:
|
|
3176
|
+
width: g = 325,
|
|
3177
3177
|
options: C = []
|
|
3178
|
-
} = n, { t: _ } =
|
|
3179
|
-
return
|
|
3180
|
-
|
|
3181
|
-
}, [a, s,
|
|
3178
|
+
} = n, { t: _ } = k(), { control: y, trigger: h, clearErrors: f } = d, m = ne(a);
|
|
3179
|
+
return M(() => {
|
|
3180
|
+
m.current !== a && (a ? h(s) : f(s), m.current = a);
|
|
3181
|
+
}, [a, s, h, f]), /* @__PURE__ */ i(
|
|
3182
3182
|
Ne,
|
|
3183
3183
|
{
|
|
3184
3184
|
name: s,
|
|
@@ -3188,33 +3188,33 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3188
3188
|
validate: l || void 0
|
|
3189
3189
|
},
|
|
3190
3190
|
render: ({ field: b, fieldState: v }) => {
|
|
3191
|
-
var
|
|
3192
|
-
return /* @__PURE__ */ p("div", { className:
|
|
3193
|
-
/* @__PURE__ */ p("h3", { className:
|
|
3191
|
+
var N;
|
|
3192
|
+
return /* @__PURE__ */ p("div", { className: le.selectInputContainer, children: [
|
|
3193
|
+
/* @__PURE__ */ p("h3", { className: le.labelContainer, children: [
|
|
3194
3194
|
_(t),
|
|
3195
3195
|
" ",
|
|
3196
3196
|
a && /* @__PURE__ */ i("label", { style: { color: v.error ? u : "" }, children: "*" })
|
|
3197
3197
|
] }),
|
|
3198
|
-
/* @__PURE__ */ p("div", { className:
|
|
3198
|
+
/* @__PURE__ */ p("div", { className: le.inputContainer, style: { width: g }, children: [
|
|
3199
3199
|
/* @__PURE__ */ p(
|
|
3200
3200
|
"select",
|
|
3201
3201
|
{
|
|
3202
3202
|
...b,
|
|
3203
3203
|
onChange: (x) => {
|
|
3204
|
-
const
|
|
3205
|
-
b.onChange(
|
|
3204
|
+
const w = x.target.value, $ = C.every((B) => typeof B.value == "number") ? Number(w) : w;
|
|
3205
|
+
b.onChange($);
|
|
3206
3206
|
},
|
|
3207
|
-
className:
|
|
3207
|
+
className: le.selectInput,
|
|
3208
3208
|
children: [
|
|
3209
3209
|
/* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: _(c || "selectOption") }),
|
|
3210
|
-
C.map((x,
|
|
3210
|
+
C.map((x, w) => /* @__PURE__ */ i(
|
|
3211
3211
|
"option",
|
|
3212
3212
|
{
|
|
3213
3213
|
value: x.value,
|
|
3214
|
-
className:
|
|
3214
|
+
className: le.option,
|
|
3215
3215
|
children: _(x.label)
|
|
3216
3216
|
},
|
|
3217
|
-
|
|
3217
|
+
w
|
|
3218
3218
|
))
|
|
3219
3219
|
]
|
|
3220
3220
|
}
|
|
@@ -3224,14 +3224,14 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3224
3224
|
{
|
|
3225
3225
|
src: Ti,
|
|
3226
3226
|
alt: "Open",
|
|
3227
|
-
className:
|
|
3227
|
+
className: le.dropdownArrow
|
|
3228
3228
|
}
|
|
3229
3229
|
)
|
|
3230
3230
|
] }),
|
|
3231
3231
|
/* @__PURE__ */ i(
|
|
3232
3232
|
fe,
|
|
3233
3233
|
{
|
|
3234
|
-
errorMessage: (
|
|
3234
|
+
errorMessage: (N = v.error) == null ? void 0 : N.message,
|
|
3235
3235
|
errorColor: u
|
|
3236
3236
|
}
|
|
3237
3237
|
)
|
|
@@ -3255,30 +3255,30 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3255
3255
|
errorColor: a = "red",
|
|
3256
3256
|
options: l = [],
|
|
3257
3257
|
multi: c = !1
|
|
3258
|
-
} = n, { t: u } =
|
|
3258
|
+
} = n, { t: u } = k(), { control: g, trigger: C, clearErrors: _ } = d, y = ({ options: m, onChange: b, actualValue: v }) => {
|
|
3259
3259
|
if (c && v && v.length > 0) {
|
|
3260
|
-
let
|
|
3261
|
-
b(
|
|
3260
|
+
let N = v.filter((x) => x !== m);
|
|
3261
|
+
b(N);
|
|
3262
3262
|
}
|
|
3263
|
-
},
|
|
3264
|
-
c ? v && v.length > 0 ? b([...v,
|
|
3265
|
-
},
|
|
3266
|
-
return
|
|
3267
|
-
|
|
3263
|
+
}, h = ({ options: m, onChange: b, actualValue: v }) => {
|
|
3264
|
+
c ? v && v.length > 0 ? b([...v, m]) : b([m]) : b(m);
|
|
3265
|
+
}, f = ne(t);
|
|
3266
|
+
return M(() => {
|
|
3267
|
+
f.current !== t && (t ? C(s) : _(s), f.current = t);
|
|
3268
3268
|
}, [t, s, C, _]), /* @__PURE__ */ i(
|
|
3269
3269
|
Ne,
|
|
3270
3270
|
{
|
|
3271
|
-
control:
|
|
3271
|
+
control: g,
|
|
3272
3272
|
name: s,
|
|
3273
3273
|
rules: {
|
|
3274
|
-
validate: (
|
|
3274
|
+
validate: (m) => t && (m == null || m === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3275
3275
|
},
|
|
3276
3276
|
render: ({
|
|
3277
|
-
formState: { errors:
|
|
3278
|
-
field: { onChange: b, onBlur: v, value:
|
|
3279
|
-
fieldState:
|
|
3277
|
+
formState: { errors: m },
|
|
3278
|
+
field: { onChange: b, onBlur: v, value: N, ref: x },
|
|
3279
|
+
fieldState: w
|
|
3280
3280
|
}) => {
|
|
3281
|
-
var
|
|
3281
|
+
var $;
|
|
3282
3282
|
return /* @__PURE__ */ i("div", { id: s + "id", className: J.radioButtonContainer, children: /* @__PURE__ */ p("div", { className: J.wholeInputContainer, children: [
|
|
3283
3283
|
o && /* @__PURE__ */ i("div", { className: J.questionContainer, children: /* @__PURE__ */ p(
|
|
3284
3284
|
"h3",
|
|
@@ -3291,7 +3291,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3291
3291
|
t && /* @__PURE__ */ i(
|
|
3292
3292
|
"label",
|
|
3293
3293
|
{
|
|
3294
|
-
style: { color:
|
|
3294
|
+
style: { color: w.error ? a : "" },
|
|
3295
3295
|
children: "*"
|
|
3296
3296
|
}
|
|
3297
3297
|
)
|
|
@@ -3301,41 +3301,41 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3301
3301
|
/* @__PURE__ */ p("div", { className: J.inputContainer, children: [
|
|
3302
3302
|
l.map(
|
|
3303
3303
|
({
|
|
3304
|
-
label:
|
|
3305
|
-
value:
|
|
3306
|
-
disabled:
|
|
3307
|
-
italicLabel:
|
|
3308
|
-
},
|
|
3309
|
-
const
|
|
3304
|
+
label: B,
|
|
3305
|
+
value: D,
|
|
3306
|
+
disabled: q = !1,
|
|
3307
|
+
italicLabel: de
|
|
3308
|
+
}, I) => {
|
|
3309
|
+
const P = N && c ? N.isArray && (N == null ? void 0 : N.length) > 0 && N.some((j) => j === D) : N === D;
|
|
3310
3310
|
return /* @__PURE__ */ p("label", { children: [
|
|
3311
3311
|
/* @__PURE__ */ i(
|
|
3312
3312
|
"input",
|
|
3313
3313
|
{
|
|
3314
3314
|
type: "radio",
|
|
3315
|
-
checked:
|
|
3315
|
+
checked: P,
|
|
3316
3316
|
onChange: () => {
|
|
3317
|
-
c ?
|
|
3318
|
-
actualValue:
|
|
3317
|
+
c ? P ? y({
|
|
3318
|
+
actualValue: N,
|
|
3319
3319
|
options: l,
|
|
3320
3320
|
onChange: b
|
|
3321
|
-
}) :
|
|
3322
|
-
actualValue:
|
|
3321
|
+
}) : h({
|
|
3322
|
+
actualValue: N,
|
|
3323
3323
|
options: l,
|
|
3324
3324
|
onChange: b
|
|
3325
|
-
}) : b(
|
|
3325
|
+
}) : b(D);
|
|
3326
3326
|
},
|
|
3327
3327
|
className: J.radioInput
|
|
3328
3328
|
}
|
|
3329
3329
|
),
|
|
3330
3330
|
/* @__PURE__ */ i("span", { className: "radio-custom" }),
|
|
3331
|
-
u(
|
|
3332
|
-
] }, `inputRadio ${
|
|
3331
|
+
u(B)
|
|
3332
|
+
] }, `inputRadio ${I}`);
|
|
3333
3333
|
}
|
|
3334
3334
|
),
|
|
3335
3335
|
/* @__PURE__ */ i(
|
|
3336
3336
|
fe,
|
|
3337
3337
|
{
|
|
3338
|
-
errorMessage: (
|
|
3338
|
+
errorMessage: ($ = w.error) == null ? void 0 : $.message,
|
|
3339
3339
|
errorColor: a
|
|
3340
3340
|
}
|
|
3341
3341
|
)
|
|
@@ -3364,32 +3364,33 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3364
3364
|
thumbColor: l = "#B32F5D",
|
|
3365
3365
|
trackColors: c = ["#B32F5D", "#EFEFEF"],
|
|
3366
3366
|
required: u,
|
|
3367
|
-
errorColor:
|
|
3367
|
+
errorColor: g = "red",
|
|
3368
3368
|
labelWidth: C = "300px",
|
|
3369
3369
|
sliderWidth: _ = "250px",
|
|
3370
3370
|
minText: y,
|
|
3371
|
-
maxText:
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
|
-
|
|
3375
|
-
|
|
3371
|
+
maxText: h,
|
|
3372
|
+
disabled: f = !1
|
|
3373
|
+
} = n, { t: m } = k(), { control: b, trigger: v, clearErrors: N } = d || {}, x = ne(u), w = Array.from({ length: r - t + 1 }, (D, q) => t + q), [$, B] = L(a);
|
|
3374
|
+
return M(() => {
|
|
3375
|
+
d && x.current !== u && (u ? v(s) : N(s), x.current = u);
|
|
3376
|
+
}, [u, s, v, N, d]), d ? /* @__PURE__ */ i(
|
|
3376
3377
|
Ne,
|
|
3377
3378
|
{
|
|
3378
3379
|
name: s,
|
|
3379
|
-
control:
|
|
3380
|
+
control: b,
|
|
3380
3381
|
defaultValue: a,
|
|
3381
3382
|
rules: {
|
|
3382
|
-
required: u ? `${
|
|
3383
|
+
required: u ? `${m(o)} ${m("errorMessages.required")}` : !1
|
|
3383
3384
|
},
|
|
3384
|
-
render: ({ field:
|
|
3385
|
-
var
|
|
3385
|
+
render: ({ field: D, fieldState: q }) => {
|
|
3386
|
+
var de;
|
|
3386
3387
|
return /* @__PURE__ */ p(
|
|
3387
3388
|
"div",
|
|
3388
3389
|
{
|
|
3389
3390
|
className: S.rankingSliderContainer,
|
|
3390
3391
|
style: { gridTemplateColumns: `${C} ${_}` },
|
|
3391
3392
|
children: [
|
|
3392
|
-
/* @__PURE__ */ i("p", { className: S.labelContainer, children:
|
|
3393
|
+
o && /* @__PURE__ */ i("p", { className: S.labelContainer, children: m(o) }),
|
|
3393
3394
|
/* @__PURE__ */ p("div", { className: S.inputContainer, children: [
|
|
3394
3395
|
/* @__PURE__ */ i(
|
|
3395
3396
|
qe,
|
|
@@ -3397,38 +3398,39 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3397
3398
|
min: t,
|
|
3398
3399
|
max: r,
|
|
3399
3400
|
step: 1,
|
|
3400
|
-
value:
|
|
3401
|
-
onChange: (I) =>
|
|
3401
|
+
value: D.value ?? a,
|
|
3402
|
+
onChange: (I) => D.onChange(I),
|
|
3402
3403
|
marks: !0,
|
|
3403
3404
|
className: S.slider,
|
|
3404
3405
|
thumbClassName: S.thumb,
|
|
3405
3406
|
renderThumb: (I) => /* @__PURE__ */ i("div", { ...I, style: { ...I.style, backgroundColor: l } }),
|
|
3406
|
-
renderTrack: (I,
|
|
3407
|
+
renderTrack: (I, P) => /* @__PURE__ */ i(
|
|
3407
3408
|
"div",
|
|
3408
3409
|
{
|
|
3409
3410
|
...I,
|
|
3410
|
-
className: `${I.className || ""} ${
|
|
3411
|
+
className: `${I.className || ""} ${P.index === 0 ? S.trackLeft : S.trackRight}`,
|
|
3411
3412
|
style: {
|
|
3412
3413
|
...I.style,
|
|
3413
|
-
backgroundColor: c[
|
|
3414
|
+
backgroundColor: c[P.index] || "#000"
|
|
3414
3415
|
}
|
|
3415
3416
|
}
|
|
3416
3417
|
),
|
|
3417
3418
|
trackClassName: S.track,
|
|
3418
|
-
markClassName: S.mark
|
|
3419
|
+
markClassName: S.mark,
|
|
3420
|
+
disabled: f
|
|
3419
3421
|
}
|
|
3420
3422
|
),
|
|
3421
|
-
/* @__PURE__ */ i("div", { className: S.labels, children:
|
|
3423
|
+
/* @__PURE__ */ i("div", { className: S.labels, children: w.map((I) => /* @__PURE__ */ i("span", { children: I }, I)) }),
|
|
3422
3424
|
/* @__PURE__ */ p("div", { className: S.labels, children: [
|
|
3423
|
-
/* @__PURE__ */ i("span", { className: S.labelsText, children:
|
|
3424
|
-
/* @__PURE__ */ i("span", { className: S.labelsText, children:
|
|
3425
|
+
/* @__PURE__ */ i("span", { className: S.labelsText, children: m(y) }),
|
|
3426
|
+
/* @__PURE__ */ i("span", { className: S.labelsText, children: m(h) })
|
|
3425
3427
|
] })
|
|
3426
3428
|
] }),
|
|
3427
3429
|
/* @__PURE__ */ i(
|
|
3428
3430
|
fe,
|
|
3429
3431
|
{
|
|
3430
|
-
errorMessage: (
|
|
3431
|
-
errorColor:
|
|
3432
|
+
errorMessage: (de = q.error) == null ? void 0 : de.message,
|
|
3433
|
+
errorColor: g
|
|
3432
3434
|
}
|
|
3433
3435
|
)
|
|
3434
3436
|
]
|
|
@@ -3442,7 +3444,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3442
3444
|
className: S.rankingSliderContainer,
|
|
3443
3445
|
style: { gridTemplateColumns: `${C} ${_}` },
|
|
3444
3446
|
children: [
|
|
3445
|
-
/* @__PURE__ */ i("p", { className: S.labelContainer, children:
|
|
3447
|
+
o && /* @__PURE__ */ i("p", { className: S.labelContainer, children: m(o) }),
|
|
3446
3448
|
/* @__PURE__ */ p("div", { className: S.inputContainer, children: [
|
|
3447
3449
|
/* @__PURE__ */ i(
|
|
3448
3450
|
qe,
|
|
@@ -3450,20 +3452,20 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3450
3452
|
min: t,
|
|
3451
3453
|
max: r,
|
|
3452
3454
|
step: 1,
|
|
3453
|
-
value:
|
|
3454
|
-
onChange: (
|
|
3455
|
+
value: $,
|
|
3456
|
+
onChange: (D) => B(D),
|
|
3455
3457
|
marks: !0,
|
|
3456
3458
|
className: S.slider,
|
|
3457
3459
|
thumbClassName: S.thumb,
|
|
3458
|
-
renderThumb: (
|
|
3459
|
-
renderTrack: (
|
|
3460
|
+
renderThumb: (D) => /* @__PURE__ */ i("div", { ...D, style: { ...D.style, backgroundColor: l } }),
|
|
3461
|
+
renderTrack: (D, q) => /* @__PURE__ */ i(
|
|
3460
3462
|
"div",
|
|
3461
3463
|
{
|
|
3462
|
-
...
|
|
3463
|
-
className: `${
|
|
3464
|
+
...D,
|
|
3465
|
+
className: `${D.className || ""} ${q.index === 0 ? S.trackLeft : S.trackRight}`,
|
|
3464
3466
|
style: {
|
|
3465
|
-
...
|
|
3466
|
-
backgroundColor: c[
|
|
3467
|
+
...D.style,
|
|
3468
|
+
backgroundColor: c[q.index] || "#000"
|
|
3467
3469
|
}
|
|
3468
3470
|
}
|
|
3469
3471
|
),
|
|
@@ -3471,10 +3473,10 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
|
|
|
3471
3473
|
markClassName: S.mark
|
|
3472
3474
|
}
|
|
3473
3475
|
),
|
|
3474
|
-
/* @__PURE__ */ i("div", { className: S.labels, children:
|
|
3476
|
+
/* @__PURE__ */ i("div", { className: S.labels, children: w.map((D) => /* @__PURE__ */ i("span", { children: D }, D)) }),
|
|
3475
3477
|
/* @__PURE__ */ p("div", { className: S.labels, children: [
|
|
3476
|
-
/* @__PURE__ */ i("span", { className: S.labelsText, children:
|
|
3477
|
-
/* @__PURE__ */ i("span", { className: S.labelsText, children:
|
|
3478
|
+
/* @__PURE__ */ i("span", { className: S.labelsText, children: m(y) }),
|
|
3479
|
+
/* @__PURE__ */ i("span", { className: S.labelsText, children: m(h) })
|
|
3478
3480
|
] })
|
|
3479
3481
|
] })
|
|
3480
3482
|
]
|
|
@@ -3511,14 +3513,14 @@ const Ve = ({
|
|
|
3511
3513
|
required: l
|
|
3512
3514
|
};
|
|
3513
3515
|
}), [n, t]);
|
|
3514
|
-
return /* @__PURE__ */ i("div", { className:
|
|
3516
|
+
return /* @__PURE__ */ i("div", { className: ae.inputsContainer, children: r == null ? void 0 : r.map((a, l) => {
|
|
3515
3517
|
const { inputType: c } = a;
|
|
3516
3518
|
switch (c) {
|
|
3517
3519
|
case me.text:
|
|
3518
3520
|
return /* @__PURE__ */ i(
|
|
3519
3521
|
"div",
|
|
3520
3522
|
{
|
|
3521
|
-
className:
|
|
3523
|
+
className: ae.inputContainer,
|
|
3522
3524
|
style: { ...d },
|
|
3523
3525
|
children: /* @__PURE__ */ i(
|
|
3524
3526
|
rt,
|
|
@@ -3534,7 +3536,7 @@ const Ve = ({
|
|
|
3534
3536
|
return /* @__PURE__ */ i(
|
|
3535
3537
|
"div",
|
|
3536
3538
|
{
|
|
3537
|
-
className:
|
|
3539
|
+
className: ae.inputContainer,
|
|
3538
3540
|
style: { ...d },
|
|
3539
3541
|
children: /* @__PURE__ */ i(
|
|
3540
3542
|
rt,
|
|
@@ -3550,7 +3552,7 @@ const Ve = ({
|
|
|
3550
3552
|
return /* @__PURE__ */ i(
|
|
3551
3553
|
"div",
|
|
3552
3554
|
{
|
|
3553
|
-
className:
|
|
3555
|
+
className: ae.inputContainer,
|
|
3554
3556
|
style: { ...d },
|
|
3555
3557
|
children: /* @__PURE__ */ i(
|
|
3556
3558
|
Di,
|
|
@@ -3566,7 +3568,7 @@ const Ve = ({
|
|
|
3566
3568
|
return /* @__PURE__ */ i(
|
|
3567
3569
|
"div",
|
|
3568
3570
|
{
|
|
3569
|
-
className:
|
|
3571
|
+
className: ae.inputContainer,
|
|
3570
3572
|
style: { ...d },
|
|
3571
3573
|
children: /* @__PURE__ */ i(
|
|
3572
3574
|
Ii,
|
|
@@ -3582,7 +3584,7 @@ const Ve = ({
|
|
|
3582
3584
|
return /* @__PURE__ */ i(
|
|
3583
3585
|
"div",
|
|
3584
3586
|
{
|
|
3585
|
-
className:
|
|
3587
|
+
className: ae.inputContainer,
|
|
3586
3588
|
style: { ...d },
|
|
3587
3589
|
children: /* @__PURE__ */ i(
|
|
3588
3590
|
kt,
|
|
@@ -3612,31 +3614,31 @@ const Ve = ({
|
|
|
3612
3614
|
submitButtonStyles: l = { width: 325 },
|
|
3613
3615
|
activeCategory: c = null,
|
|
3614
3616
|
// If provided, only the category with this categoryId will be displayed.
|
|
3615
|
-
onSubmit: u = (
|
|
3617
|
+
onSubmit: u = (g) => console.log("Form submitted with data: ", g)
|
|
3616
3618
|
}) => {
|
|
3617
3619
|
const {
|
|
3618
|
-
handleSubmit:
|
|
3620
|
+
handleSubmit: g,
|
|
3619
3621
|
control: C,
|
|
3620
3622
|
formState: { errors: _ }
|
|
3621
|
-
} = n, { t: y } =
|
|
3622
|
-
return /* @__PURE__ */ p("form", { className: Fe.formContainer, onSubmit:
|
|
3623
|
-
/* @__PURE__ */ i("div", { className: Fe.formObjectContainer, children: d && d.map((
|
|
3624
|
-
const { inputs:
|
|
3625
|
-
return
|
|
3623
|
+
} = n, { t: y } = k();
|
|
3624
|
+
return /* @__PURE__ */ p("form", { className: Fe.formContainer, onSubmit: g(u), children: [
|
|
3625
|
+
/* @__PURE__ */ i("div", { className: Fe.formObjectContainer, children: d && d.map((h, f) => {
|
|
3626
|
+
const { inputs: m } = h;
|
|
3627
|
+
return h.category ? s ? /* @__PURE__ */ i(
|
|
3626
3628
|
"div",
|
|
3627
3629
|
{
|
|
3628
3630
|
style: {
|
|
3629
|
-
display: c &&
|
|
3631
|
+
display: c && h.categoryId !== c ? "none" : "inherit",
|
|
3630
3632
|
width: "100%"
|
|
3631
3633
|
},
|
|
3632
3634
|
children: /* @__PURE__ */ i(
|
|
3633
3635
|
s,
|
|
3634
3636
|
{
|
|
3635
|
-
title:
|
|
3637
|
+
title: h.category,
|
|
3636
3638
|
children: /* @__PURE__ */ i(
|
|
3637
3639
|
Ve,
|
|
3638
3640
|
{
|
|
3639
|
-
inputs:
|
|
3641
|
+
inputs: m,
|
|
3640
3642
|
control: C,
|
|
3641
3643
|
inputContainerStyles: o,
|
|
3642
3644
|
errorColor: r,
|
|
@@ -3644,7 +3646,7 @@ const Ve = ({
|
|
|
3644
3646
|
}
|
|
3645
3647
|
)
|
|
3646
3648
|
},
|
|
3647
|
-
`${
|
|
3649
|
+
`${h.category}${f}`
|
|
3648
3650
|
)
|
|
3649
3651
|
}
|
|
3650
3652
|
) : /* @__PURE__ */ p(
|
|
@@ -3652,15 +3654,15 @@ const Ve = ({
|
|
|
3652
3654
|
{
|
|
3653
3655
|
style: {
|
|
3654
3656
|
width: "100%",
|
|
3655
|
-
display: c &&
|
|
3657
|
+
display: c && h.categoryId !== c ? "none" : "flex",
|
|
3656
3658
|
flexDirection: "column"
|
|
3657
3659
|
},
|
|
3658
3660
|
children: [
|
|
3659
|
-
/* @__PURE__ */ i("h2", { style: { marginBottom: 20 }, children: y(
|
|
3661
|
+
/* @__PURE__ */ i("h2", { style: { marginBottom: 20 }, children: y(h.category) }),
|
|
3660
3662
|
/* @__PURE__ */ i("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ i(
|
|
3661
3663
|
Ve,
|
|
3662
3664
|
{
|
|
3663
|
-
inputs:
|
|
3665
|
+
inputs: m,
|
|
3664
3666
|
control: C,
|
|
3665
3667
|
inputContainerStyles: o,
|
|
3666
3668
|
errorColor: r,
|
|
@@ -3669,17 +3671,17 @@ const Ve = ({
|
|
|
3669
3671
|
) })
|
|
3670
3672
|
]
|
|
3671
3673
|
},
|
|
3672
|
-
`${
|
|
3674
|
+
`${h.category}${f}`
|
|
3673
3675
|
) : /* @__PURE__ */ i("div", { style: { width: "100%" }, children: /* @__PURE__ */ i(
|
|
3674
3676
|
Ve,
|
|
3675
3677
|
{
|
|
3676
3678
|
inputContainerStyles: o,
|
|
3677
|
-
inputs:
|
|
3679
|
+
inputs: m,
|
|
3678
3680
|
control: C,
|
|
3679
3681
|
errorColor: r,
|
|
3680
3682
|
reactHookFormInstance: n
|
|
3681
3683
|
}
|
|
3682
|
-
) }, `inputKey${
|
|
3684
|
+
) }, `inputKey${f}`);
|
|
3683
3685
|
}) }),
|
|
3684
3686
|
/* @__PURE__ */ p("div", { className: Fe.buttonContainer, children: [
|
|
3685
3687
|
/* @__PURE__ */ i(we, { containerStyles: l, type: "submit", children: y(a) }),
|
|
@@ -3801,7 +3803,7 @@ const ms = "_buttonsContainer_1c7dw_2", hs = "_button_1c7dw_2", gs = "_active_1c
|
|
|
3801
3803
|
}, Cs = ({
|
|
3802
3804
|
buttons: n = []
|
|
3803
3805
|
}) => {
|
|
3804
|
-
const { t: d } =
|
|
3806
|
+
const { t: d } = k();
|
|
3805
3807
|
return /* @__PURE__ */ i("div", { className: `${ve.buttonsContainer}`, children: n.map((s, o) => {
|
|
3806
3808
|
const {
|
|
3807
3809
|
isActive: t,
|