@tmf_ciclica/ciclicastorybook 1.2.5 → 1.2.7
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 +1135 -1084
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
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}._indicatorsCategory_11gdl_2{overflow:hidden;min-height:50px}._indicatorsCategory_11gdl_2 ._title_11gdl_6{align-items:center;gap:10px;cursor:pointer;display:grid;height:50px;grid-template-columns:12px auto}._indicatorsCategory_11gdl_2 ._title_11gdl_6._mainTitle_11gdl_14{border-bottom:1px solid;height:70px}._indicatorsCategory_11gdl_2 ._list_11gdl_18{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._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}._GeographicalFilters_cn837_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._GeographicalFilters_cn837_2 ._AppliedFilterContent_cn837_10{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:row;align-items:center;font-size:16px;font-weight:400;height:35px;width:fit-content;padding:20px;border-radius:100px}._layersList_cn837_25{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;flex-direction:column;align-items:flex-start}._layerName_cn837_34{padding-left:25px;cursor:pointer}._checkboxContainer_1nxra_2{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_1nxra_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_4u41i_2,._container_4u41i_2 span{font-size:14px}._container_4u41i_2 ._unitLabel_4u41i_8{height:40px}._container_4u41i_2 ._slider_4u41i_11{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_4u41i_2 ._thumb_4u41i_17{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_4u41i_2 ._track_4u41i_26{top:0;bottom:0;background:#605b56;border-radius:3px}._container_4u41i_2 ._labels_4u41i_32{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_bp6cj_2{width:100%;height:100%;padding-left:24px;position:relative;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:start;gap:20px}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitTitle_bp6cj_23{font-size:18px;font-weight:600;border-bottom:1.5px solid #605B56;width:100%;height:70px;display:flex;align-items:center}._FiltersAmbitContainer_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitDescription_bp6cj_32{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_bp6cj_2 ._FiltersAmbitHeader_bp6cj_15 ._FiltersAmbitDescription_bp6cj_32 ._FiltersAmbitDescriptionTitle_bp6cj_43{font-size:18px;font-weight:600}._FiltersAmbitContainer_bp6cj_2 ._warning_bp6cj_47{color:red}._FiltersAmbitContainer_bp6cj_2 ._buttonContainer_bp6cj_50{width:100%;margin-left:-24px;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:column;align-items:center;margin-bottom:20px;height:60px}._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_arwy3_2{overflow:hidden}._indicatorsCategory_arwy3_2 ._title_arwy3_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px;display:grid;grid-template-columns:12px auto}._indicatorsCategory_arwy3_2 ._list_arwy3_13{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_17b40_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_17b40_2 ._indicatorNameContainer_17b40_11{gap:8px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_17b40_2 ._dot_17b40_17{border-radius:100px;width:13px;height:13px;display:flex;align-items:center;justify-content:center}._indicatorContainer_17b40_2 ._indicatorName_17b40_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_17b40_31{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start}._switchExternalContainer_17b40_31 ._switchType_17b40_39{margin:0;width:100%}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:9px;cursor:pointer}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54 ._customRadious_17b40_64{width:13px;height:13px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_17b40_31 ._switchType_17b40_39 ._switchTypeOptions_17b40_43 ._optionContainer_17b40_54 ._optionText_17b40_71{font-weight:400}._indicatorsSubCategory_1nuug_2{overflow:hidden}._indicatorsSubCategory_1nuug_2 h3{text-align:left;display:grid;gap:10px;grid-template-columns:12px auto}._indicatorsSubCategory_1nuug_2 ._list_1nuug_11{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_13b3m_2{width:100%;padding-left:30px}._indicatorsList_13b3m_2 ._title_13b3m_6{border-bottom:1px solid;height:70px;display:flex;align-items:center;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_1prh1_2{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}._slider_1prh1_2 ._playButton_1prh1_14,._slider_1prh1_2 ._playButton_1prh1_14._hover_1prh1_17{background-color:transparent!important}._slider_1prh1_2 ._playButton_1prh1_14 img{height:30px;width:30px}._sliderOpen_1prh1_25{right:490px}._sliderResults_1prh1_29{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_1prh1_29 ._playButton_1prh1_14,._sliderResults_1prh1_29 ._playButton_1prh1_14._hover_1prh1_17{background-color:transparent!important}._sliderResults_1prh1_29 ._playButton_1prh1_14 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_1ox68_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;padding-left:24px;min-height:100%;flex:1}._elementSelector_1ox68_2 ._header_1ox68_14{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;height:70px}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24{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_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementName_1ox68_40{font-size:18px;font-weight:600;flex:1}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementName_1ox68_40 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementDate_1ox68_54{font-size:18px;font-weight:600;flex:.5}._elementSelector_1ox68_2 ._header_1ox68_14 ._nameDateContainer_1ox68_24 ._elementDate_1ox68_54 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1ox68_2 ._header_1ox68_14 ._buttonsContainer_1ox68_68{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_1ox68_2 ._elementListContainer_1ox68_77{flex:1;width:100%}._elementSelector_1ox68_2 ._newElementButtonContainer_1ox68_81{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px;padding-top:50px}._listElement_1evjl_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;padding-right:15px}._listElement_1evjl_2 ._elementNameDate_1evjl_18{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementNameContainer_1evjl_28{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementName_1evjl_18{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1evjl_2 ._elementNameDate_1evjl_18 ._elementDate_1evjl_43{flex:.5}._listElement_1evjl_2 ._elementButtons_1evjl_46{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1evjl_2 ._elementButtons_1evjl_46 button:disabled{opacity:.5;cursor:default}._listElement_1evjl_2 ._elementButtons_1evjl_46 img{display:inline}._break_1evjl_64{flex-basis:100%;height:0}._moreInfoContainer_1evjl_69 ._moreInfo_1evjl_69{display:flex;gap:5px;cursor:pointer}._formContainer_asv64_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:flex-start;flex-direction:column}._formContainer_asv64_2 ._categorySelectorContainer_asv64_11{margin-bottom:5px;width:100%}._formContainer_asv64_2 ._formObjectContainer_asv64_15{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:center;flex:1;width:100%;gap:80px}._formContainer_asv64_2 ._buttonContainer_asv64_26{width:100%;margin-top:30px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;gap:20px}._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}._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_1lekm_2{display:grid;width:100%}._rankingSliderContainer_1lekm_2 ._labelContainer_1lekm_6{margin-bottom:25px;color:#605b56}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10{width:100%;position:relative;display:flex;gap:14px;align-items:center;flex-wrap:nowrap;justify-content:center;height:48px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._slider_1lekm_20{height:3px;background:#efefef;border-radius:3px;position:relative;min-width:250px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._thumb_1lekm_27{height:15px;width:15px;border-radius:50%;cursor:grab;top:-100%;transform:translateY(-20%);outline:none}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#444}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 span{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:10px;height:20px;position:relative}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 span:before{content:"";background:#efefef;width:10px;height:10px;position:absolute;top:-14.5px;border-radius:50%}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._labels_1lekm_37 ._labelsText_1lekm_64{color:#605b56}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._minLabel_1lekm_67,._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._maxLabel_1lekm_67{align-self:baseline;padding-top:10px;color:#605b56;font-size:12px;white-space:nowrap;margin-top:-7px}._rankingSliderContainer_1lekm_2 ._inputContainer_1lekm_10 ._minLabel_1lekm_67{text-align:right}._categorySelector_1t164_2{min-height:50px;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:10px;background-color:#efefef;border-radius:10px;padding:5px}._categorySelector_1t164_2 ._sectionItemActive_1t164_16{color:#fff}._categorySelector_1t164_2 ._sectionItem_1t164_16{border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;padding:5px;min-width:120px;height:100%}._overlay_mnd4j_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}._modal_mnd4j_15{background:#fff;border-radius:12px;position:relative;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003;overflow:hidden;min-width:300px}._closeButton_mnd4j_29{position:absolute;top:3px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer}._icon_mnd4j_39{width:60px;height:60px;margin-bottom:16px}._message_mnd4j_45{font-size:18px;font-weight:700;margin-bottom:8px}._submessage_mnd4j_51{font-size:14px;color:#666;margin-bottom:20px}._buttonsContainer_mnd4j_57{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}._buttonWrapper_mnd4j_64{display:inline-flex}._stepsContainer_1cyua_3{display:flex;flex-direction:column;position:relative}._stepWrapper_1cyua_9{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}._stepWrapper_1cyua_9:last-child{margin-bottom:0}._circleContainer_1cyua_19{position:relative}._circle_1cyua_19{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1}._active_1cyua_39{color:#fff;border:none}._completed_1cyua_44{background-color:#ccc;color:#fff;border:none}._label_1cyua_50{margin-left:10px;font-size:14px;color:#aaa}._labelActive_1cyua_56{font-weight:700;color:#333}._connector_1cyua_61{position:absolute;left:50%;transform:translate(-50%);top:32px;width:1px;height:calc(100% - 10px);background-color:#ccc;z-index:0}._statusTextContainer_ch14r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:128px;height:31px;border-radius:200px}._statusTextContainer_ch14r_2 span{font-size:16px;color:#605b56}._buttonsContainer_1c7dw_2{padding:5px 7px;background-color:#efefef;border-radius:10px;display:flex;gap:8px}._buttonsContainer_1c7dw_2 ._button_1c7dw_2{border-radius:10px;display:flex;align-items:center;cursor:pointer;padding:4px;color:#605b56}._buttonsContainer_1c7dw_2 ._button_1c7dw_2:hover{opacity:.8}._buttonsContainer_1c7dw_2 ._button_1c7dw_2._active_1c7dw_20{background:#b32f5d;color:#efefef}._switchContainer_194wl_2{display:flex;align-items:center;gap:10px;font-size:12px;justify-content:center}._switchContainer_194wl_2 ._labelRight_194wl_9,._switchContainer_194wl_2 ._labelLeft_194wl_9{white-space:nowrap;color:#605b56}._switchContainer_194wl_2 ._labelLeft_194wl_9{text-align:right}._switch_194wl_2{position:relative;display:inline-block;width:44px;height:24px}._switch_194wl_2 input{opacity:0;width:0;height:0}._switch_194wl_2 ._slider_194wl_28{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border-radius:24px;transition:background-color .3s;border:2px solid #605b56}._switch_194wl_2 ._slider_194wl_28:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2.5px;background-color:var(--switch-thumb-color, #ccc);border-radius:50%;transition:transform .3s,background-color .3s}._switch_194wl_2 input:checked+._slider_194wl_28:before{transform:translate(20px)}._switch_194wl_2._disabled_194wl_54{opacity:.5;pointer-events:none}._overlay_1xyw2_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}._popup_1xyw2_15{background:#fff;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #0003}._gif_1xyw2_25{width:120px;height:auto;margin-bottom:1rem}._message_1xyw2_31{font-size:1.1rem;text-align:center}._container_gnwec_2{position:relative}._burger_gnwec_6{position:fixed;top:1rem;right:1rem;width:32px;height:32px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;z-index:1000}._burger_gnwec_6 span{display:block;height:4px;border-radius:2px;transition:.3s ease}._open_gnwec_29 span:nth-child(1){transform:translateY(18px) rotate(45deg)}._open_gnwec_29 span:nth-child(2){opacity:0}._open_gnwec_29 span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}._menu_gnwec_41{position:fixed;top:0;right:0;width:250px;height:100vh;padding:1.5rem;display:flex;flex-direction:column;box-shadow:-2px 0 8px #00000026;animation:_slideIn_gnwec_1 .3s ease forwards;z-index:999}@keyframes _slideIn_gnwec_1{0%{transform:translate(100%)}to{transform:translate(0)}}._close_gnwec_63{align-self:flex-end;background:none;border:none;font-size:24px;cursor:pointer}._list_gnwec_71{list-style:none;padding:0;margin-top:50px;display:flex;flex-direction:column;gap:1rem}._link_gnwec_80,._button_gnwec_81{text-decoration:none;color:inherit;font-size:18px;border:none;background:none;cursor:pointer}._active_gnwec_90{font-weight:700;border-bottom:3px solid}._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_1kaqu_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_1kaqu_16{border-left:1px solid #ddd}._content_1kaqu_20{position:relative;height:100%}._closeButton_1kaqu_25{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease;z-index:10}._closeButton_1kaqu_25:hover{color:#000}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as p, jsx as n, Fragment as Ee } from "react/jsx-runtime";
|
|
3
3
|
import * as me from "react";
|
|
4
4
|
import V, { useState as D, useEffect as F, useMemo as he, useLayoutEffect as Et, useRef as ae } from "react";
|
|
5
5
|
import e from "prop-types";
|
|
6
|
-
import { useTranslation as
|
|
6
|
+
import { useTranslation as L, Trans as We } from "react-i18next";
|
|
7
7
|
import { motion as Ge } from "framer-motion";
|
|
8
8
|
import { create as Ct } from "zustand";
|
|
9
9
|
import * as Ae from "d3";
|
|
10
10
|
import jt from "mapbox-gl";
|
|
11
|
-
import { useSelector as
|
|
12
|
-
import
|
|
11
|
+
import { useSelector as Zt } from "react-redux";
|
|
12
|
+
import zt, { Source as Ht, Layer as Kt, NavigationControl as Ut, Popup as Wt } from "react-map-gl/mapbox";
|
|
13
13
|
import Ie from "maplibre-gl";
|
|
14
14
|
import { Protocol as Gt } from "pmtiles";
|
|
15
|
-
import Yt, { Source as
|
|
15
|
+
import Yt, { Source as Xt, Layer as Qt, NavigationControl as Jt, Popup as e2 } from "react-map-gl/maplibre";
|
|
16
16
|
import { createSlice as t2 } from "@reduxjs/toolkit";
|
|
17
17
|
import n2 from "@mui/material/Slider";
|
|
18
18
|
import { createTheme as i2, Box as s2 } from "@mui/material";
|
|
19
19
|
import { ThemeProvider as o2 } from "@emotion/react";
|
|
20
20
|
import { NavLink as ft } from "react-router-dom";
|
|
21
|
-
const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateContainer_mcunf_23", c2 = "_ambitName_mcunf_39", d2 = "_ambitDate_mcunf_53", u2 = "_buttonsContainer_mcunf_67", p2 = "_ambitListContainer_mcunf_76", m2 = "_newAmbitButtonContainer_mcunf_80",
|
|
21
|
+
const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateContainer_mcunf_23", c2 = "_ambitName_mcunf_39", d2 = "_ambitDate_mcunf_53", u2 = "_buttonsContainer_mcunf_67", p2 = "_ambitListContainer_mcunf_76", m2 = "_newAmbitButtonContainer_mcunf_80", Y = {
|
|
22
22
|
ambitSelector: r2,
|
|
23
23
|
header: a2,
|
|
24
24
|
nameDateContainer: l2,
|
|
@@ -40,19 +40,19 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
|
|
|
40
40
|
onClickFilters: o,
|
|
41
41
|
onClickAmbit: t,
|
|
42
42
|
isActive: r,
|
|
43
|
-
activeColor:
|
|
43
|
+
activeColor: l,
|
|
44
44
|
fontColor: a,
|
|
45
|
-
moreInfo:
|
|
45
|
+
moreInfo: c
|
|
46
46
|
}) => {
|
|
47
47
|
const { name: u, created_at: h, id: g, isBeingProcessed: b } = i;
|
|
48
|
-
return /* @__PURE__ */
|
|
48
|
+
return /* @__PURE__ */ p(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: ge.ambitItem,
|
|
52
52
|
style: { borderBottom: `1px solid ${a}` },
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(g), children: [
|
|
55
|
+
/* @__PURE__ */ p("div", { className: ge.ambitName, children: [
|
|
56
56
|
/* @__PURE__ */ n(
|
|
57
57
|
"img",
|
|
58
58
|
{
|
|
@@ -60,11 +60,11 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
|
|
|
60
60
|
src: r ? x2 : N2
|
|
61
61
|
}
|
|
62
62
|
),
|
|
63
|
-
/* @__PURE__ */ n("span", { style: { color: r ?
|
|
63
|
+
/* @__PURE__ */ n("span", { style: { color: r ? l : a }, children: u })
|
|
64
64
|
] }),
|
|
65
65
|
/* @__PURE__ */ n("div", { className: ge.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
|
|
66
66
|
] }),
|
|
67
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ p("div", { className: ge.ambitButtons, children: [
|
|
68
68
|
b && /* @__PURE__ */ n("img", { src: w2 }),
|
|
69
69
|
/* @__PURE__ */ n("button", { onClick: () => o(g), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
|
|
70
70
|
/* @__PURE__ */ n("button", { onClick: () => d(g), children: /* @__PURE__ */ n("img", { src: _2 }) }),
|
|
@@ -101,7 +101,7 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
101
101
|
borderColor: o = "#605B56",
|
|
102
102
|
backgroundColor: t = "#fff",
|
|
103
103
|
type: r = "button",
|
|
104
|
-
containerStyles:
|
|
104
|
+
containerStyles: l = {},
|
|
105
105
|
disabled: a = !1
|
|
106
106
|
}) => /* @__PURE__ */ n(
|
|
107
107
|
"button",
|
|
@@ -111,7 +111,7 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
111
111
|
color: s,
|
|
112
112
|
border: `1.5px solid ${o}`,
|
|
113
113
|
background: t,
|
|
114
|
-
...
|
|
114
|
+
...l
|
|
115
115
|
},
|
|
116
116
|
onClick: d,
|
|
117
117
|
type: r,
|
|
@@ -125,72 +125,72 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
125
125
|
activeColor: o,
|
|
126
126
|
nameLabel: t,
|
|
127
127
|
dateLabel: r,
|
|
128
|
-
newAmbitLabel:
|
|
128
|
+
newAmbitLabel: l = "New field",
|
|
129
129
|
buttonContainerStyles: a = {},
|
|
130
|
-
containerStyles:
|
|
130
|
+
containerStyles: c = {},
|
|
131
131
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
132
132
|
onClickCopy: h = (v) => console.log(`Copy ambit: ${v}`),
|
|
133
133
|
onCLickDelete: g = (v) => console.log(`Delete ambit: ${v}`),
|
|
134
134
|
onClickFilters: b = (v) => console.log(`Filters clicked: ${v}`),
|
|
135
|
-
onClickAmbit:
|
|
135
|
+
onClickAmbit: C = (v) => console.log(`OnCLickAmbit: ${v}`)
|
|
136
136
|
}) => {
|
|
137
|
-
const { t: v } =
|
|
137
|
+
const { t: v } = L(), [y, _] = D(i);
|
|
138
138
|
F(() => {
|
|
139
|
-
i &&
|
|
139
|
+
i && _(i);
|
|
140
140
|
}, [i]);
|
|
141
|
-
const
|
|
142
|
-
if (
|
|
143
|
-
let x = [...
|
|
144
|
-
x.sort((w, N) => w[
|
|
141
|
+
const m = (f) => {
|
|
142
|
+
if (y && y.length > 0) {
|
|
143
|
+
let x = [...y];
|
|
144
|
+
x.sort((w, N) => w[f].localeCompare(N[f])), _(x);
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
|
-
return /* @__PURE__ */
|
|
147
|
+
return /* @__PURE__ */ p(
|
|
148
148
|
"div",
|
|
149
149
|
{
|
|
150
|
-
className:
|
|
151
|
-
style: { color: s, ...
|
|
150
|
+
className: Y.ambitSelector,
|
|
151
|
+
style: { color: s, ...c },
|
|
152
152
|
children: [
|
|
153
|
-
/* @__PURE__ */
|
|
153
|
+
/* @__PURE__ */ p(
|
|
154
154
|
"div",
|
|
155
155
|
{
|
|
156
|
-
className:
|
|
156
|
+
className: Y.header,
|
|
157
157
|
style: { borderBottom: `1px solid ${s}` },
|
|
158
158
|
children: [
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
/* @__PURE__ */ n("div", { className:
|
|
159
|
+
/* @__PURE__ */ p("div", { className: Y.nameDateContainer, children: [
|
|
160
|
+
/* @__PURE__ */ n("div", { className: Y.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
|
|
161
161
|
/* @__PURE__ */ n("span", { children: v(t) }),
|
|
162
162
|
/* @__PURE__ */ n("img", { src: Je })
|
|
163
163
|
] }) }),
|
|
164
|
-
/* @__PURE__ */ n("div", { className:
|
|
164
|
+
/* @__PURE__ */ n("div", { className: Y.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
|
|
165
165
|
/* @__PURE__ */ n("span", { children: v(r) }),
|
|
166
166
|
/* @__PURE__ */ n("img", { src: Je })
|
|
167
167
|
] }) })
|
|
168
168
|
] }),
|
|
169
|
-
/* @__PURE__ */ n("div", { className:
|
|
169
|
+
/* @__PURE__ */ n("div", { className: Y.buttonsContainer })
|
|
170
170
|
]
|
|
171
171
|
}
|
|
172
172
|
),
|
|
173
|
-
/* @__PURE__ */ n("div", { className:
|
|
173
|
+
/* @__PURE__ */ n("div", { className: Y.ambitListContainer, children: y && y.length > 0 && y.map((f) => /* @__PURE__ */ n(
|
|
174
174
|
bt,
|
|
175
175
|
{
|
|
176
|
-
isActive: d ==
|
|
177
|
-
ambit:
|
|
176
|
+
isActive: d == f.id,
|
|
177
|
+
ambit: f,
|
|
178
178
|
fontColor: s,
|
|
179
179
|
activeColor: o,
|
|
180
180
|
onClickCopy: h,
|
|
181
181
|
onClickDelete: g,
|
|
182
182
|
onClickFilters: b,
|
|
183
|
-
onClickAmbit:
|
|
183
|
+
onClickAmbit: C
|
|
184
184
|
},
|
|
185
|
-
`ambitKey${
|
|
185
|
+
`ambitKey${f.id}`
|
|
186
186
|
)) }),
|
|
187
|
-
/* @__PURE__ */ n("div", { className:
|
|
187
|
+
/* @__PURE__ */ n("div", { className: Y.newAmbitButtonContainer, children: /* @__PURE__ */ n(
|
|
188
188
|
Fe,
|
|
189
189
|
{
|
|
190
190
|
style: { ...a },
|
|
191
191
|
onClick: u,
|
|
192
192
|
borderColor: "grey",
|
|
193
|
-
children: v(
|
|
193
|
+
children: v(l)
|
|
194
194
|
}
|
|
195
195
|
) })
|
|
196
196
|
]
|
|
@@ -219,10 +219,10 @@ $2.propTypes = {
|
|
|
219
219
|
containerStyles: e.object,
|
|
220
220
|
onCLickNewAmbit: e.func
|
|
221
221
|
};
|
|
222
|
-
const B2 = "_buttonsContainer_1ks7x_2",
|
|
222
|
+
const B2 = "_buttonsContainer_1ks7x_2", L2 = "_vertical_1ks7x_6", T2 = "_horizontal_1ks7x_9", M2 = "_button_1ks7x_2", V2 = "_active_1ks7x_25", D2 = "_buttonName_1ks7x_28", ee = {
|
|
223
223
|
buttonsContainer: B2,
|
|
224
|
-
vertical:
|
|
225
|
-
horizontal:
|
|
224
|
+
vertical: L2,
|
|
225
|
+
horizontal: T2,
|
|
226
226
|
button: M2,
|
|
227
227
|
active: V2,
|
|
228
228
|
buttonName: D2
|
|
@@ -232,7 +232,7 @@ const B2 = "_buttonsContainer_1ks7x_2", T2 = "_vertical_1ks7x_6", L2 = "_horizon
|
|
|
232
232
|
bottom: I2,
|
|
233
233
|
right: O2
|
|
234
234
|
}, re = ({ text: i, position: d, styleCustom: s = null }) => {
|
|
235
|
-
const { t: o } =
|
|
235
|
+
const { t: o } = L();
|
|
236
236
|
return /* @__PURE__ */ n("div", { className: `tooltip ${R2[d]}`, style: s, children: o(i) });
|
|
237
237
|
};
|
|
238
238
|
re.propTypes = {
|
|
@@ -248,38 +248,38 @@ const q2 = ({
|
|
|
248
248
|
useTooltip: t = !1,
|
|
249
249
|
tooltipPosition: r = "top"
|
|
250
250
|
}) => {
|
|
251
|
-
const { t:
|
|
251
|
+
const { t: l } = L();
|
|
252
252
|
return /* @__PURE__ */ n(
|
|
253
253
|
"div",
|
|
254
254
|
{
|
|
255
255
|
className: `${ee.buttonsContainer} ${d === "vertical" && ee.vertical}
|
|
256
256
|
${d === "horizontal" && ee.horizontal}`,
|
|
257
|
-
children: i.map((a,
|
|
257
|
+
children: i.map((a, c) => {
|
|
258
258
|
const {
|
|
259
259
|
icon: u,
|
|
260
260
|
activeIcon: h,
|
|
261
261
|
isActive: g,
|
|
262
262
|
name: b,
|
|
263
|
-
onClick:
|
|
263
|
+
onClick: C,
|
|
264
264
|
disabled: v
|
|
265
|
-
} = a,
|
|
266
|
-
s && o === "left" && /* @__PURE__ */ n("span", { className: ee.buttonName, children:
|
|
267
|
-
/* @__PURE__ */ n("img", { src: g ? h : u, alt:
|
|
268
|
-
s && o === "right" && /* @__PURE__ */ n("span", { className: ee.buttonName, children:
|
|
265
|
+
} = a, y = /* @__PURE__ */ p(Ee, { children: [
|
|
266
|
+
s && o === "left" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) }),
|
|
267
|
+
/* @__PURE__ */ n("img", { src: g ? h : u, alt: l(b) }),
|
|
268
|
+
s && o === "right" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) })
|
|
269
269
|
] });
|
|
270
|
-
return /* @__PURE__ */
|
|
270
|
+
return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
271
271
|
/* @__PURE__ */ n(
|
|
272
272
|
"button",
|
|
273
273
|
{
|
|
274
|
-
onClick:
|
|
274
|
+
onClick: C,
|
|
275
275
|
className: `${ee.button}
|
|
276
276
|
${g && ee.active}`,
|
|
277
277
|
disabled: v,
|
|
278
|
-
children:
|
|
278
|
+
children: y
|
|
279
279
|
}
|
|
280
280
|
),
|
|
281
281
|
t && /* @__PURE__ */ n(re, { text: b, position: r })
|
|
282
|
-
] },
|
|
282
|
+
] }, c);
|
|
283
283
|
})
|
|
284
284
|
}
|
|
285
285
|
);
|
|
@@ -314,28 +314,28 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
|
|
|
314
314
|
activeColor: t = "#F8A925",
|
|
315
315
|
title: r = "Title",
|
|
316
316
|
//Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
|
|
317
|
-
height:
|
|
317
|
+
height: l = 53,
|
|
318
318
|
//Adjust height if you change fontSize
|
|
319
319
|
titleFontStyles: a,
|
|
320
|
-
showBottomBar:
|
|
320
|
+
showBottomBar: c = !0,
|
|
321
321
|
titleMarginChildren: u = 15,
|
|
322
322
|
mainTitle: h = !1
|
|
323
323
|
}) => {
|
|
324
|
-
const { t: g } =
|
|
325
|
-
return /* @__PURE__ */
|
|
324
|
+
const { t: g } = L();
|
|
325
|
+
return /* @__PURE__ */ p(
|
|
326
326
|
Ge.div,
|
|
327
327
|
{
|
|
328
328
|
className: ke.indicatorsCategory,
|
|
329
|
-
initial: { height: `${
|
|
330
|
-
animate: { height: i ? "auto" : `${
|
|
329
|
+
initial: { height: `${l}px` },
|
|
330
|
+
animate: { height: i ? "auto" : `${l}px` },
|
|
331
331
|
transition: { duration: 0.4 },
|
|
332
332
|
style: {
|
|
333
333
|
backgroundColor: "white",
|
|
334
|
-
borderBottom: i &&
|
|
334
|
+
borderBottom: i && c ? `1px solid ${t}` : "0px",
|
|
335
335
|
minHeight: h ? "70px" : "50px"
|
|
336
336
|
},
|
|
337
337
|
children: [
|
|
338
|
-
/* @__PURE__ */
|
|
338
|
+
/* @__PURE__ */ p(
|
|
339
339
|
"h2",
|
|
340
340
|
{
|
|
341
341
|
style: {
|
|
@@ -366,8 +366,8 @@ le.propTypes = {
|
|
|
366
366
|
showBottomBar: e.bool,
|
|
367
367
|
titleFontStyles: e.object
|
|
368
368
|
};
|
|
369
|
-
const
|
|
370
|
-
AppliedFiltersContainer:
|
|
369
|
+
const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "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", z2 = "_AppliedFiltersContainer_cokx9_2", H2 = "_AppliedFilterContent_cokx9_11", et = {
|
|
370
|
+
AppliedFiltersContainer: z2,
|
|
371
371
|
AppliedFilterContent: H2
|
|
372
372
|
}, M = Ct((i) => ({
|
|
373
373
|
activeCategory: "",
|
|
@@ -378,10 +378,10 @@ const So = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), z2 = "data
|
|
|
378
378
|
inputsColor: "#605B56",
|
|
379
379
|
activeFiltersType: null,
|
|
380
380
|
geoLayers: []
|
|
381
|
-
})), yt = ({ title: i, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor:
|
|
382
|
-
const { t: a } =
|
|
383
|
-
M.setState((
|
|
384
|
-
tematicalFiltersSelected:
|
|
381
|
+
})), yt = ({ title: i, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
|
|
382
|
+
const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), h = (b) => {
|
|
383
|
+
M.setState((C) => ({
|
|
384
|
+
tematicalFiltersSelected: C.tematicalFiltersSelected.filter(
|
|
385
385
|
(v) => v.code !== b
|
|
386
386
|
)
|
|
387
387
|
}));
|
|
@@ -396,11 +396,11 @@ const So = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), z2 = "data
|
|
|
396
396
|
title: i ? a(i) : "Applied Filters",
|
|
397
397
|
activeColor: r,
|
|
398
398
|
mainTitle: !0,
|
|
399
|
-
color:
|
|
400
|
-
children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children:
|
|
399
|
+
color: l,
|
|
400
|
+
children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, C) => /* @__PURE__ */ p("div", { className: et.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
401
401
|
a(b.name),
|
|
402
|
-
/* @__PURE__ */ n("img", { src:
|
|
403
|
-
] },
|
|
402
|
+
/* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => h(b.code), style: { cursor: "pointer" } })
|
|
403
|
+
] }, C)) })
|
|
404
404
|
}
|
|
405
405
|
);
|
|
406
406
|
};
|
|
@@ -429,35 +429,35 @@ const K2 = "_layersList_cn837_25", U2 = "_layerName_cn837_34", tt = {
|
|
|
429
429
|
activeColor: t,
|
|
430
430
|
onGeoLayersChange: r
|
|
431
431
|
}) => {
|
|
432
|
-
const { t:
|
|
432
|
+
const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((g) => g), u = () => {
|
|
433
433
|
a == "geographical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "geographical" }));
|
|
434
434
|
}, h = (g) => {
|
|
435
435
|
M.setState((b) => ({
|
|
436
|
-
geoLayers: b.geoLayers.map((
|
|
437
|
-
...
|
|
438
|
-
active:
|
|
436
|
+
geoLayers: b.geoLayers.map((C) => ({
|
|
437
|
+
...C,
|
|
438
|
+
active: C.name === g.name
|
|
439
439
|
}))
|
|
440
|
-
})), r(
|
|
440
|
+
})), r(c);
|
|
441
441
|
};
|
|
442
442
|
return F(() => {
|
|
443
|
-
r && r(
|
|
444
|
-
}, [
|
|
443
|
+
r && r(c);
|
|
444
|
+
}, [c]), /* @__PURE__ */ n(
|
|
445
445
|
le,
|
|
446
446
|
{
|
|
447
447
|
isOpen: a == "geographical",
|
|
448
448
|
onClick: u,
|
|
449
|
-
title: i ?
|
|
449
|
+
title: i ? l(i) : "Geographical Filters",
|
|
450
450
|
activeColor: t,
|
|
451
451
|
color: s,
|
|
452
452
|
mainTitle: !0,
|
|
453
|
-
children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children:
|
|
453
|
+
children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((g) => /* @__PURE__ */ p(
|
|
454
454
|
"div",
|
|
455
455
|
{
|
|
456
456
|
className: `${tt.layerName}`,
|
|
457
457
|
style: { color: g.active ? t : s, fontWeight: g.active ? "bold" : "normal" },
|
|
458
458
|
onClick: () => h(g),
|
|
459
459
|
children: [
|
|
460
|
-
|
|
460
|
+
l(g.name),
|
|
461
461
|
g.active
|
|
462
462
|
]
|
|
463
463
|
}
|
|
@@ -482,8 +482,8 @@ const W2 = "_checkboxContainer_1nxra_2", G2 = {
|
|
|
482
482
|
indicator: o,
|
|
483
483
|
value: t
|
|
484
484
|
}) => {
|
|
485
|
-
const { t: r } =
|
|
486
|
-
return /* @__PURE__ */
|
|
485
|
+
const { t: r } = L(), { title: l } = o || {}, { fontColor: a, inputsColor: c } = M((u) => u);
|
|
486
|
+
return /* @__PURE__ */ p(
|
|
487
487
|
"div",
|
|
488
488
|
{
|
|
489
489
|
style: { ...d, color: s },
|
|
@@ -499,12 +499,12 @@ const W2 = "_checkboxContainer_1nxra_2", G2 = {
|
|
|
499
499
|
value: t,
|
|
500
500
|
readOnly: !0,
|
|
501
501
|
style: {
|
|
502
|
-
border: `1.5px solid ${t ?
|
|
503
|
-
backgroundColor: t ?
|
|
502
|
+
border: `1.5px solid ${t ? c : a}`,
|
|
503
|
+
backgroundColor: t ? c : "white"
|
|
504
504
|
}
|
|
505
505
|
}
|
|
506
506
|
),
|
|
507
|
-
/* @__PURE__ */ n("span", { className: "checkmark", children: r(
|
|
507
|
+
/* @__PURE__ */ n("span", { className: "checkmark", children: r(l) })
|
|
508
508
|
]
|
|
509
509
|
}
|
|
510
510
|
);
|
|
@@ -543,17 +543,17 @@ function $e(i) {
|
|
|
543
543
|
});
|
|
544
544
|
}
|
|
545
545
|
function te(i, d) {
|
|
546
|
-
return
|
|
546
|
+
return Ze(function(s, o) {
|
|
547
547
|
let t = s;
|
|
548
548
|
return t <= o.min && (t = o.min), t >= o.max && (t = o.max), t;
|
|
549
549
|
}(i, d), d);
|
|
550
550
|
}
|
|
551
|
-
function
|
|
551
|
+
function Ze(i, d) {
|
|
552
552
|
const s = (i - d.min) % d.step;
|
|
553
553
|
let o = i - s;
|
|
554
554
|
return 2 * Math.abs(s) >= d.step && (o += s > 0 ? d.step : -d.step), parseFloat(o.toFixed(5));
|
|
555
555
|
}
|
|
556
|
-
let
|
|
556
|
+
let ze = function(i) {
|
|
557
557
|
function d(o) {
|
|
558
558
|
var t;
|
|
559
559
|
(t = i.call(this, o) || this).onKeyUp = () => {
|
|
@@ -566,18 +566,18 @@ let Ze = function(i) {
|
|
|
566
566
|
t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
|
|
567
567
|
}, t.onMouseMove = (a) => {
|
|
568
568
|
t.setState({ pending: !0 });
|
|
569
|
-
const
|
|
569
|
+
const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
|
|
570
570
|
t.move(h);
|
|
571
571
|
}, t.onTouchMove = (a) => {
|
|
572
572
|
if (a.touches.length > 1) return;
|
|
573
573
|
t.setState({ pending: !0 });
|
|
574
|
-
const
|
|
574
|
+
const c = t.getTouchPosition(a);
|
|
575
575
|
if (t.isScrolling === void 0) {
|
|
576
|
-
const g =
|
|
576
|
+
const g = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
|
|
577
577
|
t.isScrolling = Math.abs(b) > Math.abs(g);
|
|
578
578
|
}
|
|
579
579
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
580
|
-
const u = t.getDiffPosition(
|
|
580
|
+
const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
|
|
581
581
|
t.move(h);
|
|
582
582
|
}, t.onKeyDown = (a) => {
|
|
583
583
|
if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
|
|
@@ -608,51 +608,51 @@ let Ze = function(i) {
|
|
|
608
608
|
}, t.onSliderMouseDown = (a) => {
|
|
609
609
|
if (!t.props.disabled && a.button !== 2) {
|
|
610
610
|
if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
|
|
611
|
-
const
|
|
612
|
-
t.forceValueFromPosition(
|
|
613
|
-
t.start(u,
|
|
611
|
+
const c = t.getMousePosition(a);
|
|
612
|
+
t.forceValueFromPosition(c[0], (u) => {
|
|
613
|
+
t.start(u, c[0]), $e(t.getMouseEventMap());
|
|
614
614
|
});
|
|
615
615
|
}
|
|
616
616
|
Oe(a);
|
|
617
617
|
}
|
|
618
618
|
}, t.onSliderClick = (a) => {
|
|
619
619
|
if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
|
|
620
|
-
const
|
|
620
|
+
const c = t.getMousePosition(a), u = te(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
|
|
621
621
|
t.props.onSliderClick(u);
|
|
622
622
|
}
|
|
623
|
-
}, t.createOnKeyDown = (a) => (
|
|
624
|
-
t.props.disabled || (t.start(a), $e(t.getKeyDownEventMap()), Oe(
|
|
625
|
-
}, t.createOnMouseDown = (a) => (
|
|
626
|
-
if (t.props.disabled ||
|
|
623
|
+
}, t.createOnKeyDown = (a) => (c) => {
|
|
624
|
+
t.props.disabled || (t.start(a), $e(t.getKeyDownEventMap()), Oe(c));
|
|
625
|
+
}, t.createOnMouseDown = (a) => (c) => {
|
|
626
|
+
if (t.props.disabled || c.button === 2) return;
|
|
627
627
|
t.setState({ pending: !0 });
|
|
628
|
-
const u = t.getMousePosition(
|
|
629
|
-
t.start(a, u[0]), $e(t.getMouseEventMap()), Oe(
|
|
630
|
-
}, t.createOnTouchStart = (a) => (
|
|
631
|
-
if (t.props.disabled ||
|
|
628
|
+
const u = t.getMousePosition(c);
|
|
629
|
+
t.start(a, u[0]), $e(t.getMouseEventMap()), Oe(c);
|
|
630
|
+
}, t.createOnTouchStart = (a) => (c) => {
|
|
631
|
+
if (t.props.disabled || c.touches.length > 1) return;
|
|
632
632
|
t.setState({ pending: !0 });
|
|
633
|
-
const u = t.getTouchPosition(
|
|
633
|
+
const u = t.getTouchPosition(c);
|
|
634
634
|
t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), $e(t.getTouchEventMap()), function(h) {
|
|
635
635
|
h.stopPropagation && h.stopPropagation();
|
|
636
|
-
}(
|
|
636
|
+
}(c);
|
|
637
637
|
}, t.handleResize = () => {
|
|
638
638
|
const a = window.setTimeout(() => {
|
|
639
639
|
t.pendingResizeTimeouts.shift(), t.resize();
|
|
640
640
|
}, 0);
|
|
641
641
|
t.pendingResizeTimeouts.push(a);
|
|
642
|
-
}, t.renderThumb = (a,
|
|
643
|
-
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" +
|
|
644
|
-
t["thumb" +
|
|
645
|
-
}, key: t.props.thumbClassName + "-" +
|
|
642
|
+
}, t.renderThumb = (a, c) => {
|
|
643
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (b) => {
|
|
644
|
+
t["thumb" + c] = b;
|
|
645
|
+
}, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: Se(t.state.value), valueNow: t.state.value[c] };
|
|
646
646
|
return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
|
|
647
|
-
}, t.renderTrack = (a,
|
|
648
|
-
const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(
|
|
647
|
+
}, t.renderTrack = (a, c, u) => {
|
|
648
|
+
const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: a, value: Se(t.state.value) };
|
|
649
649
|
return t.props.renderTrack(h, g);
|
|
650
650
|
};
|
|
651
651
|
let r = Re(o.value);
|
|
652
652
|
r.length || (r = Re(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
653
|
-
const
|
|
654
|
-
for (let a = 0; a < r.length; a += 1) r[a] = te(r[a], o),
|
|
655
|
-
return t.resizeObserver = null, t.resizeElementRef = V.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices:
|
|
653
|
+
const l = [];
|
|
654
|
+
for (let a = 0; a < r.length; a += 1) r[a] = te(r[a], o), l.push(a);
|
|
655
|
+
return t.resizeObserver = null, t.resizeElementRef = V.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
|
|
656
656
|
}
|
|
657
657
|
Y2(d, i);
|
|
658
658
|
var s = d.prototype;
|
|
@@ -660,7 +660,7 @@ let Ze = function(i) {
|
|
|
660
660
|
typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
|
|
661
661
|
}, d.getDerivedStateFromProps = function(o, t) {
|
|
662
662
|
const r = Re(o.value);
|
|
663
|
-
return r.length ? t.pending ? null : { value: r.map((
|
|
663
|
+
return r.length ? t.pending ? null : { value: r.map((l) => te(l, o)) } : null;
|
|
664
664
|
}, s.componentDidUpdate = function() {
|
|
665
665
|
this.state.upperBound === 0 && this.resize();
|
|
666
666
|
}, s.componentWillUnmount = function() {
|
|
@@ -675,10 +675,10 @@ let Ze = function(i) {
|
|
|
675
675
|
return Se(this.state.value);
|
|
676
676
|
}, s.getClosestIndex = function(o) {
|
|
677
677
|
let t = Number.MAX_VALUE, r = -1;
|
|
678
|
-
const { value:
|
|
679
|
-
for (let
|
|
680
|
-
const u = this.calcOffset(c
|
|
681
|
-
h < t && (t = h, r =
|
|
678
|
+
const { value: l } = this.state, a = l.length;
|
|
679
|
+
for (let c = 0; c < a; c += 1) {
|
|
680
|
+
const u = this.calcOffset(l[c]), h = Math.abs(o - u);
|
|
681
|
+
h < t && (t = h, r = c);
|
|
682
682
|
}
|
|
683
683
|
return r;
|
|
684
684
|
}, s.getMousePosition = function(o) {
|
|
@@ -701,7 +701,7 @@ let Ze = function(i) {
|
|
|
701
701
|
}, s.resize = function() {
|
|
702
702
|
const { slider: o, thumb0: t } = this;
|
|
703
703
|
if (!o || !t) return;
|
|
704
|
-
const r = this.sizeKey(),
|
|
704
|
+
const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, b = Math.abs(c - u);
|
|
705
705
|
this.state.upperBound === g && this.state.sliderLength === b && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: b, thumbSize: h });
|
|
706
706
|
}, s.calcOffset = function(o) {
|
|
707
707
|
const t = this.props.max - this.props.min;
|
|
@@ -709,15 +709,15 @@ let Ze = function(i) {
|
|
|
709
709
|
}, s.calcValue = function(o) {
|
|
710
710
|
return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
|
|
711
711
|
}, s.calcOffsetFromPosition = function(o) {
|
|
712
|
-
const { slider: t } = this, r = t.getBoundingClientRect(),
|
|
713
|
-
let
|
|
714
|
-
return this.props.invert && (
|
|
712
|
+
const { slider: t } = this, r = t.getBoundingClientRect(), l = r[this.posMaxKey()], a = r[this.posMinKey()];
|
|
713
|
+
let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
|
|
714
|
+
return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
|
|
715
715
|
}, s.forceValueFromPosition = function(o, t) {
|
|
716
|
-
const r = this.calcOffsetFromPosition(o),
|
|
717
|
-
l
|
|
718
|
-
for (let u = 0; u <
|
|
719
|
-
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value:
|
|
720
|
-
t(
|
|
716
|
+
const r = this.calcOffsetFromPosition(o), l = this.getClosestIndex(r), a = te(this.calcValue(r), this.props), c = this.state.value.slice();
|
|
717
|
+
c[l] = a;
|
|
718
|
+
for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
|
|
719
|
+
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
|
|
720
|
+
t(l), this.fireChangeEvent("onChange");
|
|
721
721
|
});
|
|
722
722
|
}, s.clearPendingResizeTimeouts = function() {
|
|
723
723
|
do {
|
|
@@ -727,8 +727,8 @@ let Ze = function(i) {
|
|
|
727
727
|
}, s.start = function(o, t) {
|
|
728
728
|
const r = this["thumb" + o];
|
|
729
729
|
r && r.focus();
|
|
730
|
-
const { zIndices:
|
|
731
|
-
|
|
730
|
+
const { zIndices: l } = this.state;
|
|
731
|
+
l.splice(l.indexOf(o), 1), l.push(o), this.setState((a) => ({ startValue: a.value[o], startPosition: t !== void 0 ? t : a.startPosition, index: o, zIndices: l }));
|
|
732
732
|
}, s.moveUpByStep = function(o) {
|
|
733
733
|
o === void 0 && (o = this.props.step);
|
|
734
734
|
const t = this.state.value[this.state.index], r = te(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
|
|
@@ -738,36 +738,36 @@ let Ze = function(i) {
|
|
|
738
738
|
const t = this.state.value[this.state.index], r = te(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
|
|
739
739
|
this.move(Math.max(r, this.props.min));
|
|
740
740
|
}, s.move = function(o) {
|
|
741
|
-
const t = this.state.value.slice(), { index: r } = this.state, { length:
|
|
741
|
+
const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
|
|
742
742
|
if (o === a) return;
|
|
743
743
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
744
|
-
const { pearling:
|
|
745
|
-
if (!
|
|
744
|
+
const { pearling: c, max: u, min: h, minDistance: g } = this.props;
|
|
745
|
+
if (!c) {
|
|
746
746
|
if (r > 0) {
|
|
747
747
|
const b = t[r - 1];
|
|
748
748
|
o < b + g && (o = b + g);
|
|
749
749
|
}
|
|
750
|
-
if (r <
|
|
750
|
+
if (r < l - 1) {
|
|
751
751
|
const b = t[r + 1];
|
|
752
752
|
o > b - g && (o = b - g);
|
|
753
753
|
}
|
|
754
754
|
}
|
|
755
|
-
t[r] = o,
|
|
756
|
-
for (let
|
|
757
|
-
const
|
|
758
|
-
|
|
755
|
+
t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, g, r), function(b, C, v, y) {
|
|
756
|
+
for (let _ = 0; _ < b; _ += 1) {
|
|
757
|
+
const m = y - _ * v;
|
|
758
|
+
C[b - 1 - _] > m && (C[b - 1 - _] = m);
|
|
759
759
|
}
|
|
760
|
-
}(
|
|
761
|
-
for (let
|
|
762
|
-
const
|
|
763
|
-
|
|
760
|
+
}(l, t, g, u)) : o < a && (this.pushPreceding(t, g, r), function(b, C, v, y) {
|
|
761
|
+
for (let _ = 0; _ < b; _ += 1) {
|
|
762
|
+
const m = y + _ * v;
|
|
763
|
+
C[_] < m && (C[_] = m);
|
|
764
764
|
}
|
|
765
|
-
}(
|
|
765
|
+
}(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
766
766
|
}, s.pushSucceeding = function(o, t, r) {
|
|
767
|
-
let
|
|
768
|
-
for (
|
|
767
|
+
let l, a;
|
|
768
|
+
for (l = r, a = o[l] + t; o[l + 1] !== null && a > o[l + 1]; l += 1, a = o[l] + t) o[l + 1] = Ze(a, this.props);
|
|
769
769
|
}, s.pushPreceding = function(o, t, r) {
|
|
770
|
-
for (let
|
|
770
|
+
for (let l = r, a = o[l] - t; o[l - 1] !== null && a < o[l - 1]; l -= 1, a = o[l] - t) o[l - 1] = Ze(a, this.props);
|
|
771
771
|
}, s.axisKey = function() {
|
|
772
772
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
773
773
|
}, s.orthogonalAxisKey = function() {
|
|
@@ -792,39 +792,39 @@ let Ze = function(i) {
|
|
|
792
792
|
}, s.renderThumbs = function(o) {
|
|
793
793
|
const { length: t } = o, r = [];
|
|
794
794
|
for (let a = 0; a < t; a += 1) r[a] = this.buildThumbStyle(o[a], a);
|
|
795
|
-
const
|
|
796
|
-
for (let a = 0; a < t; a += 1)
|
|
797
|
-
return
|
|
795
|
+
const l = [];
|
|
796
|
+
for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
|
|
797
|
+
return l;
|
|
798
798
|
}, s.renderTracks = function(o) {
|
|
799
799
|
const t = [], r = o.length - 1;
|
|
800
800
|
t.push(this.renderTrack(0, 0, o[0]));
|
|
801
|
-
for (let
|
|
801
|
+
for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, o[l], o[l + 1]));
|
|
802
802
|
return t.push(this.renderTrack(r + 1, o[r], this.state.upperBound)), t;
|
|
803
803
|
}, s.renderMarks = function() {
|
|
804
804
|
let { marks: o } = this.props;
|
|
805
805
|
const t = this.props.max - this.props.min + 1;
|
|
806
|
-
return typeof o == "boolean" ? o = Array.from({ length: t }).map((r,
|
|
807
|
-
const
|
|
806
|
+
return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, l) => l) : typeof o == "number" && (o = Array.from({ length: t }).map((r, l) => l).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, l) => r - l).map((r) => {
|
|
807
|
+
const l = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(l) };
|
|
808
808
|
return this.props.renderMark(a);
|
|
809
809
|
});
|
|
810
810
|
}, s.render = function() {
|
|
811
811
|
const o = [], { value: t } = this.state, r = t.length;
|
|
812
812
|
for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
|
|
813
|
-
const
|
|
813
|
+
const l = this.props.withTracks ? this.renderTracks(o) : null, a = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
|
|
814
814
|
return V.createElement("div", { ref: (u) => {
|
|
815
815
|
this.slider = u, this.resizeElementRef.current = u;
|
|
816
|
-
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick },
|
|
816
|
+
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
|
|
817
817
|
}, d;
|
|
818
818
|
}(V.Component);
|
|
819
|
-
|
|
820
|
-
var He =
|
|
821
|
-
const
|
|
822
|
-
container:
|
|
823
|
-
unitLabel:
|
|
819
|
+
ze.displayName = "ReactSlider", ze.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, 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: (i) => V.createElement("div", i), renderTrack: (i) => V.createElement("div", i), renderMark: (i) => V.createElement("span", i) };
|
|
820
|
+
var He = ze;
|
|
821
|
+
const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_11", e0 = "_thumb_4u41i_17", t0 = "_track_4u41i_26", n0 = "_labels_4u41i_32", ce = {
|
|
822
|
+
container: X2,
|
|
823
|
+
unitLabel: Q2,
|
|
824
824
|
slider: J2,
|
|
825
|
-
thumb:
|
|
826
|
-
track:
|
|
827
|
-
labels:
|
|
825
|
+
thumb: e0,
|
|
826
|
+
track: t0,
|
|
827
|
+
labels: n0
|
|
828
828
|
}, wt = ({
|
|
829
829
|
min: i = 0,
|
|
830
830
|
max: d = 100,
|
|
@@ -832,20 +832,20 @@ const Q2 = "_container_4u41i_2", X2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
|
|
|
832
832
|
onChange: o,
|
|
833
833
|
width: t = 300,
|
|
834
834
|
unit: r,
|
|
835
|
-
fontColor:
|
|
835
|
+
fontColor: l = "#605B56",
|
|
836
836
|
defaultValue: a,
|
|
837
|
-
isDate:
|
|
837
|
+
isDate: c
|
|
838
838
|
}) => {
|
|
839
|
-
const { t: u } =
|
|
840
|
-
|
|
839
|
+
const { t: u } = L(), h = c ? new Date(i).getTime() : null, g = c ? new Date(d).getTime() : null, [b, C] = D(c ? [h, g] : [i, d]), v = (y) => {
|
|
840
|
+
C(y), o == null || o({ min: y[0], max: y[1] });
|
|
841
841
|
};
|
|
842
842
|
return F(() => {
|
|
843
|
-
a ||
|
|
844
|
-
}, [a,
|
|
843
|
+
a || C(c ? [h, g] : [i, d]);
|
|
844
|
+
}, [a, c]), /* @__PURE__ */ p(
|
|
845
845
|
"div",
|
|
846
846
|
{
|
|
847
847
|
className: ce.container,
|
|
848
|
-
style: { width: `${t}px`, color: `${
|
|
848
|
+
style: { width: `${t}px`, color: `${l}` },
|
|
849
849
|
children: [
|
|
850
850
|
/* @__PURE__ */ n("div", { className: ce.unitLabel, children: /* @__PURE__ */ n("span", { children: u(r) }) }),
|
|
851
851
|
/* @__PURE__ */ n(
|
|
@@ -854,23 +854,23 @@ const Q2 = "_container_4u41i_2", X2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
|
|
|
854
854
|
className: ce.slider,
|
|
855
855
|
thumbClassName: ce.thumb,
|
|
856
856
|
trackClassName: ce.track,
|
|
857
|
-
min:
|
|
858
|
-
max:
|
|
859
|
-
step:
|
|
857
|
+
min: c ? h : i,
|
|
858
|
+
max: c ? g : d,
|
|
859
|
+
step: c ? (g - h) / 30 : s,
|
|
860
860
|
value: b,
|
|
861
861
|
onAfterChange: v,
|
|
862
862
|
withTracks: !0,
|
|
863
|
-
pearling: !
|
|
864
|
-
minDistance:
|
|
863
|
+
pearling: !c,
|
|
864
|
+
minDistance: c ? 0 : 0.1
|
|
865
865
|
}
|
|
866
866
|
),
|
|
867
|
-
/* @__PURE__ */
|
|
868
|
-
/* @__PURE__ */ n("span", { children:
|
|
867
|
+
/* @__PURE__ */ p("div", { className: ce.labels, children: [
|
|
868
|
+
/* @__PURE__ */ n("span", { children: c ? new Date(b[0]).toLocaleDateString("en-EN", {
|
|
869
869
|
day: "2-digit",
|
|
870
870
|
month: "short",
|
|
871
871
|
year: "numeric"
|
|
872
872
|
}) : b[0] }),
|
|
873
|
-
/* @__PURE__ */ n("span", { children:
|
|
873
|
+
/* @__PURE__ */ n("span", { children: c ? new Date(b[1]).toLocaleDateString("en-EN", {
|
|
874
874
|
day: "2-digit",
|
|
875
875
|
month: "short",
|
|
876
876
|
year: "numeric"
|
|
@@ -892,11 +892,11 @@ wt.propTypes = {
|
|
|
892
892
|
fontColor: e.string,
|
|
893
893
|
value: e.arrayOf(e.number)
|
|
894
894
|
};
|
|
895
|
-
const
|
|
896
|
-
tematicalFiltersInputContainer:
|
|
897
|
-
inputTypeContainer:
|
|
898
|
-
checkboxContainer:
|
|
899
|
-
absoluteSliderContainer:
|
|
895
|
+
const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_1vm1r_2", o0 = "_checkboxContainer_1vm1r_28", r0 = "_absoluteSliderContainer_1vm1r_37", Be = {
|
|
896
|
+
tematicalFiltersInputContainer: i0,
|
|
897
|
+
inputTypeContainer: s0,
|
|
898
|
+
checkboxContainer: o0,
|
|
899
|
+
absoluteSliderContainer: r0
|
|
900
900
|
}, Ye = ({
|
|
901
901
|
indicator: i,
|
|
902
902
|
//onChangeBothType
|
|
@@ -905,85 +905,85 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
905
905
|
const [s, o] = D(), {
|
|
906
906
|
type: t,
|
|
907
907
|
name: r,
|
|
908
|
-
values:
|
|
908
|
+
values: l,
|
|
909
909
|
minValue: a,
|
|
910
|
-
maxValue:
|
|
910
|
+
maxValue: c,
|
|
911
911
|
unit: u,
|
|
912
912
|
step: h,
|
|
913
913
|
disabled: g,
|
|
914
914
|
isDate: b
|
|
915
|
-
} = i || {},
|
|
915
|
+
} = i || {}, C = he(
|
|
916
916
|
() => t == "cat" || s == "cat",
|
|
917
917
|
[s, t]
|
|
918
918
|
), v = he(
|
|
919
919
|
() => t == "abs" || s == "abs",
|
|
920
920
|
[s, t]
|
|
921
921
|
), {
|
|
922
|
-
tematicalFiltersSelected:
|
|
923
|
-
selectedIndicator:
|
|
924
|
-
fontColor:
|
|
925
|
-
inputsColor:
|
|
922
|
+
tematicalFiltersSelected: y,
|
|
923
|
+
selectedIndicator: _,
|
|
924
|
+
fontColor: m,
|
|
925
|
+
inputsColor: f
|
|
926
926
|
} = M((N) => N), x = (N) => {
|
|
927
927
|
if (N) {
|
|
928
|
-
const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source:
|
|
929
|
-
let
|
|
930
|
-
H == "both" && (
|
|
931
|
-
let
|
|
932
|
-
(q) => q.code ===
|
|
928
|
+
const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : C ? "cat" : "both";
|
|
929
|
+
let Z = A[0];
|
|
930
|
+
H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((J) => {
|
|
931
|
+
let G = J.tematicalFiltersSelected.find(
|
|
932
|
+
(q) => q.code === Z
|
|
933
933
|
);
|
|
934
|
-
if (
|
|
935
|
-
let q = [
|
|
936
|
-
return
|
|
934
|
+
if (G) {
|
|
935
|
+
let q = [G.values];
|
|
936
|
+
return G.values.includes(k) ? q = G.values.filter(
|
|
937
937
|
(E) => E !== k
|
|
938
|
-
) : q = [...
|
|
938
|
+
) : q = [...G.values, k], q.length == B.length ? {
|
|
939
939
|
tematicalFiltersSelected: J.tematicalFiltersSelected.filter(
|
|
940
|
-
(E) => E.code !==
|
|
940
|
+
(E) => E.code !== Z
|
|
941
941
|
)
|
|
942
942
|
} : {
|
|
943
943
|
tematicalFiltersSelected: J.tematicalFiltersSelected.map(
|
|
944
|
-
(E) => E.code ===
|
|
944
|
+
(E) => E.code === Z ? { ...E, values: q } : E
|
|
945
945
|
)
|
|
946
946
|
};
|
|
947
947
|
} else {
|
|
948
948
|
let q = B.map((E, Pt) => Pt);
|
|
949
949
|
return {
|
|
950
950
|
tematicalFiltersSelected: [
|
|
951
|
-
...
|
|
951
|
+
...y,
|
|
952
952
|
{
|
|
953
953
|
type: "cat",
|
|
954
|
-
code:
|
|
954
|
+
code: Z,
|
|
955
955
|
values: q.filter((E) => E !== k),
|
|
956
956
|
name: i.name,
|
|
957
|
-
source:
|
|
957
|
+
source: T,
|
|
958
958
|
isDate: b
|
|
959
959
|
}
|
|
960
960
|
]
|
|
961
961
|
};
|
|
962
962
|
}
|
|
963
963
|
}) : j == "abs" && M.setState((J) => {
|
|
964
|
-
let
|
|
965
|
-
(q) => q.code ===
|
|
964
|
+
let G = J.tematicalFiltersSelected.find(
|
|
965
|
+
(q) => q.code === Z
|
|
966
966
|
);
|
|
967
967
|
if (S == i.minValue && $ == i.maxValue)
|
|
968
968
|
return {
|
|
969
969
|
tematicalFiltersSelected: J.tematicalFiltersSelected.filter(
|
|
970
|
-
(q) => q.code !==
|
|
970
|
+
(q) => q.code !== Z
|
|
971
971
|
)
|
|
972
972
|
};
|
|
973
|
-
if (
|
|
974
|
-
let q = { ...
|
|
973
|
+
if (G) {
|
|
974
|
+
let q = { ...G, min: S, max: $, type: j, isDate: b };
|
|
975
975
|
return {
|
|
976
976
|
tematicalFiltersSelected: J.tematicalFiltersSelected.map(
|
|
977
|
-
(E) => E.code ===
|
|
977
|
+
(E) => E.code === Z ? q : E
|
|
978
978
|
)
|
|
979
979
|
};
|
|
980
980
|
} else
|
|
981
981
|
return {
|
|
982
982
|
tematicalFiltersSelected: [
|
|
983
|
-
...
|
|
983
|
+
...y,
|
|
984
984
|
{
|
|
985
985
|
type: j,
|
|
986
|
-
code:
|
|
986
|
+
code: Z,
|
|
987
987
|
min: S,
|
|
988
988
|
max: $,
|
|
989
989
|
name: i.name,
|
|
@@ -995,12 +995,12 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
995
995
|
}
|
|
996
996
|
}, w = he(() => {
|
|
997
997
|
const N = {};
|
|
998
|
-
if ((
|
|
999
|
-
for (const S of
|
|
998
|
+
if ((y == null ? void 0 : y.length) > 0)
|
|
999
|
+
for (const S of y)
|
|
1000
1000
|
S.type === "cat" ? N[S.code] = new Set(S.values) : N[S.code] = [S.min, S.max];
|
|
1001
1001
|
return N;
|
|
1002
|
-
}, [
|
|
1003
|
-
return /* @__PURE__ */ n("div", { className: Be.tematicalFiltersInputContainer, children: /* @__PURE__ */
|
|
1002
|
+
}, [y]);
|
|
1003
|
+
return /* @__PURE__ */ n("div", { className: Be.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
|
|
1004
1004
|
le,
|
|
1005
1005
|
{
|
|
1006
1006
|
titleFontStyles: {
|
|
@@ -1009,26 +1009,26 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
1009
1009
|
opacity: g ? 0.5 : 1
|
|
1010
1010
|
},
|
|
1011
1011
|
title: r,
|
|
1012
|
-
isOpen:
|
|
1012
|
+
isOpen: _ == `id${r}`,
|
|
1013
1013
|
onClick: () => {
|
|
1014
1014
|
g || M.setState(() => ({
|
|
1015
|
-
selectedIndicator:
|
|
1015
|
+
selectedIndicator: _ == `id${r}` ? "" : `id${r}`
|
|
1016
1016
|
}));
|
|
1017
1017
|
},
|
|
1018
1018
|
showBottomBar: !1,
|
|
1019
1019
|
height: 42,
|
|
1020
1020
|
titleMarginChildren: 14,
|
|
1021
1021
|
className: "tematicalFiltersInputContainer",
|
|
1022
|
-
color:
|
|
1022
|
+
color: m,
|
|
1023
1023
|
activeColor: d,
|
|
1024
1024
|
children: [
|
|
1025
|
-
t == "both" && /* @__PURE__ */
|
|
1025
|
+
t == "both" && /* @__PURE__ */ p(
|
|
1026
1026
|
"div",
|
|
1027
1027
|
{
|
|
1028
1028
|
className: Be.inputTypeContainer,
|
|
1029
|
-
style: { color:
|
|
1029
|
+
style: { color: m },
|
|
1030
1030
|
children: [
|
|
1031
|
-
/* @__PURE__ */
|
|
1031
|
+
/* @__PURE__ */ p("label", { children: [
|
|
1032
1032
|
/* @__PURE__ */ n(
|
|
1033
1033
|
"input",
|
|
1034
1034
|
{
|
|
@@ -1040,14 +1040,14 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
1040
1040
|
},
|
|
1041
1041
|
style: {
|
|
1042
1042
|
marginRight: 4,
|
|
1043
|
-
backgroundColor: s == "abs" ?
|
|
1044
|
-
border: `1.5px solid ${s == "abs" ?
|
|
1043
|
+
backgroundColor: s == "abs" ? f : "white",
|
|
1044
|
+
border: `1.5px solid ${s == "abs" ? f : m}`
|
|
1045
1045
|
}
|
|
1046
1046
|
}
|
|
1047
1047
|
),
|
|
1048
1048
|
"Absoluto"
|
|
1049
1049
|
] }),
|
|
1050
|
-
/* @__PURE__ */
|
|
1050
|
+
/* @__PURE__ */ p("label", { children: [
|
|
1051
1051
|
/* @__PURE__ */ n(
|
|
1052
1052
|
"input",
|
|
1053
1053
|
{
|
|
@@ -1059,8 +1059,8 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
1059
1059
|
},
|
|
1060
1060
|
style: {
|
|
1061
1061
|
marginRight: 4,
|
|
1062
|
-
backgroundColor: s == "cat" ?
|
|
1063
|
-
border: `1.5px solid ${s == "cat" ?
|
|
1062
|
+
backgroundColor: s == "cat" ? f : "white",
|
|
1063
|
+
border: `1.5px solid ${s == "cat" ? f : m}`
|
|
1064
1064
|
}
|
|
1065
1065
|
}
|
|
1066
1066
|
),
|
|
@@ -1069,12 +1069,12 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
1069
1069
|
]
|
|
1070
1070
|
}
|
|
1071
1071
|
),
|
|
1072
|
-
|
|
1072
|
+
C && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
|
|
1073
1073
|
var $;
|
|
1074
1074
|
return /* @__PURE__ */ n(
|
|
1075
1075
|
vt,
|
|
1076
1076
|
{
|
|
1077
|
-
onClick: () => x({ valueClicked: S, allValues:
|
|
1077
|
+
onClick: () => x({ valueClicked: S, allValues: l }),
|
|
1078
1078
|
indicator: N,
|
|
1079
1079
|
value: (($ = w[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : $.has(S)) || !w[i.code[t == "both" ? 1 : 0]]
|
|
1080
1080
|
},
|
|
@@ -1086,7 +1086,7 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", on = "_inputTypeContainer_
|
|
|
1086
1086
|
{
|
|
1087
1087
|
onChange: x,
|
|
1088
1088
|
min: a,
|
|
1089
|
-
max:
|
|
1089
|
+
max: c,
|
|
1090
1090
|
unit: u,
|
|
1091
1091
|
defaultValue: w[i.code[0]] ? w[i.code[0]] : "",
|
|
1092
1092
|
isDate: b,
|
|
@@ -1118,15 +1118,15 @@ const xt = ({
|
|
|
1118
1118
|
activeColor: s
|
|
1119
1119
|
//onChangeBothType,
|
|
1120
1120
|
}) => {
|
|
1121
|
-
const { activeSubcategory: o } = M((
|
|
1121
|
+
const { activeSubcategory: o } = M((l) => l), { name: t, indicators: r } = i || {};
|
|
1122
1122
|
return /* @__PURE__ */ n(
|
|
1123
1123
|
le,
|
|
1124
1124
|
{
|
|
1125
1125
|
title: t,
|
|
1126
1126
|
isOpen: o == `id${t}`,
|
|
1127
1127
|
onClick: () => {
|
|
1128
|
-
M.setState((
|
|
1129
|
-
activeSubcategory:
|
|
1128
|
+
M.setState((l) => ({
|
|
1129
|
+
activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
|
|
1130
1130
|
}));
|
|
1131
1131
|
},
|
|
1132
1132
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
@@ -1135,10 +1135,10 @@ const xt = ({
|
|
|
1135
1135
|
height: 48,
|
|
1136
1136
|
color: d,
|
|
1137
1137
|
activeColor: s,
|
|
1138
|
-
children: r == null ? void 0 : r.map((
|
|
1138
|
+
children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ n(
|
|
1139
1139
|
Ye,
|
|
1140
1140
|
{
|
|
1141
|
-
indicator:
|
|
1141
|
+
indicator: l,
|
|
1142
1142
|
fontColor: d,
|
|
1143
1143
|
activeColor: s
|
|
1144
1144
|
},
|
|
@@ -1165,7 +1165,7 @@ const Nt = ({
|
|
|
1165
1165
|
// onChangeBothType,
|
|
1166
1166
|
activeColor: d
|
|
1167
1167
|
}) => {
|
|
1168
|
-
const { name: s, subcategories: o, indicators: t } = i || {}, { activeCategory: r, fontColor:
|
|
1168
|
+
const { name: s, subcategories: o, indicators: t } = i || {}, { activeCategory: r, fontColor: l } = M((a) => a);
|
|
1169
1169
|
return i && /* @__PURE__ */ n(
|
|
1170
1170
|
le,
|
|
1171
1171
|
{
|
|
@@ -1178,24 +1178,24 @@ const Nt = ({
|
|
|
1178
1178
|
isOpen: r === `id${s}`,
|
|
1179
1179
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1180
1180
|
showBottomBar: !1,
|
|
1181
|
-
color:
|
|
1181
|
+
color: l,
|
|
1182
1182
|
activeColor: d,
|
|
1183
|
-
children: o ? o.map((a,
|
|
1183
|
+
children: o ? o.map((a, c) => /* @__PURE__ */ n(
|
|
1184
1184
|
xt,
|
|
1185
1185
|
{
|
|
1186
1186
|
subcategory: a,
|
|
1187
|
-
fontColor:
|
|
1187
|
+
fontColor: l,
|
|
1188
1188
|
activeColor: d
|
|
1189
1189
|
},
|
|
1190
|
-
`subcategory-${
|
|
1191
|
-
)) : t && t.map((a,
|
|
1190
|
+
`subcategory-${c}`
|
|
1191
|
+
)) : t && t.map((a, c) => /* @__PURE__ */ n(
|
|
1192
1192
|
Ye,
|
|
1193
1193
|
{
|
|
1194
1194
|
indicator: a,
|
|
1195
|
-
fontColor:
|
|
1195
|
+
fontColor: l,
|
|
1196
1196
|
activeColor: d
|
|
1197
1197
|
},
|
|
1198
|
-
`indicator-${
|
|
1198
|
+
`indicator-${c}`
|
|
1199
1199
|
))
|
|
1200
1200
|
}
|
|
1201
1201
|
);
|
|
@@ -1218,9 +1218,9 @@ const kt = ({
|
|
|
1218
1218
|
inputsColor: t = "#605B56",
|
|
1219
1219
|
activeColor: r
|
|
1220
1220
|
}) => {
|
|
1221
|
-
const { tematicalFiltersSelected:
|
|
1221
|
+
const { tematicalFiltersSelected: l, activeFiltersType: a } = M((h) => h), { t: c } = L();
|
|
1222
1222
|
F(() => {
|
|
1223
|
-
}, [
|
|
1223
|
+
}, [l]), F(() => {
|
|
1224
1224
|
o && M.setState(() => ({ fontColor: o }));
|
|
1225
1225
|
}, [o]), F(() => {
|
|
1226
1226
|
t && M.setState(() => ({ inputsColor: t }));
|
|
@@ -1232,7 +1232,7 @@ const kt = ({
|
|
|
1232
1232
|
le,
|
|
1233
1233
|
{
|
|
1234
1234
|
isOpen: a == "tematical",
|
|
1235
|
-
title: s ?
|
|
1235
|
+
title: s ? c(s) : "Tematical filters",
|
|
1236
1236
|
color: o,
|
|
1237
1237
|
activeColor: r,
|
|
1238
1238
|
onClick: u,
|
|
@@ -1258,87 +1258,87 @@ kt.propTypes = {
|
|
|
1258
1258
|
inputsColor: e.string,
|
|
1259
1259
|
activeColor: e.string
|
|
1260
1260
|
};
|
|
1261
|
-
const
|
|
1262
|
-
FiltersAmbitContainer:
|
|
1263
|
-
FiltersAmbitHeader:
|
|
1264
|
-
FiltersAmbitTitle:
|
|
1265
|
-
FiltersAmbitDescription:
|
|
1266
|
-
FiltersAmbitDescriptionTitle:
|
|
1267
|
-
warning:
|
|
1268
|
-
buttonContainer:
|
|
1269
|
-
},
|
|
1261
|
+
const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15", c0 = "_FiltersAmbitTitle_bp6cj_23", d0 = "_FiltersAmbitDescription_bp6cj_32", u0 = "_FiltersAmbitDescriptionTitle_bp6cj_43", p0 = "_warning_bp6cj_47", m0 = "_buttonContainer_bp6cj_50", ne = {
|
|
1262
|
+
FiltersAmbitContainer: a0,
|
|
1263
|
+
FiltersAmbitHeader: l0,
|
|
1264
|
+
FiltersAmbitTitle: c0,
|
|
1265
|
+
FiltersAmbitDescription: d0,
|
|
1266
|
+
FiltersAmbitDescriptionTitle: u0,
|
|
1267
|
+
warning: p0,
|
|
1268
|
+
buttonContainer: m0
|
|
1269
|
+
}, h0 = ({
|
|
1270
1270
|
ambitName: i,
|
|
1271
1271
|
ambitDescription: d,
|
|
1272
1272
|
defaultFilters: s,
|
|
1273
1273
|
indicators: o,
|
|
1274
1274
|
activeColor: t,
|
|
1275
1275
|
textColor: r,
|
|
1276
|
-
backgroundColor:
|
|
1276
|
+
backgroundColor: l,
|
|
1277
1277
|
onChangeAppliedFilters: a,
|
|
1278
|
-
saveAmbit:
|
|
1278
|
+
saveAmbit: c,
|
|
1279
1279
|
namePlaceholder: u,
|
|
1280
1280
|
descPlaceholder: h,
|
|
1281
1281
|
filtersTypes: g = ["geographical", "tematical"],
|
|
1282
1282
|
nameRequiredText: b,
|
|
1283
|
-
geoFilterLayers:
|
|
1283
|
+
geoFilterLayers: C = [],
|
|
1284
1284
|
onGeoLayersChange: v,
|
|
1285
|
-
onlyFilters:
|
|
1285
|
+
onlyFilters: y = !1,
|
|
1286
1286
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1287
|
-
descriptionRequired:
|
|
1287
|
+
descriptionRequired: _ = !1
|
|
1288
1288
|
//campo descripción required
|
|
1289
1289
|
}) => {
|
|
1290
|
-
const { t:
|
|
1290
|
+
const { t: m } = L(), { tematicalFiltersSelected: f, activeFiltersType: x, geoLayers: w } = M((T) => T), [N, S] = D(i || null), [$, k] = D(d || null), [B, A] = D(!1);
|
|
1291
1291
|
F(() => {
|
|
1292
|
-
s && s.length > 0 && M.setState((
|
|
1292
|
+
s && s.length > 0 && M.setState((T) => ({
|
|
1293
1293
|
tematicalFiltersSelected: s
|
|
1294
1294
|
}));
|
|
1295
1295
|
}, [s]), F(() => {
|
|
1296
|
-
g.includes("geographical") && w !=
|
|
1297
|
-
}, [
|
|
1298
|
-
a(
|
|
1299
|
-
}, [
|
|
1296
|
+
g.includes("geographical") && w != C && M.setState({ geoLayers: C });
|
|
1297
|
+
}, [C]), F(() => {
|
|
1298
|
+
a(f);
|
|
1299
|
+
}, [f]);
|
|
1300
1300
|
const H = () => {
|
|
1301
|
-
|
|
1301
|
+
_ ? N && $ ? c({ name: N, description: $ }) : A(!0) : N ? c({ name: N, description: $ }) : A(!0);
|
|
1302
1302
|
};
|
|
1303
1303
|
return F(() => {
|
|
1304
|
-
g.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((
|
|
1305
|
-
geoLayers:
|
|
1304
|
+
g.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
|
|
1305
|
+
geoLayers: T.geoLayers.map((j) => ({
|
|
1306
1306
|
...j,
|
|
1307
1307
|
active: !1
|
|
1308
1308
|
}))
|
|
1309
1309
|
}));
|
|
1310
|
-
}, [x]), /* @__PURE__ */
|
|
1311
|
-
/* @__PURE__ */
|
|
1312
|
-
!
|
|
1310
|
+
}, [x]), /* @__PURE__ */ p("div", { className: ne.FiltersAmbitContainer, children: [
|
|
1311
|
+
/* @__PURE__ */ p("div", { children: [
|
|
1312
|
+
!y && /* @__PURE__ */ p("div", { className: ne.FiltersAmbitHeader, children: [
|
|
1313
1313
|
/* @__PURE__ */ n("div", { className: ne.FiltersAmbitTitle, children: /* @__PURE__ */ n(
|
|
1314
1314
|
"input",
|
|
1315
1315
|
{
|
|
1316
1316
|
type: "text",
|
|
1317
|
-
onChange: (
|
|
1318
|
-
A(!1), S(
|
|
1317
|
+
onChange: (T) => {
|
|
1318
|
+
A(!1), S(T.target.value);
|
|
1319
1319
|
},
|
|
1320
1320
|
value: N,
|
|
1321
|
-
placeholder:
|
|
1321
|
+
placeholder: m(u)
|
|
1322
1322
|
}
|
|
1323
1323
|
) }),
|
|
1324
1324
|
/* @__PURE__ */ n("div", { className: ne.FiltersAmbitDescription, children: /* @__PURE__ */ n("div", { className: ne.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ n(
|
|
1325
1325
|
"textarea",
|
|
1326
1326
|
{
|
|
1327
1327
|
value: $,
|
|
1328
|
-
onChange: (
|
|
1329
|
-
|
|
1328
|
+
onChange: (T) => {
|
|
1329
|
+
_ && A(!1), k(T.target.value);
|
|
1330
1330
|
},
|
|
1331
|
-
placeholder:
|
|
1331
|
+
placeholder: m(h)
|
|
1332
1332
|
}
|
|
1333
1333
|
) }) })
|
|
1334
1334
|
] }),
|
|
1335
1335
|
/* @__PURE__ */ n(
|
|
1336
1336
|
yt,
|
|
1337
1337
|
{
|
|
1338
|
-
title:
|
|
1338
|
+
title: m("applied_filters"),
|
|
1339
1339
|
isOpen: x == "applied",
|
|
1340
1340
|
textColor: r || "#fff",
|
|
1341
|
-
backgroundColor:
|
|
1341
|
+
backgroundColor: l || "#605B5680",
|
|
1342
1342
|
activeColor: t
|
|
1343
1343
|
}
|
|
1344
1344
|
),
|
|
@@ -1361,13 +1361,13 @@ const ln = "_FiltersAmbitContainer_bp6cj_2", cn = "_FiltersAmbitHeader_bp6cj_15"
|
|
|
1361
1361
|
}
|
|
1362
1362
|
)
|
|
1363
1363
|
] }),
|
|
1364
|
-
!
|
|
1365
|
-
B && /* @__PURE__ */ n("div", { className: ne.warning, children:
|
|
1366
|
-
/* @__PURE__ */ n(Fe, { onClick: () => H(), children:
|
|
1364
|
+
!y && /* @__PURE__ */ p("div", { className: ne.buttonContainer, children: [
|
|
1365
|
+
B && /* @__PURE__ */ n("div", { className: ne.warning, children: m(b) }),
|
|
1366
|
+
/* @__PURE__ */ n(Fe, { onClick: () => H(), children: m("save_ambit") })
|
|
1367
1367
|
] })
|
|
1368
1368
|
] });
|
|
1369
1369
|
};
|
|
1370
|
-
|
|
1370
|
+
h0.propTypes = {
|
|
1371
1371
|
indicators: e.arrayOf(e.object).isRequired,
|
|
1372
1372
|
ambitName: e.string,
|
|
1373
1373
|
ambitDescription: e.string,
|
|
@@ -1391,20 +1391,20 @@ const St = ({
|
|
|
1391
1391
|
gap: o = 23,
|
|
1392
1392
|
fontColor: t = "#605B56",
|
|
1393
1393
|
leftPadding: r = 200,
|
|
1394
|
-
numberOfDivisions:
|
|
1394
|
+
numberOfDivisions: l = 7,
|
|
1395
1395
|
maxValue: a = null,
|
|
1396
|
-
orientation:
|
|
1396
|
+
orientation: c = "horizontal",
|
|
1397
1397
|
// "horizontal" or "vertical"
|
|
1398
|
-
horizontalPadding: u =
|
|
1398
|
+
horizontalPadding: u = c == "vertical" ? 50 : 20,
|
|
1399
1399
|
verticalPadding: h = 10
|
|
1400
1400
|
}) => {
|
|
1401
|
-
const { xScale: b, yScale:
|
|
1401
|
+
const { xScale: b, yScale: C, ticks: v, height: y, chartWidth: _ } = he(() => {
|
|
1402
1402
|
if (i && i.length > 0) {
|
|
1403
|
-
const
|
|
1404
|
-
if (
|
|
1405
|
-
const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0,
|
|
1406
|
-
{ length:
|
|
1407
|
-
(k, B) =>
|
|
1403
|
+
const m = Ae.max(i, (x) => x.value) || 1, f = a || m;
|
|
1404
|
+
if (c === "vertical") {
|
|
1405
|
+
const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, h]), $ = Array.from(
|
|
1406
|
+
{ length: l + 1 },
|
|
1407
|
+
(k, B) => f / l * B
|
|
1408
1408
|
);
|
|
1409
1409
|
return {
|
|
1410
1410
|
yScale: S,
|
|
@@ -1413,9 +1413,9 @@ const St = ({
|
|
|
1413
1413
|
chartWidth: x
|
|
1414
1414
|
};
|
|
1415
1415
|
} else {
|
|
1416
|
-
const x = i.length * (s + o) + h * 2 + 50, w = Ae.scaleLinear().domain([0,
|
|
1417
|
-
{ length:
|
|
1418
|
-
(S, $) =>
|
|
1416
|
+
const x = i.length * (s + o) + h * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
|
|
1417
|
+
{ length: l + 1 },
|
|
1418
|
+
(S, $) => f / l * $
|
|
1419
1419
|
);
|
|
1420
1420
|
return {
|
|
1421
1421
|
xScale: w,
|
|
@@ -1435,23 +1435,23 @@ const St = ({
|
|
|
1435
1435
|
}, [
|
|
1436
1436
|
i,
|
|
1437
1437
|
d,
|
|
1438
|
-
|
|
1438
|
+
l,
|
|
1439
1439
|
s,
|
|
1440
1440
|
o,
|
|
1441
1441
|
u,
|
|
1442
1442
|
h,
|
|
1443
1443
|
a,
|
|
1444
|
-
|
|
1444
|
+
c
|
|
1445
1445
|
]);
|
|
1446
|
-
return
|
|
1447
|
-
/* @__PURE__ */ n("g", { children: v.map((
|
|
1448
|
-
const x =
|
|
1449
|
-
return /* @__PURE__ */
|
|
1446
|
+
return c === "vertical" ? /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: _, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(${u}, 0)`, children: [
|
|
1447
|
+
/* @__PURE__ */ n("g", { children: v.map((m, f) => {
|
|
1448
|
+
const x = C(m);
|
|
1449
|
+
return /* @__PURE__ */ p("g", { children: [
|
|
1450
1450
|
/* @__PURE__ */ n(
|
|
1451
1451
|
"line",
|
|
1452
1452
|
{
|
|
1453
1453
|
x1: 0,
|
|
1454
|
-
x2:
|
|
1454
|
+
x2: _ - u * 2,
|
|
1455
1455
|
y1: x,
|
|
1456
1456
|
y2: x,
|
|
1457
1457
|
stroke: "#ccc"
|
|
@@ -1465,14 +1465,14 @@ const St = ({
|
|
|
1465
1465
|
textAnchor: "end",
|
|
1466
1466
|
fontSize: 10,
|
|
1467
1467
|
fill: t,
|
|
1468
|
-
children: parseInt(
|
|
1468
|
+
children: parseInt(m)
|
|
1469
1469
|
}
|
|
1470
1470
|
)
|
|
1471
|
-
] },
|
|
1471
|
+
] }, f);
|
|
1472
1472
|
}) }),
|
|
1473
|
-
i && i.length > 0 && i.map((
|
|
1474
|
-
const x =
|
|
1475
|
-
return /* @__PURE__ */
|
|
1473
|
+
i && i.length > 0 && i.map((m, f) => {
|
|
1474
|
+
const x = C(0) - C(m.value), w = f * (s + o), N = C(m.value);
|
|
1475
|
+
return /* @__PURE__ */ p("g", { children: [
|
|
1476
1476
|
/* @__PURE__ */ n(
|
|
1477
1477
|
"rect",
|
|
1478
1478
|
{
|
|
@@ -1480,7 +1480,7 @@ const St = ({
|
|
|
1480
1480
|
y: N,
|
|
1481
1481
|
width: s,
|
|
1482
1482
|
height: x,
|
|
1483
|
-
fill:
|
|
1483
|
+
fill: m.color,
|
|
1484
1484
|
rx: 0
|
|
1485
1485
|
}
|
|
1486
1486
|
),
|
|
@@ -1488,43 +1488,43 @@ const St = ({
|
|
|
1488
1488
|
"text",
|
|
1489
1489
|
{
|
|
1490
1490
|
x: w + s / 2,
|
|
1491
|
-
y:
|
|
1491
|
+
y: y - 10,
|
|
1492
1492
|
textAnchor: "start",
|
|
1493
1493
|
fill: t,
|
|
1494
1494
|
fontSize: 12,
|
|
1495
|
-
transform: `rotate(-90, ${w + s / 2}, ${
|
|
1496
|
-
children:
|
|
1495
|
+
transform: `rotate(-90, ${w + s / 2}, ${y - 10})`,
|
|
1496
|
+
children: m.title
|
|
1497
1497
|
}
|
|
1498
1498
|
)
|
|
1499
|
-
] },
|
|
1499
|
+
] }, f);
|
|
1500
1500
|
})
|
|
1501
|
-
] }) }) }) : /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width:
|
|
1502
|
-
/* @__PURE__ */ n("g", { transform: `translate(${r + u}, 0)`, children: v.map((
|
|
1503
|
-
const x = b(
|
|
1504
|
-
return /* @__PURE__ */
|
|
1501
|
+
] }) }) }) : /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: _ + u * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
|
|
1502
|
+
/* @__PURE__ */ n("g", { transform: `translate(${r + u}, 0)`, children: v.map((m, f) => {
|
|
1503
|
+
const x = b(m);
|
|
1504
|
+
return /* @__PURE__ */ p("g", { transform: `translate(${x}, 0)`, children: [
|
|
1505
1505
|
/* @__PURE__ */ n(
|
|
1506
1506
|
"line",
|
|
1507
1507
|
{
|
|
1508
1508
|
y1: 0,
|
|
1509
|
-
y2:
|
|
1509
|
+
y2: y - 50 - o * 2,
|
|
1510
1510
|
stroke: "#ccc"
|
|
1511
1511
|
}
|
|
1512
1512
|
),
|
|
1513
1513
|
/* @__PURE__ */ n(
|
|
1514
1514
|
"text",
|
|
1515
1515
|
{
|
|
1516
|
-
y:
|
|
1516
|
+
y: y - 50 - o,
|
|
1517
1517
|
textAnchor: "middle",
|
|
1518
1518
|
fontSize: 10,
|
|
1519
1519
|
fill: t,
|
|
1520
|
-
children: parseInt(
|
|
1520
|
+
children: parseInt(m)
|
|
1521
1521
|
}
|
|
1522
1522
|
)
|
|
1523
|
-
] },
|
|
1523
|
+
] }, f);
|
|
1524
1524
|
}) }),
|
|
1525
|
-
i && i.length > 0 && i.map((
|
|
1526
|
-
const x = b(
|
|
1527
|
-
return /* @__PURE__ */
|
|
1525
|
+
i && i.length > 0 && i.map((m, f) => {
|
|
1526
|
+
const x = b(m.value), w = f * (s + o);
|
|
1527
|
+
return /* @__PURE__ */ p(
|
|
1528
1528
|
"g",
|
|
1529
1529
|
{
|
|
1530
1530
|
transform: `translate(${r + u}, ${w})`,
|
|
@@ -1536,7 +1536,7 @@ const St = ({
|
|
|
1536
1536
|
y: s / 2 + 5,
|
|
1537
1537
|
textAnchor: "end",
|
|
1538
1538
|
fill: t,
|
|
1539
|
-
children:
|
|
1539
|
+
children: m.title
|
|
1540
1540
|
}
|
|
1541
1541
|
),
|
|
1542
1542
|
/* @__PURE__ */ n(
|
|
@@ -1544,13 +1544,13 @@ const St = ({
|
|
|
1544
1544
|
{
|
|
1545
1545
|
width: x,
|
|
1546
1546
|
height: s,
|
|
1547
|
-
fill:
|
|
1547
|
+
fill: m.color,
|
|
1548
1548
|
rx: 0
|
|
1549
1549
|
}
|
|
1550
1550
|
)
|
|
1551
1551
|
]
|
|
1552
1552
|
},
|
|
1553
|
-
|
|
1553
|
+
f
|
|
1554
1554
|
);
|
|
1555
1555
|
})
|
|
1556
1556
|
] }) }) });
|
|
@@ -1574,23 +1574,23 @@ St.propTypes = {
|
|
|
1574
1574
|
maxValue: e.number,
|
|
1575
1575
|
orientation: e.oneOf(["horizontal", "vertical"])
|
|
1576
1576
|
};
|
|
1577
|
-
const
|
|
1578
|
-
graphicContainer:
|
|
1579
|
-
titleContainer:
|
|
1580
|
-
},
|
|
1577
|
+
const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
|
|
1578
|
+
graphicContainer: g0,
|
|
1579
|
+
titleContainer: C0
|
|
1580
|
+
}, f0 = ({
|
|
1581
1581
|
data: i,
|
|
1582
1582
|
graphLength: d = 700,
|
|
1583
1583
|
containerStyle: s,
|
|
1584
1584
|
borderColor: o = "#605B56",
|
|
1585
1585
|
title: t = "Graphic Title",
|
|
1586
1586
|
fontColor: r = "#605B56",
|
|
1587
|
-
maxValue:
|
|
1587
|
+
maxValue: l = null,
|
|
1588
1588
|
numberOfDivisions: a = 7,
|
|
1589
|
-
leftPadding:
|
|
1589
|
+
leftPadding: c = -200,
|
|
1590
1590
|
orientation: u = "horizontal"
|
|
1591
1591
|
}) => {
|
|
1592
|
-
const { t: h } =
|
|
1593
|
-
return /* @__PURE__ */
|
|
1592
|
+
const { t: h } = L();
|
|
1593
|
+
return /* @__PURE__ */ p(
|
|
1594
1594
|
"div",
|
|
1595
1595
|
{
|
|
1596
1596
|
className: nt.graphicContainer,
|
|
@@ -1607,9 +1607,9 @@ const Cn = "_graphicContainer_c9zrg_2", fn = "_titleContainer_c9zrg_14", nt = {
|
|
|
1607
1607
|
data: i,
|
|
1608
1608
|
length: d,
|
|
1609
1609
|
fontColor: r,
|
|
1610
|
-
maxValue:
|
|
1610
|
+
maxValue: l,
|
|
1611
1611
|
numberOfDivisions: a,
|
|
1612
|
-
leftPadding:
|
|
1612
|
+
leftPadding: c,
|
|
1613
1613
|
orientation: u
|
|
1614
1614
|
}
|
|
1615
1615
|
)
|
|
@@ -1617,7 +1617,7 @@ const Cn = "_graphicContainer_c9zrg_2", fn = "_titleContainer_c9zrg_14", nt = {
|
|
|
1617
1617
|
}
|
|
1618
1618
|
);
|
|
1619
1619
|
};
|
|
1620
|
-
|
|
1620
|
+
f0.propTypes = {
|
|
1621
1621
|
data: e.arrayOf(
|
|
1622
1622
|
e.shape({
|
|
1623
1623
|
color: e.string.isRequired,
|
|
@@ -1634,48 +1634,48 @@ bn.propTypes = {
|
|
|
1634
1634
|
numberOfDivisions: e.number,
|
|
1635
1635
|
leftPadding: e.number
|
|
1636
1636
|
};
|
|
1637
|
-
const
|
|
1638
|
-
indicatorsCategory:
|
|
1639
|
-
title:
|
|
1640
|
-
list:
|
|
1641
|
-
}, it = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e",
|
|
1642
|
-
indicatorContainer:
|
|
1643
|
-
indicatorNameContainer:
|
|
1644
|
-
dot:
|
|
1645
|
-
indicatorName:
|
|
1646
|
-
switchExternalContainer:
|
|
1647
|
-
switchType:
|
|
1648
|
-
switchTypeOptions:
|
|
1649
|
-
optionContainer:
|
|
1650
|
-
customRadious:
|
|
1651
|
-
optionText:
|
|
1652
|
-
},
|
|
1637
|
+
const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arwy3_13", Le = {
|
|
1638
|
+
indicatorsCategory: b0,
|
|
1639
|
+
title: y0,
|
|
1640
|
+
list: _0
|
|
1641
|
+
}, it = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e", v0 = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23ffffff'/%3e%3c/svg%3e", w0 = "_indicatorContainer_17b40_2", x0 = "_indicatorNameContainer_17b40_11", N0 = "_dot_17b40_17", k0 = "_indicatorName_17b40_11", S0 = "_switchExternalContainer_17b40_31", $0 = "_switchType_17b40_39", B0 = "_switchTypeOptions_17b40_43", L0 = "_optionContainer_17b40_54", T0 = "_customRadious_17b40_64", M0 = "_optionText_17b40_71", R = {
|
|
1642
|
+
indicatorContainer: w0,
|
|
1643
|
+
indicatorNameContainer: x0,
|
|
1644
|
+
dot: N0,
|
|
1645
|
+
indicatorName: k0,
|
|
1646
|
+
switchExternalContainer: S0,
|
|
1647
|
+
switchType: $0,
|
|
1648
|
+
switchTypeOptions: B0,
|
|
1649
|
+
optionContainer: L0,
|
|
1650
|
+
customRadious: T0,
|
|
1651
|
+
optionText: M0
|
|
1652
|
+
}, Xe = ({
|
|
1653
1653
|
indicator: i,
|
|
1654
1654
|
values: d = [],
|
|
1655
1655
|
activeColor: s,
|
|
1656
1656
|
defaultColor: o = "#92898A",
|
|
1657
1657
|
activeIndicator: t,
|
|
1658
1658
|
activeIndicatorType: r,
|
|
1659
|
-
onClickIndicator:
|
|
1659
|
+
onClickIndicator: l,
|
|
1660
1660
|
multiple: a = !1,
|
|
1661
|
-
onChangeType:
|
|
1661
|
+
onChangeType: c
|
|
1662
1662
|
}) => {
|
|
1663
|
-
const { t: u } =
|
|
1663
|
+
const { t: u } = L(), { name: h, type: g, disabled: b } = i;
|
|
1664
1664
|
console.log(it);
|
|
1665
|
-
const [
|
|
1665
|
+
const [C, v] = D(!1);
|
|
1666
1666
|
F(() => {
|
|
1667
1667
|
t && v(
|
|
1668
1668
|
a ? t.some(
|
|
1669
|
-
(
|
|
1669
|
+
(m) => m.name == String(h)
|
|
1670
1670
|
) : t.name == h
|
|
1671
1671
|
);
|
|
1672
1672
|
}, [t]);
|
|
1673
|
-
const
|
|
1674
|
-
/* @__PURE__ */
|
|
1673
|
+
const y = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
|
|
1674
|
+
/* @__PURE__ */ p(
|
|
1675
1675
|
"div",
|
|
1676
1676
|
{
|
|
1677
1677
|
className: R.optionContainer,
|
|
1678
|
-
onClick: () =>
|
|
1678
|
+
onClick: () => c("cat"),
|
|
1679
1679
|
children: [
|
|
1680
1680
|
/* @__PURE__ */ n(
|
|
1681
1681
|
"span",
|
|
@@ -1700,11 +1700,11 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
|
|
|
1700
1700
|
]
|
|
1701
1701
|
}
|
|
1702
1702
|
),
|
|
1703
|
-
/* @__PURE__ */
|
|
1703
|
+
/* @__PURE__ */ p(
|
|
1704
1704
|
"div",
|
|
1705
1705
|
{
|
|
1706
1706
|
className: R.optionContainer,
|
|
1707
|
-
onClick: () =>
|
|
1707
|
+
onClick: () => c("abs"),
|
|
1708
1708
|
children: [
|
|
1709
1709
|
/* @__PURE__ */ n(
|
|
1710
1710
|
"span",
|
|
@@ -1729,7 +1729,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
|
|
|
1729
1729
|
]
|
|
1730
1730
|
}
|
|
1731
1731
|
)
|
|
1732
|
-
] }) }) }),
|
|
1732
|
+
] }) }) }), _ = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ n("div", { className: R.switchTypeOptions, children: d.map((m, f) => /* @__PURE__ */ p(
|
|
1733
1733
|
"div",
|
|
1734
1734
|
{
|
|
1735
1735
|
className: R.optionContainer,
|
|
@@ -1740,28 +1740,28 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
|
|
|
1740
1740
|
className: R.customRadious
|
|
1741
1741
|
}
|
|
1742
1742
|
),
|
|
1743
|
-
/* @__PURE__ */ n("h4", { children: u(
|
|
1743
|
+
/* @__PURE__ */ n("h4", { children: u(m.unit) })
|
|
1744
1744
|
]
|
|
1745
1745
|
},
|
|
1746
|
-
|
|
1746
|
+
f
|
|
1747
1747
|
)) }) }) });
|
|
1748
|
-
return /* @__PURE__ */
|
|
1749
|
-
/* @__PURE__ */
|
|
1748
|
+
return /* @__PURE__ */ p("div", { className: R.indicatorContainer, children: [
|
|
1749
|
+
/* @__PURE__ */ p(
|
|
1750
1750
|
"div",
|
|
1751
1751
|
{
|
|
1752
1752
|
className: R.indicatorNameContainer,
|
|
1753
|
-
onClick: () => !b &&
|
|
1753
|
+
onClick: () => !b && l({ indicator: i }),
|
|
1754
1754
|
children: [
|
|
1755
1755
|
/* @__PURE__ */ n(
|
|
1756
1756
|
"div",
|
|
1757
1757
|
{
|
|
1758
1758
|
style: {
|
|
1759
|
-
border:
|
|
1759
|
+
border: C ? `1px solid ${s}` : `1px solid ${o}`,
|
|
1760
1760
|
opacity: b ? 0.5 : 1,
|
|
1761
|
-
backgroundColor:
|
|
1761
|
+
backgroundColor: C ? s : "transparent"
|
|
1762
1762
|
},
|
|
1763
1763
|
className: R.dot,
|
|
1764
|
-
children: a && /* @__PURE__ */ n("img", { src:
|
|
1764
|
+
children: a && /* @__PURE__ */ n("img", { src: C ? v0 : it, alt: "" })
|
|
1765
1765
|
}
|
|
1766
1766
|
),
|
|
1767
1767
|
/* @__PURE__ */ n(
|
|
@@ -1769,7 +1769,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
|
|
|
1769
1769
|
{
|
|
1770
1770
|
className: R.indicatorName,
|
|
1771
1771
|
style: {
|
|
1772
|
-
color:
|
|
1772
|
+
color: C ? s : o,
|
|
1773
1773
|
opacity: b ? 0.5 : 1
|
|
1774
1774
|
},
|
|
1775
1775
|
children: /* @__PURE__ */ n(
|
|
@@ -1785,11 +1785,11 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
|
|
|
1785
1785
|
]
|
|
1786
1786
|
}
|
|
1787
1787
|
),
|
|
1788
|
-
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ n("div", { children:
|
|
1789
|
-
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ n("div", { children:
|
|
1788
|
+
(t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ n("div", { children: y() }),
|
|
1789
|
+
(t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ n("div", { children: _() })
|
|
1790
1790
|
] });
|
|
1791
1791
|
};
|
|
1792
|
-
|
|
1792
|
+
Xe.propTypes = {
|
|
1793
1793
|
indicator: e.shape({
|
|
1794
1794
|
name: e.string,
|
|
1795
1795
|
type: e.string
|
|
@@ -1801,9 +1801,9 @@ Qe.propTypes = {
|
|
|
1801
1801
|
multiple: e.bool,
|
|
1802
1802
|
onClickIndicator: e.func
|
|
1803
1803
|
};
|
|
1804
|
-
const
|
|
1805
|
-
indicatorsSubCategory:
|
|
1806
|
-
list:
|
|
1804
|
+
const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
|
|
1805
|
+
indicatorsSubCategory: V0,
|
|
1806
|
+
list: D0
|
|
1807
1807
|
}, $t = ({
|
|
1808
1808
|
subcName: i,
|
|
1809
1809
|
indicators: d,
|
|
@@ -1811,47 +1811,47 @@ const Dn = "_indicatorsSubCategory_1nuug_2", Fn = "_list_1nuug_11", st = {
|
|
|
1811
1811
|
activeColor: o,
|
|
1812
1812
|
activeSubCategory: t,
|
|
1813
1813
|
onClickSubCategory: r,
|
|
1814
|
-
id:
|
|
1814
|
+
id: l,
|
|
1815
1815
|
activeIndicator: a,
|
|
1816
|
-
onClickIndicator:
|
|
1816
|
+
onClickIndicator: c,
|
|
1817
1817
|
multiple: u,
|
|
1818
1818
|
activeIndicatorType: h,
|
|
1819
1819
|
onChangeType: g
|
|
1820
1820
|
}) => {
|
|
1821
|
-
const { t: b } =
|
|
1821
|
+
const { t: b } = L(), [C, v] = D(!1);
|
|
1822
1822
|
return F(() => {
|
|
1823
|
-
v(t ==
|
|
1824
|
-
}, [t,
|
|
1823
|
+
v(t == l);
|
|
1824
|
+
}, [t, l]), /* @__PURE__ */ p(
|
|
1825
1825
|
Ge.div,
|
|
1826
1826
|
{
|
|
1827
1827
|
className: st.indicatorsSubCategory,
|
|
1828
1828
|
initial: { height: "43px" },
|
|
1829
|
-
animate: { height:
|
|
1829
|
+
animate: { height: C ? "auto" : "43px" },
|
|
1830
1830
|
transition: { duration: 0.4 },
|
|
1831
1831
|
children: [
|
|
1832
|
-
/* @__PURE__ */ n("button", { onClick: () => r(
|
|
1833
|
-
/* @__PURE__ */ n("span", { style: { color:
|
|
1832
|
+
/* @__PURE__ */ n("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: C ? o : s }, children: [
|
|
1833
|
+
/* @__PURE__ */ n("span", { style: { color: C ? o : s }, children: C ? "-" : "+" }),
|
|
1834
1834
|
/* @__PURE__ */ n(
|
|
1835
1835
|
"span",
|
|
1836
1836
|
{
|
|
1837
|
-
style: { color:
|
|
1837
|
+
style: { color: C ? o : s },
|
|
1838
1838
|
children: b(i)
|
|
1839
1839
|
}
|
|
1840
1840
|
)
|
|
1841
1841
|
] }) }),
|
|
1842
|
-
d && /* @__PURE__ */ n("div", { className: st.list, children: d == null ? void 0 : d.map((
|
|
1843
|
-
|
|
1842
|
+
d && /* @__PURE__ */ n("div", { className: st.list, children: d == null ? void 0 : d.map((y, _) => /* @__PURE__ */ n(
|
|
1843
|
+
Xe,
|
|
1844
1844
|
{
|
|
1845
|
-
indicator:
|
|
1845
|
+
indicator: y,
|
|
1846
1846
|
defaultColor: s,
|
|
1847
1847
|
activeColor: o,
|
|
1848
1848
|
activeIndicator: a,
|
|
1849
|
-
onClickIndicator:
|
|
1849
|
+
onClickIndicator: c,
|
|
1850
1850
|
multiple: u,
|
|
1851
1851
|
activeIndicatorType: h,
|
|
1852
1852
|
onChangeType: g
|
|
1853
1853
|
},
|
|
1854
|
-
"indicator" +
|
|
1854
|
+
"indicator" + _
|
|
1855
1855
|
)) })
|
|
1856
1856
|
]
|
|
1857
1857
|
}
|
|
@@ -1876,22 +1876,22 @@ const Bt = ({
|
|
|
1876
1876
|
defaultColor: o,
|
|
1877
1877
|
onClickCategory: t,
|
|
1878
1878
|
activeCategory: r,
|
|
1879
|
-
activeSubCategory:
|
|
1879
|
+
activeSubCategory: l,
|
|
1880
1880
|
onClickSubCategory: a,
|
|
1881
|
-
activeIndicator:
|
|
1881
|
+
activeIndicator: c,
|
|
1882
1882
|
onClickIndicator: u,
|
|
1883
1883
|
multiple: h,
|
|
1884
1884
|
activeIndicatorType: g,
|
|
1885
1885
|
onChangeType: b
|
|
1886
1886
|
}) => {
|
|
1887
|
-
var
|
|
1888
|
-
const { t:
|
|
1887
|
+
var _;
|
|
1888
|
+
const { t: C } = L(), [v, y] = D(!1);
|
|
1889
1889
|
return F(() => {
|
|
1890
|
-
|
|
1891
|
-
}, [r, d]), /* @__PURE__ */
|
|
1890
|
+
y(r === d);
|
|
1891
|
+
}, [r, d]), /* @__PURE__ */ p(
|
|
1892
1892
|
Ge.div,
|
|
1893
1893
|
{
|
|
1894
|
-
className:
|
|
1894
|
+
className: Le.indicatorsCategory,
|
|
1895
1895
|
initial: { height: "53px" },
|
|
1896
1896
|
animate: { height: v ? "auto" : "53px" },
|
|
1897
1897
|
transition: { duration: 0.4 },
|
|
@@ -1901,25 +1901,25 @@ const Bt = ({
|
|
|
1901
1901
|
marginBottom: v ? "20px" : "0px"
|
|
1902
1902
|
},
|
|
1903
1903
|
children: [
|
|
1904
|
-
/* @__PURE__ */
|
|
1905
|
-
/* @__PURE__ */ n("span", { className:
|
|
1904
|
+
/* @__PURE__ */ p("h2", { className: `${Le.title}`, onClick: () => t(d), children: [
|
|
1905
|
+
/* @__PURE__ */ n("span", { className: Le.plus, style: { color: v ? s : o }, children: v ? "-" : "+" }),
|
|
1906
1906
|
/* @__PURE__ */ n(
|
|
1907
1907
|
"span",
|
|
1908
1908
|
{
|
|
1909
1909
|
style: { color: v ? s : o },
|
|
1910
|
-
children:
|
|
1910
|
+
children: C(i.name)
|
|
1911
1911
|
}
|
|
1912
1912
|
)
|
|
1913
1913
|
] }),
|
|
1914
1914
|
i.subcategories ? i.subcategories.map(
|
|
1915
|
-
({ name:
|
|
1915
|
+
({ name: m, subcategory: f, indicators: x }, w) => /* @__PURE__ */ n(
|
|
1916
1916
|
$t,
|
|
1917
1917
|
{
|
|
1918
|
-
id:
|
|
1919
|
-
activeSubCategory:
|
|
1920
|
-
subcName:
|
|
1918
|
+
id: f,
|
|
1919
|
+
activeSubCategory: l,
|
|
1920
|
+
subcName: m,
|
|
1921
1921
|
onClickSubCategory: a,
|
|
1922
|
-
activeIndicator:
|
|
1922
|
+
activeIndicator: c,
|
|
1923
1923
|
onClickIndicator: u,
|
|
1924
1924
|
multiple: h,
|
|
1925
1925
|
activeColor: s,
|
|
@@ -1930,20 +1930,20 @@ const Bt = ({
|
|
|
1930
1930
|
},
|
|
1931
1931
|
`subcKey ${w}`
|
|
1932
1932
|
)
|
|
1933
|
-
) : /* @__PURE__ */ n("div", { className:
|
|
1934
|
-
|
|
1933
|
+
) : /* @__PURE__ */ n("div", { className: Le.list, children: (_ = i.indicators) == null ? void 0 : _.map((m, f) => /* @__PURE__ */ n(
|
|
1934
|
+
Xe,
|
|
1935
1935
|
{
|
|
1936
|
-
indicator:
|
|
1937
|
-
values:
|
|
1936
|
+
indicator: m,
|
|
1937
|
+
values: m.type == "twoUnits" && m.values,
|
|
1938
1938
|
activeColor: s,
|
|
1939
1939
|
defaultColor: o,
|
|
1940
|
-
activeIndicator:
|
|
1940
|
+
activeIndicator: c,
|
|
1941
1941
|
onClickIndicator: u,
|
|
1942
1942
|
multiple: h,
|
|
1943
1943
|
activeIndicatorType: g,
|
|
1944
1944
|
onChangeType: b
|
|
1945
1945
|
},
|
|
1946
|
-
`indicator${
|
|
1946
|
+
`indicator${f}`
|
|
1947
1947
|
)) })
|
|
1948
1948
|
]
|
|
1949
1949
|
}
|
|
@@ -1963,10 +1963,10 @@ Bt.propTypes = {
|
|
|
1963
1963
|
activeColor: e.string,
|
|
1964
1964
|
defaultColor: e.string
|
|
1965
1965
|
};
|
|
1966
|
-
const
|
|
1967
|
-
indicatorsList:
|
|
1968
|
-
title:
|
|
1969
|
-
},
|
|
1966
|
+
const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
|
|
1967
|
+
indicatorsList: F0,
|
|
1968
|
+
title: A0
|
|
1969
|
+
}, I0 = ({
|
|
1970
1970
|
indicators: i,
|
|
1971
1971
|
activeColor: d,
|
|
1972
1972
|
defaultColor: s = "#92898A",
|
|
@@ -1977,40 +1977,40 @@ const An = "_indicatorsList_13b3m_2", In = "_title_13b3m_6", ot = {
|
|
|
1977
1977
|
// Si multiple es true, debe ser un array de strings, sino un string
|
|
1978
1978
|
defaultValue: r = null,
|
|
1979
1979
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1980
|
-
changeIndType:
|
|
1980
|
+
changeIndType: l,
|
|
1981
1981
|
activeIndicatorType: a
|
|
1982
1982
|
}) => {
|
|
1983
|
-
const { t:
|
|
1983
|
+
const { t: c } = L(), [u, h] = D(), [g, b] = D(), [C, v] = D(), y = (w) => {
|
|
1984
1984
|
h(u == w ? null : w);
|
|
1985
|
-
},
|
|
1985
|
+
}, _ = (w) => {
|
|
1986
1986
|
b(g == w ? null : w);
|
|
1987
|
-
},
|
|
1988
|
-
|
|
1989
|
-
},
|
|
1987
|
+
}, m = ({ indicator: w }) => {
|
|
1988
|
+
f(w);
|
|
1989
|
+
}, f = (w) => {
|
|
1990
1990
|
if (!t)
|
|
1991
1991
|
v(
|
|
1992
|
-
(
|
|
1992
|
+
(C == null ? void 0 : C.name) == w.name ? null : w
|
|
1993
1993
|
);
|
|
1994
1994
|
else {
|
|
1995
|
-
let N =
|
|
1995
|
+
let N = C && C.length > 0 ? [...C] : [];
|
|
1996
1996
|
v(
|
|
1997
1997
|
N != null && N.some(
|
|
1998
1998
|
(S) => S.name == w.name
|
|
1999
1999
|
) ? N.filter(
|
|
2000
2000
|
(S) => S.name != String(w.name)
|
|
2001
2001
|
) : [...N, w]
|
|
2002
|
-
), w.type == "both" &&
|
|
2002
|
+
), w.type == "both" && l("cat");
|
|
2003
2003
|
}
|
|
2004
2004
|
};
|
|
2005
2005
|
F(() => {
|
|
2006
|
-
o && typeof o == "function" &&
|
|
2007
|
-
}, [
|
|
2008
|
-
if (r && !
|
|
2006
|
+
o && typeof o == "function" && C && o({ activeIndicator: C });
|
|
2007
|
+
}, [C]), Et(() => {
|
|
2008
|
+
if (r && !C)
|
|
2009
2009
|
if (t && r && Array.isArray(r)) {
|
|
2010
|
-
let w =
|
|
2010
|
+
let w = C && C.length > 0 ? [...C] : [];
|
|
2011
2011
|
v([...w, ...r]), x(r[0].name);
|
|
2012
2012
|
} else
|
|
2013
|
-
|
|
2013
|
+
f(r), x(r.name);
|
|
2014
2014
|
}, []);
|
|
2015
2015
|
const x = (w) => {
|
|
2016
2016
|
const N = i.find((S) => {
|
|
@@ -2025,31 +2025,31 @@ const An = "_indicatorsList_13b3m_2", In = "_title_13b3m_6", ot = {
|
|
|
2025
2025
|
});
|
|
2026
2026
|
N && h(N.category);
|
|
2027
2027
|
};
|
|
2028
|
-
return /* @__PURE__ */
|
|
2029
|
-
/* @__PURE__ */ n("h2", { className: ot.title, style: { color: s }, children:
|
|
2028
|
+
return /* @__PURE__ */ p("div", { className: ot.indicatorsList, children: [
|
|
2029
|
+
/* @__PURE__ */ n("h2", { className: ot.title, style: { color: s }, children: c("indicators.indicators") }),
|
|
2030
2030
|
i.map((w, N) => /* @__PURE__ */ n(
|
|
2031
2031
|
Bt,
|
|
2032
2032
|
{
|
|
2033
2033
|
id: w.category,
|
|
2034
2034
|
cat: w,
|
|
2035
|
-
onClickCategory:
|
|
2035
|
+
onClickCategory: y,
|
|
2036
2036
|
activeCategory: u,
|
|
2037
|
-
onClickSubCategory:
|
|
2037
|
+
onClickSubCategory: _,
|
|
2038
2038
|
activeSubCategory: g,
|
|
2039
|
-
onClickIndicator:
|
|
2040
|
-
activeIndicator:
|
|
2039
|
+
onClickIndicator: m,
|
|
2040
|
+
activeIndicator: C,
|
|
2041
2041
|
activeColor: d,
|
|
2042
2042
|
defaultColor: s,
|
|
2043
2043
|
multiple: t,
|
|
2044
2044
|
onChange: o,
|
|
2045
|
-
onChangeType:
|
|
2045
|
+
onChangeType: l,
|
|
2046
2046
|
activeIndicatorType: a
|
|
2047
2047
|
},
|
|
2048
2048
|
`categoryKey${N}`
|
|
2049
2049
|
))
|
|
2050
2050
|
] });
|
|
2051
2051
|
};
|
|
2052
|
-
|
|
2052
|
+
I0.propTypes = {
|
|
2053
2053
|
indicators: e.arrayOf(e.object),
|
|
2054
2054
|
activeColor: e.string,
|
|
2055
2055
|
defaultColor: e.string,
|
|
@@ -2060,18 +2060,18 @@ On.propTypes = {
|
|
|
2060
2060
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
2061
2061
|
activeIndicatorType: e.string
|
|
2062
2062
|
};
|
|
2063
|
-
const
|
|
2064
|
-
langSelector:
|
|
2065
|
-
currentLang:
|
|
2066
|
-
arrow:
|
|
2067
|
-
prevImg:
|
|
2068
|
-
langMenu:
|
|
2069
|
-
},
|
|
2070
|
-
const [o, t] = D(!1), { i18n: r } =
|
|
2071
|
-
r.changeLanguage(
|
|
2063
|
+
const O0 = "_langSelector_o9enq_2", R0 = "_currentLang_o9enq_14", q0 = "_arrow_o9enq_26", P0 = "_prevImg_o9enq_29", E0 = "_langMenu_o9enq_33", de = {
|
|
2064
|
+
langSelector: O0,
|
|
2065
|
+
currentLang: R0,
|
|
2066
|
+
arrow: q0,
|
|
2067
|
+
prevImg: P0,
|
|
2068
|
+
langMenu: E0
|
|
2069
|
+
}, j0 = ({ langs: i, arrow: d, imgPrev: s }) => {
|
|
2070
|
+
const [o, t] = D(!1), { i18n: r } = L(), l = i.find((c) => c.code == r.language), a = (c) => {
|
|
2071
|
+
r.changeLanguage(c), t(!1);
|
|
2072
2072
|
};
|
|
2073
|
-
return /* @__PURE__ */
|
|
2074
|
-
/* @__PURE__ */
|
|
2073
|
+
return /* @__PURE__ */ p("div", { className: de.langSelector, children: [
|
|
2074
|
+
/* @__PURE__ */ p(
|
|
2075
2075
|
"div",
|
|
2076
2076
|
{
|
|
2077
2077
|
className: de.currentLang,
|
|
@@ -2080,23 +2080,23 @@ const Rn = "_langSelector_o9enq_2", qn = "_currentLang_o9enq_14", Pn = "_arrow_o
|
|
|
2080
2080
|
},
|
|
2081
2081
|
children: [
|
|
2082
2082
|
s && /* @__PURE__ */ n("img", { className: de.prevImg, src: s }),
|
|
2083
|
-
(
|
|
2083
|
+
(l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
|
|
2084
2084
|
/* @__PURE__ */ n("img", { src: d, className: de.arrow })
|
|
2085
2085
|
]
|
|
2086
2086
|
}
|
|
2087
2087
|
),
|
|
2088
|
-
o && /* @__PURE__ */ n("div", { className: de.langMenu, children: i.map((
|
|
2088
|
+
o && /* @__PURE__ */ n("div", { className: de.langMenu, children: i.map((c) => /* @__PURE__ */ n(
|
|
2089
2089
|
"button",
|
|
2090
2090
|
{
|
|
2091
|
-
className: (
|
|
2092
|
-
onClick: () => a(
|
|
2093
|
-
children:
|
|
2091
|
+
className: (l == null ? void 0 : l.code) == c.code ? de.active : "",
|
|
2092
|
+
onClick: () => a(c.code),
|
|
2093
|
+
children: c.title
|
|
2094
2094
|
},
|
|
2095
|
-
|
|
2095
|
+
c.code
|
|
2096
2096
|
)) })
|
|
2097
2097
|
] });
|
|
2098
2098
|
};
|
|
2099
|
-
|
|
2099
|
+
j0.propTypes = {
|
|
2100
2100
|
langs: e.arrayOf(
|
|
2101
2101
|
e.shape({
|
|
2102
2102
|
code: e.string,
|
|
@@ -2110,23 +2110,23 @@ zn.propTypes = {
|
|
|
2110
2110
|
arrow: e.object,
|
|
2111
2111
|
imgPrev: e.object
|
|
2112
2112
|
};
|
|
2113
|
-
const
|
|
2114
|
-
legendContainer:
|
|
2115
|
-
closeButton:
|
|
2116
|
-
titleContainer:
|
|
2117
|
-
infoContainer:
|
|
2118
|
-
titleLegendList:
|
|
2119
|
-
legendListContainer:
|
|
2120
|
-
gridContainer:
|
|
2121
|
-
elementLegendContainer:
|
|
2122
|
-
colorDot:
|
|
2123
|
-
absoluteValueContainer:
|
|
2124
|
-
absoluteValueColor:
|
|
2125
|
-
absoluteValueText:
|
|
2126
|
-
noDataContainer:
|
|
2127
|
-
noData:
|
|
2128
|
-
moreInfoContainer:
|
|
2129
|
-
},
|
|
2113
|
+
const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titleContainer_qs4x9_59", K0 = "_infoContainer_qs4x9_65", U0 = "_titleLegendList_qs4x9_76", W0 = "_legendListContainer_qs4x9_82", G0 = "_gridContainer_qs4x9_82", Y0 = "_elementLegendContainer_qs4x9_88", X0 = "_colorDot_qs4x9_94", Q0 = "_absoluteValueContainer_qs4x9_100", J0 = "_absoluteValueColor_qs4x9_103", en = "_absoluteValueText_qs4x9_108", tn = "_noDataContainer_qs4x9_120", nn = "_noData_qs4x9_120", sn = "_moreInfoContainer_qs4x9_141", O = {
|
|
2114
|
+
legendContainer: Z0,
|
|
2115
|
+
closeButton: z0,
|
|
2116
|
+
titleContainer: H0,
|
|
2117
|
+
infoContainer: K0,
|
|
2118
|
+
titleLegendList: U0,
|
|
2119
|
+
legendListContainer: W0,
|
|
2120
|
+
gridContainer: G0,
|
|
2121
|
+
elementLegendContainer: Y0,
|
|
2122
|
+
colorDot: X0,
|
|
2123
|
+
absoluteValueContainer: Q0,
|
|
2124
|
+
absoluteValueColor: J0,
|
|
2125
|
+
absoluteValueText: en,
|
|
2126
|
+
noDataContainer: tn,
|
|
2127
|
+
noData: nn,
|
|
2128
|
+
moreInfoContainer: sn
|
|
2129
|
+
}, on = ({
|
|
2130
2130
|
//JSON with the styles of the container (optional)
|
|
2131
2131
|
containerStyles: i,
|
|
2132
2132
|
//Title on top of the legend
|
|
@@ -2144,30 +2144,30 @@ const Zn = "_legendContainer_qs4x9_3", Hn = "_closeButton_qs4x9_31", Kn = "_titl
|
|
|
2144
2144
|
absoluteValue: r,
|
|
2145
2145
|
//Function to be called when the button is clicked (optional).
|
|
2146
2146
|
//If this is null or undefined the button wont be displayed.
|
|
2147
|
-
onClickMoreInfo:
|
|
2147
|
+
onClickMoreInfo: l,
|
|
2148
2148
|
//If not passed it will read t("moreInformation")
|
|
2149
2149
|
buttonTitle: a,
|
|
2150
|
-
onClickClose:
|
|
2150
|
+
onClickClose: c
|
|
2151
2151
|
}) => {
|
|
2152
|
-
const { t: u } =
|
|
2153
|
-
return /* @__PURE__ */
|
|
2152
|
+
const { t: u } = L();
|
|
2153
|
+
return /* @__PURE__ */ p(
|
|
2154
2154
|
"div",
|
|
2155
2155
|
{
|
|
2156
2156
|
style: i ? { ...i } : {},
|
|
2157
2157
|
className: `${O.legendContainer}`,
|
|
2158
2158
|
children: [
|
|
2159
|
-
/* @__PURE__ */ n("button", { className: O.closeButton, onClick:
|
|
2159
|
+
/* @__PURE__ */ n("button", { className: O.closeButton, onClick: c }),
|
|
2160
2160
|
d && /* @__PURE__ */ n("div", { className: O.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ n("h2", { children: d }) }),
|
|
2161
|
-
s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */
|
|
2161
|
+
s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
|
|
2162
2162
|
/* @__PURE__ */ n("h3", { className: O.title, children: `${h}:` }),
|
|
2163
|
-
/* @__PURE__ */
|
|
2163
|
+
/* @__PURE__ */ p("span", { className: O.value, children: [
|
|
2164
2164
|
" ",
|
|
2165
2165
|
g
|
|
2166
2166
|
] })
|
|
2167
2167
|
] }, d)) }) }),
|
|
2168
2168
|
/* @__PURE__ */ n("h3", { className: O.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ n(We, { i18nKey: t, components: { sup: /* @__PURE__ */ n("sup", {}) }, shouldUnescape: !0 }) }),
|
|
2169
|
-
/* @__PURE__ */
|
|
2170
|
-
r ? /* @__PURE__ */
|
|
2169
|
+
/* @__PURE__ */ p("div", { className: O.legendListContainer, children: [
|
|
2170
|
+
r ? /* @__PURE__ */ p("div", { className: O.absoluteValueContainer, children: [
|
|
2171
2171
|
/* @__PURE__ */ n(
|
|
2172
2172
|
"div",
|
|
2173
2173
|
{
|
|
@@ -2177,25 +2177,25 @@ const Zn = "_legendContainer_qs4x9_3", Hn = "_closeButton_qs4x9_31", Kn = "_titl
|
|
|
2177
2177
|
}
|
|
2178
2178
|
}
|
|
2179
2179
|
),
|
|
2180
|
-
/* @__PURE__ */
|
|
2181
|
-
/* @__PURE__ */
|
|
2180
|
+
/* @__PURE__ */ p("div", { className: O.absoluteValueText, children: [
|
|
2181
|
+
/* @__PURE__ */ p("span", { children: [
|
|
2182
2182
|
r.maxValue,
|
|
2183
2183
|
" ",
|
|
2184
2184
|
u(r.unit)
|
|
2185
2185
|
] }),
|
|
2186
|
-
r.midValue && /* @__PURE__ */
|
|
2186
|
+
r.midValue && /* @__PURE__ */ p("span", { children: [
|
|
2187
2187
|
r.midValue,
|
|
2188
2188
|
" ",
|
|
2189
2189
|
u(r.unit)
|
|
2190
2190
|
] }),
|
|
2191
|
-
/* @__PURE__ */
|
|
2191
|
+
/* @__PURE__ */ p("span", { children: [
|
|
2192
2192
|
r.minValue,
|
|
2193
2193
|
" ",
|
|
2194
2194
|
u(r.unit)
|
|
2195
2195
|
] })
|
|
2196
2196
|
] })
|
|
2197
2197
|
] }) : o && o.length > 0 && /* @__PURE__ */ n("div", { className: O.gridContainer, children: o.map(
|
|
2198
|
-
({ title: h, color: g }) => /* @__PURE__ */
|
|
2198
|
+
({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
|
|
2199
2199
|
/* @__PURE__ */ n(
|
|
2200
2200
|
"div",
|
|
2201
2201
|
{
|
|
@@ -2203,13 +2203,13 @@ const Zn = "_legendContainer_qs4x9_3", Hn = "_closeButton_qs4x9_31", Kn = "_titl
|
|
|
2203
2203
|
style: { backgroundColor: g }
|
|
2204
2204
|
}
|
|
2205
2205
|
),
|
|
2206
|
-
/* @__PURE__ */
|
|
2206
|
+
/* @__PURE__ */ p("div", { className: O.titleLegendElement, children: [
|
|
2207
2207
|
u(h),
|
|
2208
2208
|
" "
|
|
2209
2209
|
] })
|
|
2210
2210
|
] }, d)
|
|
2211
2211
|
) }),
|
|
2212
|
-
r.noDataColor && /* @__PURE__ */
|
|
2212
|
+
r.noDataColor && /* @__PURE__ */ p("div", { className: O.noDataContainer, children: [
|
|
2213
2213
|
/* @__PURE__ */ n(
|
|
2214
2214
|
"div",
|
|
2215
2215
|
{
|
|
@@ -2222,12 +2222,12 @@ const Zn = "_legendContainer_qs4x9_3", Hn = "_closeButton_qs4x9_31", Kn = "_titl
|
|
|
2222
2222
|
/* @__PURE__ */ n("div", { className: O.absoluteValueText, children: /* @__PURE__ */ n("span", { children: u(r.noDataText) }) })
|
|
2223
2223
|
] })
|
|
2224
2224
|
] }),
|
|
2225
|
-
|
|
2225
|
+
l && /* @__PURE__ */ n("button", { className: O.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
|
|
2226
2226
|
]
|
|
2227
2227
|
}
|
|
2228
2228
|
);
|
|
2229
2229
|
};
|
|
2230
|
-
|
|
2230
|
+
on.propTypes = {
|
|
2231
2231
|
title: e.string,
|
|
2232
2232
|
containerStyles: e.object,
|
|
2233
2233
|
infoList: e.arrayOf(
|
|
@@ -2254,45 +2254,45 @@ o0.propTypes = {
|
|
|
2254
2254
|
onClickClose: e.func,
|
|
2255
2255
|
noDataColor: e.string
|
|
2256
2256
|
};
|
|
2257
|
-
const
|
|
2258
|
-
logo:
|
|
2259
|
-
},
|
|
2260
|
-
const { t: o } =
|
|
2257
|
+
const rn = "_logo_1ewa6_2", rt = {
|
|
2258
|
+
logo: rn
|
|
2259
|
+
}, an = ({ src: i, alt: d, href: s }) => {
|
|
2260
|
+
const { t: o } = L(), t = /* @__PURE__ */ n("img", { src: i, alt: o(d) });
|
|
2261
2261
|
return s ? /* @__PURE__ */ n("div", { className: rt.logo, children: /* @__PURE__ */ n("a", { href: s, children: t }) }) : /* @__PURE__ */ n("div", { className: rt.logo, children: t });
|
|
2262
2262
|
};
|
|
2263
|
-
|
|
2263
|
+
an.propTypes = {
|
|
2264
2264
|
src: e.string.isRequired,
|
|
2265
2265
|
alt: e.string.isRequired,
|
|
2266
2266
|
href: e.string,
|
|
2267
2267
|
className: e.string
|
|
2268
2268
|
};
|
|
2269
|
-
const
|
|
2270
|
-
mapContainer:
|
|
2269
|
+
const ln = "_mapContainer_84pkf_2", cn = {
|
|
2270
|
+
mapContainer: ln
|
|
2271
2271
|
};
|
|
2272
2272
|
jt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
2273
|
-
const
|
|
2273
|
+
const dn = ({
|
|
2274
2274
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2275
2275
|
maxZoom: d = 17,
|
|
2276
2276
|
minZoom: s = 8,
|
|
2277
2277
|
mapStyle: o,
|
|
2278
2278
|
firstSymbolLayer: t,
|
|
2279
2279
|
cssProps: r = "",
|
|
2280
|
-
onClick:
|
|
2280
|
+
onClick: l = "",
|
|
2281
2281
|
interactiveLayers: a = [],
|
|
2282
|
-
popUp:
|
|
2282
|
+
popUp: c = !1,
|
|
2283
2283
|
sources: u = [],
|
|
2284
2284
|
layers: h = []
|
|
2285
2285
|
}) => {
|
|
2286
|
-
const g = ae(), [b,
|
|
2286
|
+
const g = ae(), [b, C] = D(null), v = Zt((y) => y.mapState.showTexts);
|
|
2287
2287
|
return F(() => {
|
|
2288
2288
|
if (g.current) {
|
|
2289
|
-
const
|
|
2290
|
-
|
|
2291
|
-
|
|
2289
|
+
const y = g.current.getMap();
|
|
2290
|
+
y.getStyle().layers.map((m) => {
|
|
2291
|
+
m.type == "symbol" && m.id != "professionals" && (v ? y.setLayoutProperty(m.id, "visibility", "visible") : y.setLayoutProperty(m.id, "visibility", "none"));
|
|
2292
2292
|
});
|
|
2293
2293
|
}
|
|
2294
|
-
}, [v]), /* @__PURE__ */ n("div", { className: `${
|
|
2295
|
-
|
|
2294
|
+
}, [v]), /* @__PURE__ */ n("div", { className: `${cn.mapContainer}`, style: r, children: /* @__PURE__ */ p(
|
|
2295
|
+
zt,
|
|
2296
2296
|
{
|
|
2297
2297
|
initialViewState: i,
|
|
2298
2298
|
ref: g,
|
|
@@ -2300,42 +2300,42 @@ const d0 = ({
|
|
|
2300
2300
|
maxZoom: d,
|
|
2301
2301
|
minZoom: s,
|
|
2302
2302
|
mapStyle: o,
|
|
2303
|
-
onClick:
|
|
2303
|
+
onClick: l,
|
|
2304
2304
|
interactiveLayerIds: a,
|
|
2305
2305
|
children: [
|
|
2306
|
-
u.length && u.map((
|
|
2306
|
+
u.length && u.map((y, _) => /* @__PURE__ */ n(
|
|
2307
2307
|
Ht,
|
|
2308
2308
|
{
|
|
2309
|
-
...
|
|
2310
|
-
children: h.length && h.map((
|
|
2311
|
-
if (
|
|
2309
|
+
...y,
|
|
2310
|
+
children: h.length && h.map((m, f) => {
|
|
2311
|
+
if (m.sourceId == y.id) return /* @__PURE__ */ n(
|
|
2312
2312
|
Kt,
|
|
2313
2313
|
{
|
|
2314
|
-
...
|
|
2314
|
+
...m.layer,
|
|
2315
2315
|
beforeId: t
|
|
2316
2316
|
},
|
|
2317
|
-
|
|
2317
|
+
f
|
|
2318
2318
|
);
|
|
2319
2319
|
})
|
|
2320
2320
|
},
|
|
2321
|
-
|
|
2321
|
+
_
|
|
2322
2322
|
)),
|
|
2323
2323
|
/* @__PURE__ */ n(Ut, { position: "bottom-right", visualizePitch: !0 }),
|
|
2324
|
-
|
|
2324
|
+
c && b && /* @__PURE__ */ n(
|
|
2325
2325
|
Wt,
|
|
2326
2326
|
{
|
|
2327
|
-
longitude:
|
|
2328
|
-
latitude:
|
|
2329
|
-
anchor:
|
|
2330
|
-
onClose: () =>
|
|
2331
|
-
children:
|
|
2327
|
+
longitude: c.longitude,
|
|
2328
|
+
latitude: c.latitude,
|
|
2329
|
+
anchor: c.anchor,
|
|
2330
|
+
onClose: () => C(null),
|
|
2331
|
+
children: c.content
|
|
2332
2332
|
}
|
|
2333
2333
|
)
|
|
2334
2334
|
]
|
|
2335
2335
|
}
|
|
2336
2336
|
) });
|
|
2337
2337
|
};
|
|
2338
|
-
|
|
2338
|
+
dn.propTypes = {
|
|
2339
2339
|
initialView: e.shape({
|
|
2340
2340
|
latitude: e.number.isRequired,
|
|
2341
2341
|
longitude: e.number.isRequired,
|
|
@@ -2380,86 +2380,86 @@ d0.propTypes = {
|
|
|
2380
2380
|
})
|
|
2381
2381
|
)
|
|
2382
2382
|
};
|
|
2383
|
-
const
|
|
2384
|
-
mapContainer:
|
|
2385
|
-
},
|
|
2386
|
-
FeaturePopUp:
|
|
2387
|
-
title:
|
|
2388
|
-
},
|
|
2389
|
-
const { t: d } =
|
|
2390
|
-
return /* @__PURE__ */ n("div", { className: at.FeaturePopUp, children: i.map((s) => /* @__PURE__ */
|
|
2391
|
-
/* @__PURE__ */
|
|
2383
|
+
const un = "_mapContainer_b0pyr_3", pn = {
|
|
2384
|
+
mapContainer: un
|
|
2385
|
+
}, mn = "_FeaturePopUp_mt8l5_2", hn = "_title_mt8l5_9", at = {
|
|
2386
|
+
FeaturePopUp: mn,
|
|
2387
|
+
title: hn
|
|
2388
|
+
}, gn = ({ props: i }) => {
|
|
2389
|
+
const { t: d } = L();
|
|
2390
|
+
return /* @__PURE__ */ n("div", { className: at.FeaturePopUp, children: i.map((s) => /* @__PURE__ */ p("p", { children: [
|
|
2391
|
+
/* @__PURE__ */ p("span", { className: at.title, children: [
|
|
2392
2392
|
/* @__PURE__ */ n(We, { i18nKey: s.name, components: { sup: /* @__PURE__ */ n("sup", {}) }, shouldUnescape: !0 }),
|
|
2393
2393
|
":"
|
|
2394
2394
|
] }),
|
|
2395
|
-
isNaN(s.value) ? /* @__PURE__ */ n(Ee, { children: d(s.value) }) : /* @__PURE__ */
|
|
2395
|
+
isNaN(s.value) ? /* @__PURE__ */ n(Ee, { children: d(s.value) }) : /* @__PURE__ */ p(Ee, { children: [
|
|
2396
2396
|
s.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2397
2397
|
" ",
|
|
2398
2398
|
d(s.unit)
|
|
2399
2399
|
] })
|
|
2400
2400
|
] })) });
|
|
2401
|
-
},
|
|
2401
|
+
}, Cn = ({
|
|
2402
2402
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2403
2403
|
maxZoom: d = 17,
|
|
2404
2404
|
minZoom: s = 8,
|
|
2405
2405
|
mapStyle: o,
|
|
2406
2406
|
firstSymbolLayer: t,
|
|
2407
2407
|
cssProps: r = {},
|
|
2408
|
-
onClick:
|
|
2408
|
+
onClick: l = "",
|
|
2409
2409
|
interactiveLayers: a = [],
|
|
2410
|
-
sources:
|
|
2410
|
+
sources: c = [],
|
|
2411
2411
|
layers: u = [],
|
|
2412
2412
|
popUpParams: h,
|
|
2413
2413
|
onClosePopUp: g,
|
|
2414
2414
|
showTexts: b,
|
|
2415
|
-
hash:
|
|
2415
|
+
hash: C = !1
|
|
2416
2416
|
}) => {
|
|
2417
2417
|
const v = ae();
|
|
2418
2418
|
return F(() => {
|
|
2419
2419
|
if (v.current) {
|
|
2420
|
-
const
|
|
2421
|
-
|
|
2422
|
-
|
|
2420
|
+
const y = v.current.getMap();
|
|
2421
|
+
y.getStyle().layers.map((m) => {
|
|
2422
|
+
m.type == "symbol" && m.id != "professionals" && (b ? y.setLayoutProperty(m.id, "visibility", "visible") : y.setLayoutProperty(m.id, "visibility", "none"));
|
|
2423
2423
|
});
|
|
2424
2424
|
}
|
|
2425
2425
|
}, [b]), F(() => {
|
|
2426
|
-
let
|
|
2427
|
-
return Ie.addProtocol("pmtiles",
|
|
2426
|
+
let y = new Gt();
|
|
2427
|
+
return Ie.addProtocol("pmtiles", y.tile), () => {
|
|
2428
2428
|
Ie.removeProtocol("pmtiles");
|
|
2429
2429
|
};
|
|
2430
|
-
}, []), /* @__PURE__ */ n("div", { className: `${
|
|
2430
|
+
}, []), /* @__PURE__ */ n("div", { className: `${pn.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
|
|
2431
2431
|
Yt,
|
|
2432
2432
|
{
|
|
2433
2433
|
mapLib: Ie,
|
|
2434
2434
|
initialViewState: i,
|
|
2435
2435
|
ref: v,
|
|
2436
|
-
hash:
|
|
2436
|
+
hash: C,
|
|
2437
2437
|
maxZoom: d,
|
|
2438
2438
|
minZoom: s,
|
|
2439
2439
|
mapStyle: o,
|
|
2440
|
-
onClick:
|
|
2440
|
+
onClick: l,
|
|
2441
2441
|
interactiveLayerIds: a,
|
|
2442
2442
|
children: [
|
|
2443
|
-
|
|
2444
|
-
|
|
2443
|
+
c.length && c.map((y, _) => /* @__PURE__ */ n(
|
|
2444
|
+
Xt,
|
|
2445
2445
|
{
|
|
2446
|
-
...
|
|
2447
|
-
children: u.length && u.map((
|
|
2448
|
-
if (
|
|
2449
|
-
|
|
2446
|
+
...y,
|
|
2447
|
+
children: u.length && u.map((m, f) => {
|
|
2448
|
+
if (m.sourceId == y.id) return /* @__PURE__ */ n(
|
|
2449
|
+
Qt,
|
|
2450
2450
|
{
|
|
2451
|
-
...
|
|
2451
|
+
...m.layer,
|
|
2452
2452
|
beforeId: t,
|
|
2453
|
-
filter:
|
|
2453
|
+
filter: m.filters ? m.filters : ["all"],
|
|
2454
2454
|
layout: {
|
|
2455
|
-
visibility:
|
|
2455
|
+
visibility: m.layer.visibility || "visible"
|
|
2456
2456
|
}
|
|
2457
2457
|
},
|
|
2458
|
-
|
|
2458
|
+
f
|
|
2459
2459
|
);
|
|
2460
2460
|
})
|
|
2461
2461
|
},
|
|
2462
|
-
|
|
2462
|
+
_
|
|
2463
2463
|
)),
|
|
2464
2464
|
/* @__PURE__ */ n(Jt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2465
2465
|
h && /* @__PURE__ */ n(
|
|
@@ -2468,14 +2468,14 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
|
|
|
2468
2468
|
longitude: h.lng,
|
|
2469
2469
|
latitude: h.lat,
|
|
2470
2470
|
onClose: g,
|
|
2471
|
-
children: /* @__PURE__ */ n(
|
|
2471
|
+
children: /* @__PURE__ */ n(gn, { props: h.props })
|
|
2472
2472
|
}
|
|
2473
2473
|
)
|
|
2474
2474
|
]
|
|
2475
2475
|
}
|
|
2476
2476
|
) });
|
|
2477
2477
|
};
|
|
2478
|
-
|
|
2478
|
+
Cn.propTypes = {
|
|
2479
2479
|
initialView: e.shape({
|
|
2480
2480
|
latitude: e.number.isRequired,
|
|
2481
2481
|
longitude: e.number.isRequired,
|
|
@@ -2519,27 +2519,27 @@ C0.propTypes = {
|
|
|
2519
2519
|
popUpParams: e.object,
|
|
2520
2520
|
onClosePopUp: e.func
|
|
2521
2521
|
};
|
|
2522
|
-
const
|
|
2523
|
-
sectionBar:
|
|
2524
|
-
leftContent:
|
|
2525
|
-
textContainer:
|
|
2526
|
-
title:
|
|
2527
|
-
subtitle:
|
|
2528
|
-
rightContent:
|
|
2529
|
-
},
|
|
2522
|
+
const fn = "_sectionBar_1egwc_2", bn = "_leftContent_1egwc_14", yn = "_textContainer_1egwc_20", _n = "_title_1egwc_27", vn = "_subtitle_1egwc_33", wn = "_rightContent_1egwc_38", ie = {
|
|
2523
|
+
sectionBar: fn,
|
|
2524
|
+
leftContent: bn,
|
|
2525
|
+
textContainer: yn,
|
|
2526
|
+
title: _n,
|
|
2527
|
+
subtitle: vn,
|
|
2528
|
+
rightContent: wn
|
|
2529
|
+
}, xn = ({
|
|
2530
2530
|
leftIcon: i,
|
|
2531
2531
|
title: d,
|
|
2532
2532
|
subtitle: s,
|
|
2533
2533
|
rightContent: o,
|
|
2534
2534
|
mainColor: t,
|
|
2535
2535
|
width: r,
|
|
2536
|
-
borderTop:
|
|
2536
|
+
borderTop: l = !1
|
|
2537
2537
|
}) => {
|
|
2538
|
-
const { t: a } =
|
|
2539
|
-
return /* @__PURE__ */
|
|
2540
|
-
/* @__PURE__ */
|
|
2538
|
+
const { t: a } = L();
|
|
2539
|
+
return /* @__PURE__ */ p("div", { className: ie.sectionBar, style: { width: r && r, borderTop: l ? "1px solid #000" : "0px" }, children: [
|
|
2540
|
+
/* @__PURE__ */ p("div", { className: ie.leftContent, children: [
|
|
2541
2541
|
i && /* @__PURE__ */ n("img", { src: i, alt: "Icono", className: ie.icon }),
|
|
2542
|
-
/* @__PURE__ */
|
|
2542
|
+
/* @__PURE__ */ p("div", { className: ie.textContainer, children: [
|
|
2543
2543
|
/* @__PURE__ */ n("div", { className: ie.title, children: a(d) }),
|
|
2544
2544
|
s && /* @__PURE__ */ n("div", { className: ie.subtitle, children: s })
|
|
2545
2545
|
] })
|
|
@@ -2547,7 +2547,7 @@ const f0 = "_sectionBar_1egwc_2", b0 = "_leftContent_1egwc_14", y0 = "_textConta
|
|
|
2547
2547
|
/* @__PURE__ */ n("div", { className: ie.rightContent, children: o })
|
|
2548
2548
|
] });
|
|
2549
2549
|
};
|
|
2550
|
-
|
|
2550
|
+
xn.propTypes = {
|
|
2551
2551
|
leftIcon: e.string,
|
|
2552
2552
|
// URL del icono de la sección
|
|
2553
2553
|
title: e.string.isRequired,
|
|
@@ -2562,7 +2562,7 @@ x0.propTypes = {
|
|
|
2562
2562
|
// ancho de la barra
|
|
2563
2563
|
borderTop: e.bool
|
|
2564
2564
|
};
|
|
2565
|
-
const
|
|
2565
|
+
const Nn = t2({
|
|
2566
2566
|
name: "mapSlice",
|
|
2567
2567
|
initialState: {
|
|
2568
2568
|
showTexts: !0,
|
|
@@ -2588,46 +2588,46 @@ const N0 = t2({
|
|
|
2588
2588
|
i.activeIndicatorUnit = d.payload;
|
|
2589
2589
|
}
|
|
2590
2590
|
}
|
|
2591
|
-
}), { setShowTexts: $
|
|
2592
|
-
slider: $
|
|
2593
|
-
playButton:
|
|
2594
|
-
sliderOpen:
|
|
2595
|
-
sliderResults:
|
|
2596
|
-
},
|
|
2591
|
+
}), { setShowTexts: $s, setYear: Bs, setActiveIndicatorKey: Ls, setActiveIndicatorType: Ts, setActiveIndicatorUnit: Ms } = Nn.actions, kn = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", Sn = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", $n = "_slider_1prh1_2", Bn = "_playButton_1prh1_14", Ln = "_sliderOpen_1prh1_25", Tn = "_sliderResults_1prh1_29", Ce = {
|
|
2592
|
+
slider: $n,
|
|
2593
|
+
playButton: Bn,
|
|
2594
|
+
sliderOpen: Ln,
|
|
2595
|
+
sliderResults: Tn
|
|
2596
|
+
}, Mn = ({
|
|
2597
2597
|
onResults: i = !1,
|
|
2598
2598
|
defaultYear: d = 2025,
|
|
2599
2599
|
firstYear: s = 2025,
|
|
2600
2600
|
lastYear: o = 2050,
|
|
2601
2601
|
zIndex: t = 10,
|
|
2602
2602
|
rightBarOpen: r = !1,
|
|
2603
|
-
onChange:
|
|
2603
|
+
onChange: l = (a) => {
|
|
2604
2604
|
console.log("year changed to ", a);
|
|
2605
2605
|
}
|
|
2606
2606
|
}) => {
|
|
2607
|
-
const [a,
|
|
2608
|
-
|
|
2607
|
+
const [a, c] = D(d), u = (m, f) => {
|
|
2608
|
+
c(f), l(f);
|
|
2609
2609
|
}, [h, g] = D(!1), b = () => {
|
|
2610
2610
|
g(!0);
|
|
2611
|
-
},
|
|
2611
|
+
}, C = () => {
|
|
2612
2612
|
g(!1);
|
|
2613
2613
|
};
|
|
2614
|
-
((
|
|
2614
|
+
((m, f) => {
|
|
2615
2615
|
const x = ae();
|
|
2616
2616
|
F(() => {
|
|
2617
|
-
x.current =
|
|
2618
|
-
}, [
|
|
2617
|
+
x.current = m;
|
|
2618
|
+
}, [m]), F(() => {
|
|
2619
2619
|
function w() {
|
|
2620
2620
|
x.current();
|
|
2621
2621
|
}
|
|
2622
2622
|
{
|
|
2623
|
-
let N = setInterval(w,
|
|
2623
|
+
let N = setInterval(w, f);
|
|
2624
2624
|
return () => clearInterval(N);
|
|
2625
2625
|
}
|
|
2626
|
-
}, [
|
|
2626
|
+
}, [f]);
|
|
2627
2627
|
})(() => {
|
|
2628
|
-
h && (a != 2050 ? (
|
|
2628
|
+
h && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
|
|
2629
2629
|
}, 1e3);
|
|
2630
|
-
const
|
|
2630
|
+
const y = i2({
|
|
2631
2631
|
palette: {
|
|
2632
2632
|
primary: {
|
|
2633
2633
|
main: "#605b56"
|
|
@@ -2649,13 +2649,13 @@ const N0 = t2({
|
|
|
2649
2649
|
}
|
|
2650
2650
|
}
|
|
2651
2651
|
}
|
|
2652
|
-
}),
|
|
2652
|
+
}), _ = [
|
|
2653
2653
|
{ label: "", value: 2025 },
|
|
2654
2654
|
{ label: "", value: 2032 },
|
|
2655
2655
|
{ label: "", value: 2041 },
|
|
2656
2656
|
{ label: "", value: 2050 }
|
|
2657
2657
|
];
|
|
2658
|
-
return /* @__PURE__ */ n(o2, { theme:
|
|
2658
|
+
return /* @__PURE__ */ n(o2, { theme: y, children: /* @__PURE__ */ p(
|
|
2659
2659
|
s2,
|
|
2660
2660
|
{
|
|
2661
2661
|
sx: { width: 400 },
|
|
@@ -2670,7 +2670,7 @@ const N0 = t2({
|
|
|
2670
2670
|
value: a,
|
|
2671
2671
|
valueLabelDisplay: "on",
|
|
2672
2672
|
step: 1,
|
|
2673
|
-
marks:
|
|
2673
|
+
marks: _,
|
|
2674
2674
|
min: s,
|
|
2675
2675
|
max: o,
|
|
2676
2676
|
onChange: u,
|
|
@@ -2679,13 +2679,13 @@ const N0 = t2({
|
|
|
2679
2679
|
}
|
|
2680
2680
|
),
|
|
2681
2681
|
o,
|
|
2682
|
-
!h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src:
|
|
2683
|
-
h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick:
|
|
2682
|
+
!h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src: kn, alt: "Play" }) }),
|
|
2683
|
+
h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: C, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
|
|
2684
2684
|
]
|
|
2685
2685
|
}
|
|
2686
2686
|
) });
|
|
2687
2687
|
};
|
|
2688
|
-
|
|
2688
|
+
Mn.propTypes = {
|
|
2689
2689
|
defaultYear: e.number,
|
|
2690
2690
|
onResults: e.bool,
|
|
2691
2691
|
firstYear: e.number,
|
|
@@ -2694,11 +2694,11 @@ M0.propTypes = {
|
|
|
2694
2694
|
rightBarOpen: e.bool,
|
|
2695
2695
|
onChange: e.func
|
|
2696
2696
|
};
|
|
2697
|
-
const
|
|
2698
|
-
TopNavMenuContainer:
|
|
2699
|
-
topNavOptions:
|
|
2700
|
-
active:
|
|
2701
|
-
},
|
|
2697
|
+
const Vn = "_TopNavMenuContainer_12mp4_2", Dn = "_topNavOptions_12mp4_13", Fn = "_active_12mp4_27", qe = {
|
|
2698
|
+
TopNavMenuContainer: Vn,
|
|
2699
|
+
topNavOptions: Dn,
|
|
2700
|
+
active: Fn
|
|
2701
|
+
}, An = ({
|
|
2702
2702
|
options: i = [],
|
|
2703
2703
|
containerStyles: d,
|
|
2704
2704
|
borderColor: s = "red",
|
|
@@ -2707,23 +2707,23 @@ const V0 = "_TopNavMenuContainer_12mp4_2", D0 = "_topNavOptions_12mp4_13", F0 =
|
|
|
2707
2707
|
console.log("Changed NavLink", r);
|
|
2708
2708
|
}
|
|
2709
2709
|
}) => {
|
|
2710
|
-
const { t: r } =
|
|
2711
|
-
return /* @__PURE__ */ n("div", { className: qe.TopNavMenuContainer, style: { ...d }, children: i.map((
|
|
2710
|
+
const { t: r } = L();
|
|
2711
|
+
return /* @__PURE__ */ n("div", { className: qe.TopNavMenuContainer, style: { ...d }, children: i.map((l, a) => /* @__PURE__ */ n(
|
|
2712
2712
|
ft,
|
|
2713
2713
|
{
|
|
2714
|
-
to:
|
|
2715
|
-
className: ({ isActive:
|
|
2716
|
-
onClick: () => t(
|
|
2717
|
-
style: ({ isActive:
|
|
2714
|
+
to: l.url,
|
|
2715
|
+
className: ({ isActive: c }) => `${qe.topNavOptions} ${c ? qe.active : ""} `,
|
|
2716
|
+
onClick: () => t(l.url),
|
|
2717
|
+
style: ({ isActive: c }) => ({
|
|
2718
2718
|
color: o,
|
|
2719
|
-
borderBottom:
|
|
2719
|
+
borderBottom: c ? `5px solid ${s}` : "5px solid transparent"
|
|
2720
2720
|
}),
|
|
2721
|
-
children: r(
|
|
2721
|
+
children: r(l.name)
|
|
2722
2722
|
},
|
|
2723
2723
|
a
|
|
2724
2724
|
)) });
|
|
2725
2725
|
};
|
|
2726
|
-
|
|
2726
|
+
An.propTypes = {
|
|
2727
2727
|
options: e.arrayOf(e.object),
|
|
2728
2728
|
cssProps: e.shape({
|
|
2729
2729
|
borderColor: e.string.isRequired,
|
|
@@ -2733,34 +2733,34 @@ A0.propTypes = {
|
|
|
2733
2733
|
// activeColor: PropTypes.string,
|
|
2734
2734
|
// defaultColor: PropTypes.string
|
|
2735
2735
|
};
|
|
2736
|
-
const
|
|
2737
|
-
LogInButton:
|
|
2738
|
-
},
|
|
2736
|
+
const In = "_LogInButton_1vxj5_2", On = {
|
|
2737
|
+
LogInButton: In
|
|
2738
|
+
}, Rn = ({
|
|
2739
2739
|
cssClass: i,
|
|
2740
2740
|
notLoggedInLabel: d = "Log in",
|
|
2741
2741
|
loggedInLabel: s = "Log out",
|
|
2742
2742
|
containerStyles: o,
|
|
2743
2743
|
userName: t = "",
|
|
2744
2744
|
isLoggedIn: r = !1,
|
|
2745
|
-
onClickLogIn:
|
|
2745
|
+
onClickLogIn: l = () => {
|
|
2746
2746
|
console.log("Login clicked");
|
|
2747
2747
|
},
|
|
2748
2748
|
onClickLogOut: a = () => {
|
|
2749
2749
|
console.log("Logout clicked");
|
|
2750
2750
|
}
|
|
2751
2751
|
}) => {
|
|
2752
|
-
const { t:
|
|
2752
|
+
const { t: c } = L();
|
|
2753
2753
|
return /* @__PURE__ */ n(
|
|
2754
2754
|
"div",
|
|
2755
2755
|
{
|
|
2756
2756
|
style: { ...o },
|
|
2757
|
-
className: `${
|
|
2758
|
-
onClick: r ? a :
|
|
2759
|
-
children: r ? t ||
|
|
2757
|
+
className: `${On.LogInButton} link ${i}`,
|
|
2758
|
+
onClick: r ? a : l,
|
|
2759
|
+
children: r ? t || c(s) : c(d)
|
|
2760
2760
|
}
|
|
2761
2761
|
);
|
|
2762
2762
|
};
|
|
2763
|
-
|
|
2763
|
+
Rn.propTypes = {
|
|
2764
2764
|
cssClass: e.string,
|
|
2765
2765
|
notLoggedInLabel: e.string,
|
|
2766
2766
|
loggedInLabel: e.string,
|
|
@@ -2768,24 +2768,24 @@ R0.propTypes = {
|
|
|
2768
2768
|
userName: e.string,
|
|
2769
2769
|
isLoggedIn: e.bool
|
|
2770
2770
|
};
|
|
2771
|
-
const
|
|
2772
|
-
elementSelector:
|
|
2773
|
-
header:
|
|
2774
|
-
nameDateContainer:
|
|
2775
|
-
elementName:
|
|
2776
|
-
elementDate:
|
|
2777
|
-
buttonsContainer:
|
|
2778
|
-
elementListContainer:
|
|
2779
|
-
newElementButtonContainer:
|
|
2780
|
-
},
|
|
2781
|
-
listElement:
|
|
2782
|
-
elementNameDate:
|
|
2783
|
-
elementNameContainer:
|
|
2784
|
-
elementName:
|
|
2785
|
-
elementDate:
|
|
2786
|
-
elementButtons:
|
|
2771
|
+
const qn = "_elementSelector_1ox68_2", Pn = "_header_1ox68_14", En = "_nameDateContainer_1ox68_24", jn = "_elementName_1ox68_40", Zn = "_elementDate_1ox68_54", zn = "_buttonsContainer_1ox68_68", Hn = "_elementListContainer_1ox68_77", Kn = "_newElementButtonContainer_1ox68_81", U = {
|
|
2772
|
+
elementSelector: qn,
|
|
2773
|
+
header: Pn,
|
|
2774
|
+
nameDateContainer: En,
|
|
2775
|
+
elementName: jn,
|
|
2776
|
+
elementDate: Zn,
|
|
2777
|
+
buttonsContainer: zn,
|
|
2778
|
+
elementListContainer: Hn,
|
|
2779
|
+
newElementButtonContainer: Kn
|
|
2780
|
+
}, Un = "_listElement_1evjl_2", Wn = "_elementNameDate_1evjl_18", Gn = "_elementNameContainer_1evjl_28", Yn = "_elementName_1evjl_18", Xn = "_elementDate_1evjl_43", Qn = "_elementButtons_1evjl_46", Jn = "_moreInfoContainer_1evjl_69", ei = "_moreInfo_1evjl_69", K = {
|
|
2781
|
+
listElement: Un,
|
|
2782
|
+
elementNameDate: Wn,
|
|
2783
|
+
elementNameContainer: Gn,
|
|
2784
|
+
elementName: Yn,
|
|
2785
|
+
elementDate: Xn,
|
|
2786
|
+
elementButtons: Qn,
|
|
2787
2787
|
break: "_break_1evjl_64",
|
|
2788
|
-
moreInfoContainer:
|
|
2788
|
+
moreInfoContainer: Jn,
|
|
2789
2789
|
moreInfo: ei
|
|
2790
2790
|
}, ti = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Eliminar'%3e%3ccircle%20id='Ellipse%20220'%20cx='15.5106'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M20.8581%2010.5548H17.5491V10.4015C17.5491%209.17493%2016.6257%208.255%2015.4714%208.255C14.3171%208.255%2013.3167%209.17493%2013.3167%2010.4015V10.5548H10.0846C9.69985%2010.5548%209.46899%2010.7848%209.46899%2011.1681C9.46899%2011.5514%209.69985%2011.7814%2010.0846%2011.7814H10.2385V21.2106C10.2385%2022.3605%2011.162%2023.3571%2012.3932%2023.3571H18.5495C19.7038%2023.3571%2020.7042%2022.4372%2020.7042%2021.2106V11.7047H20.9351C21.2429%2011.7047%2021.5507%2011.4747%2021.5507%2011.0914C21.5507%2010.7081%2021.1659%2010.5548%2020.8581%2010.5548ZM14.471%2010.4015C14.471%209.86488%2014.9327%209.40491%2015.4714%209.40491C16.01%209.40491%2016.3948%209.86488%2016.3948%2010.4015V10.5548H14.471V10.4015ZM16.3948%2018.8342V15.0011C16.3948%2014.6178%2016.6257%2014.3878%2017.0104%2014.3878C17.3952%2014.3878%2017.6261%2014.6178%2017.6261%2015.0011V18.8342C17.6261%2019.1408%2017.3952%2019.4474%2017.0104%2019.4474C16.6257%2019.4474%2016.3948%2019.1408%2016.3948%2018.8342ZM13.3167%2018.8342V15.0011C13.3167%2014.6178%2013.5475%2014.3878%2013.9323%2014.3878C14.3171%2014.3878%2014.5479%2014.6178%2014.5479%2015.0011V18.8342C14.5479%2019.1408%2014.3171%2019.4474%2013.9323%2019.4474C13.5475%2019.4474%2013.3167%2019.1408%2013.3167%2018.8342Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", ni = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209259'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.3062'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203973'%3e%3cg%20id='Rectangle%20495'%3e%3cmask%20id='path-2-inside-1_4451_10560'%20fill='white'%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'/%3e%3c/mask%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'%20stroke='%23605B56'%20stroke-width='3'%20mask='url(%23path-2-inside-1_4451_10560)'/%3e%3c/g%3e%3cg%20id='Group%203972'%3e%3crect%20id='Rectangle%20496'%20x='7.2041'%20y='10.9042'%20width='12.8'%20height='12.8'%20rx='1'%20fill='%23605B56'/%3e%3cpath%20id='+'%20d='M16.3785%2018.0509H14.3838V20.0776H12.9331V18.0509H10.9385V16.6749H12.9331V14.6376H14.3838V16.6749H16.3785V18.0509Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", ii = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209260'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M8.20744%208.70422C7.34769%208.70422%206.88873%209.71735%207.45568%2010.3637L13.3518%2017.085C13.5118%2017.2675%2013.6%2017.5018%2013.6%2017.7445V23.2443C13.6%2023.6283%2013.8199%2023.9783%2014.1658%2024.1451L15.9658%2025.0128C16.6297%2025.3329%2017.4%2024.8491%2017.4%2024.112V17.7445C17.4%2017.5018%2017.4882%2017.2675%2017.6482%2017.085L23.5443%2010.3637C24.1113%209.71735%2023.6523%208.70422%2022.7926%208.70422H8.20744Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", si = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%206725'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.7148'%20r='14.3521'%20stroke='%23605B56'%20stroke-opacity='0.5'%20stroke-width='1.5'/%3e%3cg%20id='Group%206724'%3e%3cpath%20id='Vector'%20d='M17.4114%2023.3302C17.4114%2024.5419%2016.4269%2027.4724%2015.2126%2027.4724C13.9982%2027.4724%2013.0137%2024.5419%2013.0137%2023.3302C13.0137%2022.7483%2013.2453%2022.1902%2013.6577%2021.7787C14.0701%2021.3673%2014.6294%2021.1361%2015.2126%2021.1361C15.7957%2021.1361%2016.355%2021.3673%2016.7674%2021.7787C17.1798%2022.1902%2017.4114%2022.7483%2017.4114%2023.3302Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union'%20d='M15.2919%2020.6088H11.2899L11.289%2020.6078C10.6273%2020.7718%209.36856%2021.3396%209.39931%2023.2845C9.39931%2023.2845%207.41254%2021.7976%208.17372%2019.0179L8.25575%2018.7445C8.59675%2017.7118%209.66004%2016.7306%2010.7714%2016.2435C10.7337%2012.8666%2011.5045%208.19644%2015.2919%204.724V20.6088ZM10.6835%2017.4164C10.5323%2017.5091%2010.3819%2017.6125%2010.2372%2017.7279C9.77215%2018.099%209.43634%2018.5195%209.26747%2018.8988L9.20595%2019.058C8.95666%2019.8145%208.9632%2020.4347%209.07607%2020.9291C9.34144%2020.5645%209.66233%2020.2832%209.9999%2020.0746C10.2365%2019.9284%2010.4715%2019.8251%2010.6835%2019.7494V17.4164Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union_2'%20d='M15.293%204.724C19.0931%208.20817%2019.8548%2012.8981%2019.8115%2016.2777C20.8629%2016.7859%2021.8411%2017.7218%2022.165%2018.7045C23.1398%2021.6599%2021.0225%2023.2445%2021.0225%2023.2445C21.051%2021.4361%2019.9648%2020.8184%2019.2803%2020.6088H15.293V4.724ZM19.7676%2017.3949C19.7586%2017.5313%2019.7493%2017.6646%2019.7383%2017.7943V19.7094C19.9502%2019.7851%2020.1854%2019.8884%2020.4219%2020.0345C20.7595%2020.2432%2021.0794%2020.5253%2021.3447%2020.89C21.4466%2020.444%2021.4627%2019.8956%2021.2812%2019.2367L21.2148%2019.0179C21.0772%2018.6004%2020.7157%2018.1118%2020.1846%2017.6879C20.0493%2017.58%2019.9088%2017.4829%2019.7676%2017.3949Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cg%20id='Vector_2'%3e%3cpath%20d='M12.541%208.28445C12.541%208.28445%2014.8218%209.81829%2018.0434%208.28445C18.0434%208.28445%2016.9978%206.03912%2015.2919%204.61267C15.2919%204.61267%2013.7894%205.92343%2012.541%208.28445Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M15.3057%205.29626C15.9532%205.9116%2016.4918%206.63792%2016.8867%207.2533C17.0801%207.55466%2017.2355%207.82605%2017.3516%208.03748C16.0573%208.54342%2014.966%208.52427%2014.1807%208.36951C13.781%208.29074%2013.4584%208.17533%2013.2266%208.07556C13.7607%207.14513%2014.32%206.40895%2014.7646%205.88806C14.9759%205.64056%2015.1621%205.44302%2015.3057%205.29626Z'%20stroke='%23605B56'%20stroke-opacity='0.5'/%3e%3c/g%3e%3cpath%20id='Vector_3'%20d='M17.6984%2012.9862C17.6985%2013.4539%2017.5596%2013.9111%2017.2993%2014.3001C17.039%2014.689%2016.669%2014.9922%2016.236%2015.1712C15.803%2015.3503%2015.3265%2015.3972%2014.8668%2015.3061C14.4071%2015.2149%2013.9848%2014.9898%2013.6533%2014.6591C13.3218%2014.3285%2013.0961%2013.9072%2013.0046%2013.4485C12.9131%2012.9898%2012.96%2012.5143%2013.1393%2012.0822C13.3186%2011.6501%2013.6224%2011.2808%2014.0121%2011.021C14.4018%2010.7611%2014.86%2010.6224%2015.3287%2010.6224C15.957%2010.6224%2016.5597%2010.8715%2017.004%2011.3147C17.4484%2011.758%2017.6982%2012.3593%2017.6984%2012.9862Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_4'%20d='M17.1358%2013.0038C17.1358%2013.36%2017.0299%2013.7083%2016.8316%2014.0045C16.6332%2014.3007%2016.3513%2014.5316%2016.0214%2014.6679C15.6916%2014.8042%2015.3286%2014.8399%2014.9784%2014.7704C14.6282%2014.7009%2014.3066%2014.5294%2014.0541%2014.2774C13.8017%2014.0255%2013.6297%2013.7046%2013.5601%2013.3552C13.4904%2013.0058%2013.5262%2012.6436%2013.6628%2012.3145C13.7994%2011.9853%2014.0308%2011.704%2014.3277%2011.5061C14.6245%2011.3082%2014.9736%2011.2025%2015.3306%2011.2025C15.8094%2011.2025%2016.2685%2011.3923%2016.6071%2011.7301C16.9456%2012.0679%2017.1358%2012.526%2017.1358%2013.0038Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_5'%20d='M16.7061%2013.2093C16.6508%2013.2093%2016.5978%2013.1874%2016.5588%2013.1485C16.5197%2013.1095%2016.4978%2013.0566%2016.4978%2013.0015C16.4974%2012.7236%2016.3866%2012.4572%2016.1897%2012.2607C15.9928%2012.0642%2015.7258%2011.9537%2015.4473%2011.9533C15.4175%2011.9582%2015.3869%2011.9566%2015.3578%2011.9485C15.3287%2011.9405%2015.3017%2011.9262%2015.2786%2011.9067C15.2556%2011.8872%2015.237%2011.8629%2015.2244%2011.8356C15.2117%2011.8082%2015.2051%2011.7784%2015.2051%2011.7482C15.2051%2011.7181%2015.2117%2011.6883%2015.2244%2011.6609C15.237%2011.6336%2015.2556%2011.6093%2015.2786%2011.5898C15.3017%2011.5703%2015.3287%2011.556%2015.3578%2011.5479C15.3869%2011.5399%2015.4175%2011.5383%2015.4473%2011.5432C15.8348%2011.5435%2016.2063%2011.6973%2016.4803%2011.9707C16.7543%2012.2441%2016.9084%2012.6148%2016.9088%2013.0015C16.9088%2013.0557%2016.8876%2013.1077%2016.8498%2013.1465C16.8119%2013.1854%2016.7603%2013.2079%2016.7061%2013.2093Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_6'%20d='M16.8082%2013.6607C16.8082%2013.7106%2016.7934%2013.7594%2016.7656%2013.8008C16.7378%2013.8423%2016.6984%2013.8746%2016.6522%2013.8937C16.606%2013.9128%2016.5552%2013.9178%2016.5062%2013.9081C16.4571%2013.8983%2016.4121%2013.8743%2016.3768%2013.8391C16.3414%2013.8038%2016.3173%2013.7589%2016.3076%2013.7099C16.2978%2013.661%2016.3028%2013.6103%2016.322%2013.5642C16.3411%2013.5182%2016.3735%2013.4788%2016.4151%2013.4511C16.4566%2013.4234%2016.5055%2013.4086%2016.5555%2013.4086C16.6225%2013.4086%2016.6868%2013.4351%2016.7342%2013.4824C16.7816%2013.5297%2016.8082%2013.5939%2016.8082%2013.6607Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_7'%20d='M15.6008%2016.0612C15.5633%2016.0097%2015.5141%2015.9677%2015.4573%2015.9388C15.4005%2015.9099%2015.3376%2015.8949%2015.2738%2015.8949H15.1898C15.126%2015.8948%2015.0631%2015.9099%2015.0062%2015.9388C14.9494%2015.9677%2014.9002%2016.0096%2014.8627%2016.0612C14.8627%2016.0612%2013.6074%2017.4973%2014.1816%2021.0915C14.4989%2023.0777%2015.2314%2023.6694%2015.2314%2023.6694C15.2314%2023.6694%2015.9639%2023.0777%2016.2819%2021.0915C16.8561%2017.4973%2015.6008%2016.0612%2015.6008%2016.0612Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_8'%20d='M15.1468%2015.8949C15.083%2015.8948%2015.0201%2015.9099%2014.9632%2015.9388C14.9064%2015.9677%2014.8572%2016.0096%2014.8198%2016.0612C14.8198%2016.0612%2013.5645%2017.4973%2014.1387%2021.0915C14.456%2023.0777%2015.1884%2023.6694%2015.1884%2023.6694V15.8949H15.1468Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", oi = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='15.3062'%20cy='15.2144'%20r='14.3521'%20stroke='%2392898A'%20stroke-width='1.5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9898%2012.7234V9.89008C11.9898%208.88815%2012.3811%207.92726%2013.0777%207.21879C13.7743%206.51032%2014.719%206.1123%2015.7041%206.1123C16.6892%206.1123%2017.6339%206.51032%2018.3305%207.21879C19.0271%207.92726%2019.4184%208.88815%2019.4184%209.89008V12.7234H20.347C20.8395%2012.7234%2021.3119%2012.9224%2021.6602%2013.2767C22.0084%2013.6309%2022.2041%2014.1113%2022.2041%2014.6123V21.2234C22.2041%2021.7244%2022.0084%2022.2048%2021.6602%2022.5591C21.3119%2022.9133%2020.8395%2023.1123%2020.347%2023.1123H11.0612C10.5687%2023.1123%2010.0963%2022.9133%209.74805%2022.5591C9.39976%2022.2048%209.2041%2021.7244%209.2041%2021.2234V14.6123C9.2041%2014.1113%209.39976%2013.6309%209.74805%2013.2767C10.0963%2012.9224%2010.5687%2012.7234%2011.0612%2012.7234H11.9898ZM13.847%209.89008C13.847%209.38912%2014.0426%208.90867%2014.3909%208.55444C14.7392%208.2002%2015.2116%208.00119%2015.7041%208.00119C16.1966%208.00119%2016.669%208.2002%2017.0173%208.55444C17.3656%208.90867%2017.5612%209.38912%2017.5612%209.89008V12.7234H13.847V9.89008ZM15.7041%2015.5567C15.9504%2015.5567%2016.1866%2015.6563%2016.3607%2015.8334C16.5348%2016.0105%2016.6327%2016.2507%2016.6327%2016.5012V19.3345C16.6327%2019.585%2016.5348%2019.8252%2016.3607%2020.0023C16.1866%2020.1795%2015.9504%2020.279%2015.7041%2020.279C15.4578%2020.279%2015.2216%2020.1795%2015.0475%2020.0023C14.8734%2019.8252%2014.7755%2019.585%2014.7755%2019.3345V16.5012C14.7755%2016.2507%2014.8734%2016.0105%2015.0475%2015.8334C15.2216%2015.6563%2015.4578%2015.5567%2015.7041%2015.5567Z'%20fill='%2392898A'/%3e%3c/svg%3e";
|
|
2791
2791
|
var lt;
|
|
@@ -2812,27 +2812,27 @@ var ri = function(d) {
|
|
|
2812
2812
|
d: "M12.951 10.297a3.307 3.307 0 1 0 0-6.614 3.307 3.307 0 0 0 0 6.614"
|
|
2813
2813
|
}))));
|
|
2814
2814
|
};
|
|
2815
|
-
const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e",
|
|
2815
|
+
const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", Lt = ({
|
|
2816
2816
|
listelement: i,
|
|
2817
2817
|
onClickElement: d,
|
|
2818
2818
|
isActive: s,
|
|
2819
2819
|
activeColor: o,
|
|
2820
2820
|
fontColor: t,
|
|
2821
2821
|
moreInfo: r,
|
|
2822
|
-
columns:
|
|
2822
|
+
columns: l,
|
|
2823
2823
|
elementButtons: a,
|
|
2824
|
-
processTooltip:
|
|
2824
|
+
processTooltip: c,
|
|
2825
2825
|
defaultTooltip: u,
|
|
2826
2826
|
showEye: h = !0
|
|
2827
2827
|
}) => {
|
|
2828
|
-
const { name: g, created_at: b, id:
|
|
2829
|
-
return /* @__PURE__ */
|
|
2828
|
+
const { name: g, created_at: b, id: C, isBeingProcessed: v } = i, [y, _] = D(!1), { t: m } = L();
|
|
2829
|
+
return /* @__PURE__ */ p(
|
|
2830
2830
|
"div",
|
|
2831
2831
|
{
|
|
2832
2832
|
className: K.listElement,
|
|
2833
2833
|
style: { borderBottom: `1px solid ${t}` },
|
|
2834
2834
|
children: [
|
|
2835
|
-
/* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(
|
|
2835
|
+
/* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(C), children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
|
|
2836
2836
|
h && (s ? /* @__PURE__ */ n(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ n(
|
|
2837
2837
|
"img",
|
|
2838
2838
|
{
|
|
@@ -2842,42 +2842,42 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2842
2842
|
}
|
|
2843
2843
|
)),
|
|
2844
2844
|
/* @__PURE__ */ n("span", { style: { color: s ? o : t }, children: g })
|
|
2845
|
-
] }) }) :
|
|
2846
|
-
/* @__PURE__ */
|
|
2847
|
-
i.processing && /* @__PURE__ */
|
|
2845
|
+
] }) }) : f == "data" ? /* @__PURE__ */ n("div", { className: K.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ n("div", { className: K.elementDate, children: i[f] })) }),
|
|
2846
|
+
/* @__PURE__ */ p("div", { className: K.elementButtons, children: [
|
|
2847
|
+
i.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2848
2848
|
/* @__PURE__ */ n("img", { src: si }),
|
|
2849
|
-
/* @__PURE__ */ n(re, { text:
|
|
2849
|
+
/* @__PURE__ */ n(re, { text: c, position: "left" })
|
|
2850
2850
|
] }),
|
|
2851
|
-
a.filter && !i.is_default && /* @__PURE__ */
|
|
2851
|
+
a.filter && !i.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2852
2852
|
/* @__PURE__ */ n("button", { onClick: () => a.filter.onclick(i), children: /* @__PURE__ */ n("img", { src: ii }) }),
|
|
2853
2853
|
/* @__PURE__ */ n(re, { text: a.filter.tooltiptext, position: "left" })
|
|
2854
2854
|
] }),
|
|
2855
|
-
a.copy && /* @__PURE__ */
|
|
2855
|
+
a.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2856
2856
|
/* @__PURE__ */ n("button", { onClick: () => a.copy.onclick(i), children: /* @__PURE__ */ n("img", { src: ni }) }),
|
|
2857
2857
|
/* @__PURE__ */ n(re, { text: a.copy.tooltiptext, position: "left" })
|
|
2858
2858
|
] }),
|
|
2859
|
-
a.trash && !i.is_default && /* @__PURE__ */
|
|
2859
|
+
a.trash && !i.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2860
2860
|
/* @__PURE__ */ n("button", { onClick: () => a.trash.onclick(i), children: /* @__PURE__ */ n("img", { src: ti }) }),
|
|
2861
2861
|
/* @__PURE__ */ n(re, { text: a.trash.tooltiptext, position: "left" })
|
|
2862
2862
|
] }),
|
|
2863
|
-
i.is_default && /* @__PURE__ */
|
|
2863
|
+
i.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
|
|
2864
2864
|
/* @__PURE__ */ n("img", { src: oi }),
|
|
2865
2865
|
/* @__PURE__ */ n(re, { text: u, position: "left" })
|
|
2866
2866
|
] })
|
|
2867
2867
|
] }),
|
|
2868
2868
|
r && /* @__PURE__ */ n("div", { className: K.break }),
|
|
2869
|
-
r && /* @__PURE__ */
|
|
2870
|
-
/* @__PURE__ */
|
|
2871
|
-
/* @__PURE__ */ n("span", { children:
|
|
2872
|
-
|
|
2869
|
+
r && /* @__PURE__ */ p("div", { className: K.moreInfoContainer, children: [
|
|
2870
|
+
/* @__PURE__ */ p("div", { className: K.moreInfo, onClick: () => _(!y), children: [
|
|
2871
|
+
/* @__PURE__ */ n("span", { children: y ? "-" : "+" }),
|
|
2872
|
+
m(r.label)
|
|
2873
2873
|
] }),
|
|
2874
|
-
r &&
|
|
2874
|
+
r && y && /* @__PURE__ */ n("div", { className: K.moreInfoInfo, children: i[r.info] })
|
|
2875
2875
|
] })
|
|
2876
2876
|
]
|
|
2877
2877
|
}
|
|
2878
2878
|
);
|
|
2879
2879
|
};
|
|
2880
|
-
|
|
2880
|
+
Lt.propTypes = {
|
|
2881
2881
|
listelement: e.shape({
|
|
2882
2882
|
name: e.string.isRequired,
|
|
2883
2883
|
created_at: e.string,
|
|
@@ -2920,10 +2920,10 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2920
2920
|
activeColor: o,
|
|
2921
2921
|
buttonContainerStyles: t = {},
|
|
2922
2922
|
containerStyles: r = {},
|
|
2923
|
-
newElementButton:
|
|
2923
|
+
newElementButton: l,
|
|
2924
2924
|
//{label: 'text', onClick: function(), disabled}/null
|
|
2925
2925
|
onClickElement: a = (v) => console.log(`OnCLickElement: ${v}`),
|
|
2926
|
-
columns:
|
|
2926
|
+
columns: c,
|
|
2927
2927
|
// {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2928
2928
|
elementButtons: u,
|
|
2929
2929
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
@@ -2933,66 +2933,66 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2933
2933
|
//texto para el tooltip del simbolo "En proceso"
|
|
2934
2934
|
defaultTooltip: b,
|
|
2935
2935
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2936
|
-
showEye:
|
|
2936
|
+
showEye: C = !0
|
|
2937
2937
|
}) => {
|
|
2938
|
-
const { t: v } =
|
|
2938
|
+
const { t: v } = L(), [y, _] = D(i);
|
|
2939
2939
|
F(() => {
|
|
2940
|
-
i &&
|
|
2940
|
+
i && _(i);
|
|
2941
2941
|
}, [i]);
|
|
2942
|
-
const
|
|
2943
|
-
if (
|
|
2944
|
-
let x = [...
|
|
2945
|
-
x.sort((w, N) => w[
|
|
2942
|
+
const m = (f) => {
|
|
2943
|
+
if (y && y.length > 0) {
|
|
2944
|
+
let x = [...y];
|
|
2945
|
+
x.sort((w, N) => w[f].localeCompare(N[f])), _(x);
|
|
2946
2946
|
}
|
|
2947
2947
|
};
|
|
2948
|
-
return /* @__PURE__ */
|
|
2948
|
+
return /* @__PURE__ */ p(
|
|
2949
2949
|
"div",
|
|
2950
2950
|
{
|
|
2951
2951
|
className: U.elementSelector,
|
|
2952
2952
|
style: { color: s, ...r },
|
|
2953
2953
|
children: [
|
|
2954
|
-
/* @__PURE__ */
|
|
2954
|
+
/* @__PURE__ */ p(
|
|
2955
2955
|
"div",
|
|
2956
2956
|
{
|
|
2957
2957
|
className: U.header,
|
|
2958
2958
|
style: { borderBottom: `1px solid ${s}` },
|
|
2959
2959
|
children: [
|
|
2960
|
-
/* @__PURE__ */ n("div", { className: U.nameDateContainer, children: Object.keys(
|
|
2961
|
-
/* @__PURE__ */ n("span", { children: v(
|
|
2960
|
+
/* @__PURE__ */ n("div", { className: U.nameDateContainer, children: Object.keys(c).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: U.elementName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
|
|
2961
|
+
/* @__PURE__ */ n("span", { children: v(c.name) }),
|
|
2962
2962
|
/* @__PURE__ */ n("img", { src: ct, alt: "order arrow" })
|
|
2963
|
-
] }) },
|
|
2964
|
-
/* @__PURE__ */ n("span", { children: v(
|
|
2963
|
+
] }) }, f) : f === "data" ? /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
|
|
2964
|
+
/* @__PURE__ */ n("span", { children: v(c.data) }),
|
|
2965
2965
|
/* @__PURE__ */ n("img", { src: ct, alt: "order arrow" })
|
|
2966
|
-
] }) },
|
|
2966
|
+
] }) }, f) : /* @__PURE__ */ n("div", { className: U.elementDate, children: /* @__PURE__ */ n("span", { children: v(c[f]) }) }, f)) }),
|
|
2967
2967
|
/* @__PURE__ */ n("div", { className: U.buttonsContainer })
|
|
2968
2968
|
]
|
|
2969
2969
|
}
|
|
2970
2970
|
),
|
|
2971
|
-
/* @__PURE__ */ n("div", { className: U.elementListContainer, children:
|
|
2972
|
-
|
|
2971
|
+
/* @__PURE__ */ n("div", { className: U.elementListContainer, children: y && y.length > 0 && y.map((f) => /* @__PURE__ */ n(
|
|
2972
|
+
Lt,
|
|
2973
2973
|
{
|
|
2974
|
-
isActive: d ==
|
|
2975
|
-
listelement:
|
|
2974
|
+
isActive: d == f.id,
|
|
2975
|
+
listelement: f,
|
|
2976
2976
|
fontColor: s,
|
|
2977
2977
|
activeColor: o,
|
|
2978
2978
|
onClickElement: a,
|
|
2979
|
-
columns:
|
|
2979
|
+
columns: c,
|
|
2980
2980
|
elementButtons: u,
|
|
2981
2981
|
moreInfo: h,
|
|
2982
2982
|
processTooltip: g,
|
|
2983
2983
|
defaultTooltip: b,
|
|
2984
|
-
showEye:
|
|
2984
|
+
showEye: C
|
|
2985
2985
|
},
|
|
2986
|
-
`elementKey${
|
|
2986
|
+
`elementKey${f.id}`
|
|
2987
2987
|
)) }),
|
|
2988
|
-
|
|
2988
|
+
l && /* @__PURE__ */ n("div", { className: U.newElementButtonContainer, children: /* @__PURE__ */ n(
|
|
2989
2989
|
Fe,
|
|
2990
2990
|
{
|
|
2991
2991
|
style: { ...t },
|
|
2992
|
-
onClick:
|
|
2992
|
+
onClick: l.onClick,
|
|
2993
2993
|
borderColor: "grey",
|
|
2994
|
-
disabled:
|
|
2995
|
-
children: v(
|
|
2994
|
+
disabled: l.disabled || !1,
|
|
2995
|
+
children: v(l.label)
|
|
2996
2996
|
}
|
|
2997
2997
|
) })
|
|
2998
2998
|
]
|
|
@@ -3057,9 +3057,9 @@ const ci = "_formContainer_asv64_2", di = "_categorySelectorContainer_asv64_11",
|
|
|
3057
3057
|
radioList: "radioList",
|
|
3058
3058
|
select: "select"
|
|
3059
3059
|
};
|
|
3060
|
-
var mi = (i) => i.type === "checkbox", hi = (i) => i instanceof Date,
|
|
3060
|
+
var mi = (i) => i.type === "checkbox", hi = (i) => i instanceof Date, Tt = (i) => i == null;
|
|
3061
3061
|
const gi = (i) => typeof i == "object";
|
|
3062
|
-
var ve = (i) => !
|
|
3062
|
+
var ve = (i) => !Tt(i) && !Array.isArray(i) && gi(i) && !hi(i), Ci = (i) => ve(i) && i.target ? mi(i.target) ? i.target.checked : i.target.value : i, fi = (i) => i.substring(0, i.search(/\.\d+(\.|$)/)) || i, bi = (i, d) => i.has(fi(d)), yi = (i) => {
|
|
3063
3063
|
const d = i.constructor && i.constructor.prototype;
|
|
3064
3064
|
return ve(d) && d.hasOwnProperty("isPrototypeOf");
|
|
3065
3065
|
}, _i = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
|
|
@@ -3081,21 +3081,21 @@ function Mt(i) {
|
|
|
3081
3081
|
var Vt = (i) => /^\w*$/.test(i), Ue = (i) => i === void 0, vi = (i) => Array.isArray(i) ? i.filter(Boolean) : [], Dt = (i) => vi(i.replace(/["|']|\]/g, "").split(/\.|\[/)), P = (i, d, s) => {
|
|
3082
3082
|
if (!d || !ve(i))
|
|
3083
3083
|
return s;
|
|
3084
|
-
const o = (Vt(d) ? [d] : Dt(d)).reduce((t, r) =>
|
|
3084
|
+
const o = (Vt(d) ? [d] : Dt(d)).reduce((t, r) => Tt(t) ? t : t[r], i);
|
|
3085
3085
|
return Ue(o) || o === i ? Ue(i[d]) ? s : i[d] : o;
|
|
3086
3086
|
}, Pe = (i) => typeof i == "boolean", dt = (i, d, s) => {
|
|
3087
3087
|
let o = -1;
|
|
3088
|
-
const t = Vt(d) ? [d] : Dt(d), r = t.length,
|
|
3088
|
+
const t = Vt(d) ? [d] : Dt(d), r = t.length, l = r - 1;
|
|
3089
3089
|
for (; ++o < r; ) {
|
|
3090
3090
|
const a = t[o];
|
|
3091
|
-
let
|
|
3092
|
-
if (o !==
|
|
3091
|
+
let c = s;
|
|
3092
|
+
if (o !== l) {
|
|
3093
3093
|
const u = i[a];
|
|
3094
|
-
|
|
3094
|
+
c = ve(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
|
|
3095
3095
|
}
|
|
3096
3096
|
if (a === "__proto__" || a === "constructor" || a === "prototype")
|
|
3097
3097
|
return;
|
|
3098
|
-
i[a] =
|
|
3098
|
+
i[a] = c, i = i[a];
|
|
3099
3099
|
}
|
|
3100
3100
|
};
|
|
3101
3101
|
const ut = {
|
|
@@ -3105,7 +3105,7 @@ const ut = {
|
|
|
3105
3105
|
all: "all"
|
|
3106
3106
|
}, Ft = V.createContext(null);
|
|
3107
3107
|
Ft.displayName = "HookFormContext";
|
|
3108
|
-
const
|
|
3108
|
+
const Qe = () => V.useContext(Ft);
|
|
3109
3109
|
var wi = (i, d, s, o = !0) => {
|
|
3110
3110
|
const t = {
|
|
3111
3111
|
defaultValues: d._defaultValues
|
|
@@ -3113,15 +3113,15 @@ var wi = (i, d, s, o = !0) => {
|
|
|
3113
3113
|
for (const r in i)
|
|
3114
3114
|
Object.defineProperty(t, r, {
|
|
3115
3115
|
get: () => {
|
|
3116
|
-
const
|
|
3117
|
-
return d._proxyFormState[
|
|
3116
|
+
const l = r;
|
|
3117
|
+
return d._proxyFormState[l] !== pt.all && (d._proxyFormState[l] = !o || pt.all), s && (s[l] = !0), i[l];
|
|
3118
3118
|
}
|
|
3119
3119
|
});
|
|
3120
3120
|
return t;
|
|
3121
3121
|
};
|
|
3122
3122
|
const At = typeof window < "u" ? me.useLayoutEffect : me.useEffect;
|
|
3123
3123
|
function xi(i) {
|
|
3124
|
-
const d =
|
|
3124
|
+
const d = Qe(), { control: s = d.control, disabled: o, name: t, exact: r } = i || {}, [l, a] = V.useState(s._formState), c = V.useRef({
|
|
3125
3125
|
isDirty: !1,
|
|
3126
3126
|
isLoading: !1,
|
|
3127
3127
|
dirtyFields: !1,
|
|
@@ -3133,7 +3133,7 @@ function xi(i) {
|
|
|
3133
3133
|
});
|
|
3134
3134
|
return At(() => s._subscribe({
|
|
3135
3135
|
name: t,
|
|
3136
|
-
formState:
|
|
3136
|
+
formState: c.current,
|
|
3137
3137
|
exact: r,
|
|
3138
3138
|
callback: (u) => {
|
|
3139
3139
|
!o && a({
|
|
@@ -3142,28 +3142,28 @@ function xi(i) {
|
|
|
3142
3142
|
});
|
|
3143
3143
|
}
|
|
3144
3144
|
}), [t, o, r]), V.useEffect(() => {
|
|
3145
|
-
|
|
3146
|
-
}, [s]), V.useMemo(() => wi(
|
|
3145
|
+
c.current.isValid && s._setValid(!0);
|
|
3146
|
+
}, [s]), V.useMemo(() => wi(l, s, c.current, !1), [l, s]);
|
|
3147
3147
|
}
|
|
3148
3148
|
var Ni = (i) => typeof i == "string", ki = (i, d, s, o, t) => Ni(i) ? P(s, i, t) : Array.isArray(i) ? i.map((r) => P(s, r)) : s;
|
|
3149
3149
|
function Si(i) {
|
|
3150
|
-
const d =
|
|
3150
|
+
const d = Qe(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: l } = i || {}, a = V.useRef(t), [c, u] = V.useState(s._getWatch(o, a.current));
|
|
3151
3151
|
return At(() => s._subscribe({
|
|
3152
3152
|
name: o,
|
|
3153
3153
|
formState: {
|
|
3154
3154
|
values: !0
|
|
3155
3155
|
},
|
|
3156
|
-
exact:
|
|
3156
|
+
exact: l,
|
|
3157
3157
|
callback: (h) => !r && u(ki(o, s._names, h.values || s._formValues, !1, a.current))
|
|
3158
|
-
}), [o, s, r,
|
|
3158
|
+
}), [o, s, r, l]), V.useEffect(() => s._removeUnmounted()), c;
|
|
3159
3159
|
}
|
|
3160
3160
|
function $i(i) {
|
|
3161
|
-
const d =
|
|
3161
|
+
const d = Qe(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = i, l = bi(t._names.array, s), a = Si({
|
|
3162
3162
|
control: t,
|
|
3163
3163
|
name: s,
|
|
3164
3164
|
defaultValue: P(t._formValues, s, P(t._defaultValues, s, i.defaultValue)),
|
|
3165
3165
|
exact: !0
|
|
3166
|
-
}),
|
|
3166
|
+
}), c = xi({
|
|
3167
3167
|
control: t,
|
|
3168
3168
|
name: s,
|
|
3169
3169
|
exact: !0
|
|
@@ -3174,84 +3174,84 @@ function $i(i) {
|
|
|
3174
3174
|
})), g = V.useMemo(() => Object.defineProperties({}, {
|
|
3175
3175
|
invalid: {
|
|
3176
3176
|
enumerable: !0,
|
|
3177
|
-
get: () => !!P(
|
|
3177
|
+
get: () => !!P(c.errors, s)
|
|
3178
3178
|
},
|
|
3179
3179
|
isDirty: {
|
|
3180
3180
|
enumerable: !0,
|
|
3181
|
-
get: () => !!P(
|
|
3181
|
+
get: () => !!P(c.dirtyFields, s)
|
|
3182
3182
|
},
|
|
3183
3183
|
isTouched: {
|
|
3184
3184
|
enumerable: !0,
|
|
3185
|
-
get: () => !!P(
|
|
3185
|
+
get: () => !!P(c.touchedFields, s)
|
|
3186
3186
|
},
|
|
3187
3187
|
isValidating: {
|
|
3188
3188
|
enumerable: !0,
|
|
3189
|
-
get: () => !!P(
|
|
3189
|
+
get: () => !!P(c.validatingFields, s)
|
|
3190
3190
|
},
|
|
3191
3191
|
error: {
|
|
3192
3192
|
enumerable: !0,
|
|
3193
|
-
get: () => P(
|
|
3193
|
+
get: () => P(c.errors, s)
|
|
3194
3194
|
}
|
|
3195
|
-
}), [
|
|
3195
|
+
}), [c, s]), b = V.useCallback((_) => h.current.onChange({
|
|
3196
3196
|
target: {
|
|
3197
|
-
value: Ci(
|
|
3197
|
+
value: Ci(_),
|
|
3198
3198
|
name: s
|
|
3199
3199
|
},
|
|
3200
3200
|
type: ut.CHANGE
|
|
3201
|
-
}), [s]),
|
|
3201
|
+
}), [s]), C = V.useCallback(() => h.current.onBlur({
|
|
3202
3202
|
target: {
|
|
3203
3203
|
value: P(t._formValues, s),
|
|
3204
3204
|
name: s
|
|
3205
3205
|
},
|
|
3206
3206
|
type: ut.BLUR
|
|
3207
|
-
}), [s, t._formValues]), v = V.useCallback((
|
|
3208
|
-
const
|
|
3209
|
-
|
|
3210
|
-
focus: () =>
|
|
3211
|
-
select: () =>
|
|
3212
|
-
setCustomValidity: (
|
|
3213
|
-
reportValidity: () =>
|
|
3207
|
+
}), [s, t._formValues]), v = V.useCallback((_) => {
|
|
3208
|
+
const m = P(t._fields, s);
|
|
3209
|
+
m && _ && (m._f.ref = {
|
|
3210
|
+
focus: () => _.focus && _.focus(),
|
|
3211
|
+
select: () => _.select && _.select(),
|
|
3212
|
+
setCustomValidity: (f) => _.setCustomValidity(f),
|
|
3213
|
+
reportValidity: () => _.reportValidity()
|
|
3214
3214
|
});
|
|
3215
|
-
}, [t._fields, s]),
|
|
3215
|
+
}, [t._fields, s]), y = V.useMemo(() => ({
|
|
3216
3216
|
name: s,
|
|
3217
3217
|
value: a,
|
|
3218
|
-
...Pe(o) ||
|
|
3218
|
+
...Pe(o) || c.disabled ? { disabled: c.disabled || o } : {},
|
|
3219
3219
|
onChange: b,
|
|
3220
|
-
onBlur:
|
|
3220
|
+
onBlur: C,
|
|
3221
3221
|
ref: v
|
|
3222
|
-
}), [s, o,
|
|
3222
|
+
}), [s, o, c.disabled, b, C, v, a]);
|
|
3223
3223
|
return V.useEffect(() => {
|
|
3224
|
-
const
|
|
3224
|
+
const _ = t._options.shouldUnregister || r;
|
|
3225
3225
|
t.register(s, {
|
|
3226
3226
|
...u.current.rules,
|
|
3227
3227
|
...Pe(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
3228
3228
|
});
|
|
3229
|
-
const
|
|
3230
|
-
const w = P(t._fields,
|
|
3229
|
+
const m = (f, x) => {
|
|
3230
|
+
const w = P(t._fields, f);
|
|
3231
3231
|
w && w._f && (w._f.mount = x);
|
|
3232
3232
|
};
|
|
3233
|
-
if (
|
|
3234
|
-
const
|
|
3235
|
-
dt(t._defaultValues, s,
|
|
3233
|
+
if (m(s, !0), _) {
|
|
3234
|
+
const f = Mt(P(t._options.defaultValues, s));
|
|
3235
|
+
dt(t._defaultValues, s, f), Ue(P(t._formValues, s)) && dt(t._formValues, s, f);
|
|
3236
3236
|
}
|
|
3237
|
-
return !
|
|
3238
|
-
(
|
|
3237
|
+
return !l && t.register(s), () => {
|
|
3238
|
+
(l ? _ && !t._state.action : _) ? t.unregister(s) : m(s, !1);
|
|
3239
3239
|
};
|
|
3240
|
-
}, [s, t,
|
|
3240
|
+
}, [s, t, l, r]), V.useEffect(() => {
|
|
3241
3241
|
t._setDisabledField({
|
|
3242
3242
|
disabled: o,
|
|
3243
3243
|
name: s
|
|
3244
3244
|
});
|
|
3245
3245
|
}, [o, s, t]), V.useMemo(() => ({
|
|
3246
|
-
field:
|
|
3247
|
-
formState:
|
|
3246
|
+
field: y,
|
|
3247
|
+
formState: c,
|
|
3248
3248
|
fieldState: g
|
|
3249
|
-
}), [
|
|
3249
|
+
}), [y, c, g]);
|
|
3250
3250
|
}
|
|
3251
|
-
const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2",
|
|
3251
|
+
const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_labelContainer_1o3iy_5", Ti = "_inputContainer_1o3iy_8", Mi = "_showPasswordButton_1o3iy_14", Vi = "_forgotPassButton_1o3iy_26", ye = {
|
|
3252
3252
|
textInputContainer: Bi,
|
|
3253
|
-
labelContainer:
|
|
3254
|
-
inputContainer:
|
|
3253
|
+
labelContainer: Li,
|
|
3254
|
+
inputContainer: Ti,
|
|
3255
3255
|
showPasswordButton: Mi,
|
|
3256
3256
|
forgotPassButton: Vi
|
|
3257
3257
|
}, Di = "_errorMessage_1xiyb_2", Fi = {
|
|
@@ -3261,7 +3261,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3261
3261
|
errorColor: d = "red",
|
|
3262
3262
|
containerStyles: s
|
|
3263
3263
|
}) => {
|
|
3264
|
-
const { t: o } =
|
|
3264
|
+
const { t: o } = L();
|
|
3265
3265
|
return /* @__PURE__ */ n(
|
|
3266
3266
|
"div",
|
|
3267
3267
|
{
|
|
@@ -3270,7 +3270,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3270
3270
|
children: i ? o(i) : ""
|
|
3271
3271
|
}
|
|
3272
3272
|
);
|
|
3273
|
-
}, Ne = Ct((i) => ({
|
|
3273
|
+
}, Ai = "data:image/svg+xml,%3csvg%20width='26'%20height='14'%20viewBox='0%200%2026%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205763'%3e%3cpath%20id='Vector'%20d='M12.95%200C7.659%200%202.84899%202.3634%200.0832465%206.31776C-0.0277488%206.47963%20-0.0277488%206.68776%200.0832465%206.84962C2.84439%2010.804%207.65437%2013.1628%2012.95%2013.1628C18.2456%2013.1628%2023.0556%2010.804%2025.8168%206.84962C25.9278%206.68775%2025.9278%206.47963%2025.8168%206.31776C23.051%202.36339%2018.241%200%2012.95%200ZM12.95%2010.8132C10.619%2010.8132%208.71812%208.91238%208.71812%206.58139C8.71812%204.25041%2010.619%202.34951%2012.95%202.34951C15.281%202.34951%2017.1819%204.25038%2017.1819%206.58139C17.1819%208.91241%2015.281%2010.8132%2012.95%2010.8132Z'%20fill='white'/%3e%3cpath%20id='Vector_2'%20d='M12.9514%209.88816C14.7777%209.88816%2016.2583%208.40763%2016.2583%206.58129C16.2583%204.75495%2014.7777%203.27441%2012.9514%203.27441C11.1251%203.27441%209.64453%204.75495%209.64453%206.58129C9.64453%208.40763%2011.1251%209.88816%2012.9514%209.88816Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", Ii = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205995'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='white'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='white'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='white'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='white'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", Ne = Ct((i) => ({
|
|
3274
3274
|
errorColor: "red"
|
|
3275
3275
|
})), mt = ({ input: i, reactHookFormInstance: d }) => {
|
|
3276
3276
|
const {
|
|
@@ -3278,37 +3278,37 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3278
3278
|
type: o,
|
|
3279
3279
|
label: t,
|
|
3280
3280
|
maxLength: r,
|
|
3281
|
-
required:
|
|
3281
|
+
required: l,
|
|
3282
3282
|
validateFunction: a,
|
|
3283
|
-
placeholder:
|
|
3283
|
+
placeholder: c,
|
|
3284
3284
|
errorColor: u = "red",
|
|
3285
3285
|
width: h = 325,
|
|
3286
3286
|
onClickForgotPass: g = () => {
|
|
3287
3287
|
console.log("Click on forgot password");
|
|
3288
3288
|
},
|
|
3289
3289
|
forgotPassLabel: b = "forgot-password"
|
|
3290
|
-
} = i, { t:
|
|
3291
|
-
ae(
|
|
3292
|
-
const w = () => o ? o === "password" &&
|
|
3290
|
+
} = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = D(!1);
|
|
3291
|
+
ae(l);
|
|
3292
|
+
const w = () => o ? o === "password" && f ? "text" : o : "text";
|
|
3293
3293
|
return /* @__PURE__ */ n(
|
|
3294
3294
|
we,
|
|
3295
3295
|
{
|
|
3296
3296
|
name: s,
|
|
3297
3297
|
control: v,
|
|
3298
3298
|
rules: {
|
|
3299
|
-
required:
|
|
3299
|
+
required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
|
|
3300
3300
|
maxLength: r || void 0,
|
|
3301
3301
|
validate: a || void 0
|
|
3302
3302
|
},
|
|
3303
3303
|
render: ({ field: N, fieldState: S }) => {
|
|
3304
3304
|
var $;
|
|
3305
|
-
return /* @__PURE__ */
|
|
3306
|
-
/* @__PURE__ */
|
|
3307
|
-
|
|
3305
|
+
return /* @__PURE__ */ p("div", { className: ye.textInputContainer, children: [
|
|
3306
|
+
/* @__PURE__ */ p("h3", { className: ye.labelContainer, children: [
|
|
3307
|
+
C(t),
|
|
3308
3308
|
" ",
|
|
3309
|
-
|
|
3309
|
+
l && /* @__PURE__ */ n("label", { style: { color: S.error ? u : "" }, children: "*" })
|
|
3310
3310
|
] }),
|
|
3311
|
-
/* @__PURE__ */
|
|
3311
|
+
/* @__PURE__ */ p(
|
|
3312
3312
|
"div",
|
|
3313
3313
|
{
|
|
3314
3314
|
style: { position: "relative", width: h },
|
|
@@ -3319,83 +3319,89 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3319
3319
|
{
|
|
3320
3320
|
type: w(),
|
|
3321
3321
|
...N,
|
|
3322
|
-
placeholder:
|
|
3322
|
+
placeholder: c ? C(c) : "",
|
|
3323
3323
|
maxLength: r || void 0
|
|
3324
3324
|
}
|
|
3325
3325
|
),
|
|
3326
3326
|
o == "password" && /* @__PURE__ */ n(
|
|
3327
3327
|
"button",
|
|
3328
3328
|
{
|
|
3329
|
-
onClick: () => x(!
|
|
3329
|
+
onClick: () => x(!f),
|
|
3330
3330
|
type: "button",
|
|
3331
3331
|
className: ye.showPasswordButton,
|
|
3332
|
-
children:
|
|
3332
|
+
children: /* @__PURE__ */ n(
|
|
3333
|
+
"img",
|
|
3334
|
+
{
|
|
3335
|
+
src: f ? Ii : Ai,
|
|
3336
|
+
alt: C("show-password")
|
|
3337
|
+
}
|
|
3338
|
+
)
|
|
3333
3339
|
}
|
|
3334
3340
|
)
|
|
3335
3341
|
]
|
|
3336
3342
|
}
|
|
3337
3343
|
),
|
|
3338
|
-
o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: g, children:
|
|
3344
|
+
o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: g, children: C(b) }) }),
|
|
3339
3345
|
/* @__PURE__ */ n(
|
|
3340
3346
|
xe,
|
|
3341
3347
|
{
|
|
3342
3348
|
errorMessage: ($ = S.error) == null ? void 0 : $.message,
|
|
3343
|
-
errorColor:
|
|
3349
|
+
errorColor: m || u
|
|
3344
3350
|
}
|
|
3345
3351
|
)
|
|
3346
3352
|
] });
|
|
3347
3353
|
}
|
|
3348
3354
|
}
|
|
3349
3355
|
);
|
|
3350
|
-
},
|
|
3351
|
-
inputsContainer:
|
|
3352
|
-
},
|
|
3353
|
-
selectInputContainer:
|
|
3354
|
-
labelContainer:
|
|
3355
|
-
inputContainer:
|
|
3356
|
-
selectInput:
|
|
3357
|
-
option:
|
|
3358
|
-
dropdownArrow:
|
|
3359
|
-
}, ht = "data:image/svg+xml,%3csvg%20width='19'%20height='10'%20viewBox='0%200%2019%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%20311'%20d='M1%201.09961L8.79289%208.8925C9.18342%209.28303%209.81658%209.28303%2010.2071%208.8925L18%201.09961'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e",
|
|
3356
|
+
}, Oi = "_inputsContainer_10t9s_2", ue = {
|
|
3357
|
+
inputsContainer: Oi
|
|
3358
|
+
}, Ri = "_selectInputContainer_1rj0h_2", qi = "_labelContainer_1rj0h_6", Pi = "_inputContainer_1rj0h_9", Ei = "_selectInput_1rj0h_2", ji = "_option_1rj0h_23", Zi = "_dropdownArrow_1rj0h_26", z = {
|
|
3359
|
+
selectInputContainer: Ri,
|
|
3360
|
+
labelContainer: qi,
|
|
3361
|
+
inputContainer: Pi,
|
|
3362
|
+
selectInput: Ei,
|
|
3363
|
+
option: ji,
|
|
3364
|
+
dropdownArrow: Zi
|
|
3365
|
+
}, ht = "data:image/svg+xml,%3csvg%20width='19'%20height='10'%20viewBox='0%200%2019%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%20311'%20d='M1%201.09961L8.79289%208.8925C9.18342%209.28303%209.81658%209.28303%2010.2071%208.8925L18%201.09961'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", zi = ({ input: i, reactHookFormInstance: d, onChange: s }) => {
|
|
3360
3366
|
const {
|
|
3361
3367
|
code: o,
|
|
3362
3368
|
type: t,
|
|
3363
3369
|
label: r,
|
|
3364
|
-
maxLength:
|
|
3370
|
+
maxLength: l,
|
|
3365
3371
|
required: a,
|
|
3366
|
-
validateFunction:
|
|
3372
|
+
validateFunction: c,
|
|
3367
3373
|
placeholder: u,
|
|
3368
3374
|
errorColor: h = "red",
|
|
3369
3375
|
width: g = 325,
|
|
3370
3376
|
options: b = []
|
|
3371
3377
|
//Used if we dont use react hook form
|
|
3372
|
-
} = i, { t:
|
|
3378
|
+
} = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
|
|
3373
3379
|
ae(a);
|
|
3374
|
-
const [
|
|
3380
|
+
const [f, x] = D(null);
|
|
3375
3381
|
return F(() => {
|
|
3376
|
-
|
|
3377
|
-
}, [
|
|
3382
|
+
f && s && s(f);
|
|
3383
|
+
}, [f, s]), d ? /* @__PURE__ */ n(
|
|
3378
3384
|
we,
|
|
3379
3385
|
{
|
|
3380
3386
|
name: o,
|
|
3381
3387
|
control: v,
|
|
3382
3388
|
rules: {
|
|
3383
|
-
required: a ? `${
|
|
3384
|
-
validate:
|
|
3389
|
+
required: a ? `${C(r)} ${C("errorMessages.required")}` : !1,
|
|
3390
|
+
validate: c ? (w) => {
|
|
3385
3391
|
let N = d.getValues();
|
|
3386
|
-
return
|
|
3392
|
+
return c(w, N);
|
|
3387
3393
|
} : void 0
|
|
3388
3394
|
},
|
|
3389
3395
|
render: ({ field: w, fieldState: N }) => {
|
|
3390
3396
|
var S;
|
|
3391
|
-
return /* @__PURE__ */
|
|
3392
|
-
r && /* @__PURE__ */
|
|
3393
|
-
|
|
3397
|
+
return /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
|
|
3398
|
+
r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
|
|
3399
|
+
C(r),
|
|
3394
3400
|
" ",
|
|
3395
3401
|
a && /* @__PURE__ */ n("label", { style: { color: N.error ? h : "" }, children: "*" })
|
|
3396
3402
|
] }),
|
|
3397
|
-
/* @__PURE__ */
|
|
3398
|
-
/* @__PURE__ */
|
|
3403
|
+
/* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
|
|
3404
|
+
/* @__PURE__ */ p(
|
|
3399
3405
|
"select",
|
|
3400
3406
|
{
|
|
3401
3407
|
...w,
|
|
@@ -3403,15 +3409,15 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3403
3409
|
const k = $.target.value, B = b.every((A) => typeof A.value == "number") ? Number(k) : k;
|
|
3404
3410
|
w.onChange(B);
|
|
3405
3411
|
},
|
|
3406
|
-
className:
|
|
3412
|
+
className: z.selectInput,
|
|
3407
3413
|
children: [
|
|
3408
|
-
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3414
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
|
|
3409
3415
|
b.map(($, k) => /* @__PURE__ */ n(
|
|
3410
3416
|
"option",
|
|
3411
3417
|
{
|
|
3412
3418
|
value: $.value,
|
|
3413
|
-
className:
|
|
3414
|
-
children:
|
|
3419
|
+
className: z.option,
|
|
3420
|
+
children: C($.label)
|
|
3415
3421
|
},
|
|
3416
3422
|
k
|
|
3417
3423
|
))
|
|
@@ -3423,7 +3429,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3423
3429
|
{
|
|
3424
3430
|
src: ht,
|
|
3425
3431
|
alt: "Open",
|
|
3426
|
-
className:
|
|
3432
|
+
className: z.dropdownArrow
|
|
3427
3433
|
}
|
|
3428
3434
|
)
|
|
3429
3435
|
] }),
|
|
@@ -3431,68 +3437,68 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3431
3437
|
xe,
|
|
3432
3438
|
{
|
|
3433
3439
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3434
|
-
errorColor:
|
|
3440
|
+
errorColor: m || h
|
|
3435
3441
|
}
|
|
3436
3442
|
)
|
|
3437
3443
|
] });
|
|
3438
3444
|
}
|
|
3439
3445
|
}
|
|
3440
|
-
) : /* @__PURE__ */
|
|
3441
|
-
r && /* @__PURE__ */
|
|
3442
|
-
|
|
3446
|
+
) : /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
|
|
3447
|
+
r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
|
|
3448
|
+
C(r),
|
|
3443
3449
|
" ",
|
|
3444
3450
|
a && /* @__PURE__ */ n("label", { children: "*" })
|
|
3445
3451
|
] }),
|
|
3446
|
-
/* @__PURE__ */
|
|
3447
|
-
/* @__PURE__ */
|
|
3452
|
+
/* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
|
|
3453
|
+
/* @__PURE__ */ p(
|
|
3448
3454
|
"select",
|
|
3449
3455
|
{
|
|
3450
|
-
value:
|
|
3456
|
+
value: f || "",
|
|
3451
3457
|
onChange: (w) => {
|
|
3452
3458
|
const N = w.target.value, S = b.every(($) => typeof $.value == "number") ? Number(N) : N;
|
|
3453
3459
|
x(S);
|
|
3454
3460
|
},
|
|
3455
|
-
className:
|
|
3461
|
+
className: z.selectInput,
|
|
3456
3462
|
children: [
|
|
3457
|
-
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3463
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
|
|
3458
3464
|
b.map((w, N) => /* @__PURE__ */ n(
|
|
3459
3465
|
"option",
|
|
3460
3466
|
{
|
|
3461
3467
|
value: w.value,
|
|
3462
|
-
className:
|
|
3463
|
-
children:
|
|
3468
|
+
className: z.option,
|
|
3469
|
+
children: C(w.label)
|
|
3464
3470
|
},
|
|
3465
3471
|
N
|
|
3466
3472
|
))
|
|
3467
3473
|
]
|
|
3468
3474
|
}
|
|
3469
3475
|
),
|
|
3470
|
-
/* @__PURE__ */ n("img", { src: ht, alt: "Open", className:
|
|
3476
|
+
/* @__PURE__ */ n("img", { src: ht, alt: "Open", className: z.dropdownArrow })
|
|
3471
3477
|
] })
|
|
3472
3478
|
] });
|
|
3473
|
-
},
|
|
3474
|
-
radioButtonContainer:
|
|
3475
|
-
wholeInputContainer:
|
|
3476
|
-
questionContainer:
|
|
3477
|
-
radioQuestion:
|
|
3478
|
-
inputContainer:
|
|
3479
|
-
radioInput:
|
|
3480
|
-
},
|
|
3479
|
+
}, Hi = "_radioButtonContainer_1e994_2", Ki = "_wholeInputContainer_1e994_5", Ui = "_questionContainer_1e994_27", Wi = "_radioQuestion_1e994_59", Gi = "_inputContainer_1e994_63", Yi = "_radioInput_1e994_93", se = {
|
|
3480
|
+
radioButtonContainer: Hi,
|
|
3481
|
+
wholeInputContainer: Ki,
|
|
3482
|
+
questionContainer: Ui,
|
|
3483
|
+
radioQuestion: Wi,
|
|
3484
|
+
inputContainer: Gi,
|
|
3485
|
+
radioInput: Yi
|
|
3486
|
+
}, Xi = ({ input: i, reactHookFormInstance: d }) => {
|
|
3481
3487
|
const {
|
|
3482
3488
|
code: s,
|
|
3483
3489
|
label: o,
|
|
3484
3490
|
required: t,
|
|
3485
3491
|
validateFunction: r,
|
|
3486
|
-
errorColor:
|
|
3492
|
+
errorColor: l = "red",
|
|
3487
3493
|
options: a = [],
|
|
3488
|
-
multi:
|
|
3489
|
-
} = i, { t: u } =
|
|
3490
|
-
if (
|
|
3491
|
-
let x =
|
|
3492
|
-
|
|
3494
|
+
multi: c = !1
|
|
3495
|
+
} = i, { t: u } = L(), { control: h, trigger: g, clearErrors: b } = d, { errorColor: C } = Ne((_) => _), v = ({ options: _, onChange: m, actualValue: f }) => {
|
|
3496
|
+
if (c && f && f.length > 0) {
|
|
3497
|
+
let x = f.filter((w) => w !== _);
|
|
3498
|
+
m(x);
|
|
3493
3499
|
}
|
|
3494
|
-
},
|
|
3495
|
-
|
|
3500
|
+
}, y = ({ options: _, onChange: m, actualValue: f }) => {
|
|
3501
|
+
c ? f && f.length > 0 ? m([...f, _]) : m([_]) : m(_);
|
|
3496
3502
|
};
|
|
3497
3503
|
return ae(t), /* @__PURE__ */ n(
|
|
3498
3504
|
we,
|
|
@@ -3500,16 +3506,16 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3500
3506
|
control: h,
|
|
3501
3507
|
name: s,
|
|
3502
3508
|
rules: {
|
|
3503
|
-
validate: (
|
|
3509
|
+
validate: (_) => t && (_ == null || _ === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3504
3510
|
},
|
|
3505
3511
|
render: ({
|
|
3506
|
-
formState: { errors:
|
|
3507
|
-
field: { onChange:
|
|
3512
|
+
formState: { errors: _ },
|
|
3513
|
+
field: { onChange: m, onBlur: f, value: x, ref: w },
|
|
3508
3514
|
fieldState: N
|
|
3509
3515
|
}) => {
|
|
3510
3516
|
var S;
|
|
3511
|
-
return /* @__PURE__ */ n("div", { id: s + "id", className: se.radioButtonContainer, children: /* @__PURE__ */
|
|
3512
|
-
o && /* @__PURE__ */ n("div", { className: se.questionContainer, children: /* @__PURE__ */
|
|
3517
|
+
return /* @__PURE__ */ n("div", { id: s + "id", className: se.radioButtonContainer, children: /* @__PURE__ */ p("div", { className: se.wholeInputContainer, children: [
|
|
3518
|
+
o && /* @__PURE__ */ n("div", { className: se.questionContainer, children: /* @__PURE__ */ p(
|
|
3513
3519
|
"h3",
|
|
3514
3520
|
{
|
|
3515
3521
|
htmlFor: s + "id",
|
|
@@ -3520,14 +3526,14 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3520
3526
|
t && /* @__PURE__ */ n(
|
|
3521
3527
|
"label",
|
|
3522
3528
|
{
|
|
3523
|
-
style: { color: N.error ?
|
|
3529
|
+
style: { color: N.error ? l : "" },
|
|
3524
3530
|
children: "*"
|
|
3525
3531
|
}
|
|
3526
3532
|
)
|
|
3527
3533
|
]
|
|
3528
3534
|
}
|
|
3529
3535
|
) }),
|
|
3530
|
-
/* @__PURE__ */
|
|
3536
|
+
/* @__PURE__ */ p("div", { className: se.inputContainer, children: [
|
|
3531
3537
|
a.map(
|
|
3532
3538
|
({
|
|
3533
3539
|
label: $,
|
|
@@ -3535,23 +3541,23 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3535
3541
|
disabled: B = !1,
|
|
3536
3542
|
italicLabel: A
|
|
3537
3543
|
}, H) => {
|
|
3538
|
-
const
|
|
3539
|
-
return /* @__PURE__ */
|
|
3544
|
+
const T = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((j) => j === k) : x === k;
|
|
3545
|
+
return /* @__PURE__ */ p("label", { children: [
|
|
3540
3546
|
/* @__PURE__ */ n(
|
|
3541
3547
|
"input",
|
|
3542
3548
|
{
|
|
3543
3549
|
type: "radio",
|
|
3544
|
-
checked:
|
|
3550
|
+
checked: T,
|
|
3545
3551
|
onChange: () => {
|
|
3546
|
-
|
|
3552
|
+
c ? T ? v({
|
|
3547
3553
|
actualValue: x,
|
|
3548
3554
|
options: a,
|
|
3549
|
-
onChange:
|
|
3550
|
-
}) :
|
|
3555
|
+
onChange: m
|
|
3556
|
+
}) : y({
|
|
3551
3557
|
actualValue: x,
|
|
3552
3558
|
options: a,
|
|
3553
|
-
onChange:
|
|
3554
|
-
}) :
|
|
3559
|
+
onChange: m
|
|
3560
|
+
}) : m(k);
|
|
3555
3561
|
},
|
|
3556
3562
|
className: se.radioInput
|
|
3557
3563
|
}
|
|
@@ -3565,7 +3571,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3565
3571
|
xe,
|
|
3566
3572
|
{
|
|
3567
3573
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3568
|
-
errorColor:
|
|
3574
|
+
errorColor: C || l
|
|
3569
3575
|
}
|
|
3570
3576
|
)
|
|
3571
3577
|
] })
|
|
@@ -3573,37 +3579,37 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3573
3579
|
}
|
|
3574
3580
|
}
|
|
3575
3581
|
);
|
|
3576
|
-
},
|
|
3577
|
-
rankingSliderContainer:
|
|
3578
|
-
labelContainer:
|
|
3579
|
-
inputContainer:
|
|
3580
|
-
slider:
|
|
3581
|
-
thumb:
|
|
3582
|
-
labels:
|
|
3583
|
-
minLabel:
|
|
3584
|
-
maxLabel:
|
|
3582
|
+
}, Qi = "_rankingSliderContainer_1lekm_2", Ji = "_labelContainer_1lekm_6", e1 = "_inputContainer_1lekm_10", t1 = "_slider_1lekm_20", n1 = "_thumb_1lekm_27", i1 = "_labels_1lekm_37", s1 = "_minLabel_1lekm_67", o1 = "_maxLabel_1lekm_67", I = {
|
|
3583
|
+
rankingSliderContainer: Qi,
|
|
3584
|
+
labelContainer: Ji,
|
|
3585
|
+
inputContainer: e1,
|
|
3586
|
+
slider: t1,
|
|
3587
|
+
thumb: n1,
|
|
3588
|
+
labels: i1,
|
|
3589
|
+
minLabel: s1,
|
|
3590
|
+
maxLabel: o1
|
|
3585
3591
|
}, It = ({ input: i, reactHookFormInstance: d, onChange: s }) => {
|
|
3586
3592
|
const {
|
|
3587
3593
|
code: o,
|
|
3588
3594
|
label: t,
|
|
3589
3595
|
minValue: r = 1,
|
|
3590
|
-
maxValue:
|
|
3596
|
+
maxValue: l = 5,
|
|
3591
3597
|
defValue: a = 3,
|
|
3592
|
-
thumbColor:
|
|
3598
|
+
thumbColor: c = "#B32F5D",
|
|
3593
3599
|
//trackColors = ["#B32F5D", "#EFEFEF"],
|
|
3594
3600
|
required: u,
|
|
3595
3601
|
errorColor: h = "red",
|
|
3596
3602
|
labelWidth: g = "300px",
|
|
3597
3603
|
sliderWidth: b = "300px",
|
|
3598
|
-
minText:
|
|
3604
|
+
minText: C,
|
|
3599
3605
|
maxText: v,
|
|
3600
|
-
disabled:
|
|
3601
|
-
marks:
|
|
3602
|
-
{ length:
|
|
3606
|
+
disabled: y = !1,
|
|
3607
|
+
marks: _ = Array.from(
|
|
3608
|
+
{ length: l - r + 1 },
|
|
3603
3609
|
(B, A) => r + A
|
|
3604
3610
|
),
|
|
3605
|
-
showMarksNumber:
|
|
3606
|
-
} = i, { t:
|
|
3611
|
+
showMarksNumber: m = !0
|
|
3612
|
+
} = i, { t: f } = L(), { control: x, trigger: w, clearErrors: N } = d || {};
|
|
3607
3613
|
ae(u);
|
|
3608
3614
|
const { errorColorForm: S } = Ne((B) => B), [$, k] = D(a);
|
|
3609
3615
|
return d ? /* @__PURE__ */ n(
|
|
@@ -3613,11 +3619,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3613
3619
|
control: x,
|
|
3614
3620
|
defaultValue: a,
|
|
3615
3621
|
rules: {
|
|
3616
|
-
required: u ? `${
|
|
3622
|
+
required: u ? `${f(t)} ${f("errorMessages.required")}` : !1
|
|
3617
3623
|
},
|
|
3618
3624
|
render: ({ field: B, fieldState: A }) => {
|
|
3619
3625
|
var H;
|
|
3620
|
-
return /* @__PURE__ */
|
|
3626
|
+
return /* @__PURE__ */ p(
|
|
3621
3627
|
"div",
|
|
3622
3628
|
{
|
|
3623
3629
|
className: I.rankingSliderContainer,
|
|
@@ -3625,36 +3631,36 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3625
3631
|
gridTemplateColumns: `${t && g} ${b}`
|
|
3626
3632
|
},
|
|
3627
3633
|
children: [
|
|
3628
|
-
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children:
|
|
3629
|
-
/* @__PURE__ */
|
|
3630
|
-
|
|
3631
|
-
/* @__PURE__ */
|
|
3634
|
+
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
|
|
3635
|
+
/* @__PURE__ */ p("div", { className: I.inputContainer, children: [
|
|
3636
|
+
C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
|
|
3637
|
+
/* @__PURE__ */ p("div", { children: [
|
|
3632
3638
|
/* @__PURE__ */ n(
|
|
3633
3639
|
He,
|
|
3634
3640
|
{
|
|
3635
3641
|
min: r,
|
|
3636
|
-
max:
|
|
3642
|
+
max: l,
|
|
3637
3643
|
step: 1,
|
|
3638
3644
|
value: B.value ?? a,
|
|
3639
|
-
onChange: (
|
|
3645
|
+
onChange: (T) => B.onChange(T),
|
|
3640
3646
|
marks: !0,
|
|
3641
3647
|
className: I.slider,
|
|
3642
3648
|
thumbClassName: I.thumb,
|
|
3643
|
-
renderThumb: (
|
|
3649
|
+
renderThumb: (T) => /* @__PURE__ */ n(
|
|
3644
3650
|
"div",
|
|
3645
3651
|
{
|
|
3646
|
-
...
|
|
3647
|
-
style: { ...
|
|
3652
|
+
...T,
|
|
3653
|
+
style: { ...T.style, backgroundColor: c }
|
|
3648
3654
|
}
|
|
3649
3655
|
),
|
|
3650
3656
|
trackClassName: I.track,
|
|
3651
3657
|
markClassName: I.mark,
|
|
3652
|
-
disabled:
|
|
3658
|
+
disabled: y
|
|
3653
3659
|
}
|
|
3654
3660
|
),
|
|
3655
|
-
|
|
3661
|
+
_ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((T) => /* @__PURE__ */ n("span", { children: m && T }, T)) })
|
|
3656
3662
|
] }),
|
|
3657
|
-
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children:
|
|
3663
|
+
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
|
|
3658
3664
|
] }),
|
|
3659
3665
|
/* @__PURE__ */ n(
|
|
3660
3666
|
xe,
|
|
@@ -3668,21 +3674,21 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3668
3674
|
);
|
|
3669
3675
|
}
|
|
3670
3676
|
}
|
|
3671
|
-
) : /* @__PURE__ */
|
|
3677
|
+
) : /* @__PURE__ */ p(
|
|
3672
3678
|
"div",
|
|
3673
3679
|
{
|
|
3674
3680
|
className: I.rankingSliderContainer,
|
|
3675
3681
|
style: { gridTemplateColumns: `${t && g} ${b}` },
|
|
3676
3682
|
children: [
|
|
3677
|
-
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children:
|
|
3678
|
-
/* @__PURE__ */
|
|
3679
|
-
|
|
3680
|
-
/* @__PURE__ */
|
|
3683
|
+
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
|
|
3684
|
+
/* @__PURE__ */ p("div", { className: I.inputContainer, children: [
|
|
3685
|
+
C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
|
|
3686
|
+
/* @__PURE__ */ p("div", { children: [
|
|
3681
3687
|
/* @__PURE__ */ n(
|
|
3682
3688
|
He,
|
|
3683
3689
|
{
|
|
3684
3690
|
min: r,
|
|
3685
|
-
max:
|
|
3691
|
+
max: l,
|
|
3686
3692
|
step: 1,
|
|
3687
3693
|
value: $,
|
|
3688
3694
|
onChange: (B) => {
|
|
@@ -3695,17 +3701,17 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
|
|
|
3695
3701
|
"div",
|
|
3696
3702
|
{
|
|
3697
3703
|
...B,
|
|
3698
|
-
style: { ...B.style, backgroundColor:
|
|
3704
|
+
style: { ...B.style, backgroundColor: c }
|
|
3699
3705
|
}
|
|
3700
3706
|
),
|
|
3701
3707
|
trackClassName: I.track,
|
|
3702
3708
|
markClassName: I.mark,
|
|
3703
|
-
disabled:
|
|
3709
|
+
disabled: y
|
|
3704
3710
|
}
|
|
3705
3711
|
),
|
|
3706
|
-
|
|
3712
|
+
_ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((B) => /* @__PURE__ */ n("span", { children: m && B }, B)) })
|
|
3707
3713
|
] }),
|
|
3708
|
-
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children:
|
|
3714
|
+
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
|
|
3709
3715
|
] })
|
|
3710
3716
|
]
|
|
3711
3717
|
}
|
|
@@ -3735,16 +3741,16 @@ const _e = ({
|
|
|
3735
3741
|
reactHookFormInstance: s
|
|
3736
3742
|
}) => {
|
|
3737
3743
|
console.log("inputs: ", i);
|
|
3738
|
-
const { watch: o } = s, t = o(), r = he(() => i == null ? void 0 : i.map((
|
|
3739
|
-
const a = typeof
|
|
3744
|
+
const { watch: o } = s, t = o(), r = he(() => i == null ? void 0 : i.map((l) => {
|
|
3745
|
+
const a = typeof l.required == "function" ? l.required(t) : l.required;
|
|
3740
3746
|
return {
|
|
3741
|
-
...
|
|
3747
|
+
...l,
|
|
3742
3748
|
required: a
|
|
3743
3749
|
};
|
|
3744
3750
|
}), [i, t]);
|
|
3745
|
-
return /* @__PURE__ */ n("div", { className: ue.inputsContainer, children: r == null ? void 0 : r.map((
|
|
3746
|
-
const { inputType:
|
|
3747
|
-
switch (
|
|
3751
|
+
return /* @__PURE__ */ n("div", { className: ue.inputsContainer, children: r == null ? void 0 : r.map((l, a) => {
|
|
3752
|
+
const { inputType: c } = l;
|
|
3753
|
+
switch (c) {
|
|
3748
3754
|
case be.text:
|
|
3749
3755
|
return /* @__PURE__ */ n(
|
|
3750
3756
|
"div",
|
|
@@ -3754,12 +3760,12 @@ const _e = ({
|
|
|
3754
3760
|
children: /* @__PURE__ */ n(
|
|
3755
3761
|
mt,
|
|
3756
3762
|
{
|
|
3757
|
-
input:
|
|
3763
|
+
input: l,
|
|
3758
3764
|
reactHookFormInstance: s
|
|
3759
3765
|
}
|
|
3760
3766
|
)
|
|
3761
3767
|
},
|
|
3762
|
-
`${
|
|
3768
|
+
`${l.code}${a}`
|
|
3763
3769
|
);
|
|
3764
3770
|
case be.password:
|
|
3765
3771
|
return /* @__PURE__ */ n(
|
|
@@ -3770,12 +3776,12 @@ const _e = ({
|
|
|
3770
3776
|
children: /* @__PURE__ */ n(
|
|
3771
3777
|
mt,
|
|
3772
3778
|
{
|
|
3773
|
-
input:
|
|
3779
|
+
input: l,
|
|
3774
3780
|
reactHookFormInstance: s
|
|
3775
3781
|
}
|
|
3776
3782
|
)
|
|
3777
3783
|
},
|
|
3778
|
-
`${
|
|
3784
|
+
`${l.code}${a}`
|
|
3779
3785
|
);
|
|
3780
3786
|
case be.select:
|
|
3781
3787
|
return /* @__PURE__ */ n(
|
|
@@ -3784,14 +3790,14 @@ const _e = ({
|
|
|
3784
3790
|
className: ue.inputContainer,
|
|
3785
3791
|
style: { ...d },
|
|
3786
3792
|
children: /* @__PURE__ */ n(
|
|
3787
|
-
|
|
3793
|
+
zi,
|
|
3788
3794
|
{
|
|
3789
|
-
input:
|
|
3795
|
+
input: l,
|
|
3790
3796
|
reactHookFormInstance: s
|
|
3791
3797
|
}
|
|
3792
3798
|
)
|
|
3793
3799
|
},
|
|
3794
|
-
`${
|
|
3800
|
+
`${l.code}${a}`
|
|
3795
3801
|
);
|
|
3796
3802
|
case be.radioList:
|
|
3797
3803
|
return /* @__PURE__ */ n(
|
|
@@ -3800,14 +3806,14 @@ const _e = ({
|
|
|
3800
3806
|
className: ue.inputContainer,
|
|
3801
3807
|
style: { ...d },
|
|
3802
3808
|
children: /* @__PURE__ */ n(
|
|
3803
|
-
|
|
3809
|
+
Xi,
|
|
3804
3810
|
{
|
|
3805
|
-
input:
|
|
3811
|
+
input: l,
|
|
3806
3812
|
reactHookFormInstance: s
|
|
3807
3813
|
}
|
|
3808
3814
|
)
|
|
3809
3815
|
},
|
|
3810
|
-
`${
|
|
3816
|
+
`${l.code}${a}`
|
|
3811
3817
|
);
|
|
3812
3818
|
case be.rankingSlider:
|
|
3813
3819
|
return /* @__PURE__ */ n(
|
|
@@ -3818,21 +3824,21 @@ const _e = ({
|
|
|
3818
3824
|
children: /* @__PURE__ */ n(
|
|
3819
3825
|
It,
|
|
3820
3826
|
{
|
|
3821
|
-
input:
|
|
3827
|
+
input: l,
|
|
3822
3828
|
reactHookFormInstance: s
|
|
3823
3829
|
}
|
|
3824
3830
|
)
|
|
3825
3831
|
},
|
|
3826
|
-
`${
|
|
3832
|
+
`${l.code}${a}`
|
|
3827
3833
|
);
|
|
3828
3834
|
default:
|
|
3829
|
-
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("h4", { children: "Default" }) }, `${
|
|
3835
|
+
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("h4", { children: "Default" }) }, `${l.code}${a}`);
|
|
3830
3836
|
}
|
|
3831
3837
|
}) });
|
|
3832
|
-
},
|
|
3833
|
-
categorySelector:
|
|
3834
|
-
sectionItemActive:
|
|
3835
|
-
sectionItem:
|
|
3838
|
+
}, r1 = "_categorySelector_1t164_2", a1 = "_sectionItemActive_1t164_16", l1 = "_sectionItem_1t164_16", Te = {
|
|
3839
|
+
categorySelector: r1,
|
|
3840
|
+
sectionItemActive: a1,
|
|
3841
|
+
sectionItem: l1
|
|
3836
3842
|
}, gt = ({
|
|
3837
3843
|
categories: i,
|
|
3838
3844
|
onChange: d,
|
|
@@ -3840,81 +3846,81 @@ const _e = ({
|
|
|
3840
3846
|
activeColor: o,
|
|
3841
3847
|
containerStyles: t = {}
|
|
3842
3848
|
}) => {
|
|
3843
|
-
const { t: r } =
|
|
3849
|
+
const { t: r } = L(), l = (a) => {
|
|
3844
3850
|
d(a);
|
|
3845
3851
|
};
|
|
3846
3852
|
return /* @__PURE__ */ n(
|
|
3847
3853
|
"div",
|
|
3848
3854
|
{
|
|
3849
|
-
className:
|
|
3855
|
+
className: Te.categorySelector,
|
|
3850
3856
|
style: t ? { ...t } : {},
|
|
3851
|
-
children: i.map((a,
|
|
3857
|
+
children: i.map((a, c) => {
|
|
3852
3858
|
const { id: u, label: h } = a, g = s == u;
|
|
3853
3859
|
return /* @__PURE__ */ n(
|
|
3854
3860
|
"button",
|
|
3855
3861
|
{
|
|
3856
|
-
className: `${
|
|
3862
|
+
className: `${Te.sectionItem} ${g ? Te.sectionItemActive : ""}`,
|
|
3857
3863
|
type: "button",
|
|
3858
3864
|
style: { backgroundColor: g ? o : "inherit" },
|
|
3859
|
-
onClick: () =>
|
|
3865
|
+
onClick: () => l(u),
|
|
3860
3866
|
children: /* @__PURE__ */ n(
|
|
3861
3867
|
"span",
|
|
3862
3868
|
{
|
|
3863
3869
|
style: { color: g ? "white" : "inherit" },
|
|
3864
|
-
className:
|
|
3870
|
+
className: Te.sectionLabel,
|
|
3865
3871
|
children: r(h)
|
|
3866
3872
|
}
|
|
3867
3873
|
)
|
|
3868
3874
|
},
|
|
3869
|
-
`keySection${
|
|
3875
|
+
`keySection${c}`
|
|
3870
3876
|
);
|
|
3871
3877
|
})
|
|
3872
3878
|
}
|
|
3873
3879
|
);
|
|
3874
|
-
},
|
|
3880
|
+
}, Vs = ({
|
|
3875
3881
|
reactHookFormInstance: i,
|
|
3876
3882
|
formObject: d,
|
|
3877
3883
|
CategoryComponent: s,
|
|
3878
3884
|
inputContainerStyles: o,
|
|
3879
3885
|
generalError: t,
|
|
3880
3886
|
errorColor: r = "red",
|
|
3881
|
-
submitButtonLabel:
|
|
3887
|
+
submitButtonLabel: l = "Submit",
|
|
3882
3888
|
submitButtonStyles: a = { width: 325 },
|
|
3883
|
-
showCategorySelector:
|
|
3889
|
+
showCategorySelector: c = !0,
|
|
3884
3890
|
defaultCategory: u = null,
|
|
3885
3891
|
categoryLabel: h = "Select Category",
|
|
3886
3892
|
activeCategory: g = null,
|
|
3887
3893
|
activeCategoryColor: b = "#b32f5d",
|
|
3888
|
-
onSubmit:
|
|
3894
|
+
onSubmit: C = (v) => console.log("Form submitted with: ", v)
|
|
3889
3895
|
}) => {
|
|
3890
|
-
const { t: v } =
|
|
3896
|
+
const { t: v } = L(), { handleSubmit: y, control: _ } = i;
|
|
3891
3897
|
F(() => {
|
|
3892
3898
|
r && Ne.setState(() => ({ errorColor: r }));
|
|
3893
3899
|
}, [r]);
|
|
3894
|
-
const
|
|
3900
|
+
const m = he(() => d ? d.filter((k) => k.category).map((k) => {
|
|
3895
3901
|
var B;
|
|
3896
3902
|
return {
|
|
3897
3903
|
id: k.categoryId,
|
|
3898
3904
|
label: k.category,
|
|
3899
3905
|
hasSubcategories: ((B = k.subcategories) == null ? void 0 : B.length) > 0
|
|
3900
3906
|
};
|
|
3901
|
-
}) : [], [d]),
|
|
3907
|
+
}) : [], [d]), f = (k) => {
|
|
3902
3908
|
const B = d == null ? void 0 : d.find((A) => A.categoryId === k);
|
|
3903
3909
|
return (B == null ? void 0 : B.subcategories) || [];
|
|
3904
3910
|
}, [x, w] = D(
|
|
3905
3911
|
g || u || null
|
|
3906
3912
|
), [N, S] = D(null);
|
|
3907
3913
|
F(() => {
|
|
3908
|
-
!x &&
|
|
3909
|
-
}, [
|
|
3910
|
-
const k =
|
|
3914
|
+
!x && m.length > 0 && w(m[0].id);
|
|
3915
|
+
}, [m, x]), F(() => {
|
|
3916
|
+
const k = f(x);
|
|
3911
3917
|
!N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
|
|
3912
3918
|
}, [x, N, d]);
|
|
3913
3919
|
const $ = (k, B) => {
|
|
3914
3920
|
var A;
|
|
3915
3921
|
if (((A = k.subcategories) == null ? void 0 : A.length) > 0) {
|
|
3916
3922
|
const H = k.subcategories;
|
|
3917
|
-
return /* @__PURE__ */
|
|
3923
|
+
return /* @__PURE__ */ p("div", { children: [
|
|
3918
3924
|
/* @__PURE__ */ n(
|
|
3919
3925
|
"div",
|
|
3920
3926
|
{
|
|
@@ -3924,48 +3930,48 @@ const _e = ({
|
|
|
3924
3930
|
{
|
|
3925
3931
|
activeCategory: N,
|
|
3926
3932
|
categories: H,
|
|
3927
|
-
onChange: (
|
|
3933
|
+
onChange: (T) => S(T),
|
|
3928
3934
|
activeColor: b
|
|
3929
3935
|
}
|
|
3930
3936
|
)
|
|
3931
3937
|
},
|
|
3932
3938
|
k.categoryId
|
|
3933
3939
|
),
|
|
3934
|
-
H.map((
|
|
3935
|
-
const
|
|
3940
|
+
H.map((T, j) => {
|
|
3941
|
+
const Z = !N || T.id === N;
|
|
3936
3942
|
return s ? /* @__PURE__ */ n(
|
|
3937
3943
|
"div",
|
|
3938
3944
|
{
|
|
3939
3945
|
style: {
|
|
3940
|
-
display:
|
|
3946
|
+
display: Z ? "block" : "none",
|
|
3941
3947
|
width: "100%"
|
|
3942
3948
|
},
|
|
3943
|
-
children: /* @__PURE__ */ n(s, { title:
|
|
3949
|
+
children: /* @__PURE__ */ n(s, { title: T.label, children: /* @__PURE__ */ n(
|
|
3944
3950
|
_e,
|
|
3945
3951
|
{
|
|
3946
|
-
inputs:
|
|
3947
|
-
control:
|
|
3952
|
+
inputs: T.inputs,
|
|
3953
|
+
control: _,
|
|
3948
3954
|
inputContainerStyles: o,
|
|
3949
3955
|
errorColor: r,
|
|
3950
3956
|
reactHookFormInstance: i
|
|
3951
3957
|
}
|
|
3952
|
-
) },
|
|
3958
|
+
) }, T.id)
|
|
3953
3959
|
},
|
|
3954
|
-
`${
|
|
3955
|
-
) : /* @__PURE__ */
|
|
3960
|
+
`${T.id}${j}`
|
|
3961
|
+
) : /* @__PURE__ */ p(
|
|
3956
3962
|
"div",
|
|
3957
3963
|
{
|
|
3958
3964
|
style: {
|
|
3959
3965
|
width: "100%",
|
|
3960
|
-
display:
|
|
3966
|
+
display: Z ? "block" : "none"
|
|
3961
3967
|
},
|
|
3962
3968
|
children: [
|
|
3963
|
-
/* @__PURE__ */ n("h3", { style: { marginBottom: 15 }, children: v(
|
|
3969
|
+
/* @__PURE__ */ n("h3", { style: { marginBottom: 15 }, children: v(T.label) }),
|
|
3964
3970
|
/* @__PURE__ */ n(
|
|
3965
3971
|
_e,
|
|
3966
3972
|
{
|
|
3967
|
-
inputs:
|
|
3968
|
-
control:
|
|
3973
|
+
inputs: T.inputs,
|
|
3974
|
+
control: _,
|
|
3969
3975
|
inputContainerStyles: o,
|
|
3970
3976
|
errorColor: r,
|
|
3971
3977
|
reactHookFormInstance: i
|
|
@@ -3973,7 +3979,7 @@ const _e = ({
|
|
|
3973
3979
|
)
|
|
3974
3980
|
]
|
|
3975
3981
|
},
|
|
3976
|
-
`${
|
|
3982
|
+
`${T.id}${j}`
|
|
3977
3983
|
);
|
|
3978
3984
|
})
|
|
3979
3985
|
] });
|
|
@@ -3982,18 +3988,18 @@ const _e = ({
|
|
|
3982
3988
|
_e,
|
|
3983
3989
|
{
|
|
3984
3990
|
inputs: k.inputs,
|
|
3985
|
-
control:
|
|
3991
|
+
control: _,
|
|
3986
3992
|
inputContainerStyles: o,
|
|
3987
3993
|
errorColor: r,
|
|
3988
3994
|
reactHookFormInstance: i
|
|
3989
3995
|
}
|
|
3990
|
-
) }, k.categoryId) : /* @__PURE__ */
|
|
3996
|
+
) }, k.categoryId) : /* @__PURE__ */ p("div", { style: { width: "100%" }, children: [
|
|
3991
3997
|
/* @__PURE__ */ n("h2", { children: v(k.category) }),
|
|
3992
3998
|
/* @__PURE__ */ n(
|
|
3993
3999
|
_e,
|
|
3994
4000
|
{
|
|
3995
4001
|
inputs: k.inputs,
|
|
3996
|
-
control:
|
|
4002
|
+
control: _,
|
|
3997
4003
|
inputContainerStyles: o,
|
|
3998
4004
|
errorColor: r,
|
|
3999
4005
|
reactHookFormInstance: i
|
|
@@ -4001,12 +4007,12 @@ const _e = ({
|
|
|
4001
4007
|
)
|
|
4002
4008
|
] }, k.categoryId);
|
|
4003
4009
|
};
|
|
4004
|
-
return /* @__PURE__ */
|
|
4005
|
-
|
|
4010
|
+
return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(C), children: [
|
|
4011
|
+
c && m.length > 0 && /* @__PURE__ */ n("div", { className: fe.categorySelectorContainer, children: /* @__PURE__ */ n(
|
|
4006
4012
|
gt,
|
|
4007
4013
|
{
|
|
4008
4014
|
activeCategory: x,
|
|
4009
|
-
categories:
|
|
4015
|
+
categories: m,
|
|
4010
4016
|
onChange: (k) => {
|
|
4011
4017
|
w(k), S(null);
|
|
4012
4018
|
},
|
|
@@ -4029,50 +4035,50 @@ const _e = ({
|
|
|
4029
4035
|
_e,
|
|
4030
4036
|
{
|
|
4031
4037
|
inputs: k.inputs,
|
|
4032
|
-
control:
|
|
4038
|
+
control: _,
|
|
4033
4039
|
inputContainerStyles: o,
|
|
4034
4040
|
errorColor: r,
|
|
4035
4041
|
reactHookFormInstance: i
|
|
4036
4042
|
}
|
|
4037
4043
|
);
|
|
4038
4044
|
}) }),
|
|
4039
|
-
/* @__PURE__ */
|
|
4040
|
-
/* @__PURE__ */ n(Fe, { containerStyles: a, type: "submit", children: v(
|
|
4045
|
+
/* @__PURE__ */ p("div", { className: fe.buttonContainer, children: [
|
|
4046
|
+
/* @__PURE__ */ n(Fe, { containerStyles: a, type: "submit", children: v(l) }),
|
|
4041
4047
|
/* @__PURE__ */ n(xe, { errorMessage: t, errorColor: r })
|
|
4042
4048
|
] })
|
|
4043
4049
|
] });
|
|
4044
|
-
},
|
|
4045
|
-
overlay:
|
|
4046
|
-
modal:
|
|
4047
|
-
closeButton:
|
|
4048
|
-
icon:
|
|
4049
|
-
message:
|
|
4050
|
-
submessage:
|
|
4051
|
-
buttonsContainer:
|
|
4052
|
-
buttonWrapper:
|
|
4053
|
-
},
|
|
4050
|
+
}, c1 = "_overlay_mnd4j_2", d1 = "_modal_mnd4j_15", u1 = "_closeButton_mnd4j_29", p1 = "_icon_mnd4j_39", m1 = "_message_mnd4j_45", h1 = "_submessage_mnd4j_51", g1 = "_buttonsContainer_mnd4j_57", C1 = "_buttonWrapper_mnd4j_64", X = {
|
|
4051
|
+
overlay: c1,
|
|
4052
|
+
modal: d1,
|
|
4053
|
+
closeButton: u1,
|
|
4054
|
+
icon: p1,
|
|
4055
|
+
message: m1,
|
|
4056
|
+
submessage: h1,
|
|
4057
|
+
buttonsContainer: g1,
|
|
4058
|
+
buttonWrapper: C1
|
|
4059
|
+
}, f1 = ({
|
|
4054
4060
|
onClose: i,
|
|
4055
4061
|
icon: d,
|
|
4056
4062
|
message: s,
|
|
4057
4063
|
submessage: o,
|
|
4058
4064
|
buttons: t,
|
|
4059
4065
|
maxHeight: r = "450px",
|
|
4060
|
-
maxWidth:
|
|
4061
|
-
}) => /* @__PURE__ */ n("div", { className: X.overlay, children: /* @__PURE__ */
|
|
4066
|
+
maxWidth: l = "450px"
|
|
4067
|
+
}) => /* @__PURE__ */ n("div", { className: X.overlay, children: /* @__PURE__ */ p(
|
|
4062
4068
|
"div",
|
|
4063
4069
|
{
|
|
4064
4070
|
className: X.modal,
|
|
4065
|
-
style: { maxHeight: r, maxWidth:
|
|
4071
|
+
style: { maxHeight: r, maxWidth: l },
|
|
4066
4072
|
children: [
|
|
4067
4073
|
/* @__PURE__ */ n("button", { className: X.closeButton, onClick: i, "aria-label": "Close modal", children: "✕" }),
|
|
4068
4074
|
d && /* @__PURE__ */ n("img", { src: d, alt: "icon", className: X.icon }),
|
|
4069
4075
|
/* @__PURE__ */ n("p", { className: X.message, children: s }),
|
|
4070
4076
|
o && /* @__PURE__ */ n("p", { className: X.submessage, children: o }),
|
|
4071
|
-
t.length > 0 && /* @__PURE__ */ n("div", { className: X.buttonsContainer, children: t.map((a,
|
|
4077
|
+
t.length > 0 && /* @__PURE__ */ n("div", { className: X.buttonsContainer, children: t.map((a, c) => /* @__PURE__ */ n("div", { className: X.buttonWrapper, children: a }, c)) })
|
|
4072
4078
|
]
|
|
4073
4079
|
}
|
|
4074
4080
|
) });
|
|
4075
|
-
|
|
4081
|
+
f1.propTypes = {
|
|
4076
4082
|
/** Función que se ejecuta al clicar la "X" de cierre */
|
|
4077
4083
|
onClose: e.func.isRequired,
|
|
4078
4084
|
/** URL de la imagen opcional que aparece sobre el mensaje */
|
|
@@ -4088,20 +4094,20 @@ gs.propTypes = {
|
|
|
4088
4094
|
/** Anchura máxima del modal (por defecto 400px) */
|
|
4089
4095
|
maxWidth: e.string
|
|
4090
4096
|
};
|
|
4091
|
-
const
|
|
4092
|
-
stepsContainer:
|
|
4093
|
-
stepWrapper:
|
|
4094
|
-
circleContainer:
|
|
4095
|
-
circle:
|
|
4096
|
-
active:
|
|
4097
|
-
completed:
|
|
4098
|
-
label:
|
|
4099
|
-
labelActive:
|
|
4100
|
-
connector:
|
|
4097
|
+
const b1 = "_stepsContainer_1cyua_3", y1 = "_stepWrapper_1cyua_9", _1 = "_circleContainer_1cyua_19", v1 = "_circle_1cyua_19", w1 = "_active_1cyua_39", x1 = "_completed_1cyua_44", N1 = "_label_1cyua_50", k1 = "_labelActive_1cyua_56", S1 = "_connector_1cyua_61", W = {
|
|
4098
|
+
stepsContainer: b1,
|
|
4099
|
+
stepWrapper: y1,
|
|
4100
|
+
circleContainer: _1,
|
|
4101
|
+
circle: v1,
|
|
4102
|
+
active: w1,
|
|
4103
|
+
completed: x1,
|
|
4104
|
+
label: N1,
|
|
4105
|
+
labelActive: k1,
|
|
4106
|
+
connector: S1
|
|
4101
4107
|
}, Ot = ({ steps: i, activeColor: d }) => /* @__PURE__ */ n("div", { className: W.stepsContainer, children: i.map((s, o) => {
|
|
4102
4108
|
const t = s.status === "active", r = s.status === "completed";
|
|
4103
|
-
return /* @__PURE__ */
|
|
4104
|
-
/* @__PURE__ */
|
|
4109
|
+
return /* @__PURE__ */ p("div", { className: W.stepWrapper, children: [
|
|
4110
|
+
/* @__PURE__ */ p("div", { className: W.circleContainer, children: [
|
|
4105
4111
|
/* @__PURE__ */ n(
|
|
4106
4112
|
"div",
|
|
4107
4113
|
{
|
|
@@ -4138,9 +4144,9 @@ Ot.defaultProps = {
|
|
|
4138
4144
|
activeColor: "#C2185B"
|
|
4139
4145
|
// color por defecto
|
|
4140
4146
|
};
|
|
4141
|
-
const
|
|
4142
|
-
statusTextContainer:
|
|
4143
|
-
}, Rt = ({ text: i, color: d }) => /* @__PURE__ */ n("div", { className:
|
|
4147
|
+
const $1 = "_statusTextContainer_ch14r_2", B1 = {
|
|
4148
|
+
statusTextContainer: $1
|
|
4149
|
+
}, Rt = ({ text: i, color: d }) => /* @__PURE__ */ n("div", { className: B1.statusTextContainer, style: { background: d }, children: /* @__PURE__ */ n("span", { children: i }) });
|
|
4144
4150
|
Rt.propTypes = {
|
|
4145
4151
|
text: e.string,
|
|
4146
4152
|
color: e.string
|
|
@@ -4149,24 +4155,24 @@ Rt.defaultProps = {
|
|
|
4149
4155
|
color: "#C2185B"
|
|
4150
4156
|
// color por defecto
|
|
4151
4157
|
};
|
|
4152
|
-
const
|
|
4153
|
-
buttonsContainer:
|
|
4154
|
-
button:
|
|
4155
|
-
active:
|
|
4156
|
-
},
|
|
4158
|
+
const L1 = "_buttonsContainer_1c7dw_2", T1 = "_button_1c7dw_2", M1 = "_active_1c7dw_20", Me = {
|
|
4159
|
+
buttonsContainer: L1,
|
|
4160
|
+
button: T1,
|
|
4161
|
+
active: M1
|
|
4162
|
+
}, V1 = ({
|
|
4157
4163
|
buttons: i = []
|
|
4158
4164
|
}) => {
|
|
4159
|
-
const { t: d } =
|
|
4165
|
+
const { t: d } = L();
|
|
4160
4166
|
return /* @__PURE__ */ n("div", { className: `${Me.buttonsContainer}`, children: i.map((s, o) => {
|
|
4161
4167
|
const {
|
|
4162
4168
|
isActive: t,
|
|
4163
4169
|
name: r,
|
|
4164
|
-
onClick:
|
|
4170
|
+
onClick: l
|
|
4165
4171
|
} = s;
|
|
4166
4172
|
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
|
|
4167
4173
|
"button",
|
|
4168
4174
|
{
|
|
4169
|
-
onClick:
|
|
4175
|
+
onClick: l,
|
|
4170
4176
|
className: `${Me.button}
|
|
4171
4177
|
${t && Me.active}`,
|
|
4172
4178
|
children: /* @__PURE__ */ n("span", { className: Me.buttonName, children: d(r) })
|
|
@@ -4174,7 +4180,7 @@ const $s = "_buttonsContainer_1c7dw_2", Bs = "_button_1c7dw_2", Ts = "_active_1c
|
|
|
4174
4180
|
) }, o);
|
|
4175
4181
|
}) });
|
|
4176
4182
|
};
|
|
4177
|
-
|
|
4183
|
+
V1.propTypes = {
|
|
4178
4184
|
buttons: e.arrayOf(
|
|
4179
4185
|
e.shape({
|
|
4180
4186
|
isActive: e.bool,
|
|
@@ -4184,25 +4190,25 @@ Ls.propTypes = {
|
|
|
4184
4190
|
})
|
|
4185
4191
|
).isRequired
|
|
4186
4192
|
};
|
|
4187
|
-
const
|
|
4188
|
-
switchContainer:
|
|
4189
|
-
labelRight:
|
|
4190
|
-
labelLeft:
|
|
4193
|
+
const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelLeft_194wl_9", I1 = "_slider_194wl_28", O1 = "_disabled_194wl_54", pe = {
|
|
4194
|
+
switchContainer: D1,
|
|
4195
|
+
labelRight: F1,
|
|
4196
|
+
labelLeft: A1,
|
|
4191
4197
|
switch: "_switch_194wl_2",
|
|
4192
|
-
slider:
|
|
4193
|
-
disabled:
|
|
4194
|
-
},
|
|
4198
|
+
slider: I1,
|
|
4199
|
+
disabled: O1
|
|
4200
|
+
}, R1 = ({ input: i, reactHookFormInstance: d, onChange: s, onoff: o = !0 }) => {
|
|
4195
4201
|
const {
|
|
4196
4202
|
code: t,
|
|
4197
4203
|
labelLeft: r,
|
|
4198
|
-
labelRight:
|
|
4204
|
+
labelRight: l,
|
|
4199
4205
|
defValue: a = !1,
|
|
4200
|
-
colorOn:
|
|
4206
|
+
colorOn: c = "#5A514D",
|
|
4201
4207
|
disabled: u = !1,
|
|
4202
4208
|
width: h = 240
|
|
4203
|
-
} = i, { t: g } =
|
|
4204
|
-
v(
|
|
4205
|
-
},
|
|
4209
|
+
} = i, { t: g } = L(), { control: b } = d || {}, [C, v] = D(a), y = (m) => {
|
|
4210
|
+
v(m), s && s(m);
|
|
4211
|
+
}, _ = (m, f) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${h}px` }, children: [
|
|
4206
4212
|
r && /* @__PURE__ */ n(
|
|
4207
4213
|
"span",
|
|
4208
4214
|
{
|
|
@@ -4211,13 +4217,13 @@ const Ms = "_switchContainer_194wl_2", Vs = "_labelRight_194wl_9", Ds = "_labelL
|
|
|
4211
4217
|
children: g(r)
|
|
4212
4218
|
}
|
|
4213
4219
|
),
|
|
4214
|
-
/* @__PURE__ */
|
|
4220
|
+
/* @__PURE__ */ p("label", { className: `${pe.switch} ${u ? pe.disabled : ""}`, children: [
|
|
4215
4221
|
/* @__PURE__ */ n(
|
|
4216
4222
|
"input",
|
|
4217
4223
|
{
|
|
4218
4224
|
type: "checkbox",
|
|
4219
|
-
checked: !!
|
|
4220
|
-
onChange: () =>
|
|
4225
|
+
checked: !!m,
|
|
4226
|
+
onChange: () => f(!m),
|
|
4221
4227
|
disabled: u
|
|
4222
4228
|
}
|
|
4223
4229
|
),
|
|
@@ -4226,12 +4232,12 @@ const Ms = "_switchContainer_194wl_2", Vs = "_labelRight_194wl_9", Ds = "_labelL
|
|
|
4226
4232
|
{
|
|
4227
4233
|
className: pe.slider,
|
|
4228
4234
|
style: {
|
|
4229
|
-
"--switch-thumb-color": o ?
|
|
4235
|
+
"--switch-thumb-color": o ? m ? c : "#ccc" : c
|
|
4230
4236
|
}
|
|
4231
4237
|
}
|
|
4232
4238
|
)
|
|
4233
4239
|
] }),
|
|
4234
|
-
|
|
4240
|
+
l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(h - 74) / 2}px` }, children: g(l) })
|
|
4235
4241
|
] });
|
|
4236
4242
|
return d ? /* @__PURE__ */ n(
|
|
4237
4243
|
we,
|
|
@@ -4239,11 +4245,11 @@ const Ms = "_switchContainer_194wl_2", Vs = "_labelRight_194wl_9", Ds = "_labelL
|
|
|
4239
4245
|
name: t,
|
|
4240
4246
|
control: b,
|
|
4241
4247
|
defaultValue: a,
|
|
4242
|
-
render: ({ field:
|
|
4248
|
+
render: ({ field: m }) => _(m.value, m.onChange)
|
|
4243
4249
|
}
|
|
4244
|
-
) :
|
|
4250
|
+
) : _(C, y);
|
|
4245
4251
|
};
|
|
4246
|
-
|
|
4252
|
+
R1.propTypes = {
|
|
4247
4253
|
input: e.shape({
|
|
4248
4254
|
code: e.string,
|
|
4249
4255
|
labelLeft: e.string,
|
|
@@ -4255,12 +4261,12 @@ Is.propTypes = {
|
|
|
4255
4261
|
reactHookFormInstance: e.object,
|
|
4256
4262
|
onChange: e.func
|
|
4257
4263
|
};
|
|
4258
|
-
const
|
|
4259
|
-
overlay:
|
|
4260
|
-
popup:
|
|
4261
|
-
gif:
|
|
4262
|
-
message:
|
|
4263
|
-
},
|
|
4264
|
+
const q1 = "_overlay_1xyw2_2", P1 = "_popup_1xyw2_15", E1 = "_gif_1xyw2_25", j1 = "_message_1xyw2_31", Ve = {
|
|
4265
|
+
overlay: q1,
|
|
4266
|
+
popup: P1,
|
|
4267
|
+
gif: E1,
|
|
4268
|
+
message: j1
|
|
4269
|
+
}, Z1 = ({ gifSrc: i, message: d }) => /* @__PURE__ */ n("div", { className: Ve.overlay, children: /* @__PURE__ */ p("div", { className: Ve.popup, children: [
|
|
4264
4270
|
i && /* @__PURE__ */ n(
|
|
4265
4271
|
"img",
|
|
4266
4272
|
{
|
|
@@ -4271,60 +4277,105 @@ const Os = "_overlay_1xyw2_2", Rs = "_popup_1xyw2_15", qs = "_gif_1xyw2_25", Ps
|
|
|
4271
4277
|
),
|
|
4272
4278
|
d && /* @__PURE__ */ n("p", { className: Ve.message, children: d })
|
|
4273
4279
|
] }) });
|
|
4274
|
-
|
|
4280
|
+
Z1.propTypes = {
|
|
4275
4281
|
gifSrc: e.string,
|
|
4276
4282
|
message: e.string
|
|
4277
4283
|
};
|
|
4278
|
-
const
|
|
4279
|
-
container:
|
|
4280
|
-
burger:
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
active: Gs
|
|
4284
|
+
const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41", U1 = "_list_gnwec_71", W1 = "_link_gnwec_80", G1 = "_button_gnwec_81", Y1 = "_active_gnwec_90", Q = {
|
|
4285
|
+
container: z1,
|
|
4286
|
+
burger: H1,
|
|
4287
|
+
menu: K1,
|
|
4288
|
+
list: U1,
|
|
4289
|
+
link: W1,
|
|
4290
|
+
button: G1,
|
|
4291
|
+
active: Y1
|
|
4287
4292
|
}, qt = ({ options: i, backgroundColor: d, textColor: s, iconColor: o }) => {
|
|
4288
|
-
const [t, r] = D(!1),
|
|
4289
|
-
return /* @__PURE__ */
|
|
4290
|
-
/* @__PURE__ */
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
/* @__PURE__ */ n("
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4293
|
+
const [t, r] = D(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, h = t ? 13 : 0, g = t ? -11.51666 : 0, b = t ? -13 : 0;
|
|
4294
|
+
return /* @__PURE__ */ p("div", { className: Q.container, children: [
|
|
4295
|
+
/* @__PURE__ */ n("button", { onClick: l, className: Q.burger, children: /* @__PURE__ */ p("svg", { width: "40", height: "40", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
4296
|
+
/* @__PURE__ */ n(
|
|
4297
|
+
"g",
|
|
4298
|
+
{
|
|
4299
|
+
style: {
|
|
4300
|
+
transform: `translateY(${u}px)`,
|
|
4301
|
+
transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
|
|
4302
|
+
transformBox: "fill-box",
|
|
4303
|
+
transformOrigin: "0 0"
|
|
4304
|
+
},
|
|
4305
|
+
children: /* @__PURE__ */ n("circle", { cx: "20", cy: "9", r: c, fill: o })
|
|
4306
|
+
}
|
|
4307
|
+
),
|
|
4308
|
+
/* @__PURE__ */ n(
|
|
4309
|
+
"g",
|
|
4310
|
+
{
|
|
4311
|
+
style: {
|
|
4312
|
+
transform: `translate(${h}px,${g}px)`,
|
|
4313
|
+
transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
|
|
4314
|
+
transformBox: "fill-box",
|
|
4315
|
+
transformOrigin: "0 0"
|
|
4316
|
+
},
|
|
4317
|
+
children: /* @__PURE__ */ n("circle", { cx: "7", cy: "31.51666", r: c, fill: o })
|
|
4318
|
+
}
|
|
4319
|
+
),
|
|
4320
|
+
/* @__PURE__ */ n(
|
|
4321
|
+
"g",
|
|
4322
|
+
{
|
|
4323
|
+
style: {
|
|
4324
|
+
transform: `translate(${b}px,${g}px)`,
|
|
4325
|
+
transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
|
|
4326
|
+
transformBox: "fill-box",
|
|
4327
|
+
transformOrigin: "0 0"
|
|
4328
|
+
},
|
|
4329
|
+
children: /* @__PURE__ */ n("circle", { cx: "33", cy: "31.51666", r: c, fill: o })
|
|
4330
|
+
}
|
|
4331
|
+
),
|
|
4332
|
+
/* @__PURE__ */ n("g", { style: {
|
|
4333
|
+
opacity: t ? 1 : 0,
|
|
4334
|
+
// visible si open = true, invisible si open = false
|
|
4335
|
+
transition: "opacity 0.8s cubic-bezier(0.42, 0, 0.58, 1)"
|
|
4336
|
+
}, children: /* @__PURE__ */ n(
|
|
4337
|
+
"circle",
|
|
4338
|
+
{
|
|
4339
|
+
cx: "20",
|
|
4340
|
+
cy: "20",
|
|
4341
|
+
r: "10",
|
|
4342
|
+
fill: o,
|
|
4343
|
+
opacity: "1"
|
|
4344
|
+
}
|
|
4345
|
+
) }),
|
|
4346
|
+
/* @__PURE__ */ p("g", { stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", style: {
|
|
4347
|
+
opacity: t ? 1 : 0,
|
|
4348
|
+
// visible si open = true, invisible si open = false
|
|
4349
|
+
transition: "opacity 0.8s cubic-bezier(0.42, 0, 0.58, 1)"
|
|
4350
|
+
}, children: [
|
|
4351
|
+
/* @__PURE__ */ n("line", { x1: "17", y1: "17", x2: "23", y2: "23" }),
|
|
4352
|
+
/* @__PURE__ */ n("line", { x1: "23", y1: "17", x2: "17", y2: "23" })
|
|
4353
|
+
] })
|
|
4354
|
+
] }) }),
|
|
4304
4355
|
t && /* @__PURE__ */ n(
|
|
4305
4356
|
"div",
|
|
4306
4357
|
{
|
|
4307
|
-
className:
|
|
4358
|
+
className: Q.menu,
|
|
4308
4359
|
style: { backgroundColor: d, color: s },
|
|
4309
|
-
children: /* @__PURE__ */ n("ul", { className:
|
|
4360
|
+
children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((C, v) => /* @__PURE__ */ n("li", { className: Q.item, children: C.url ? /* @__PURE__ */ n(
|
|
4310
4361
|
ft,
|
|
4311
4362
|
{
|
|
4312
|
-
to:
|
|
4313
|
-
className: ({ isActive:
|
|
4363
|
+
to: C.url,
|
|
4364
|
+
className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
|
|
4314
4365
|
onClick: a,
|
|
4315
4366
|
style: { color: s },
|
|
4316
|
-
children:
|
|
4367
|
+
children: C.name
|
|
4317
4368
|
}
|
|
4318
4369
|
) : /* @__PURE__ */ n(
|
|
4319
4370
|
"button",
|
|
4320
4371
|
{
|
|
4321
|
-
className:
|
|
4372
|
+
className: Q.button,
|
|
4322
4373
|
onClick: () => {
|
|
4323
|
-
|
|
4374
|
+
C.onclick && C.onclick(), a();
|
|
4324
4375
|
},
|
|
4325
|
-
children:
|
|
4376
|
+
children: C.name
|
|
4326
4377
|
}
|
|
4327
|
-
) },
|
|
4378
|
+
) }, v)) })
|
|
4328
4379
|
}
|
|
4329
4380
|
)
|
|
4330
4381
|
] });
|
|
@@ -4346,23 +4397,23 @@ qt.defaultProps = {
|
|
|
4346
4397
|
textColor: "#000000",
|
|
4347
4398
|
iconColor: "#000000"
|
|
4348
4399
|
};
|
|
4349
|
-
const
|
|
4350
|
-
header:
|
|
4351
|
-
leftComponents:
|
|
4352
|
-
centerComponents:
|
|
4353
|
-
rightComponents:
|
|
4354
|
-
componentsContainer:
|
|
4355
|
-
},
|
|
4400
|
+
const X1 = "_header_13kbt_2", Q1 = "_leftComponents_13kbt_13", J1 = "_centerComponents_13kbt_14", es = "_rightComponents_13kbt_15", ts = "_componentsContainer_13kbt_32", oe = {
|
|
4401
|
+
header: X1,
|
|
4402
|
+
leftComponents: Q1,
|
|
4403
|
+
centerComponents: J1,
|
|
4404
|
+
rightComponents: es,
|
|
4405
|
+
componentsContainer: ts
|
|
4406
|
+
}, ns = ({
|
|
4356
4407
|
cssProps: i,
|
|
4357
4408
|
leftComponents: d = [],
|
|
4358
4409
|
centerComponents: s = [],
|
|
4359
4410
|
rightComponents: o = [],
|
|
4360
4411
|
zIndex: t = 10,
|
|
4361
4412
|
height: r = 60,
|
|
4362
|
-
backgroundColor:
|
|
4413
|
+
backgroundColor: l = "#605B56",
|
|
4363
4414
|
isFooter: a = !1
|
|
4364
4415
|
// If true, it will apply footer styles
|
|
4365
|
-
}) => /* @__PURE__ */
|
|
4416
|
+
}) => /* @__PURE__ */ p(
|
|
4366
4417
|
"div",
|
|
4367
4418
|
{
|
|
4368
4419
|
className: oe.header,
|
|
@@ -4370,18 +4421,18 @@ const Ys = "_header_13kbt_2", Qs = "_leftComponents_13kbt_13", Xs = "_centerComp
|
|
|
4370
4421
|
...i,
|
|
4371
4422
|
zIndex: t,
|
|
4372
4423
|
height: r,
|
|
4373
|
-
backgroundColor:
|
|
4424
|
+
backgroundColor: l,
|
|
4374
4425
|
top: a ? "auto" : 0,
|
|
4375
4426
|
bottom: a ? 0 : "auto"
|
|
4376
4427
|
},
|
|
4377
4428
|
children: [
|
|
4378
|
-
/* @__PURE__ */ n("div", { className: oe.leftComponents, children: d.map((
|
|
4379
|
-
/* @__PURE__ */ n("div", { className: oe.centerComponents, children: s.map((
|
|
4380
|
-
/* @__PURE__ */ n("div", { className: oe.rightComponents, children: o.map((
|
|
4429
|
+
/* @__PURE__ */ n("div", { className: oe.leftComponents, children: d.map((c, u) => /* @__PURE__ */ n("div", { className: oe.componentsContainer, children: c }, u)) }),
|
|
4430
|
+
/* @__PURE__ */ n("div", { className: oe.centerComponents, children: s.map((c, u) => /* @__PURE__ */ n("div", { className: oe.componentsContainer, children: c }, u)) }),
|
|
4431
|
+
/* @__PURE__ */ n("div", { className: oe.rightComponents, children: o.map((c, u) => /* @__PURE__ */ n("div", { className: oe.componentsContainer, children: c }, u)) })
|
|
4381
4432
|
]
|
|
4382
4433
|
}
|
|
4383
4434
|
);
|
|
4384
|
-
|
|
4435
|
+
ns.propTypes = {
|
|
4385
4436
|
leftComponents: e.arrayOf(e.node),
|
|
4386
4437
|
centerComponents: e.arrayOf(e.node),
|
|
4387
4438
|
rightComponents: e.arrayOf(e.node),
|
|
@@ -4391,12 +4442,12 @@ to.propTypes = {
|
|
|
4391
4442
|
backgroundColor: e.string,
|
|
4392
4443
|
isFooter: e.bool
|
|
4393
4444
|
};
|
|
4394
|
-
const
|
|
4395
|
-
sidebar:
|
|
4396
|
-
open:
|
|
4397
|
-
content:
|
|
4398
|
-
closeButton:
|
|
4399
|
-
},
|
|
4445
|
+
const is = "_sidebar_1kaqu_2", ss = "_open_1kaqu_16", os = "_content_1kaqu_20", rs = "_closeButton_1kaqu_25", De = {
|
|
4446
|
+
sidebar: is,
|
|
4447
|
+
open: ss,
|
|
4448
|
+
content: os,
|
|
4449
|
+
closeButton: rs
|
|
4450
|
+
}, as = "data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%203699'%3e%3cpath%20id='Vector%20223'%20d='M1%201L18.1566%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='Vector%20224'%20d='M18.1575%201L1.00083%2018.1566'%20stroke='%23605B56'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e", ls = ({
|
|
4400
4451
|
width: i = "300px",
|
|
4401
4452
|
children: d,
|
|
4402
4453
|
showRightBar: s,
|
|
@@ -4410,14 +4461,14 @@ const no = "_sidebar_1kaqu_2", io = "_open_1kaqu_16", so = "_content_1kaqu_20",
|
|
|
4410
4461
|
{
|
|
4411
4462
|
className: `${De.sidebar} ${s ? De.open : ""}`,
|
|
4412
4463
|
style: { width: s ? i : 0 },
|
|
4413
|
-
children: s && /* @__PURE__ */
|
|
4414
|
-
/* @__PURE__ */ n("button", { className: De.closeButton, onClick: t, children: /* @__PURE__ */ n("img", { src:
|
|
4464
|
+
children: s && /* @__PURE__ */ p("div", { className: De.content, children: [
|
|
4465
|
+
/* @__PURE__ */ n("button", { className: De.closeButton, onClick: t, children: /* @__PURE__ */ n("img", { src: as, alt: "Close Sidebar" }) }),
|
|
4415
4466
|
d
|
|
4416
4467
|
] })
|
|
4417
4468
|
}
|
|
4418
4469
|
);
|
|
4419
4470
|
};
|
|
4420
|
-
|
|
4471
|
+
ls.propTypes = {
|
|
4421
4472
|
width: e.string,
|
|
4422
4473
|
children: e.node,
|
|
4423
4474
|
showRightBar: e.bool,
|
|
@@ -4427,37 +4478,37 @@ export {
|
|
|
4427
4478
|
$2 as AmbitSelector,
|
|
4428
4479
|
St as BarChart,
|
|
4429
4480
|
qt as BurgerMenu,
|
|
4430
|
-
|
|
4481
|
+
V1 as ButtonsBar,
|
|
4431
4482
|
q2 as ButtonsList,
|
|
4432
4483
|
gt as CategorySelector,
|
|
4433
4484
|
le as DropdownList,
|
|
4434
|
-
|
|
4485
|
+
Ss as EditAmbit,
|
|
4435
4486
|
xe as ErrorMessage,
|
|
4436
|
-
|
|
4437
|
-
|
|
4487
|
+
h0 as FiltersAmbit,
|
|
4488
|
+
Vs as Form,
|
|
4438
4489
|
Fe as GeneralButton,
|
|
4439
|
-
|
|
4440
|
-
|
|
4441
|
-
|
|
4442
|
-
|
|
4443
|
-
|
|
4490
|
+
f0 as Graphic,
|
|
4491
|
+
ns as HeaderSection,
|
|
4492
|
+
I0 as IndicatorsList,
|
|
4493
|
+
j0 as LangSelector,
|
|
4494
|
+
on as Legend,
|
|
4444
4495
|
li as ListSelector,
|
|
4445
|
-
|
|
4446
|
-
|
|
4447
|
-
|
|
4448
|
-
|
|
4449
|
-
|
|
4450
|
-
|
|
4451
|
-
|
|
4496
|
+
Z1 as Loader,
|
|
4497
|
+
Rn as LogInButton,
|
|
4498
|
+
an as LogoApp,
|
|
4499
|
+
dn as MapboxMap,
|
|
4500
|
+
Cn as MaplibreMap,
|
|
4501
|
+
f1 as ModalAlert,
|
|
4502
|
+
Xi as RadioButtonInput,
|
|
4452
4503
|
It as RankingSlider,
|
|
4453
|
-
|
|
4454
|
-
|
|
4455
|
-
|
|
4504
|
+
ls as RightSidebar,
|
|
4505
|
+
xn as SectionBar,
|
|
4506
|
+
zi as SelectInput,
|
|
4456
4507
|
Rt as StatusText,
|
|
4457
4508
|
Ot as Steps,
|
|
4458
|
-
|
|
4509
|
+
R1 as Switch,
|
|
4459
4510
|
mt as TextInput,
|
|
4460
|
-
|
|
4511
|
+
Mn as TimeSlider,
|
|
4461
4512
|
re as Tooltip,
|
|
4462
|
-
|
|
4513
|
+
An as TopNavMenu
|
|
4463
4514
|
};
|