@tmf_ciclica/ciclicastorybook 1.2.6 → 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 +830 -785
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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";
|
|
@@ -12,13 +12,13 @@ import { useSelector as Zt } from "react-redux";
|
|
|
12
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 } = L(), [
|
|
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
|
]
|
|
@@ -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
324
|
const { t: g } = L();
|
|
325
|
-
return /* @__PURE__ */
|
|
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,7 +366,7 @@ le.propTypes = {
|
|
|
366
366
|
showBottomBar: e.bool,
|
|
367
367
|
titleFontStyles: e.object
|
|
368
368
|
};
|
|
369
|
-
const
|
|
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
370
|
AppliedFiltersContainer: z2,
|
|
371
371
|
AppliedFilterContent: H2
|
|
372
372
|
}, M = Ct((i) => ({
|
|
@@ -378,10 +378,10 @@ const $s = () => /* @__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 } = L(), { tematicalFiltersSelected:
|
|
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 $s = () => /* @__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
402
|
/* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => h(b.code), style: { cursor: "pointer" } })
|
|
403
|
-
] },
|
|
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 } = L(), { title:
|
|
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
|
);
|
|
@@ -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,35 +792,35 @@ 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
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
820
|
var He = ze;
|
|
821
|
-
const
|
|
822
|
-
container:
|
|
823
|
-
unitLabel:
|
|
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
825
|
thumb: e0,
|
|
826
826
|
track: t0,
|
|
@@ -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 } = L(), h =
|
|
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"
|
|
@@ -905,37 +905,37 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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: T } = i || {}, j = v ? "abs" :
|
|
928
|
+
const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : C ? "cat" : "both";
|
|
929
929
|
let Z = A[0];
|
|
930
930
|
H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((J) => {
|
|
931
|
-
let
|
|
931
|
+
let G = J.tematicalFiltersSelected.find(
|
|
932
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
940
|
(E) => E.code !== Z
|
|
941
941
|
)
|
|
@@ -948,7 +948,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
|
|
|
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
954
|
code: Z,
|
|
@@ -961,7 +961,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
|
|
|
961
961
|
};
|
|
962
962
|
}
|
|
963
963
|
}) : j == "abs" && M.setState((J) => {
|
|
964
|
-
let
|
|
964
|
+
let G = J.tematicalFiltersSelected.find(
|
|
965
965
|
(q) => q.code === Z
|
|
966
966
|
);
|
|
967
967
|
if (S == i.minValue && $ == i.maxValue)
|
|
@@ -970,8 +970,8 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
|
|
|
970
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
977
|
(E) => E.code === Z ? q : E
|
|
@@ -980,7 +980,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
|
|
|
980
980
|
} else
|
|
981
981
|
return {
|
|
982
982
|
tematicalFiltersSelected: [
|
|
983
|
-
...
|
|
983
|
+
...y,
|
|
984
984
|
{
|
|
985
985
|
type: j,
|
|
986
986
|
code: Z,
|
|
@@ -995,12 +995,12 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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 i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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 i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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 i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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 i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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 i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_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,
|
|
@@ -1273,32 +1273,32 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
|
|
|
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
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
1304
|
g.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
|
|
@@ -1307,9 +1307,9 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
|
|
|
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
|
{
|
|
@@ -1318,7 +1318,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
|
|
|
1318
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(
|
|
@@ -1326,19 +1326,19 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
|
|
|
1326
1326
|
{
|
|
1327
1327
|
value: $,
|
|
1328
1328
|
onChange: (T) => {
|
|
1329
|
-
|
|
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,9 +1361,9 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_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
|
};
|
|
@@ -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
|
] }) }) });
|
|
@@ -1584,13 +1584,13 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
|
|
|
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
1592
|
const { t: h } = L();
|
|
1593
|
-
return /* @__PURE__ */
|
|
1593
|
+
return /* @__PURE__ */ p(
|
|
1594
1594
|
"div",
|
|
1595
1595
|
{
|
|
1596
1596
|
className: nt.graphicContainer,
|
|
@@ -1607,9 +1607,9 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_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
|
)
|
|
@@ -1649,33 +1649,33 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
|
|
|
1649
1649
|
optionContainer: L0,
|
|
1650
1650
|
customRadious: T0,
|
|
1651
1651
|
optionText: M0
|
|
1652
|
-
},
|
|
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
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 b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_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 b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_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 b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_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 b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_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 b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_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
|
|
@@ -1811,47 +1811,47 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_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 } = L(), [
|
|
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,19 +1876,19 @@ 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
1894
|
className: Le.indicatorsCategory,
|
|
@@ -1901,25 +1901,25 @@ const Bt = ({
|
|
|
1901
1901
|
marginBottom: v ? "20px" : "0px"
|
|
1902
1902
|
},
|
|
1903
1903
|
children: [
|
|
1904
|
-
/* @__PURE__ */
|
|
1904
|
+
/* @__PURE__ */ p("h2", { className: `${Le.title}`, onClick: () => t(d), children: [
|
|
1905
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: Le.list, children: (
|
|
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
|
}
|
|
@@ -1977,40 +1977,40 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_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,24 +2025,24 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_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}`
|
|
@@ -2067,11 +2067,11 @@ const O0 = "_langSelector_o9enq_2", R0 = "_currentLang_o9enq_14", q0 = "_arrow_o
|
|
|
2067
2067
|
prevImg: P0,
|
|
2068
2068
|
langMenu: E0
|
|
2069
2069
|
}, j0 = ({ langs: i, arrow: d, imgPrev: s }) => {
|
|
2070
|
-
const [o, t] = D(!1), { i18n: r } = L(),
|
|
2071
|
-
r.changeLanguage(
|
|
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,19 +2080,19 @@ const O0 = "_langSelector_o9enq_2", R0 = "_currentLang_o9enq_14", q0 = "_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
|
};
|
|
@@ -2110,7 +2110,7 @@ j0.propTypes = {
|
|
|
2110
2110
|
arrow: e.object,
|
|
2111
2111
|
imgPrev: e.object
|
|
2112
2112
|
};
|
|
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",
|
|
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
2114
|
legendContainer: Z0,
|
|
2115
2115
|
closeButton: z0,
|
|
2116
2116
|
titleContainer: H0,
|
|
@@ -2119,8 +2119,8 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titl
|
|
|
2119
2119
|
legendListContainer: W0,
|
|
2120
2120
|
gridContainer: G0,
|
|
2121
2121
|
elementLegendContainer: Y0,
|
|
2122
|
-
colorDot:
|
|
2123
|
-
absoluteValueContainer:
|
|
2122
|
+
colorDot: X0,
|
|
2123
|
+
absoluteValueContainer: Q0,
|
|
2124
2124
|
absoluteValueColor: J0,
|
|
2125
2125
|
absoluteValueText: en,
|
|
2126
2126
|
noDataContainer: tn,
|
|
@@ -2144,30 +2144,30 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_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
2152
|
const { t: u } = L();
|
|
2153
|
-
return /* @__PURE__ */
|
|
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 Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_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 Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_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,7 +2222,7 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_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
|
);
|
|
@@ -2277,21 +2277,21 @@ const dn = ({
|
|
|
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: `${cn.mapContainer}`, style: r, children: /* @__PURE__ */
|
|
2294
|
+
}, [v]), /* @__PURE__ */ n("div", { className: `${cn.mapContainer}`, style: r, children: /* @__PURE__ */ p(
|
|
2295
2295
|
zt,
|
|
2296
2296
|
{
|
|
2297
2297
|
initialViewState: i,
|
|
@@ -2300,35 +2300,35 @@ const dn = ({
|
|
|
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
|
]
|
|
@@ -2387,12 +2387,12 @@ const un = "_mapContainer_b0pyr_3", pn = {
|
|
|
2387
2387
|
title: hn
|
|
2388
2388
|
}, gn = ({ props: i }) => {
|
|
2389
2389
|
const { t: d } = L();
|
|
2390
|
-
return /* @__PURE__ */ n("div", { className: at.FeaturePopUp, children: i.map((s) => /* @__PURE__ */
|
|
2391
|
-
/* @__PURE__ */
|
|
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)
|
|
@@ -2405,61 +2405,61 @@ const un = "_mapContainer_b0pyr_3", pn = {
|
|
|
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: `${pn.mapContainer}`, style: r && r, children: /* @__PURE__ */
|
|
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(
|
|
@@ -2533,13 +2533,13 @@ const fn = "_sectionBar_1egwc_2", bn = "_leftContent_1egwc_14", yn = "_textConta
|
|
|
2533
2533
|
rightContent: o,
|
|
2534
2534
|
mainColor: t,
|
|
2535
2535
|
width: r,
|
|
2536
|
-
borderTop:
|
|
2536
|
+
borderTop: l = !1
|
|
2537
2537
|
}) => {
|
|
2538
2538
|
const { t: a } = L();
|
|
2539
|
-
return /* @__PURE__ */
|
|
2540
|
-
/* @__PURE__ */
|
|
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
|
] })
|
|
@@ -2588,7 +2588,7 @@ const Nn = t2({
|
|
|
2588
2588
|
i.activeIndicatorUnit = d.payload;
|
|
2589
2589
|
}
|
|
2590
2590
|
}
|
|
2591
|
-
}), { setShowTexts:
|
|
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
2592
|
slider: $n,
|
|
2593
2593
|
playButton: Bn,
|
|
2594
2594
|
sliderOpen: Ln,
|
|
@@ -2600,34 +2600,34 @@ const Nn = t2({
|
|
|
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 Nn = 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 Nn = 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,
|
|
@@ -2680,7 +2680,7 @@ const Nn = t2({
|
|
|
2680
2680
|
),
|
|
2681
2681
|
o,
|
|
2682
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:
|
|
2683
|
+
h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: C, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
|
|
2684
2684
|
]
|
|
2685
2685
|
}
|
|
2686
2686
|
) });
|
|
@@ -2708,17 +2708,17 @@ const Vn = "_TopNavMenuContainer_12mp4_2", Dn = "_topNavOptions_12mp4_13", Fn =
|
|
|
2708
2708
|
}
|
|
2709
2709
|
}) => {
|
|
2710
2710
|
const { t: r } = L();
|
|
2711
|
-
return /* @__PURE__ */ n("div", { className: qe.TopNavMenuContainer, style: { ...d }, children: i.map((
|
|
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
|
)) });
|
|
@@ -2742,21 +2742,21 @@ const In = "_LogInButton_1vxj5_2", On = {
|
|
|
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
2757
|
className: `${On.LogInButton} link ${i}`,
|
|
2758
|
-
onClick: r ? a :
|
|
2759
|
-
children: r ? t ||
|
|
2758
|
+
onClick: r ? a : l,
|
|
2759
|
+
children: r ? t || c(s) : c(d)
|
|
2760
2760
|
}
|
|
2761
2761
|
);
|
|
2762
2762
|
};
|
|
@@ -2777,13 +2777,13 @@ const qn = "_elementSelector_1ox68_2", Pn = "_header_1ox68_14", En = "_nameDateC
|
|
|
2777
2777
|
buttonsContainer: zn,
|
|
2778
2778
|
elementListContainer: Hn,
|
|
2779
2779
|
newElementButtonContainer: Kn
|
|
2780
|
-
}, Un = "_listElement_1evjl_2", Wn = "_elementNameDate_1evjl_18", Gn = "_elementNameContainer_1evjl_28", Yn = "_elementName_1evjl_18",
|
|
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
2781
|
listElement: Un,
|
|
2782
2782
|
elementNameDate: Wn,
|
|
2783
2783
|
elementNameContainer: Gn,
|
|
2784
2784
|
elementName: Yn,
|
|
2785
|
-
elementDate:
|
|
2786
|
-
elementButtons:
|
|
2785
|
+
elementDate: Xn,
|
|
2786
|
+
elementButtons: Qn,
|
|
2787
2787
|
break: "_break_1evjl_64",
|
|
2788
2788
|
moreInfoContainer: Jn,
|
|
2789
2789
|
moreInfo: ei
|
|
@@ -2819,20 +2819,20 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
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,36 +2842,36 @@ 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
|
}
|
|
@@ -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 } = L(), [
|
|
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:
|
|
2971
|
+
/* @__PURE__ */ n("div", { className: U.elementListContainer, children: y && y.length > 0 && y.map((f) => /* @__PURE__ */ n(
|
|
2972
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
|
]
|
|
@@ -3085,17 +3085,17 @@ var Vt = (i) => /^\w*$/.test(i), Ue = (i) => i === void 0, vi = (i) => Array.isA
|
|
|
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,79 +3174,79 @@ 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
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,
|
|
@@ -3278,37 +3278,37 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_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,21 +3319,21 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_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
3332
|
children: /* @__PURE__ */ n(
|
|
3333
3333
|
"img",
|
|
3334
3334
|
{
|
|
3335
|
-
src:
|
|
3336
|
-
alt:
|
|
3335
|
+
src: f ? Ii : Ai,
|
|
3336
|
+
alt: C("show-password")
|
|
3337
3337
|
}
|
|
3338
3338
|
)
|
|
3339
3339
|
}
|
|
@@ -3341,12 +3341,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3341
3341
|
]
|
|
3342
3342
|
}
|
|
3343
3343
|
),
|
|
3344
|
-
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) }) }),
|
|
3345
3345
|
/* @__PURE__ */ n(
|
|
3346
3346
|
xe,
|
|
3347
3347
|
{
|
|
3348
3348
|
errorMessage: ($ = S.error) == null ? void 0 : $.message,
|
|
3349
|
-
errorColor:
|
|
3349
|
+
errorColor: m || u
|
|
3350
3350
|
}
|
|
3351
3351
|
)
|
|
3352
3352
|
] });
|
|
@@ -3367,41 +3367,41 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3367
3367
|
code: o,
|
|
3368
3368
|
type: t,
|
|
3369
3369
|
label: r,
|
|
3370
|
-
maxLength:
|
|
3370
|
+
maxLength: l,
|
|
3371
3371
|
required: a,
|
|
3372
|
-
validateFunction:
|
|
3372
|
+
validateFunction: c,
|
|
3373
3373
|
placeholder: u,
|
|
3374
3374
|
errorColor: h = "red",
|
|
3375
3375
|
width: g = 325,
|
|
3376
3376
|
options: b = []
|
|
3377
3377
|
//Used if we dont use react hook form
|
|
3378
|
-
} = i, { t:
|
|
3378
|
+
} = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
|
|
3379
3379
|
ae(a);
|
|
3380
|
-
const [
|
|
3380
|
+
const [f, x] = D(null);
|
|
3381
3381
|
return F(() => {
|
|
3382
|
-
|
|
3383
|
-
}, [
|
|
3382
|
+
f && s && s(f);
|
|
3383
|
+
}, [f, s]), d ? /* @__PURE__ */ n(
|
|
3384
3384
|
we,
|
|
3385
3385
|
{
|
|
3386
3386
|
name: o,
|
|
3387
3387
|
control: v,
|
|
3388
3388
|
rules: {
|
|
3389
|
-
required: a ? `${
|
|
3390
|
-
validate:
|
|
3389
|
+
required: a ? `${C(r)} ${C("errorMessages.required")}` : !1,
|
|
3390
|
+
validate: c ? (w) => {
|
|
3391
3391
|
let N = d.getValues();
|
|
3392
|
-
return
|
|
3392
|
+
return c(w, N);
|
|
3393
3393
|
} : void 0
|
|
3394
3394
|
},
|
|
3395
3395
|
render: ({ field: w, fieldState: N }) => {
|
|
3396
3396
|
var S;
|
|
3397
|
-
return /* @__PURE__ */
|
|
3398
|
-
r && /* @__PURE__ */
|
|
3399
|
-
|
|
3397
|
+
return /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
|
|
3398
|
+
r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
|
|
3399
|
+
C(r),
|
|
3400
3400
|
" ",
|
|
3401
3401
|
a && /* @__PURE__ */ n("label", { style: { color: N.error ? h : "" }, children: "*" })
|
|
3402
3402
|
] }),
|
|
3403
|
-
/* @__PURE__ */
|
|
3404
|
-
/* @__PURE__ */
|
|
3403
|
+
/* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
|
|
3404
|
+
/* @__PURE__ */ p(
|
|
3405
3405
|
"select",
|
|
3406
3406
|
{
|
|
3407
3407
|
...w,
|
|
@@ -3411,13 +3411,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3411
3411
|
},
|
|
3412
3412
|
className: z.selectInput,
|
|
3413
3413
|
children: [
|
|
3414
|
-
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3414
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
|
|
3415
3415
|
b.map(($, k) => /* @__PURE__ */ n(
|
|
3416
3416
|
"option",
|
|
3417
3417
|
{
|
|
3418
3418
|
value: $.value,
|
|
3419
3419
|
className: z.option,
|
|
3420
|
-
children:
|
|
3420
|
+
children: C($.label)
|
|
3421
3421
|
},
|
|
3422
3422
|
k
|
|
3423
3423
|
))
|
|
@@ -3437,36 +3437,36 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3437
3437
|
xe,
|
|
3438
3438
|
{
|
|
3439
3439
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3440
|
-
errorColor:
|
|
3440
|
+
errorColor: m || h
|
|
3441
3441
|
}
|
|
3442
3442
|
)
|
|
3443
3443
|
] });
|
|
3444
3444
|
}
|
|
3445
3445
|
}
|
|
3446
|
-
) : /* @__PURE__ */
|
|
3447
|
-
r && /* @__PURE__ */
|
|
3448
|
-
|
|
3446
|
+
) : /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
|
|
3447
|
+
r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
|
|
3448
|
+
C(r),
|
|
3449
3449
|
" ",
|
|
3450
3450
|
a && /* @__PURE__ */ n("label", { children: "*" })
|
|
3451
3451
|
] }),
|
|
3452
|
-
/* @__PURE__ */
|
|
3453
|
-
/* @__PURE__ */
|
|
3452
|
+
/* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
|
|
3453
|
+
/* @__PURE__ */ p(
|
|
3454
3454
|
"select",
|
|
3455
3455
|
{
|
|
3456
|
-
value:
|
|
3456
|
+
value: f || "",
|
|
3457
3457
|
onChange: (w) => {
|
|
3458
3458
|
const N = w.target.value, S = b.every(($) => typeof $.value == "number") ? Number(N) : N;
|
|
3459
3459
|
x(S);
|
|
3460
3460
|
},
|
|
3461
3461
|
className: z.selectInput,
|
|
3462
3462
|
children: [
|
|
3463
|
-
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3463
|
+
/* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
|
|
3464
3464
|
b.map((w, N) => /* @__PURE__ */ n(
|
|
3465
3465
|
"option",
|
|
3466
3466
|
{
|
|
3467
3467
|
value: w.value,
|
|
3468
3468
|
className: z.option,
|
|
3469
|
-
children:
|
|
3469
|
+
children: C(w.label)
|
|
3470
3470
|
},
|
|
3471
3471
|
N
|
|
3472
3472
|
))
|
|
@@ -3483,22 +3483,22 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3483
3483
|
radioQuestion: Wi,
|
|
3484
3484
|
inputContainer: Gi,
|
|
3485
3485
|
radioInput: Yi
|
|
3486
|
-
},
|
|
3486
|
+
}, Xi = ({ input: i, reactHookFormInstance: d }) => {
|
|
3487
3487
|
const {
|
|
3488
3488
|
code: s,
|
|
3489
3489
|
label: o,
|
|
3490
3490
|
required: t,
|
|
3491
3491
|
validateFunction: r,
|
|
3492
|
-
errorColor:
|
|
3492
|
+
errorColor: l = "red",
|
|
3493
3493
|
options: a = [],
|
|
3494
|
-
multi:
|
|
3495
|
-
} = i, { t: u } = L(), { control: h, trigger: g, clearErrors: b } = d, { errorColor:
|
|
3496
|
-
if (
|
|
3497
|
-
let x =
|
|
3498
|
-
|
|
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);
|
|
3499
3499
|
}
|
|
3500
|
-
},
|
|
3501
|
-
|
|
3500
|
+
}, y = ({ options: _, onChange: m, actualValue: f }) => {
|
|
3501
|
+
c ? f && f.length > 0 ? m([...f, _]) : m([_]) : m(_);
|
|
3502
3502
|
};
|
|
3503
3503
|
return ae(t), /* @__PURE__ */ n(
|
|
3504
3504
|
we,
|
|
@@ -3506,16 +3506,16 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3506
3506
|
control: h,
|
|
3507
3507
|
name: s,
|
|
3508
3508
|
rules: {
|
|
3509
|
-
validate: (
|
|
3509
|
+
validate: (_) => t && (_ == null || _ === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3510
3510
|
},
|
|
3511
3511
|
render: ({
|
|
3512
|
-
formState: { errors:
|
|
3513
|
-
field: { onChange:
|
|
3512
|
+
formState: { errors: _ },
|
|
3513
|
+
field: { onChange: m, onBlur: f, value: x, ref: w },
|
|
3514
3514
|
fieldState: N
|
|
3515
3515
|
}) => {
|
|
3516
3516
|
var S;
|
|
3517
|
-
return /* @__PURE__ */ n("div", { id: s + "id", className: se.radioButtonContainer, children: /* @__PURE__ */
|
|
3518
|
-
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(
|
|
3519
3519
|
"h3",
|
|
3520
3520
|
{
|
|
3521
3521
|
htmlFor: s + "id",
|
|
@@ -3526,14 +3526,14 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3526
3526
|
t && /* @__PURE__ */ n(
|
|
3527
3527
|
"label",
|
|
3528
3528
|
{
|
|
3529
|
-
style: { color: N.error ?
|
|
3529
|
+
style: { color: N.error ? l : "" },
|
|
3530
3530
|
children: "*"
|
|
3531
3531
|
}
|
|
3532
3532
|
)
|
|
3533
3533
|
]
|
|
3534
3534
|
}
|
|
3535
3535
|
) }),
|
|
3536
|
-
/* @__PURE__ */
|
|
3536
|
+
/* @__PURE__ */ p("div", { className: se.inputContainer, children: [
|
|
3537
3537
|
a.map(
|
|
3538
3538
|
({
|
|
3539
3539
|
label: $,
|
|
@@ -3541,23 +3541,23 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3541
3541
|
disabled: B = !1,
|
|
3542
3542
|
italicLabel: A
|
|
3543
3543
|
}, H) => {
|
|
3544
|
-
const T = x &&
|
|
3545
|
-
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: [
|
|
3546
3546
|
/* @__PURE__ */ n(
|
|
3547
3547
|
"input",
|
|
3548
3548
|
{
|
|
3549
3549
|
type: "radio",
|
|
3550
3550
|
checked: T,
|
|
3551
3551
|
onChange: () => {
|
|
3552
|
-
|
|
3552
|
+
c ? T ? v({
|
|
3553
3553
|
actualValue: x,
|
|
3554
3554
|
options: a,
|
|
3555
|
-
onChange:
|
|
3556
|
-
}) :
|
|
3555
|
+
onChange: m
|
|
3556
|
+
}) : y({
|
|
3557
3557
|
actualValue: x,
|
|
3558
3558
|
options: a,
|
|
3559
|
-
onChange:
|
|
3560
|
-
}) :
|
|
3559
|
+
onChange: m
|
|
3560
|
+
}) : m(k);
|
|
3561
3561
|
},
|
|
3562
3562
|
className: se.radioInput
|
|
3563
3563
|
}
|
|
@@ -3571,7 +3571,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3571
3571
|
xe,
|
|
3572
3572
|
{
|
|
3573
3573
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3574
|
-
errorColor:
|
|
3574
|
+
errorColor: C || l
|
|
3575
3575
|
}
|
|
3576
3576
|
)
|
|
3577
3577
|
] })
|
|
@@ -3579,8 +3579,8 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3579
3579
|
}
|
|
3580
3580
|
}
|
|
3581
3581
|
);
|
|
3582
|
-
},
|
|
3583
|
-
rankingSliderContainer:
|
|
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
3584
|
labelContainer: Ji,
|
|
3585
3585
|
inputContainer: e1,
|
|
3586
3586
|
slider: t1,
|
|
@@ -3593,23 +3593,23 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3593
3593
|
code: o,
|
|
3594
3594
|
label: t,
|
|
3595
3595
|
minValue: r = 1,
|
|
3596
|
-
maxValue:
|
|
3596
|
+
maxValue: l = 5,
|
|
3597
3597
|
defValue: a = 3,
|
|
3598
|
-
thumbColor:
|
|
3598
|
+
thumbColor: c = "#B32F5D",
|
|
3599
3599
|
//trackColors = ["#B32F5D", "#EFEFEF"],
|
|
3600
3600
|
required: u,
|
|
3601
3601
|
errorColor: h = "red",
|
|
3602
3602
|
labelWidth: g = "300px",
|
|
3603
3603
|
sliderWidth: b = "300px",
|
|
3604
|
-
minText:
|
|
3604
|
+
minText: C,
|
|
3605
3605
|
maxText: v,
|
|
3606
|
-
disabled:
|
|
3607
|
-
marks:
|
|
3608
|
-
{ length:
|
|
3606
|
+
disabled: y = !1,
|
|
3607
|
+
marks: _ = Array.from(
|
|
3608
|
+
{ length: l - r + 1 },
|
|
3609
3609
|
(B, A) => r + A
|
|
3610
3610
|
),
|
|
3611
|
-
showMarksNumber:
|
|
3612
|
-
} = i, { t:
|
|
3611
|
+
showMarksNumber: m = !0
|
|
3612
|
+
} = i, { t: f } = L(), { control: x, trigger: w, clearErrors: N } = d || {};
|
|
3613
3613
|
ae(u);
|
|
3614
3614
|
const { errorColorForm: S } = Ne((B) => B), [$, k] = D(a);
|
|
3615
3615
|
return d ? /* @__PURE__ */ n(
|
|
@@ -3619,11 +3619,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3619
3619
|
control: x,
|
|
3620
3620
|
defaultValue: a,
|
|
3621
3621
|
rules: {
|
|
3622
|
-
required: u ? `${
|
|
3622
|
+
required: u ? `${f(t)} ${f("errorMessages.required")}` : !1
|
|
3623
3623
|
},
|
|
3624
3624
|
render: ({ field: B, fieldState: A }) => {
|
|
3625
3625
|
var H;
|
|
3626
|
-
return /* @__PURE__ */
|
|
3626
|
+
return /* @__PURE__ */ p(
|
|
3627
3627
|
"div",
|
|
3628
3628
|
{
|
|
3629
3629
|
className: I.rankingSliderContainer,
|
|
@@ -3631,15 +3631,15 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3631
3631
|
gridTemplateColumns: `${t && g} ${b}`
|
|
3632
3632
|
},
|
|
3633
3633
|
children: [
|
|
3634
|
-
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children:
|
|
3635
|
-
/* @__PURE__ */
|
|
3636
|
-
|
|
3637
|
-
/* @__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: [
|
|
3638
3638
|
/* @__PURE__ */ n(
|
|
3639
3639
|
He,
|
|
3640
3640
|
{
|
|
3641
3641
|
min: r,
|
|
3642
|
-
max:
|
|
3642
|
+
max: l,
|
|
3643
3643
|
step: 1,
|
|
3644
3644
|
value: B.value ?? a,
|
|
3645
3645
|
onChange: (T) => B.onChange(T),
|
|
@@ -3650,17 +3650,17 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3650
3650
|
"div",
|
|
3651
3651
|
{
|
|
3652
3652
|
...T,
|
|
3653
|
-
style: { ...T.style, backgroundColor:
|
|
3653
|
+
style: { ...T.style, backgroundColor: c }
|
|
3654
3654
|
}
|
|
3655
3655
|
),
|
|
3656
3656
|
trackClassName: I.track,
|
|
3657
3657
|
markClassName: I.mark,
|
|
3658
|
-
disabled:
|
|
3658
|
+
disabled: y
|
|
3659
3659
|
}
|
|
3660
3660
|
),
|
|
3661
|
-
|
|
3661
|
+
_ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((T) => /* @__PURE__ */ n("span", { children: m && T }, T)) })
|
|
3662
3662
|
] }),
|
|
3663
|
-
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children:
|
|
3663
|
+
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
|
|
3664
3664
|
] }),
|
|
3665
3665
|
/* @__PURE__ */ n(
|
|
3666
3666
|
xe,
|
|
@@ -3674,21 +3674,21 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3674
3674
|
);
|
|
3675
3675
|
}
|
|
3676
3676
|
}
|
|
3677
|
-
) : /* @__PURE__ */
|
|
3677
|
+
) : /* @__PURE__ */ p(
|
|
3678
3678
|
"div",
|
|
3679
3679
|
{
|
|
3680
3680
|
className: I.rankingSliderContainer,
|
|
3681
3681
|
style: { gridTemplateColumns: `${t && g} ${b}` },
|
|
3682
3682
|
children: [
|
|
3683
|
-
t && /* @__PURE__ */ n("p", { className: I.labelContainer, children:
|
|
3684
|
-
/* @__PURE__ */
|
|
3685
|
-
|
|
3686
|
-
/* @__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: [
|
|
3687
3687
|
/* @__PURE__ */ n(
|
|
3688
3688
|
He,
|
|
3689
3689
|
{
|
|
3690
3690
|
min: r,
|
|
3691
|
-
max:
|
|
3691
|
+
max: l,
|
|
3692
3692
|
step: 1,
|
|
3693
3693
|
value: $,
|
|
3694
3694
|
onChange: (B) => {
|
|
@@ -3701,17 +3701,17 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
|
|
|
3701
3701
|
"div",
|
|
3702
3702
|
{
|
|
3703
3703
|
...B,
|
|
3704
|
-
style: { ...B.style, backgroundColor:
|
|
3704
|
+
style: { ...B.style, backgroundColor: c }
|
|
3705
3705
|
}
|
|
3706
3706
|
),
|
|
3707
3707
|
trackClassName: I.track,
|
|
3708
3708
|
markClassName: I.mark,
|
|
3709
|
-
disabled:
|
|
3709
|
+
disabled: y
|
|
3710
3710
|
}
|
|
3711
3711
|
),
|
|
3712
|
-
|
|
3712
|
+
_ && /* @__PURE__ */ n("div", { className: I.labels, children: _.map((B) => /* @__PURE__ */ n("span", { children: m && B }, B)) })
|
|
3713
3713
|
] }),
|
|
3714
|
-
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children:
|
|
3714
|
+
v && /* @__PURE__ */ n("div", { className: I.maxLabel, children: f(v) })
|
|
3715
3715
|
] })
|
|
3716
3716
|
]
|
|
3717
3717
|
}
|
|
@@ -3741,16 +3741,16 @@ const _e = ({
|
|
|
3741
3741
|
reactHookFormInstance: s
|
|
3742
3742
|
}) => {
|
|
3743
3743
|
console.log("inputs: ", i);
|
|
3744
|
-
const { watch: o } = s, t = o(), r = he(() => i == null ? void 0 : i.map((
|
|
3745
|
-
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;
|
|
3746
3746
|
return {
|
|
3747
|
-
...
|
|
3747
|
+
...l,
|
|
3748
3748
|
required: a
|
|
3749
3749
|
};
|
|
3750
3750
|
}), [i, t]);
|
|
3751
|
-
return /* @__PURE__ */ n("div", { className: ue.inputsContainer, children: r == null ? void 0 : r.map((
|
|
3752
|
-
const { inputType:
|
|
3753
|
-
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) {
|
|
3754
3754
|
case be.text:
|
|
3755
3755
|
return /* @__PURE__ */ n(
|
|
3756
3756
|
"div",
|
|
@@ -3760,12 +3760,12 @@ const _e = ({
|
|
|
3760
3760
|
children: /* @__PURE__ */ n(
|
|
3761
3761
|
mt,
|
|
3762
3762
|
{
|
|
3763
|
-
input:
|
|
3763
|
+
input: l,
|
|
3764
3764
|
reactHookFormInstance: s
|
|
3765
3765
|
}
|
|
3766
3766
|
)
|
|
3767
3767
|
},
|
|
3768
|
-
`${
|
|
3768
|
+
`${l.code}${a}`
|
|
3769
3769
|
);
|
|
3770
3770
|
case be.password:
|
|
3771
3771
|
return /* @__PURE__ */ n(
|
|
@@ -3776,12 +3776,12 @@ const _e = ({
|
|
|
3776
3776
|
children: /* @__PURE__ */ n(
|
|
3777
3777
|
mt,
|
|
3778
3778
|
{
|
|
3779
|
-
input:
|
|
3779
|
+
input: l,
|
|
3780
3780
|
reactHookFormInstance: s
|
|
3781
3781
|
}
|
|
3782
3782
|
)
|
|
3783
3783
|
},
|
|
3784
|
-
`${
|
|
3784
|
+
`${l.code}${a}`
|
|
3785
3785
|
);
|
|
3786
3786
|
case be.select:
|
|
3787
3787
|
return /* @__PURE__ */ n(
|
|
@@ -3792,12 +3792,12 @@ const _e = ({
|
|
|
3792
3792
|
children: /* @__PURE__ */ n(
|
|
3793
3793
|
zi,
|
|
3794
3794
|
{
|
|
3795
|
-
input:
|
|
3795
|
+
input: l,
|
|
3796
3796
|
reactHookFormInstance: s
|
|
3797
3797
|
}
|
|
3798
3798
|
)
|
|
3799
3799
|
},
|
|
3800
|
-
`${
|
|
3800
|
+
`${l.code}${a}`
|
|
3801
3801
|
);
|
|
3802
3802
|
case be.radioList:
|
|
3803
3803
|
return /* @__PURE__ */ n(
|
|
@@ -3806,14 +3806,14 @@ const _e = ({
|
|
|
3806
3806
|
className: ue.inputContainer,
|
|
3807
3807
|
style: { ...d },
|
|
3808
3808
|
children: /* @__PURE__ */ n(
|
|
3809
|
-
|
|
3809
|
+
Xi,
|
|
3810
3810
|
{
|
|
3811
|
-
input:
|
|
3811
|
+
input: l,
|
|
3812
3812
|
reactHookFormInstance: s
|
|
3813
3813
|
}
|
|
3814
3814
|
)
|
|
3815
3815
|
},
|
|
3816
|
-
`${
|
|
3816
|
+
`${l.code}${a}`
|
|
3817
3817
|
);
|
|
3818
3818
|
case be.rankingSlider:
|
|
3819
3819
|
return /* @__PURE__ */ n(
|
|
@@ -3824,15 +3824,15 @@ const _e = ({
|
|
|
3824
3824
|
children: /* @__PURE__ */ n(
|
|
3825
3825
|
It,
|
|
3826
3826
|
{
|
|
3827
|
-
input:
|
|
3827
|
+
input: l,
|
|
3828
3828
|
reactHookFormInstance: s
|
|
3829
3829
|
}
|
|
3830
3830
|
)
|
|
3831
3831
|
},
|
|
3832
|
-
`${
|
|
3832
|
+
`${l.code}${a}`
|
|
3833
3833
|
);
|
|
3834
3834
|
default:
|
|
3835
|
-
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("h4", { children: "Default" }) }, `${
|
|
3835
|
+
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("h4", { children: "Default" }) }, `${l.code}${a}`);
|
|
3836
3836
|
}
|
|
3837
3837
|
}) });
|
|
3838
3838
|
}, r1 = "_categorySelector_1t164_2", a1 = "_sectionItemActive_1t164_16", l1 = "_sectionItem_1t164_16", Te = {
|
|
@@ -3846,7 +3846,7 @@ const _e = ({
|
|
|
3846
3846
|
activeColor: o,
|
|
3847
3847
|
containerStyles: t = {}
|
|
3848
3848
|
}) => {
|
|
3849
|
-
const { t: r } = L(),
|
|
3849
|
+
const { t: r } = L(), l = (a) => {
|
|
3850
3850
|
d(a);
|
|
3851
3851
|
};
|
|
3852
3852
|
return /* @__PURE__ */ n(
|
|
@@ -3854,7 +3854,7 @@ const _e = ({
|
|
|
3854
3854
|
{
|
|
3855
3855
|
className: Te.categorySelector,
|
|
3856
3856
|
style: t ? { ...t } : {},
|
|
3857
|
-
children: i.map((a,
|
|
3857
|
+
children: i.map((a, c) => {
|
|
3858
3858
|
const { id: u, label: h } = a, g = s == u;
|
|
3859
3859
|
return /* @__PURE__ */ n(
|
|
3860
3860
|
"button",
|
|
@@ -3862,7 +3862,7 @@ const _e = ({
|
|
|
3862
3862
|
className: `${Te.sectionItem} ${g ? Te.sectionItemActive : ""}`,
|
|
3863
3863
|
type: "button",
|
|
3864
3864
|
style: { backgroundColor: g ? o : "inherit" },
|
|
3865
|
-
onClick: () =>
|
|
3865
|
+
onClick: () => l(u),
|
|
3866
3866
|
children: /* @__PURE__ */ n(
|
|
3867
3867
|
"span",
|
|
3868
3868
|
{
|
|
@@ -3872,55 +3872,55 @@ const _e = ({
|
|
|
3872
3872
|
}
|
|
3873
3873
|
)
|
|
3874
3874
|
},
|
|
3875
|
-
`keySection${
|
|
3875
|
+
`keySection${c}`
|
|
3876
3876
|
);
|
|
3877
3877
|
})
|
|
3878
3878
|
}
|
|
3879
3879
|
);
|
|
3880
|
-
},
|
|
3880
|
+
}, Vs = ({
|
|
3881
3881
|
reactHookFormInstance: i,
|
|
3882
3882
|
formObject: d,
|
|
3883
3883
|
CategoryComponent: s,
|
|
3884
3884
|
inputContainerStyles: o,
|
|
3885
3885
|
generalError: t,
|
|
3886
3886
|
errorColor: r = "red",
|
|
3887
|
-
submitButtonLabel:
|
|
3887
|
+
submitButtonLabel: l = "Submit",
|
|
3888
3888
|
submitButtonStyles: a = { width: 325 },
|
|
3889
|
-
showCategorySelector:
|
|
3889
|
+
showCategorySelector: c = !0,
|
|
3890
3890
|
defaultCategory: u = null,
|
|
3891
3891
|
categoryLabel: h = "Select Category",
|
|
3892
3892
|
activeCategory: g = null,
|
|
3893
3893
|
activeCategoryColor: b = "#b32f5d",
|
|
3894
|
-
onSubmit:
|
|
3894
|
+
onSubmit: C = (v) => console.log("Form submitted with: ", v)
|
|
3895
3895
|
}) => {
|
|
3896
|
-
const { t: v } = L(), { handleSubmit:
|
|
3896
|
+
const { t: v } = L(), { handleSubmit: y, control: _ } = i;
|
|
3897
3897
|
F(() => {
|
|
3898
3898
|
r && Ne.setState(() => ({ errorColor: r }));
|
|
3899
3899
|
}, [r]);
|
|
3900
|
-
const
|
|
3900
|
+
const m = he(() => d ? d.filter((k) => k.category).map((k) => {
|
|
3901
3901
|
var B;
|
|
3902
3902
|
return {
|
|
3903
3903
|
id: k.categoryId,
|
|
3904
3904
|
label: k.category,
|
|
3905
3905
|
hasSubcategories: ((B = k.subcategories) == null ? void 0 : B.length) > 0
|
|
3906
3906
|
};
|
|
3907
|
-
}) : [], [d]),
|
|
3907
|
+
}) : [], [d]), f = (k) => {
|
|
3908
3908
|
const B = d == null ? void 0 : d.find((A) => A.categoryId === k);
|
|
3909
3909
|
return (B == null ? void 0 : B.subcategories) || [];
|
|
3910
3910
|
}, [x, w] = D(
|
|
3911
3911
|
g || u || null
|
|
3912
3912
|
), [N, S] = D(null);
|
|
3913
3913
|
F(() => {
|
|
3914
|
-
!x &&
|
|
3915
|
-
}, [
|
|
3916
|
-
const k =
|
|
3914
|
+
!x && m.length > 0 && w(m[0].id);
|
|
3915
|
+
}, [m, x]), F(() => {
|
|
3916
|
+
const k = f(x);
|
|
3917
3917
|
!N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
|
|
3918
3918
|
}, [x, N, d]);
|
|
3919
3919
|
const $ = (k, B) => {
|
|
3920
3920
|
var A;
|
|
3921
3921
|
if (((A = k.subcategories) == null ? void 0 : A.length) > 0) {
|
|
3922
3922
|
const H = k.subcategories;
|
|
3923
|
-
return /* @__PURE__ */
|
|
3923
|
+
return /* @__PURE__ */ p("div", { children: [
|
|
3924
3924
|
/* @__PURE__ */ n(
|
|
3925
3925
|
"div",
|
|
3926
3926
|
{
|
|
@@ -3950,7 +3950,7 @@ const _e = ({
|
|
|
3950
3950
|
_e,
|
|
3951
3951
|
{
|
|
3952
3952
|
inputs: T.inputs,
|
|
3953
|
-
control:
|
|
3953
|
+
control: _,
|
|
3954
3954
|
inputContainerStyles: o,
|
|
3955
3955
|
errorColor: r,
|
|
3956
3956
|
reactHookFormInstance: i
|
|
@@ -3958,7 +3958,7 @@ const _e = ({
|
|
|
3958
3958
|
) }, T.id)
|
|
3959
3959
|
},
|
|
3960
3960
|
`${T.id}${j}`
|
|
3961
|
-
) : /* @__PURE__ */
|
|
3961
|
+
) : /* @__PURE__ */ p(
|
|
3962
3962
|
"div",
|
|
3963
3963
|
{
|
|
3964
3964
|
style: {
|
|
@@ -3971,7 +3971,7 @@ const _e = ({
|
|
|
3971
3971
|
_e,
|
|
3972
3972
|
{
|
|
3973
3973
|
inputs: T.inputs,
|
|
3974
|
-
control:
|
|
3974
|
+
control: _,
|
|
3975
3975
|
inputContainerStyles: o,
|
|
3976
3976
|
errorColor: r,
|
|
3977
3977
|
reactHookFormInstance: i
|
|
@@ -3988,18 +3988,18 @@ const _e = ({
|
|
|
3988
3988
|
_e,
|
|
3989
3989
|
{
|
|
3990
3990
|
inputs: k.inputs,
|
|
3991
|
-
control:
|
|
3991
|
+
control: _,
|
|
3992
3992
|
inputContainerStyles: o,
|
|
3993
3993
|
errorColor: r,
|
|
3994
3994
|
reactHookFormInstance: i
|
|
3995
3995
|
}
|
|
3996
|
-
) }, k.categoryId) : /* @__PURE__ */
|
|
3996
|
+
) }, k.categoryId) : /* @__PURE__ */ p("div", { style: { width: "100%" }, children: [
|
|
3997
3997
|
/* @__PURE__ */ n("h2", { children: v(k.category) }),
|
|
3998
3998
|
/* @__PURE__ */ n(
|
|
3999
3999
|
_e,
|
|
4000
4000
|
{
|
|
4001
4001
|
inputs: k.inputs,
|
|
4002
|
-
control:
|
|
4002
|
+
control: _,
|
|
4003
4003
|
inputContainerStyles: o,
|
|
4004
4004
|
errorColor: r,
|
|
4005
4005
|
reactHookFormInstance: i
|
|
@@ -4007,12 +4007,12 @@ const _e = ({
|
|
|
4007
4007
|
)
|
|
4008
4008
|
] }, k.categoryId);
|
|
4009
4009
|
};
|
|
4010
|
-
return /* @__PURE__ */
|
|
4011
|
-
|
|
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(
|
|
4012
4012
|
gt,
|
|
4013
4013
|
{
|
|
4014
4014
|
activeCategory: x,
|
|
4015
|
-
categories:
|
|
4015
|
+
categories: m,
|
|
4016
4016
|
onChange: (k) => {
|
|
4017
4017
|
w(k), S(null);
|
|
4018
4018
|
},
|
|
@@ -4035,15 +4035,15 @@ const _e = ({
|
|
|
4035
4035
|
_e,
|
|
4036
4036
|
{
|
|
4037
4037
|
inputs: k.inputs,
|
|
4038
|
-
control:
|
|
4038
|
+
control: _,
|
|
4039
4039
|
inputContainerStyles: o,
|
|
4040
4040
|
errorColor: r,
|
|
4041
4041
|
reactHookFormInstance: i
|
|
4042
4042
|
}
|
|
4043
4043
|
);
|
|
4044
4044
|
}) }),
|
|
4045
|
-
/* @__PURE__ */
|
|
4046
|
-
/* @__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) }),
|
|
4047
4047
|
/* @__PURE__ */ n(xe, { errorMessage: t, errorColor: r })
|
|
4048
4048
|
] })
|
|
4049
4049
|
] });
|
|
@@ -4063,18 +4063,18 @@ const _e = ({
|
|
|
4063
4063
|
submessage: o,
|
|
4064
4064
|
buttons: t,
|
|
4065
4065
|
maxHeight: r = "450px",
|
|
4066
|
-
maxWidth:
|
|
4067
|
-
}) => /* @__PURE__ */ n("div", { className: X.overlay, children: /* @__PURE__ */
|
|
4066
|
+
maxWidth: l = "450px"
|
|
4067
|
+
}) => /* @__PURE__ */ n("div", { className: X.overlay, children: /* @__PURE__ */ p(
|
|
4068
4068
|
"div",
|
|
4069
4069
|
{
|
|
4070
4070
|
className: X.modal,
|
|
4071
|
-
style: { maxHeight: r, maxWidth:
|
|
4071
|
+
style: { maxHeight: r, maxWidth: l },
|
|
4072
4072
|
children: [
|
|
4073
4073
|
/* @__PURE__ */ n("button", { className: X.closeButton, onClick: i, "aria-label": "Close modal", children: "✕" }),
|
|
4074
4074
|
d && /* @__PURE__ */ n("img", { src: d, alt: "icon", className: X.icon }),
|
|
4075
4075
|
/* @__PURE__ */ n("p", { className: X.message, children: s }),
|
|
4076
4076
|
o && /* @__PURE__ */ n("p", { className: X.submessage, children: o }),
|
|
4077
|
-
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)) })
|
|
4078
4078
|
]
|
|
4079
4079
|
}
|
|
4080
4080
|
) });
|
|
@@ -4106,8 +4106,8 @@ const b1 = "_stepsContainer_1cyua_3", y1 = "_stepWrapper_1cyua_9", _1 = "_circle
|
|
|
4106
4106
|
connector: S1
|
|
4107
4107
|
}, Ot = ({ steps: i, activeColor: d }) => /* @__PURE__ */ n("div", { className: W.stepsContainer, children: i.map((s, o) => {
|
|
4108
4108
|
const t = s.status === "active", r = s.status === "completed";
|
|
4109
|
-
return /* @__PURE__ */
|
|
4110
|
-
/* @__PURE__ */
|
|
4109
|
+
return /* @__PURE__ */ p("div", { className: W.stepWrapper, children: [
|
|
4110
|
+
/* @__PURE__ */ p("div", { className: W.circleContainer, children: [
|
|
4111
4111
|
/* @__PURE__ */ n(
|
|
4112
4112
|
"div",
|
|
4113
4113
|
{
|
|
@@ -4167,12 +4167,12 @@ const L1 = "_buttonsContainer_1c7dw_2", T1 = "_button_1c7dw_2", M1 = "_active_1c
|
|
|
4167
4167
|
const {
|
|
4168
4168
|
isActive: t,
|
|
4169
4169
|
name: r,
|
|
4170
|
-
onClick:
|
|
4170
|
+
onClick: l
|
|
4171
4171
|
} = s;
|
|
4172
4172
|
return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
|
|
4173
4173
|
"button",
|
|
4174
4174
|
{
|
|
4175
|
-
onClick:
|
|
4175
|
+
onClick: l,
|
|
4176
4176
|
className: `${Me.button}
|
|
4177
4177
|
${t && Me.active}`,
|
|
4178
4178
|
children: /* @__PURE__ */ n("span", { className: Me.buttonName, children: d(r) })
|
|
@@ -4201,14 +4201,14 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
|
|
|
4201
4201
|
const {
|
|
4202
4202
|
code: t,
|
|
4203
4203
|
labelLeft: r,
|
|
4204
|
-
labelRight:
|
|
4204
|
+
labelRight: l,
|
|
4205
4205
|
defValue: a = !1,
|
|
4206
|
-
colorOn:
|
|
4206
|
+
colorOn: c = "#5A514D",
|
|
4207
4207
|
disabled: u = !1,
|
|
4208
4208
|
width: h = 240
|
|
4209
|
-
} = i, { t: g } = L(), { control: b } = d || {}, [
|
|
4210
|
-
v(
|
|
4211
|
-
},
|
|
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: [
|
|
4212
4212
|
r && /* @__PURE__ */ n(
|
|
4213
4213
|
"span",
|
|
4214
4214
|
{
|
|
@@ -4217,13 +4217,13 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
|
|
|
4217
4217
|
children: g(r)
|
|
4218
4218
|
}
|
|
4219
4219
|
),
|
|
4220
|
-
/* @__PURE__ */
|
|
4220
|
+
/* @__PURE__ */ p("label", { className: `${pe.switch} ${u ? pe.disabled : ""}`, children: [
|
|
4221
4221
|
/* @__PURE__ */ n(
|
|
4222
4222
|
"input",
|
|
4223
4223
|
{
|
|
4224
4224
|
type: "checkbox",
|
|
4225
|
-
checked: !!
|
|
4226
|
-
onChange: () =>
|
|
4225
|
+
checked: !!m,
|
|
4226
|
+
onChange: () => f(!m),
|
|
4227
4227
|
disabled: u
|
|
4228
4228
|
}
|
|
4229
4229
|
),
|
|
@@ -4232,12 +4232,12 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
|
|
|
4232
4232
|
{
|
|
4233
4233
|
className: pe.slider,
|
|
4234
4234
|
style: {
|
|
4235
|
-
"--switch-thumb-color": o ?
|
|
4235
|
+
"--switch-thumb-color": o ? m ? c : "#ccc" : c
|
|
4236
4236
|
}
|
|
4237
4237
|
}
|
|
4238
4238
|
)
|
|
4239
4239
|
] }),
|
|
4240
|
-
|
|
4240
|
+
l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(h - 74) / 2}px` }, children: g(l) })
|
|
4241
4241
|
] });
|
|
4242
4242
|
return d ? /* @__PURE__ */ n(
|
|
4243
4243
|
we,
|
|
@@ -4245,9 +4245,9 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
|
|
|
4245
4245
|
name: t,
|
|
4246
4246
|
control: b,
|
|
4247
4247
|
defaultValue: a,
|
|
4248
|
-
render: ({ field:
|
|
4248
|
+
render: ({ field: m }) => _(m.value, m.onChange)
|
|
4249
4249
|
}
|
|
4250
|
-
) :
|
|
4250
|
+
) : _(C, y);
|
|
4251
4251
|
};
|
|
4252
4252
|
R1.propTypes = {
|
|
4253
4253
|
input: e.shape({
|
|
@@ -4266,7 +4266,7 @@ const q1 = "_overlay_1xyw2_2", P1 = "_popup_1xyw2_15", E1 = "_gif_1xyw2_25", j1
|
|
|
4266
4266
|
popup: P1,
|
|
4267
4267
|
gif: E1,
|
|
4268
4268
|
message: j1
|
|
4269
|
-
}, Z1 = ({ gifSrc: i, message: d }) => /* @__PURE__ */ n("div", { className: Ve.overlay, children: /* @__PURE__ */
|
|
4269
|
+
}, Z1 = ({ gifSrc: i, message: d }) => /* @__PURE__ */ n("div", { className: Ve.overlay, children: /* @__PURE__ */ p("div", { className: Ve.popup, children: [
|
|
4270
4270
|
i && /* @__PURE__ */ n(
|
|
4271
4271
|
"img",
|
|
4272
4272
|
{
|
|
@@ -4281,56 +4281,101 @@ Z1.propTypes = {
|
|
|
4281
4281
|
gifSrc: e.string,
|
|
4282
4282
|
message: e.string
|
|
4283
4283
|
};
|
|
4284
|
-
const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "
|
|
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
4285
|
container: z1,
|
|
4286
4286
|
burger: H1,
|
|
4287
|
-
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
active: Q1
|
|
4287
|
+
menu: K1,
|
|
4288
|
+
list: U1,
|
|
4289
|
+
link: W1,
|
|
4290
|
+
button: G1,
|
|
4291
|
+
active: Y1
|
|
4293
4292
|
}, qt = ({ options: i, backgroundColor: d, textColor: s, iconColor: o }) => {
|
|
4294
|
-
const [t, r] = D(!1),
|
|
4295
|
-
return /* @__PURE__ */
|
|
4296
|
-
/* @__PURE__ */
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
|
|
4306
|
-
/* @__PURE__ */ n("
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
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
|
+
] }) }),
|
|
4310
4355
|
t && /* @__PURE__ */ n(
|
|
4311
4356
|
"div",
|
|
4312
4357
|
{
|
|
4313
|
-
className:
|
|
4358
|
+
className: Q.menu,
|
|
4314
4359
|
style: { backgroundColor: d, color: s },
|
|
4315
|
-
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(
|
|
4316
4361
|
ft,
|
|
4317
4362
|
{
|
|
4318
|
-
to:
|
|
4319
|
-
className: ({ isActive:
|
|
4363
|
+
to: C.url,
|
|
4364
|
+
className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
|
|
4320
4365
|
onClick: a,
|
|
4321
4366
|
style: { color: s },
|
|
4322
|
-
children:
|
|
4367
|
+
children: C.name
|
|
4323
4368
|
}
|
|
4324
4369
|
) : /* @__PURE__ */ n(
|
|
4325
4370
|
"button",
|
|
4326
4371
|
{
|
|
4327
|
-
className:
|
|
4372
|
+
className: Q.button,
|
|
4328
4373
|
onClick: () => {
|
|
4329
|
-
|
|
4374
|
+
C.onclick && C.onclick(), a();
|
|
4330
4375
|
},
|
|
4331
|
-
children:
|
|
4376
|
+
children: C.name
|
|
4332
4377
|
}
|
|
4333
|
-
) },
|
|
4378
|
+
) }, v)) })
|
|
4334
4379
|
}
|
|
4335
4380
|
)
|
|
4336
4381
|
] });
|
|
@@ -4352,23 +4397,23 @@ qt.defaultProps = {
|
|
|
4352
4397
|
textColor: "#000000",
|
|
4353
4398
|
iconColor: "#000000"
|
|
4354
4399
|
};
|
|
4355
|
-
const X1 = "_header_13kbt_2",
|
|
4400
|
+
const X1 = "_header_13kbt_2", Q1 = "_leftComponents_13kbt_13", J1 = "_centerComponents_13kbt_14", es = "_rightComponents_13kbt_15", ts = "_componentsContainer_13kbt_32", oe = {
|
|
4356
4401
|
header: X1,
|
|
4357
|
-
leftComponents:
|
|
4358
|
-
centerComponents:
|
|
4359
|
-
rightComponents:
|
|
4360
|
-
componentsContainer:
|
|
4361
|
-
},
|
|
4402
|
+
leftComponents: Q1,
|
|
4403
|
+
centerComponents: J1,
|
|
4404
|
+
rightComponents: es,
|
|
4405
|
+
componentsContainer: ts
|
|
4406
|
+
}, ns = ({
|
|
4362
4407
|
cssProps: i,
|
|
4363
4408
|
leftComponents: d = [],
|
|
4364
4409
|
centerComponents: s = [],
|
|
4365
4410
|
rightComponents: o = [],
|
|
4366
4411
|
zIndex: t = 10,
|
|
4367
4412
|
height: r = 60,
|
|
4368
|
-
backgroundColor:
|
|
4413
|
+
backgroundColor: l = "#605B56",
|
|
4369
4414
|
isFooter: a = !1
|
|
4370
4415
|
// If true, it will apply footer styles
|
|
4371
|
-
}) => /* @__PURE__ */
|
|
4416
|
+
}) => /* @__PURE__ */ p(
|
|
4372
4417
|
"div",
|
|
4373
4418
|
{
|
|
4374
4419
|
className: oe.header,
|
|
@@ -4376,18 +4421,18 @@ const X1 = "_header_13kbt_2", J1 = "_leftComponents_13kbt_13", es = "_centerComp
|
|
|
4376
4421
|
...i,
|
|
4377
4422
|
zIndex: t,
|
|
4378
4423
|
height: r,
|
|
4379
|
-
backgroundColor:
|
|
4424
|
+
backgroundColor: l,
|
|
4380
4425
|
top: a ? "auto" : 0,
|
|
4381
4426
|
bottom: a ? 0 : "auto"
|
|
4382
4427
|
},
|
|
4383
4428
|
children: [
|
|
4384
|
-
/* @__PURE__ */ n("div", { className: oe.leftComponents, children: d.map((
|
|
4385
|
-
/* @__PURE__ */ n("div", { className: oe.centerComponents, children: s.map((
|
|
4386
|
-
/* @__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)) })
|
|
4387
4432
|
]
|
|
4388
4433
|
}
|
|
4389
4434
|
);
|
|
4390
|
-
|
|
4435
|
+
ns.propTypes = {
|
|
4391
4436
|
leftComponents: e.arrayOf(e.node),
|
|
4392
4437
|
centerComponents: e.arrayOf(e.node),
|
|
4393
4438
|
rightComponents: e.arrayOf(e.node),
|
|
@@ -4397,12 +4442,12 @@ is.propTypes = {
|
|
|
4397
4442
|
backgroundColor: e.string,
|
|
4398
4443
|
isFooter: e.bool
|
|
4399
4444
|
};
|
|
4400
|
-
const
|
|
4401
|
-
sidebar:
|
|
4402
|
-
open:
|
|
4403
|
-
content:
|
|
4404
|
-
closeButton:
|
|
4405
|
-
},
|
|
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 = ({
|
|
4406
4451
|
width: i = "300px",
|
|
4407
4452
|
children: d,
|
|
4408
4453
|
showRightBar: s,
|
|
@@ -4416,14 +4461,14 @@ const ss = "_sidebar_1kaqu_2", os = "_open_1kaqu_16", rs = "_content_1kaqu_20",
|
|
|
4416
4461
|
{
|
|
4417
4462
|
className: `${De.sidebar} ${s ? De.open : ""}`,
|
|
4418
4463
|
style: { width: s ? i : 0 },
|
|
4419
|
-
children: s && /* @__PURE__ */
|
|
4420
|
-
/* @__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" }) }),
|
|
4421
4466
|
d
|
|
4422
4467
|
] })
|
|
4423
4468
|
}
|
|
4424
4469
|
);
|
|
4425
4470
|
};
|
|
4426
|
-
|
|
4471
|
+
ls.propTypes = {
|
|
4427
4472
|
width: e.string,
|
|
4428
4473
|
children: e.node,
|
|
4429
4474
|
showRightBar: e.bool,
|
|
@@ -4437,13 +4482,13 @@ export {
|
|
|
4437
4482
|
q2 as ButtonsList,
|
|
4438
4483
|
gt as CategorySelector,
|
|
4439
4484
|
le as DropdownList,
|
|
4440
|
-
|
|
4485
|
+
Ss as EditAmbit,
|
|
4441
4486
|
xe as ErrorMessage,
|
|
4442
4487
|
h0 as FiltersAmbit,
|
|
4443
|
-
|
|
4488
|
+
Vs as Form,
|
|
4444
4489
|
Fe as GeneralButton,
|
|
4445
4490
|
f0 as Graphic,
|
|
4446
|
-
|
|
4491
|
+
ns as HeaderSection,
|
|
4447
4492
|
I0 as IndicatorsList,
|
|
4448
4493
|
j0 as LangSelector,
|
|
4449
4494
|
on as Legend,
|
|
@@ -4454,9 +4499,9 @@ export {
|
|
|
4454
4499
|
dn as MapboxMap,
|
|
4455
4500
|
Cn as MaplibreMap,
|
|
4456
4501
|
f1 as ModalAlert,
|
|
4457
|
-
|
|
4502
|
+
Xi as RadioButtonInput,
|
|
4458
4503
|
It as RankingSlider,
|
|
4459
|
-
|
|
4504
|
+
ls as RightSidebar,
|
|
4460
4505
|
xn as SectionBar,
|
|
4461
4506
|
zi as SelectInput,
|
|
4462
4507
|
Rt as StatusText,
|