@tmf_ciclica/ciclicastorybook 1.1.169 → 1.1.171
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +4 -4
- package/dist/index.es.js +518 -522
- 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}._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_1ikqs_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._GeographicalFilters_1ikqs_2 ._AppliedFilterContent_1ikqs_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:0 20px;border-radius:100px}._layerName_1ikqs_25{color:#00f}._layerName_1ikqs_25._layerActive_1ikqs_28{color:red}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_4u41i_2,._container_4u41i_2 span{font-size:14px}._container_4u41i_2 ._unitLabel_4u41i_8{height:40px}._container_4u41i_2 ._slider_4u41i_11{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_4u41i_2 ._thumb_4u41i_17{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_4u41i_2 ._track_4u41i_26{top:0;bottom:0;background:#605b56;border-radius:3px}._container_4u41i_2 ._labels_4u41i_32{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_1go6h_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_1go6h_2 ._indicatorNameContainer_1go6h_11{gap:10px;display:grid;grid-template-columns:15px auto;align-items:center}._indicatorContainer_1go6h_2 ._dot_1go6h_17{border-radius:100px;width:16px;height:16px}._indicatorContainer_1go6h_2 ._indicatorName_1go6h_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_1go6h_28{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37{margin:0;width:100%}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._customRadious_1go6h_62{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_1go6h_28 ._switchType_1go6h_37 ._switchTypeOptions_1go6h_41 ._optionContainer_1go6h_52 ._optionText_1go6h_69{font-weight:400}._indicatorsSubCategory_1dzsi_2{overflow:hidden}._indicatorsSubCategory_1dzsi_2 h3{text-align:left}._indicatorsSubCategory_1dzsi_2 ._list_1dzsi_8{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:start;margin:20px 0;gap:20px}._indicatorsList_fklyu_2{width:100%;padding-left:30px}._indicatorsList_fklyu_2 ._title_fklyu_6{border-bottom:1px solid;padding-bottom:25px;margin-bottom:32px}._langSelector_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_qs4x9_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative;overflow-y:scroll}._legendContainer_qs4x9_3::-webkit-scrollbar{width:8px}._legendContainer_qs4x9_3::-webkit-scrollbar-track{background:transparent;margin:5px 0}._legendContainer_qs4x9_3::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:20px}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31{position:absolute;right:20px;top:20px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before,._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:before{transform:rotate(45deg)}._legendContainer_qs4x9_3 ._closeButton_qs4x9_31:after{transform:rotate(-45deg)}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59{border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._titleContainer_qs4x9_59 h2{padding-bottom:16px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65{padding-top:20px}._legendContainer_qs4x9_3 ._infoContainer_qs4x9_65 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_qs4x9_3 ._titleLegendList_qs4x9_76{font-size:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1.5px #605b56}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._gridContainer_qs4x9_82 ._elementLegendContainer_qs4x9_88 ._colorDot_qs4x9_94{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100{position:relative}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueColor_qs4x9_103{height:130px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._absoluteValueContainer_qs4x9_100 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120{position:relative;margin-top:10px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._noData_qs4x9_120{height:22px;width:22px;border-radius:20px}._legendContainer_qs4x9_3 ._legendListContainer_qs4x9_82 ._noDataContainer_qs4x9_120 ._absoluteValueText_qs4x9_108{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:column;align-items:flex-start;position:absolute;left:30px;top:0;height:100%}._legendContainer_qs4x9_3 ._moreInfoContainer_qs4x9_141{margin-top:30px;padding:8.5px 20px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;border:1.5px solid #605b56;border-radius:25px;font-size:16px;font-weight:600}._logo_1ewa6_2{padding:10px;height:100%}._logo_1ewa6_2 img{height:100%}._mapContainer_84pkf_2{width:100vw;height:100vh}._mapContainer_b0pyr_3{width:100vw;height:100vh;position:absolute;top:0;z-index:0}._FeaturePopUp_mt8l5_2{padding:15px;color:#92898a}._FeaturePopUp_mt8l5_2 p{margin-bottom:10px}._FeaturePopUp_mt8l5_2 ._title_mt8l5_9{font-weight:600;margin-right:5px;color:#92898a}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_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_1qdhv_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._elementSelector_1qdhv_2 ._header_1qdhv_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._nameDateContainer_1qdhv_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._nameDateContainer_1qdhv_23 ._elementName_1qdhv_39{font-size:18px;font-weight:600;flex:1}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._nameDateContainer_1qdhv_23 ._elementName_1qdhv_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._nameDateContainer_1qdhv_23 ._elementDate_1qdhv_53{font-size:18px;font-weight:600;flex:.5}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._nameDateContainer_1qdhv_23 ._elementDate_1qdhv_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._elementSelector_1qdhv_2 ._header_1qdhv_13 ._buttonsContainer_1qdhv_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._elementSelector_1qdhv_2 ._elementListContainer_1qdhv_76{flex:1;width:100%}._elementSelector_1qdhv_2 ._newElementButtonContainer_1qdhv_80{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_1s506_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:5px;width:100%;padding-bottom:30px;padding-top:30px;flex-wrap:wrap}._listElement_1s506_2 ._elementNameDate_1s506_17{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementNameContainer_1s506_27{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementName_1s506_17{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center}._listElement_1s506_2 ._elementNameDate_1s506_17 ._elementDate_1s506_42{flex:.5}._listElement_1s506_2 ._elementButtons_1s506_45{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._listElement_1s506_2 ._elementButtons_1s506_45 button:disabled{opacity:.5;cursor:default}._listElement_1s506_2 ._elementButtons_1s506_45 img{display:inline}._break_1s506_63{flex-basis:100%;height:0}._moreInfoContainer_1s506_68 ._moreInfo_1s506_68{display:flex;gap:5px;cursor:pointer}._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_9bdf4_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_9bdf4_2 ._sectionItemActive_9bdf4_16{color:#fff}._categorySelector_9bdf4_2 ._sectionItem_9bdf4_16{border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;padding:5px;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}._header_13kbt_2{width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;padding:0 16px;background-color:#fff;border-bottom:1px solid black}._header_13kbt_2 ._leftComponents_13kbt_13,._header_13kbt_2 ._centerComponents_13kbt_14,._header_13kbt_2 ._rightComponents_13kbt_15{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_13kbt_2 ._leftComponents_13kbt_13{left:16px}._header_13kbt_2 ._centerComponents_13kbt_14{left:50%;transform:translate(-50%)}._header_13kbt_2 ._rightComponents_13kbt_15{right:16px}._header_13kbt_2 ._componentsContainer_13kbt_32{height:100%;width:100%}._sidebar_1fmjn_2{position:absolute;top:0;right:0;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;overflow-x:hidden;overflow-y:auto;transition:width .3s ease;z-index:1000;width:0}._open_1fmjn_16{border-left:1px solid #ddd}._content_1fmjn_20{position:relative;padding:20px;height:100%}._closeButton_1fmjn_26{position:absolute;top:28px;right:28px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1fmjn_26:hover{color:#000}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as m, jsx as i, Fragment as Re } from "react/jsx-runtime";
|
|
3
3
|
import * as pe from "react";
|
|
4
4
|
import M, { useState as V, useEffect as F, useMemo as me, useLayoutEffect as At, useRef as se } from "react";
|
|
5
5
|
import e from "prop-types";
|
|
@@ -44,15 +44,15 @@ const t2 = "_ambitSelector_mcunf_2", n2 = "_header_mcunf_13", i2 = "_nameDateCon
|
|
|
44
44
|
fontColor: l,
|
|
45
45
|
moreInfo: c
|
|
46
46
|
}) => {
|
|
47
|
-
const { name: u, created_at:
|
|
48
|
-
return /* @__PURE__ */
|
|
47
|
+
const { name: u, created_at: p, id: g, isBeingProcessed: y } = n;
|
|
48
|
+
return /* @__PURE__ */ m(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: he.ambitItem,
|
|
52
52
|
style: { borderBottom: `1px solid ${l}` },
|
|
53
53
|
children: [
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ m("div", { className: he.ambitNameDate, onClick: () => t(g), children: [
|
|
55
|
+
/* @__PURE__ */ m("div", { className: he.ambitName, children: [
|
|
56
56
|
/* @__PURE__ */ i(
|
|
57
57
|
"img",
|
|
58
58
|
{
|
|
@@ -62,10 +62,10 @@ const t2 = "_ambitSelector_mcunf_2", n2 = "_header_mcunf_13", i2 = "_nameDateCon
|
|
|
62
62
|
),
|
|
63
63
|
/* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */ i("div", { className: he.ambitDate, children:
|
|
65
|
+
/* @__PURE__ */ i("div", { className: he.ambitDate, children: p ? new Date(p).toLocaleDateString() : "" })
|
|
66
66
|
] }),
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
|
|
67
|
+
/* @__PURE__ */ m("div", { className: he.ambitButtons, children: [
|
|
68
|
+
y && /* @__PURE__ */ i("img", { src: f2 }),
|
|
69
69
|
/* @__PURE__ */ i("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: C2 }) }),
|
|
70
70
|
/* @__PURE__ */ i("button", { onClick: () => d(g), children: /* @__PURE__ */ i("img", { src: g2 }) }),
|
|
71
71
|
/* @__PURE__ */ i("button", { onClick: () => s(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: h2 }) })
|
|
@@ -127,39 +127,39 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
127
127
|
buttonContainerStyles: l = {},
|
|
128
128
|
containerStyles: c = {},
|
|
129
129
|
onCLickNewAmbit: u = () => console.log("New ambit clicked"),
|
|
130
|
-
onClickCopy:
|
|
130
|
+
onClickCopy: p = (_) => console.log(`Copy ambit: ${_}`),
|
|
131
131
|
onCLickDelete: g = (_) => console.log(`Delete ambit: ${_}`),
|
|
132
|
-
onClickFilters:
|
|
133
|
-
onClickAmbit:
|
|
132
|
+
onClickFilters: y = (_) => console.log(`Filters clicked: ${_}`),
|
|
133
|
+
onClickAmbit: v = (_) => console.log(`OnCLickAmbit: ${_}`)
|
|
134
134
|
}) => {
|
|
135
|
-
const { t: _ } = $(), [
|
|
135
|
+
const { t: _ } = $(), [b, h] = V(n);
|
|
136
136
|
F(() => {
|
|
137
|
-
n &&
|
|
137
|
+
n && h(n);
|
|
138
138
|
}, [n]);
|
|
139
|
-
const
|
|
140
|
-
if (
|
|
141
|
-
let x = [...
|
|
142
|
-
x.sort((w, N) => w[
|
|
139
|
+
const C = (f) => {
|
|
140
|
+
if (b && b.length > 0) {
|
|
141
|
+
let x = [...b];
|
|
142
|
+
x.sort((w, N) => w[f].localeCompare(N[f])), h(x);
|
|
143
143
|
}
|
|
144
144
|
};
|
|
145
|
-
return /* @__PURE__ */
|
|
145
|
+
return /* @__PURE__ */ m(
|
|
146
146
|
"div",
|
|
147
147
|
{
|
|
148
148
|
className: W.ambitSelector,
|
|
149
149
|
style: { color: s, ...c },
|
|
150
150
|
children: [
|
|
151
|
-
/* @__PURE__ */
|
|
151
|
+
/* @__PURE__ */ m(
|
|
152
152
|
"div",
|
|
153
153
|
{
|
|
154
154
|
className: W.header,
|
|
155
155
|
style: { borderBottom: `1px solid ${s}` },
|
|
156
156
|
children: [
|
|
157
|
-
/* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */ i("div", { className: W.ambitName, children: /* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ m("div", { className: W.nameDateContainer, children: [
|
|
158
|
+
/* @__PURE__ */ i("div", { className: W.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => C("name"), children: [
|
|
159
159
|
/* @__PURE__ */ i("span", { children: _(t) }),
|
|
160
160
|
/* @__PURE__ */ i("img", { src: Qe })
|
|
161
161
|
] }) }),
|
|
162
|
-
/* @__PURE__ */ i("div", { className: W.ambitDate, children: /* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ i("div", { className: W.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
|
|
163
163
|
/* @__PURE__ */ i("span", { children: _(r) }),
|
|
164
164
|
/* @__PURE__ */ i("img", { src: Qe })
|
|
165
165
|
] }) })
|
|
@@ -168,19 +168,19 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
168
168
|
]
|
|
169
169
|
}
|
|
170
170
|
),
|
|
171
|
-
/* @__PURE__ */ i("div", { className: W.ambitListContainer, children:
|
|
171
|
+
/* @__PURE__ */ i("div", { className: W.ambitListContainer, children: b && b.length > 0 && b.map((f) => /* @__PURE__ */ i(
|
|
172
172
|
mt,
|
|
173
173
|
{
|
|
174
|
-
isActive: d ==
|
|
175
|
-
ambit:
|
|
174
|
+
isActive: d == f.id,
|
|
175
|
+
ambit: f,
|
|
176
176
|
fontColor: s,
|
|
177
177
|
activeColor: o,
|
|
178
|
-
onClickCopy:
|
|
178
|
+
onClickCopy: p,
|
|
179
179
|
onClickDelete: g,
|
|
180
|
-
onClickFilters:
|
|
181
|
-
onClickAmbit:
|
|
180
|
+
onClickFilters: y,
|
|
181
|
+
onClickAmbit: v
|
|
182
182
|
},
|
|
183
|
-
`ambitKey${
|
|
183
|
+
`ambitKey${f.id}`
|
|
184
184
|
)) }),
|
|
185
185
|
/* @__PURE__ */ i("div", { className: W.newAmbitButtonContainer, children: /* @__PURE__ */ i(
|
|
186
186
|
Te,
|
|
@@ -255,28 +255,28 @@ const V2 = ({
|
|
|
255
255
|
children: n.map((l, c) => {
|
|
256
256
|
const {
|
|
257
257
|
icon: u,
|
|
258
|
-
activeIcon:
|
|
258
|
+
activeIcon: p,
|
|
259
259
|
isActive: g,
|
|
260
|
-
name:
|
|
261
|
-
onClick:
|
|
260
|
+
name: y,
|
|
261
|
+
onClick: v,
|
|
262
262
|
disabled: _
|
|
263
|
-
} = l,
|
|
264
|
-
s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(
|
|
265
|
-
/* @__PURE__ */ i("img", { src: g ?
|
|
266
|
-
s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(
|
|
263
|
+
} = l, b = /* @__PURE__ */ m(Re, { children: [
|
|
264
|
+
s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(y) }),
|
|
265
|
+
/* @__PURE__ */ i("img", { src: g ? p : u, alt: a(y) }),
|
|
266
|
+
s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(y) })
|
|
267
267
|
] });
|
|
268
|
-
return /* @__PURE__ */
|
|
268
|
+
return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
269
269
|
/* @__PURE__ */ i(
|
|
270
270
|
"button",
|
|
271
271
|
{
|
|
272
|
-
onClick:
|
|
272
|
+
onClick: v,
|
|
273
273
|
className: `${X.button}
|
|
274
274
|
${g && X.active}`,
|
|
275
275
|
disabled: _,
|
|
276
|
-
children:
|
|
276
|
+
children: b
|
|
277
277
|
}
|
|
278
278
|
),
|
|
279
|
-
t && /* @__PURE__ */ i(ie, { text:
|
|
279
|
+
t && /* @__PURE__ */ i(ie, { text: y, position: r })
|
|
280
280
|
] }, c);
|
|
281
281
|
})
|
|
282
282
|
}
|
|
@@ -317,8 +317,8 @@ const A2 = "_indicatorsCategory_1cu33_2", I2 = "_title_1cu33_5", De = {
|
|
|
317
317
|
showBottomBar: c = !0,
|
|
318
318
|
titleMarginChildren: u = 25
|
|
319
319
|
}) => {
|
|
320
|
-
const { t:
|
|
321
|
-
return /* @__PURE__ */
|
|
320
|
+
const { t: p } = $();
|
|
321
|
+
return /* @__PURE__ */ m(
|
|
322
322
|
He.div,
|
|
323
323
|
{
|
|
324
324
|
className: De.indicatorsCategory,
|
|
@@ -331,7 +331,7 @@ const A2 = "_indicatorsCategory_1cu33_2", I2 = "_title_1cu33_5", De = {
|
|
|
331
331
|
marginBottom: n ? "20px" : "0px"
|
|
332
332
|
},
|
|
333
333
|
children: [
|
|
334
|
-
/* @__PURE__ */
|
|
334
|
+
/* @__PURE__ */ m(
|
|
335
335
|
"h2",
|
|
336
336
|
{
|
|
337
337
|
style: {
|
|
@@ -342,7 +342,7 @@ const A2 = "_indicatorsCategory_1cu33_2", I2 = "_title_1cu33_5", De = {
|
|
|
342
342
|
onClick: d,
|
|
343
343
|
children: [
|
|
344
344
|
/* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
|
|
345
|
-
/* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children:
|
|
345
|
+
/* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children: p(r) })
|
|
346
346
|
]
|
|
347
347
|
}
|
|
348
348
|
),
|
|
@@ -376,8 +376,8 @@ const ao = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), O2 = "data
|
|
|
376
376
|
geoLayers: []
|
|
377
377
|
})), ht = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
378
378
|
const { t: a } = $(), { tematicalFiltersSelected: l } = D((u) => u), c = (u) => {
|
|
379
|
-
D.setState((
|
|
380
|
-
tematicalFiltersSelected:
|
|
379
|
+
D.setState((p) => ({
|
|
380
|
+
tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
|
|
381
381
|
(g) => g.code !== u
|
|
382
382
|
)
|
|
383
383
|
}));
|
|
@@ -389,10 +389,10 @@ const ao = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), O2 = "data
|
|
|
389
389
|
onClick: d,
|
|
390
390
|
title: n ? a(n) : "Applied Filters",
|
|
391
391
|
activeColor: r,
|
|
392
|
-
children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u,
|
|
392
|
+
children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, p) => /* @__PURE__ */ m("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
|
|
393
393
|
a(u.name),
|
|
394
394
|
/* @__PURE__ */ i("img", { src: O2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
|
|
395
|
-
] },
|
|
395
|
+
] }, p)) })
|
|
396
396
|
}
|
|
397
397
|
);
|
|
398
398
|
};
|
|
@@ -423,11 +423,11 @@ const E2 = "_layerName_1ikqs_25", P2 = "_layerActive_1ikqs_28", Je = {
|
|
|
423
423
|
}) => {
|
|
424
424
|
const { t: a } = $(), { activeFiltersType: l, geoLayers: c } = D((g) => g), u = () => {
|
|
425
425
|
l == "geographical" ? D.setState(() => ({ activeFiltersType: null })) : D.setState(() => ({ activeFiltersType: "geographical" }));
|
|
426
|
-
},
|
|
427
|
-
D.setState((
|
|
428
|
-
geoLayers:
|
|
429
|
-
...
|
|
430
|
-
active:
|
|
426
|
+
}, p = (g) => {
|
|
427
|
+
D.setState((y) => ({
|
|
428
|
+
geoLayers: y.geoLayers.map((v) => ({
|
|
429
|
+
...v,
|
|
430
|
+
active: v.name === g.name
|
|
431
431
|
}))
|
|
432
432
|
}));
|
|
433
433
|
};
|
|
@@ -444,7 +444,7 @@ const E2 = "_layerName_1ikqs_25", P2 = "_layerActive_1ikqs_28", Je = {
|
|
|
444
444
|
"div",
|
|
445
445
|
{
|
|
446
446
|
className: `${Je.layerName} ${g.active ? Je.layerActive : ""}`,
|
|
447
|
-
onClick: () =>
|
|
447
|
+
onClick: () => p(g),
|
|
448
448
|
children: a(g.name)
|
|
449
449
|
}
|
|
450
450
|
))
|
|
@@ -469,7 +469,7 @@ const j2 = "_checkboxContainer_zld97_2", z2 = {
|
|
|
469
469
|
value: t
|
|
470
470
|
}) => {
|
|
471
471
|
const { t: r } = $(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = D((u) => u);
|
|
472
|
-
return /* @__PURE__ */
|
|
472
|
+
return /* @__PURE__ */ m(
|
|
473
473
|
"div",
|
|
474
474
|
{
|
|
475
475
|
style: { ...d, color: s },
|
|
@@ -552,19 +552,19 @@ let Pe = function(n) {
|
|
|
552
552
|
t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
|
|
553
553
|
}, t.onMouseMove = (l) => {
|
|
554
554
|
t.setState({ pending: !0 });
|
|
555
|
-
const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]),
|
|
556
|
-
t.move(
|
|
555
|
+
const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), p = t.getValueFromPosition(u);
|
|
556
|
+
t.move(p);
|
|
557
557
|
}, t.onTouchMove = (l) => {
|
|
558
558
|
if (l.touches.length > 1) return;
|
|
559
559
|
t.setState({ pending: !0 });
|
|
560
560
|
const c = t.getTouchPosition(l);
|
|
561
561
|
if (t.isScrolling === void 0) {
|
|
562
|
-
const g = c[0] - t.startPosition[0],
|
|
563
|
-
t.isScrolling = Math.abs(
|
|
562
|
+
const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
|
|
563
|
+
t.isScrolling = Math.abs(y) > Math.abs(g);
|
|
564
564
|
}
|
|
565
565
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
566
|
-
const u = t.getDiffPosition(c[0]),
|
|
567
|
-
t.move(
|
|
566
|
+
const u = t.getDiffPosition(c[0]), p = t.getValueFromPosition(u);
|
|
567
|
+
t.move(p);
|
|
568
568
|
}, t.onKeyDown = (l) => {
|
|
569
569
|
if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
|
|
570
570
|
case "ArrowLeft":
|
|
@@ -617,8 +617,8 @@ let Pe = function(n) {
|
|
|
617
617
|
if (t.props.disabled || c.touches.length > 1) return;
|
|
618
618
|
t.setState({ pending: !0 });
|
|
619
619
|
const u = t.getTouchPosition(c);
|
|
620
|
-
t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), ke(t.getTouchEventMap()), function(
|
|
621
|
-
|
|
620
|
+
t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), ke(t.getTouchEventMap()), function(p) {
|
|
621
|
+
p.stopPropagation && p.stopPropagation();
|
|
622
622
|
}(c);
|
|
623
623
|
}, t.handleResize = () => {
|
|
624
624
|
const l = window.setTimeout(() => {
|
|
@@ -626,13 +626,13 @@ let Pe = function(n) {
|
|
|
626
626
|
}, 0);
|
|
627
627
|
t.pendingResizeTimeouts.push(l);
|
|
628
628
|
}, t.renderThumb = (l, c) => {
|
|
629
|
-
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""),
|
|
630
|
-
t["thumb" + c] =
|
|
629
|
+
const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), p = { ref: (y) => {
|
|
630
|
+
t["thumb" + c] = y;
|
|
631
631
|
}, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: Ne(t.state.value), valueNow: t.state.value[c] };
|
|
632
|
-
return t.props.ariaValuetext && (
|
|
632
|
+
return t.props.ariaValuetext && (p["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(p, g);
|
|
633
633
|
}, t.renderTrack = (l, c, u) => {
|
|
634
|
-
const
|
|
635
|
-
return t.props.renderTrack(
|
|
634
|
+
const p = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: Ne(t.state.value) };
|
|
635
|
+
return t.props.renderTrack(p, g);
|
|
636
636
|
};
|
|
637
637
|
let r = Ve(o.value);
|
|
638
638
|
r.length || (r = Ve(o.defaultValue)), t.pendingResizeTimeouts = [];
|
|
@@ -663,8 +663,8 @@ let Pe = function(n) {
|
|
|
663
663
|
let t = Number.MAX_VALUE, r = -1;
|
|
664
664
|
const { value: a } = this.state, l = a.length;
|
|
665
665
|
for (let c = 0; c < l; c += 1) {
|
|
666
|
-
const u = this.calcOffset(a[c]),
|
|
667
|
-
|
|
666
|
+
const u = this.calcOffset(a[c]), p = Math.abs(o - u);
|
|
667
|
+
p < t && (t = p, r = c);
|
|
668
668
|
}
|
|
669
669
|
return r;
|
|
670
670
|
}, s.getMousePosition = function(o) {
|
|
@@ -687,8 +687,8 @@ let Pe = function(n) {
|
|
|
687
687
|
}, s.resize = function() {
|
|
688
688
|
const { slider: o, thumb0: t } = this;
|
|
689
689
|
if (!o || !t) return;
|
|
690
|
-
const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()],
|
|
691
|
-
this.state.upperBound === g && this.state.sliderLength ===
|
|
690
|
+
const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], p = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - p, y = Math.abs(c - u);
|
|
691
|
+
this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === p || this.setState({ upperBound: g, sliderLength: y, thumbSize: p });
|
|
692
692
|
}, s.calcOffset = function(o) {
|
|
693
693
|
const t = this.props.max - this.props.min;
|
|
694
694
|
return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
|
|
@@ -727,28 +727,28 @@ let Pe = function(n) {
|
|
|
727
727
|
const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
|
|
728
728
|
if (o === l) return;
|
|
729
729
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
730
|
-
const { pearling: c, max: u, min:
|
|
730
|
+
const { pearling: c, max: u, min: p, minDistance: g } = this.props;
|
|
731
731
|
if (!c) {
|
|
732
732
|
if (r > 0) {
|
|
733
|
-
const
|
|
734
|
-
o <
|
|
733
|
+
const y = t[r - 1];
|
|
734
|
+
o < y + g && (o = y + g);
|
|
735
735
|
}
|
|
736
736
|
if (r < a - 1) {
|
|
737
|
-
const
|
|
738
|
-
o >
|
|
737
|
+
const y = t[r + 1];
|
|
738
|
+
o > y - g && (o = y - g);
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
|
-
t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(
|
|
742
|
-
for (let
|
|
743
|
-
const
|
|
744
|
-
y
|
|
741
|
+
t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(y, v, _, b) {
|
|
742
|
+
for (let h = 0; h < y; h += 1) {
|
|
743
|
+
const C = b - h * _;
|
|
744
|
+
v[y - 1 - h] > C && (v[y - 1 - h] = C);
|
|
745
745
|
}
|
|
746
|
-
}(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(
|
|
747
|
-
for (let
|
|
748
|
-
const
|
|
749
|
-
|
|
746
|
+
}(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(y, v, _, b) {
|
|
747
|
+
for (let h = 0; h < y; h += 1) {
|
|
748
|
+
const C = b + h * _;
|
|
749
|
+
v[h] < C && (v[h] = C);
|
|
750
750
|
}
|
|
751
|
-
}(a, t, g,
|
|
751
|
+
}(a, t, g, p))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
752
752
|
}, s.pushSucceeding = function(o, t, r) {
|
|
753
753
|
let a, l;
|
|
754
754
|
for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Ee(l, this.props);
|
|
@@ -822,12 +822,12 @@ const K2 = "_container_4u41i_2", H2 = "_unitLabel_4u41i_8", U2 = "_slider_4u41i_
|
|
|
822
822
|
defaultValue: l,
|
|
823
823
|
isDate: c
|
|
824
824
|
}) => {
|
|
825
|
-
const { t: u } = $(),
|
|
826
|
-
|
|
825
|
+
const { t: u } = $(), p = c ? new Date(n).getTime() : null, g = c ? new Date(d).getTime() : null, [y, v] = V(c ? [p, g] : [n, d]), _ = (b) => {
|
|
826
|
+
v(b), o == null || o({ min: b[0], max: b[1] });
|
|
827
827
|
};
|
|
828
828
|
return F(() => {
|
|
829
|
-
l ||
|
|
830
|
-
}, [l, c]), /* @__PURE__ */
|
|
829
|
+
l || v(c ? [p, g] : [n, d]);
|
|
830
|
+
}, [l, c]), /* @__PURE__ */ m(
|
|
831
831
|
"div",
|
|
832
832
|
{
|
|
833
833
|
className: re.container,
|
|
@@ -840,27 +840,27 @@ const K2 = "_container_4u41i_2", H2 = "_unitLabel_4u41i_8", U2 = "_slider_4u41i_
|
|
|
840
840
|
className: re.slider,
|
|
841
841
|
thumbClassName: re.thumb,
|
|
842
842
|
trackClassName: re.track,
|
|
843
|
-
min: c ?
|
|
843
|
+
min: c ? p : n,
|
|
844
844
|
max: c ? g : d,
|
|
845
|
-
step: c ? (g -
|
|
846
|
-
value:
|
|
845
|
+
step: c ? (g - p) / 30 : s,
|
|
846
|
+
value: y,
|
|
847
847
|
onAfterChange: _,
|
|
848
848
|
withTracks: !0,
|
|
849
849
|
pearling: !c,
|
|
850
850
|
minDistance: c ? 0 : 0.1
|
|
851
851
|
}
|
|
852
852
|
),
|
|
853
|
-
/* @__PURE__ */
|
|
854
|
-
/* @__PURE__ */ i("span", { children: c ? new Date(
|
|
853
|
+
/* @__PURE__ */ m("div", { className: re.labels, children: [
|
|
854
|
+
/* @__PURE__ */ i("span", { children: c ? new Date(y[0]).toLocaleDateString("en-EN", {
|
|
855
855
|
day: "2-digit",
|
|
856
856
|
month: "short",
|
|
857
857
|
year: "numeric"
|
|
858
|
-
}) :
|
|
859
|
-
/* @__PURE__ */ i("span", { children: c ? new Date(
|
|
858
|
+
}) : y[0] }),
|
|
859
|
+
/* @__PURE__ */ i("span", { children: c ? new Date(y[1]).toLocaleDateString("en-EN", {
|
|
860
860
|
day: "2-digit",
|
|
861
861
|
month: "short",
|
|
862
862
|
year: "numeric"
|
|
863
|
-
}) :
|
|
863
|
+
}) : y[1] })
|
|
864
864
|
] })
|
|
865
865
|
]
|
|
866
866
|
}
|
|
@@ -895,26 +895,25 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
895
895
|
minValue: l,
|
|
896
896
|
maxValue: c,
|
|
897
897
|
unit: u,
|
|
898
|
-
step:
|
|
898
|
+
step: p,
|
|
899
899
|
disabled: g,
|
|
900
|
-
isDate:
|
|
901
|
-
} = n || {},
|
|
900
|
+
isDate: y
|
|
901
|
+
} = n || {}, v = me(
|
|
902
902
|
() => t == "cat" || s == "cat",
|
|
903
903
|
[s, t]
|
|
904
904
|
), _ = me(
|
|
905
905
|
() => t == "abs" || s == "abs",
|
|
906
906
|
[s, t]
|
|
907
907
|
), {
|
|
908
|
-
tematicalFiltersSelected:
|
|
909
|
-
selectedIndicator:
|
|
910
|
-
fontColor:
|
|
911
|
-
inputsColor:
|
|
908
|
+
tematicalFiltersSelected: b,
|
|
909
|
+
selectedIndicator: h,
|
|
910
|
+
fontColor: C,
|
|
911
|
+
inputsColor: f
|
|
912
912
|
} = D((N) => N), x = (N) => {
|
|
913
|
-
if (
|
|
914
|
-
const { min: S, max: L, valueClicked: k, allValues: B } = N || {}, { code: O, type: R, source: T } = n || {},
|
|
915
|
-
console.log("type: ", Z);
|
|
913
|
+
if (N) {
|
|
914
|
+
const { min: S, max: L, valueClicked: k, allValues: B } = N || {}, { code: O, type: R, source: T } = n || {}, K = _ ? "abs" : v ? "cat" : "both";
|
|
916
915
|
let z = O[0];
|
|
917
|
-
R == "both" && (z =
|
|
916
|
+
R == "both" && (z = K == "cat" ? O[1] : O[0]), K == "cat" ? D.setState((Q) => {
|
|
918
917
|
let G = Q.tematicalFiltersSelected.find(
|
|
919
918
|
(E) => E.code === z
|
|
920
919
|
);
|
|
@@ -935,19 +934,19 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
935
934
|
let E = B.map((j, Vt) => Vt);
|
|
936
935
|
return {
|
|
937
936
|
tematicalFiltersSelected: [
|
|
938
|
-
...
|
|
937
|
+
...b,
|
|
939
938
|
{
|
|
940
939
|
type: "cat",
|
|
941
940
|
code: z,
|
|
942
941
|
values: E.filter((j) => j !== k),
|
|
943
942
|
name: n.name,
|
|
944
943
|
source: T,
|
|
945
|
-
isDate:
|
|
944
|
+
isDate: y
|
|
946
945
|
}
|
|
947
946
|
]
|
|
948
947
|
};
|
|
949
948
|
}
|
|
950
|
-
}) :
|
|
949
|
+
}) : K == "abs" && D.setState((Q) => {
|
|
951
950
|
let G = Q.tematicalFiltersSelected.find(
|
|
952
951
|
(E) => E.code === z
|
|
953
952
|
);
|
|
@@ -958,7 +957,7 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
958
957
|
)
|
|
959
958
|
};
|
|
960
959
|
if (G) {
|
|
961
|
-
let E = { ...G, min: S, max: L, type:
|
|
960
|
+
let E = { ...G, min: S, max: L, type: K, isDate: y };
|
|
962
961
|
return {
|
|
963
962
|
tematicalFiltersSelected: Q.tematicalFiltersSelected.map(
|
|
964
963
|
(j) => j.code === z ? E : j
|
|
@@ -967,9 +966,9 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
967
966
|
} else
|
|
968
967
|
return {
|
|
969
968
|
tematicalFiltersSelected: [
|
|
970
|
-
...
|
|
969
|
+
...b,
|
|
971
970
|
{
|
|
972
|
-
type:
|
|
971
|
+
type: K,
|
|
973
972
|
code: z,
|
|
974
973
|
min: S,
|
|
975
974
|
max: L,
|
|
@@ -982,12 +981,12 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
982
981
|
}
|
|
983
982
|
}, w = me(() => {
|
|
984
983
|
const N = {};
|
|
985
|
-
if ((
|
|
986
|
-
for (const S of
|
|
984
|
+
if ((b == null ? void 0 : b.length) > 0)
|
|
985
|
+
for (const S of b)
|
|
987
986
|
S.type === "cat" ? N[S.code] = new Set(S.values) : N[S.code] = [S.min, S.max];
|
|
988
987
|
return N;
|
|
989
|
-
}, [
|
|
990
|
-
return /* @__PURE__ */ i("div", { className: Se.tematicalFiltersInputContainer, children: /* @__PURE__ */
|
|
988
|
+
}, [b]);
|
|
989
|
+
return /* @__PURE__ */ i("div", { className: Se.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
|
|
991
990
|
oe,
|
|
992
991
|
{
|
|
993
992
|
titleFontStyles: {
|
|
@@ -996,26 +995,26 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
996
995
|
opacity: g ? 0.5 : 1
|
|
997
996
|
},
|
|
998
997
|
title: r,
|
|
999
|
-
isOpen:
|
|
998
|
+
isOpen: h == `id${r}`,
|
|
1000
999
|
onClick: () => {
|
|
1001
1000
|
g || D.setState(() => ({
|
|
1002
|
-
selectedIndicator:
|
|
1001
|
+
selectedIndicator: h == `id${r}` ? "" : `id${r}`
|
|
1003
1002
|
}));
|
|
1004
1003
|
},
|
|
1005
1004
|
showBottomBar: !1,
|
|
1006
1005
|
height: 42,
|
|
1007
1006
|
titleMarginChildren: 14,
|
|
1008
1007
|
className: "tematicalFiltersInputContainer",
|
|
1009
|
-
color:
|
|
1008
|
+
color: C,
|
|
1010
1009
|
activeColor: d,
|
|
1011
1010
|
children: [
|
|
1012
|
-
t == "both" && /* @__PURE__ */
|
|
1011
|
+
t == "both" && /* @__PURE__ */ m(
|
|
1013
1012
|
"div",
|
|
1014
1013
|
{
|
|
1015
1014
|
className: Se.inputTypeContainer,
|
|
1016
|
-
style: { color:
|
|
1015
|
+
style: { color: C },
|
|
1017
1016
|
children: [
|
|
1018
|
-
/* @__PURE__ */
|
|
1017
|
+
/* @__PURE__ */ m("label", { children: [
|
|
1019
1018
|
/* @__PURE__ */ i(
|
|
1020
1019
|
"input",
|
|
1021
1020
|
{
|
|
@@ -1027,14 +1026,14 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
1027
1026
|
},
|
|
1028
1027
|
style: {
|
|
1029
1028
|
marginRight: 4,
|
|
1030
|
-
backgroundColor: s == "abs" ?
|
|
1031
|
-
border: `1.5px solid ${s == "abs" ?
|
|
1029
|
+
backgroundColor: s == "abs" ? f : "white",
|
|
1030
|
+
border: `1.5px solid ${s == "abs" ? f : C}`
|
|
1032
1031
|
}
|
|
1033
1032
|
}
|
|
1034
1033
|
),
|
|
1035
1034
|
"Absoluto"
|
|
1036
1035
|
] }),
|
|
1037
|
-
/* @__PURE__ */
|
|
1036
|
+
/* @__PURE__ */ m("label", { children: [
|
|
1038
1037
|
/* @__PURE__ */ i(
|
|
1039
1038
|
"input",
|
|
1040
1039
|
{
|
|
@@ -1046,8 +1045,8 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
1046
1045
|
},
|
|
1047
1046
|
style: {
|
|
1048
1047
|
marginRight: 4,
|
|
1049
|
-
backgroundColor: s == "cat" ?
|
|
1050
|
-
border: `1.5px solid ${s == "cat" ?
|
|
1048
|
+
backgroundColor: s == "cat" ? f : "white",
|
|
1049
|
+
border: `1.5px solid ${s == "cat" ? f : C}`
|
|
1051
1050
|
}
|
|
1052
1051
|
}
|
|
1053
1052
|
),
|
|
@@ -1056,7 +1055,7 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
1056
1055
|
]
|
|
1057
1056
|
}
|
|
1058
1057
|
),
|
|
1059
|
-
|
|
1058
|
+
v && /* @__PURE__ */ i("div", { className: Se.checkboxContainer, children: a.map((N, S) => {
|
|
1060
1059
|
var L;
|
|
1061
1060
|
return /* @__PURE__ */ i(
|
|
1062
1061
|
Ct,
|
|
@@ -1076,8 +1075,8 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
|
|
|
1076
1075
|
max: c,
|
|
1077
1076
|
unit: u,
|
|
1078
1077
|
defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
|
|
1079
|
-
isDate:
|
|
1080
|
-
step:
|
|
1078
|
+
isDate: y,
|
|
1079
|
+
step: p
|
|
1081
1080
|
}
|
|
1082
1081
|
) })
|
|
1083
1082
|
]
|
|
@@ -1205,9 +1204,8 @@ const _t = ({
|
|
|
1205
1204
|
inputsColor: t = "#605B56",
|
|
1206
1205
|
activeColor: r
|
|
1207
1206
|
}) => {
|
|
1208
|
-
const { tematicalFiltersSelected: a, activeFiltersType: l } = D((
|
|
1207
|
+
const { tematicalFiltersSelected: a, activeFiltersType: l } = D((p) => p), { t: c } = $();
|
|
1209
1208
|
F(() => {
|
|
1210
|
-
console.log("filtersSelected changed: ", a);
|
|
1211
1209
|
}, [a]), F(() => {
|
|
1212
1210
|
o && D.setState(() => ({ fontColor: o }));
|
|
1213
1211
|
}, [o]), F(() => {
|
|
@@ -1224,10 +1222,10 @@ const _t = ({
|
|
|
1224
1222
|
color: o,
|
|
1225
1223
|
activeColor: r,
|
|
1226
1224
|
onClick: u,
|
|
1227
|
-
children: n == null ? void 0 : n.map((
|
|
1225
|
+
children: n == null ? void 0 : n.map((p, g) => /* @__PURE__ */ i(
|
|
1228
1226
|
yt,
|
|
1229
1227
|
{
|
|
1230
|
-
category:
|
|
1228
|
+
category: p,
|
|
1231
1229
|
fontColor: o,
|
|
1232
1230
|
activeColor: r
|
|
1233
1231
|
},
|
|
@@ -1263,36 +1261,36 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1263
1261
|
onChangeAppliedFilters: l,
|
|
1264
1262
|
saveAmbit: c,
|
|
1265
1263
|
namePlaceholder: u,
|
|
1266
|
-
descPlaceholder:
|
|
1264
|
+
descPlaceholder: p,
|
|
1267
1265
|
filtersTypes: g = ["geographical", "tematical"],
|
|
1268
|
-
nameRequiredText:
|
|
1269
|
-
geoFilterLayers:
|
|
1266
|
+
nameRequiredText: y,
|
|
1267
|
+
geoFilterLayers: v = [],
|
|
1270
1268
|
onGeoLayersChange: _,
|
|
1271
|
-
onlyFilters:
|
|
1269
|
+
onlyFilters: b = !1
|
|
1272
1270
|
//usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
|
|
1273
1271
|
}) => {
|
|
1274
|
-
const { t:
|
|
1272
|
+
const { t: h } = $(), { tematicalFiltersSelected: C, activeFiltersType: f, geoLayers: x } = D((R) => R), [w, N] = V(n || null), [S, L] = V(d || null), [k, B] = V(!1);
|
|
1275
1273
|
F(() => {
|
|
1276
1274
|
s && s.length > 0 && D.setState((R) => ({
|
|
1277
1275
|
tematicalFiltersSelected: s
|
|
1278
1276
|
}));
|
|
1279
1277
|
}, [s]), F(() => {
|
|
1280
|
-
g.includes("geographical") && D.setState({ geoLayers:
|
|
1281
|
-
}, [
|
|
1282
|
-
|
|
1283
|
-
}, [
|
|
1278
|
+
g.includes("geographical") && D.setState({ geoLayers: v });
|
|
1279
|
+
}, [v]), F(() => {
|
|
1280
|
+
l(C);
|
|
1281
|
+
}, [C]);
|
|
1284
1282
|
const O = () => {
|
|
1285
1283
|
w ? c({ name: w, description: S }) : B(!0);
|
|
1286
1284
|
};
|
|
1287
1285
|
return F(() => {
|
|
1288
|
-
g.includes("geographical") &&
|
|
1286
|
+
g.includes("geographical") && f != "geographical" && x.length > 0 && D.setState((R) => ({
|
|
1289
1287
|
geoLayers: R.geoLayers.map((T) => ({
|
|
1290
1288
|
...T,
|
|
1291
1289
|
active: !1
|
|
1292
1290
|
}))
|
|
1293
1291
|
}));
|
|
1294
|
-
}, [
|
|
1295
|
-
!
|
|
1292
|
+
}, [f]), /* @__PURE__ */ m("div", { className: ae.FiltersAmbitContainer, children: [
|
|
1293
|
+
!b && /* @__PURE__ */ m("div", { className: ae.FiltersAmbitHeader, children: [
|
|
1296
1294
|
/* @__PURE__ */ i("div", { className: ae.FiltersAmbitTitle, children: /* @__PURE__ */ i(
|
|
1297
1295
|
"input",
|
|
1298
1296
|
{
|
|
@@ -1301,7 +1299,7 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1301
1299
|
B(!1), N(R.target.value);
|
|
1302
1300
|
},
|
|
1303
1301
|
value: w,
|
|
1304
|
-
placeholder:
|
|
1302
|
+
placeholder: h(u)
|
|
1305
1303
|
}
|
|
1306
1304
|
) }),
|
|
1307
1305
|
/* @__PURE__ */ i("div", { className: ae.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: ae.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
|
|
@@ -1309,21 +1307,21 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1309
1307
|
{
|
|
1310
1308
|
value: S,
|
|
1311
1309
|
onChange: (R) => L(R.target.value),
|
|
1312
|
-
placeholder: p
|
|
1310
|
+
placeholder: h(p)
|
|
1313
1311
|
}
|
|
1314
1312
|
) }) })
|
|
1315
1313
|
] }),
|
|
1316
1314
|
/* @__PURE__ */ i(
|
|
1317
1315
|
ht,
|
|
1318
1316
|
{
|
|
1319
|
-
title:
|
|
1317
|
+
title: h("applied_filters"),
|
|
1320
1318
|
isOpen: !0,
|
|
1321
1319
|
textColor: r || "#fff",
|
|
1322
1320
|
backgroundColor: a || "#605B5680",
|
|
1323
1321
|
activeColor: t
|
|
1324
1322
|
}
|
|
1325
1323
|
),
|
|
1326
|
-
g.includes("geographical") && /* @__PURE__ */ i(gt, { activeColor: t, geoFilterLayers:
|
|
1324
|
+
g.includes("geographical") && /* @__PURE__ */ i(gt, { activeColor: t, geoFilterLayers: v, onGeoLayersChange: _ }),
|
|
1327
1325
|
g.includes("tematical") && /* @__PURE__ */ i(
|
|
1328
1326
|
_t,
|
|
1329
1327
|
{
|
|
@@ -1334,8 +1332,8 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1334
1332
|
activeColor: t
|
|
1335
1333
|
}
|
|
1336
1334
|
),
|
|
1337
|
-
k && /* @__PURE__ */ i("div", { className: ae.warning, children:
|
|
1338
|
-
!
|
|
1335
|
+
k && /* @__PURE__ */ i("div", { className: ae.warning, children: h(y) }),
|
|
1336
|
+
!b && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(Te, { onClick: () => O(), children: h("save_ambit") }) })
|
|
1339
1337
|
] });
|
|
1340
1338
|
};
|
|
1341
1339
|
ln.propTypes = {
|
|
@@ -1367,12 +1365,12 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
|
|
|
1367
1365
|
numberOfDivisions: c = 7,
|
|
1368
1366
|
maxValue: u = null
|
|
1369
1367
|
}) => {
|
|
1370
|
-
const { t:
|
|
1368
|
+
const { t: p } = $(), { xScale: g, ticks: y, height: v } = me(() => {
|
|
1371
1369
|
if (n && n.length > 0) {
|
|
1372
|
-
const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2,
|
|
1370
|
+
const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, b = Ye.max(n, (f) => f.value) || 1, h = Ye.scaleLinear().domain([0, u || b]).range([0, d - l]), C = Array.from({ length: c + 1 }, (f, x) => u ? u / c * x : b / c * x);
|
|
1373
1371
|
return {
|
|
1374
|
-
xScale:
|
|
1375
|
-
ticks:
|
|
1372
|
+
xScale: h,
|
|
1373
|
+
ticks: C,
|
|
1376
1374
|
height: _,
|
|
1377
1375
|
width: d,
|
|
1378
1376
|
verticalPaddign: r,
|
|
@@ -1390,36 +1388,36 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
|
|
|
1390
1388
|
r,
|
|
1391
1389
|
u
|
|
1392
1390
|
]);
|
|
1393
|
-
return /* @__PURE__ */ i("div", { className: dn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height:
|
|
1394
|
-
/* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children:
|
|
1395
|
-
const
|
|
1396
|
-
return /* @__PURE__ */
|
|
1391
|
+
return /* @__PURE__ */ i("div", { className: dn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: v, children: /* @__PURE__ */ m("g", { transform: `translate(0,${o})`, children: [
|
|
1392
|
+
/* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: y.map((_, b) => {
|
|
1393
|
+
const h = g(_);
|
|
1394
|
+
return /* @__PURE__ */ m("g", { transform: `translate(${h}, 0)`, children: [
|
|
1397
1395
|
/* @__PURE__ */ i(
|
|
1398
1396
|
"line",
|
|
1399
1397
|
{
|
|
1400
1398
|
y1: 0,
|
|
1401
|
-
y2:
|
|
1399
|
+
y2: v - o * 2,
|
|
1402
1400
|
stroke: "#ccc"
|
|
1403
1401
|
}
|
|
1404
1402
|
),
|
|
1405
1403
|
/* @__PURE__ */ i(
|
|
1406
1404
|
"text",
|
|
1407
1405
|
{
|
|
1408
|
-
y:
|
|
1406
|
+
y: v - o,
|
|
1409
1407
|
textAnchor: "middle",
|
|
1410
1408
|
fontSize: 10,
|
|
1411
1409
|
fill: t,
|
|
1412
1410
|
children: parseInt(_)
|
|
1413
1411
|
}
|
|
1414
1412
|
)
|
|
1415
|
-
] },
|
|
1413
|
+
] }, b);
|
|
1416
1414
|
}) }),
|
|
1417
|
-
n && n.length > 0 && (n == null ? void 0 : n.map((_,
|
|
1418
|
-
const
|
|
1419
|
-
return /* @__PURE__ */
|
|
1415
|
+
n && n.length > 0 && (n == null ? void 0 : n.map((_, b) => {
|
|
1416
|
+
const h = g(_.value), C = b * (s + o);
|
|
1417
|
+
return /* @__PURE__ */ m(
|
|
1420
1418
|
"g",
|
|
1421
1419
|
{
|
|
1422
|
-
transform: `translate(${l + a}, ${
|
|
1420
|
+
transform: `translate(${l + a}, ${C})`,
|
|
1423
1421
|
children: [
|
|
1424
1422
|
/* @__PURE__ */ i(
|
|
1425
1423
|
"text",
|
|
@@ -1428,13 +1426,13 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
|
|
|
1428
1426
|
y: s / 2 + 5,
|
|
1429
1427
|
textAnchor: "end",
|
|
1430
1428
|
fill: t,
|
|
1431
|
-
children:
|
|
1429
|
+
children: p(_.title)
|
|
1432
1430
|
}
|
|
1433
1431
|
),
|
|
1434
1432
|
/* @__PURE__ */ i(
|
|
1435
1433
|
"rect",
|
|
1436
1434
|
{
|
|
1437
|
-
width:
|
|
1435
|
+
width: h,
|
|
1438
1436
|
height: s,
|
|
1439
1437
|
fill: _.color,
|
|
1440
1438
|
rx: 0
|
|
@@ -1442,7 +1440,7 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
|
|
|
1442
1440
|
)
|
|
1443
1441
|
]
|
|
1444
1442
|
},
|
|
1445
|
-
|
|
1443
|
+
b
|
|
1446
1444
|
);
|
|
1447
1445
|
}))
|
|
1448
1446
|
] }) }) });
|
|
@@ -1478,7 +1476,7 @@ const un = "_graphicContainer_c9zrg_2", pn = "_titleContainer_c9zrg_14", et = {
|
|
|
1478
1476
|
leftPadding: c = 200
|
|
1479
1477
|
}) => {
|
|
1480
1478
|
const { t: u } = $();
|
|
1481
|
-
return /* @__PURE__ */
|
|
1479
|
+
return /* @__PURE__ */ m(
|
|
1482
1480
|
"div",
|
|
1483
1481
|
{
|
|
1484
1482
|
className: et.graphicContainer,
|
|
@@ -1546,16 +1544,16 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1546
1544
|
multiple: l = !1,
|
|
1547
1545
|
onChangeType: c
|
|
1548
1546
|
}) => {
|
|
1549
|
-
const { t: u } = $(), { name:
|
|
1547
|
+
const { t: u } = $(), { name: p, type: g, disabled: y } = n, [v, _] = V(!1);
|
|
1550
1548
|
F(() => {
|
|
1551
1549
|
t && _(
|
|
1552
1550
|
l ? t.some(
|
|
1553
|
-
(
|
|
1554
|
-
) : t.name ==
|
|
1551
|
+
(C) => C.name == String(p)
|
|
1552
|
+
) : t.name == p
|
|
1555
1553
|
);
|
|
1556
1554
|
}, [t]);
|
|
1557
|
-
const
|
|
1558
|
-
/* @__PURE__ */
|
|
1555
|
+
const b = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ m("div", { className: q.switchTypeOptions, children: [
|
|
1556
|
+
/* @__PURE__ */ m(
|
|
1559
1557
|
"div",
|
|
1560
1558
|
{
|
|
1561
1559
|
className: q.optionContainer,
|
|
@@ -1584,7 +1582,7 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1584
1582
|
]
|
|
1585
1583
|
}
|
|
1586
1584
|
),
|
|
1587
|
-
/* @__PURE__ */
|
|
1585
|
+
/* @__PURE__ */ m(
|
|
1588
1586
|
"div",
|
|
1589
1587
|
{
|
|
1590
1588
|
className: q.optionContainer,
|
|
@@ -1613,7 +1611,7 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1613
1611
|
]
|
|
1614
1612
|
}
|
|
1615
1613
|
)
|
|
1616
|
-
] }) }) }),
|
|
1614
|
+
] }) }) }), h = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ i("div", { className: q.switchTypeOptions, children: d.map((C, f) => /* @__PURE__ */ m(
|
|
1617
1615
|
"div",
|
|
1618
1616
|
{
|
|
1619
1617
|
className: q.optionContainer,
|
|
@@ -1624,24 +1622,24 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1624
1622
|
className: q.customRadious
|
|
1625
1623
|
}
|
|
1626
1624
|
),
|
|
1627
|
-
/* @__PURE__ */ i("h4", { children: u(
|
|
1625
|
+
/* @__PURE__ */ i("h4", { children: u(C.unit) })
|
|
1628
1626
|
]
|
|
1629
1627
|
},
|
|
1630
|
-
|
|
1628
|
+
f
|
|
1631
1629
|
)) }) }) });
|
|
1632
|
-
return /* @__PURE__ */
|
|
1633
|
-
/* @__PURE__ */
|
|
1630
|
+
return /* @__PURE__ */ m("div", { className: q.indicatorContainer, children: [
|
|
1631
|
+
/* @__PURE__ */ m(
|
|
1634
1632
|
"div",
|
|
1635
1633
|
{
|
|
1636
1634
|
className: q.indicatorNameContainer,
|
|
1637
|
-
onClick: () => !
|
|
1635
|
+
onClick: () => !y && a({ indicator: n }),
|
|
1638
1636
|
children: [
|
|
1639
1637
|
/* @__PURE__ */ i(
|
|
1640
1638
|
"div",
|
|
1641
1639
|
{
|
|
1642
1640
|
style: {
|
|
1643
|
-
border:
|
|
1644
|
-
opacity:
|
|
1641
|
+
border: v ? `1px solid ${s}` : `1px solid ${o}`,
|
|
1642
|
+
opacity: y ? 0.5 : 1
|
|
1645
1643
|
},
|
|
1646
1644
|
className: q.dot
|
|
1647
1645
|
}
|
|
@@ -1651,13 +1649,13 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1651
1649
|
{
|
|
1652
1650
|
className: q.indicatorName,
|
|
1653
1651
|
style: {
|
|
1654
|
-
color:
|
|
1655
|
-
opacity:
|
|
1652
|
+
color: v ? s : o,
|
|
1653
|
+
opacity: y ? 0.5 : 1
|
|
1656
1654
|
},
|
|
1657
1655
|
children: /* @__PURE__ */ i(
|
|
1658
1656
|
Ke,
|
|
1659
1657
|
{
|
|
1660
|
-
i18nKey:
|
|
1658
|
+
i18nKey: p,
|
|
1661
1659
|
components: { sup: /* @__PURE__ */ i("sup", {}) },
|
|
1662
1660
|
shouldUnescape: !0
|
|
1663
1661
|
}
|
|
@@ -1667,8 +1665,8 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
|
|
|
1667
1665
|
]
|
|
1668
1666
|
}
|
|
1669
1667
|
),
|
|
1670
|
-
(t == null ? void 0 : t.name) ===
|
|
1671
|
-
(t == null ? void 0 : t.name) ===
|
|
1668
|
+
(t == null ? void 0 : t.name) === p && g === "both" && /* @__PURE__ */ i("div", { children: b() }),
|
|
1669
|
+
(t == null ? void 0 : t.name) === p && g === "twoUnits" && /* @__PURE__ */ i("div", { children: h() })
|
|
1672
1670
|
] });
|
|
1673
1671
|
};
|
|
1674
1672
|
Ge.propTypes = {
|
|
@@ -1697,43 +1695,43 @@ const $n = "_indicatorsSubCategory_1dzsi_2", Bn = "_list_1dzsi_8", tt = {
|
|
|
1697
1695
|
activeIndicator: l,
|
|
1698
1696
|
onClickIndicator: c,
|
|
1699
1697
|
multiple: u,
|
|
1700
|
-
activeIndicatorType:
|
|
1698
|
+
activeIndicatorType: p,
|
|
1701
1699
|
onChangeType: g
|
|
1702
1700
|
}) => {
|
|
1703
|
-
const { t:
|
|
1701
|
+
const { t: y } = $(), [v, _] = V(!1);
|
|
1704
1702
|
return F(() => {
|
|
1705
1703
|
_(t == a);
|
|
1706
|
-
}, [t, a]), /* @__PURE__ */
|
|
1704
|
+
}, [t, a]), /* @__PURE__ */ m(
|
|
1707
1705
|
He.div,
|
|
1708
1706
|
{
|
|
1709
1707
|
className: tt.indicatorsSubCategory,
|
|
1710
1708
|
initial: { height: "43px" },
|
|
1711
|
-
animate: { height:
|
|
1709
|
+
animate: { height: v ? "auto" : "43px" },
|
|
1712
1710
|
transition: { duration: 0.4 },
|
|
1713
1711
|
children: [
|
|
1714
|
-
/* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */
|
|
1715
|
-
/* @__PURE__ */ i("span", { style: { color:
|
|
1712
|
+
/* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */ m("h3", { style: { color: v ? o : s }, children: [
|
|
1713
|
+
/* @__PURE__ */ i("span", { style: { color: v ? o : s }, children: v ? "-" : "+" }),
|
|
1716
1714
|
/* @__PURE__ */ i(
|
|
1717
1715
|
"span",
|
|
1718
1716
|
{
|
|
1719
|
-
style: { marginLeft: 12, color:
|
|
1720
|
-
children:
|
|
1717
|
+
style: { marginLeft: 12, color: v ? o : s },
|
|
1718
|
+
children: y(n)
|
|
1721
1719
|
}
|
|
1722
1720
|
)
|
|
1723
1721
|
] }) }),
|
|
1724
|
-
d && /* @__PURE__ */ i("div", { className: tt.list, children: d == null ? void 0 : d.map((
|
|
1722
|
+
d && /* @__PURE__ */ i("div", { className: tt.list, children: d == null ? void 0 : d.map((b, h) => /* @__PURE__ */ i(
|
|
1725
1723
|
Ge,
|
|
1726
1724
|
{
|
|
1727
|
-
indicator:
|
|
1725
|
+
indicator: b,
|
|
1728
1726
|
defaultColor: s,
|
|
1729
1727
|
activeColor: o,
|
|
1730
1728
|
activeIndicator: l,
|
|
1731
1729
|
onClickIndicator: c,
|
|
1732
1730
|
multiple: u,
|
|
1733
|
-
activeIndicatorType:
|
|
1731
|
+
activeIndicatorType: p,
|
|
1734
1732
|
onChangeType: g
|
|
1735
1733
|
},
|
|
1736
|
-
"indicator" +
|
|
1734
|
+
"indicator" + h
|
|
1737
1735
|
)) })
|
|
1738
1736
|
]
|
|
1739
1737
|
}
|
|
@@ -1762,15 +1760,15 @@ const xt = ({
|
|
|
1762
1760
|
onClickSubCategory: l,
|
|
1763
1761
|
activeIndicator: c,
|
|
1764
1762
|
onClickIndicator: u,
|
|
1765
|
-
multiple:
|
|
1763
|
+
multiple: p,
|
|
1766
1764
|
activeIndicatorType: g,
|
|
1767
|
-
onChangeType:
|
|
1765
|
+
onChangeType: y
|
|
1768
1766
|
}) => {
|
|
1769
|
-
var
|
|
1770
|
-
const { t:
|
|
1767
|
+
var h;
|
|
1768
|
+
const { t: v } = $(), [_, b] = V(!1);
|
|
1771
1769
|
return F(() => {
|
|
1772
|
-
|
|
1773
|
-
}, [r, d]), /* @__PURE__ */
|
|
1770
|
+
b(r === d);
|
|
1771
|
+
}, [r, d]), /* @__PURE__ */ m(
|
|
1774
1772
|
He.div,
|
|
1775
1773
|
{
|
|
1776
1774
|
className: Ae.indicatorsCategory,
|
|
@@ -1783,49 +1781,49 @@ const xt = ({
|
|
|
1783
1781
|
marginBottom: _ ? "20px" : "0px"
|
|
1784
1782
|
},
|
|
1785
1783
|
children: [
|
|
1786
|
-
/* @__PURE__ */
|
|
1784
|
+
/* @__PURE__ */ m("h2", { className: `${Ae.title}`, onClick: () => t(d), children: [
|
|
1787
1785
|
/* @__PURE__ */ i("span", { style: { color: _ ? s : o }, children: _ ? "-" : "+" }),
|
|
1788
1786
|
/* @__PURE__ */ i(
|
|
1789
1787
|
"span",
|
|
1790
1788
|
{
|
|
1791
1789
|
style: { marginLeft: 12, color: _ ? s : o },
|
|
1792
|
-
children:
|
|
1790
|
+
children: v(n.name)
|
|
1793
1791
|
}
|
|
1794
1792
|
)
|
|
1795
1793
|
] }),
|
|
1796
1794
|
n.subcategories ? n.subcategories.map(
|
|
1797
|
-
({ name:
|
|
1795
|
+
({ name: C, subcategory: f, indicators: x }, w) => /* @__PURE__ */ i(
|
|
1798
1796
|
wt,
|
|
1799
1797
|
{
|
|
1800
|
-
id:
|
|
1798
|
+
id: f,
|
|
1801
1799
|
activeSubCategory: a,
|
|
1802
|
-
subcName:
|
|
1800
|
+
subcName: C,
|
|
1803
1801
|
onClickSubCategory: l,
|
|
1804
1802
|
activeIndicator: c,
|
|
1805
1803
|
onClickIndicator: u,
|
|
1806
|
-
multiple:
|
|
1804
|
+
multiple: p,
|
|
1807
1805
|
activeColor: s,
|
|
1808
1806
|
defaultColor: o,
|
|
1809
1807
|
indicators: x,
|
|
1810
1808
|
activeIndicatorType: g,
|
|
1811
|
-
onChangeType:
|
|
1809
|
+
onChangeType: y
|
|
1812
1810
|
},
|
|
1813
1811
|
`subcKey ${w}`
|
|
1814
1812
|
)
|
|
1815
|
-
) : /* @__PURE__ */ i("div", { className: Ae.list, children: (
|
|
1813
|
+
) : /* @__PURE__ */ i("div", { className: Ae.list, children: (h = n.indicators) == null ? void 0 : h.map((C, f) => /* @__PURE__ */ i(
|
|
1816
1814
|
Ge,
|
|
1817
1815
|
{
|
|
1818
|
-
indicator:
|
|
1819
|
-
values:
|
|
1816
|
+
indicator: C,
|
|
1817
|
+
values: C.type == "twoUnits" && C.values,
|
|
1820
1818
|
activeColor: s,
|
|
1821
1819
|
defaultColor: o,
|
|
1822
1820
|
activeIndicator: c,
|
|
1823
1821
|
onClickIndicator: u,
|
|
1824
|
-
multiple:
|
|
1822
|
+
multiple: p,
|
|
1825
1823
|
activeIndicatorType: g,
|
|
1826
|
-
onChangeType:
|
|
1824
|
+
onChangeType: y
|
|
1827
1825
|
},
|
|
1828
|
-
`indicator${
|
|
1826
|
+
`indicator${f}`
|
|
1829
1827
|
)) })
|
|
1830
1828
|
]
|
|
1831
1829
|
}
|
|
@@ -1862,19 +1860,19 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
|
|
|
1862
1860
|
changeIndType: a,
|
|
1863
1861
|
activeIndicatorType: l
|
|
1864
1862
|
}) => {
|
|
1865
|
-
const { t: c } = $(), [u,
|
|
1866
|
-
|
|
1867
|
-
},
|
|
1868
|
-
|
|
1869
|
-
},
|
|
1870
|
-
|
|
1871
|
-
},
|
|
1863
|
+
const { t: c } = $(), [u, p] = V(), [g, y] = V(), [v, _] = V(), b = (w) => {
|
|
1864
|
+
p(u == w ? null : w);
|
|
1865
|
+
}, h = (w) => {
|
|
1866
|
+
y(g == w ? null : w);
|
|
1867
|
+
}, C = ({ indicator: w }) => {
|
|
1868
|
+
f(w);
|
|
1869
|
+
}, f = (w) => {
|
|
1872
1870
|
if (!t)
|
|
1873
1871
|
_(
|
|
1874
|
-
(
|
|
1872
|
+
(v == null ? void 0 : v.name) == w.name ? null : w
|
|
1875
1873
|
);
|
|
1876
1874
|
else {
|
|
1877
|
-
let N =
|
|
1875
|
+
let N = v && v.length > 0 ? [...v] : [];
|
|
1878
1876
|
_(
|
|
1879
1877
|
N != null && N.some(
|
|
1880
1878
|
(S) => S.name == w.name
|
|
@@ -1885,14 +1883,14 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
|
|
|
1885
1883
|
}
|
|
1886
1884
|
};
|
|
1887
1885
|
F(() => {
|
|
1888
|
-
|
|
1889
|
-
}, [
|
|
1890
|
-
if (r && !
|
|
1886
|
+
o && typeof o == "function" && v && o({ activeIndicator: v });
|
|
1887
|
+
}, [v]), At(() => {
|
|
1888
|
+
if (r && !v)
|
|
1891
1889
|
if (t && r && Array.isArray(r)) {
|
|
1892
|
-
let w =
|
|
1890
|
+
let w = v && v.length > 0 ? [...v] : [];
|
|
1893
1891
|
_([...w, ...r]), x(r[0].name);
|
|
1894
1892
|
} else
|
|
1895
|
-
|
|
1893
|
+
f(r), x(r.name);
|
|
1896
1894
|
}, []);
|
|
1897
1895
|
const x = (w) => {
|
|
1898
1896
|
const N = n.find((S) => {
|
|
@@ -1901,25 +1899,25 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
|
|
|
1901
1899
|
(k) => k.indicators.find((B) => B.name == w)
|
|
1902
1900
|
);
|
|
1903
1901
|
if (L)
|
|
1904
|
-
return
|
|
1902
|
+
return y(L.subcategory), L;
|
|
1905
1903
|
} else
|
|
1906
1904
|
return S.indicators.some((L) => L.name == w);
|
|
1907
1905
|
});
|
|
1908
|
-
N &&
|
|
1906
|
+
N && p(N.category);
|
|
1909
1907
|
};
|
|
1910
|
-
return /* @__PURE__ */
|
|
1908
|
+
return /* @__PURE__ */ m("div", { className: nt.indicatorsList, children: [
|
|
1911
1909
|
/* @__PURE__ */ i("h2", { className: nt.title, style: { color: s }, children: c("indicators.indicators") }),
|
|
1912
1910
|
n.map((w, N) => /* @__PURE__ */ i(
|
|
1913
1911
|
xt,
|
|
1914
1912
|
{
|
|
1915
1913
|
id: w.category,
|
|
1916
1914
|
cat: w,
|
|
1917
|
-
onClickCategory:
|
|
1915
|
+
onClickCategory: b,
|
|
1918
1916
|
activeCategory: u,
|
|
1919
|
-
onClickSubCategory:
|
|
1917
|
+
onClickSubCategory: h,
|
|
1920
1918
|
activeSubCategory: g,
|
|
1921
|
-
onClickIndicator:
|
|
1922
|
-
activeIndicator:
|
|
1919
|
+
onClickIndicator: C,
|
|
1920
|
+
activeIndicator: v,
|
|
1923
1921
|
activeColor: d,
|
|
1924
1922
|
defaultColor: s,
|
|
1925
1923
|
multiple: t,
|
|
@@ -1952,8 +1950,8 @@ const Dn = "_langSelector_o9enq_2", Fn = "_currentLang_o9enq_14", Vn = "_arrow_o
|
|
|
1952
1950
|
const [o, t] = V(!1), { i18n: r } = $(), a = n.find((c) => c.code == r.language), l = (c) => {
|
|
1953
1951
|
r.changeLanguage(c), t(!1);
|
|
1954
1952
|
};
|
|
1955
|
-
return /* @__PURE__ */
|
|
1956
|
-
/* @__PURE__ */
|
|
1953
|
+
return /* @__PURE__ */ m("div", { className: le.langSelector, children: [
|
|
1954
|
+
/* @__PURE__ */ m(
|
|
1957
1955
|
"div",
|
|
1958
1956
|
{
|
|
1959
1957
|
className: le.currentLang,
|
|
@@ -2032,7 +2030,7 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
|
|
|
2032
2030
|
onClickClose: c
|
|
2033
2031
|
}) => {
|
|
2034
2032
|
const { t: u } = $();
|
|
2035
|
-
return /* @__PURE__ */
|
|
2033
|
+
return /* @__PURE__ */ m(
|
|
2036
2034
|
"div",
|
|
2037
2035
|
{
|
|
2038
2036
|
style: n ? { ...n } : {},
|
|
@@ -2040,16 +2038,16 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
|
|
|
2040
2038
|
children: [
|
|
2041
2039
|
/* @__PURE__ */ i("button", { className: I.closeButton, onClick: c }),
|
|
2042
2040
|
d && /* @__PURE__ */ i("div", { className: I.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
|
|
2043
|
-
s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title:
|
|
2044
|
-
/* @__PURE__ */ i("h3", { className: I.title, children: `${
|
|
2045
|
-
/* @__PURE__ */
|
|
2041
|
+
s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: p, value: g }) => /* @__PURE__ */ m("li", { children: [
|
|
2042
|
+
/* @__PURE__ */ i("h3", { className: I.title, children: `${p}:` }),
|
|
2043
|
+
/* @__PURE__ */ m("span", { className: I.value, children: [
|
|
2046
2044
|
" ",
|
|
2047
2045
|
g
|
|
2048
2046
|
] })
|
|
2049
2047
|
] }, d)) }) }),
|
|
2050
2048
|
/* @__PURE__ */ i("h3", { className: I.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ i(Ke, { i18nKey: t, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }) }),
|
|
2051
|
-
/* @__PURE__ */
|
|
2052
|
-
r ? /* @__PURE__ */
|
|
2049
|
+
/* @__PURE__ */ m("div", { className: I.legendListContainer, children: [
|
|
2050
|
+
r ? /* @__PURE__ */ m("div", { className: I.absoluteValueContainer, children: [
|
|
2053
2051
|
/* @__PURE__ */ i(
|
|
2054
2052
|
"div",
|
|
2055
2053
|
{
|
|
@@ -2059,25 +2057,25 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
|
|
|
2059
2057
|
}
|
|
2060
2058
|
}
|
|
2061
2059
|
),
|
|
2062
|
-
/* @__PURE__ */
|
|
2063
|
-
/* @__PURE__ */
|
|
2060
|
+
/* @__PURE__ */ m("div", { className: I.absoluteValueText, children: [
|
|
2061
|
+
/* @__PURE__ */ m("span", { children: [
|
|
2064
2062
|
r.maxValue,
|
|
2065
2063
|
" ",
|
|
2066
2064
|
u(r.unit)
|
|
2067
2065
|
] }),
|
|
2068
|
-
r.midValue && /* @__PURE__ */
|
|
2066
|
+
r.midValue && /* @__PURE__ */ m("span", { children: [
|
|
2069
2067
|
r.midValue,
|
|
2070
2068
|
" ",
|
|
2071
2069
|
u(r.unit)
|
|
2072
2070
|
] }),
|
|
2073
|
-
/* @__PURE__ */
|
|
2071
|
+
/* @__PURE__ */ m("span", { children: [
|
|
2074
2072
|
r.minValue,
|
|
2075
2073
|
" ",
|
|
2076
2074
|
u(r.unit)
|
|
2077
2075
|
] })
|
|
2078
2076
|
] })
|
|
2079
2077
|
] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className: I.gridContainer, children: o.map(
|
|
2080
|
-
({ title:
|
|
2078
|
+
({ title: p, color: g }) => /* @__PURE__ */ m("div", { className: I.elementLegendContainer, children: [
|
|
2081
2079
|
/* @__PURE__ */ i(
|
|
2082
2080
|
"div",
|
|
2083
2081
|
{
|
|
@@ -2085,13 +2083,13 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
|
|
|
2085
2083
|
style: { backgroundColor: g }
|
|
2086
2084
|
}
|
|
2087
2085
|
),
|
|
2088
|
-
/* @__PURE__ */
|
|
2089
|
-
u(
|
|
2086
|
+
/* @__PURE__ */ m("div", { className: I.titleLegendElement, children: [
|
|
2087
|
+
u(p),
|
|
2090
2088
|
" "
|
|
2091
2089
|
] })
|
|
2092
2090
|
] }, d)
|
|
2093
2091
|
) }),
|
|
2094
|
-
r.noDataColor && /* @__PURE__ */
|
|
2092
|
+
r.noDataColor && /* @__PURE__ */ m("div", { className: I.noDataContainer, children: [
|
|
2095
2093
|
/* @__PURE__ */ i(
|
|
2096
2094
|
"div",
|
|
2097
2095
|
{
|
|
@@ -2163,17 +2161,17 @@ const s0 = ({
|
|
|
2163
2161
|
interactiveLayers: l = [],
|
|
2164
2162
|
popUp: c = !1,
|
|
2165
2163
|
sources: u = [],
|
|
2166
|
-
layers:
|
|
2164
|
+
layers: p = []
|
|
2167
2165
|
}) => {
|
|
2168
|
-
const g = se(), [
|
|
2166
|
+
const g = se(), [y, v] = V(null), _ = Ot((b) => b.mapState.showTexts);
|
|
2169
2167
|
return F(() => {
|
|
2170
2168
|
if (g.current) {
|
|
2171
|
-
const
|
|
2172
|
-
|
|
2173
|
-
|
|
2169
|
+
const b = g.current.getMap();
|
|
2170
|
+
b.getStyle().layers.map((C) => {
|
|
2171
|
+
C.type == "symbol" && C.id != "professionals" && (_ ? b.setLayoutProperty(C.id, "visibility", "visible") : b.setLayoutProperty(C.id, "visibility", "none"));
|
|
2174
2172
|
});
|
|
2175
2173
|
}
|
|
2176
|
-
}, [_]), /* @__PURE__ */ i("div", { className: `${i0.mapContainer}`, style: r, children: /* @__PURE__ */
|
|
2174
|
+
}, [_]), /* @__PURE__ */ i("div", { className: `${i0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
|
|
2177
2175
|
Rt,
|
|
2178
2176
|
{
|
|
2179
2177
|
initialViewState: n,
|
|
@@ -2185,31 +2183,31 @@ const s0 = ({
|
|
|
2185
2183
|
onClick: a,
|
|
2186
2184
|
interactiveLayerIds: l,
|
|
2187
2185
|
children: [
|
|
2188
|
-
u.length && u.map((
|
|
2186
|
+
u.length && u.map((b, h) => /* @__PURE__ */ i(
|
|
2189
2187
|
qt,
|
|
2190
2188
|
{
|
|
2191
|
-
...
|
|
2192
|
-
children:
|
|
2193
|
-
if (
|
|
2189
|
+
...b,
|
|
2190
|
+
children: p.length && p.map((C, f) => {
|
|
2191
|
+
if (C.sourceId == b.id) return /* @__PURE__ */ i(
|
|
2194
2192
|
Et,
|
|
2195
2193
|
{
|
|
2196
|
-
...
|
|
2194
|
+
...C.layer,
|
|
2197
2195
|
beforeId: t
|
|
2198
2196
|
},
|
|
2199
|
-
|
|
2197
|
+
f
|
|
2200
2198
|
);
|
|
2201
2199
|
})
|
|
2202
2200
|
},
|
|
2203
|
-
|
|
2201
|
+
h
|
|
2204
2202
|
)),
|
|
2205
2203
|
/* @__PURE__ */ i(Pt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2206
|
-
c &&
|
|
2204
|
+
c && y && /* @__PURE__ */ i(
|
|
2207
2205
|
jt,
|
|
2208
2206
|
{
|
|
2209
2207
|
longitude: c.longitude,
|
|
2210
2208
|
latitude: c.latitude,
|
|
2211
2209
|
anchor: c.anchor,
|
|
2212
|
-
onClose: () =>
|
|
2210
|
+
onClose: () => v(null),
|
|
2213
2211
|
children: c.content
|
|
2214
2212
|
}
|
|
2215
2213
|
)
|
|
@@ -2269,12 +2267,12 @@ const o0 = "_mapContainer_b0pyr_3", r0 = {
|
|
|
2269
2267
|
title: l0
|
|
2270
2268
|
}, c0 = ({ props: n }) => {
|
|
2271
2269
|
const { t: d } = $();
|
|
2272
|
-
return /* @__PURE__ */ i("div", { className: st.FeaturePopUp, children: n.map((s) => /* @__PURE__ */
|
|
2273
|
-
/* @__PURE__ */
|
|
2270
|
+
return /* @__PURE__ */ i("div", { className: st.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ m("p", { children: [
|
|
2271
|
+
/* @__PURE__ */ m("span", { className: st.title, children: [
|
|
2274
2272
|
/* @__PURE__ */ i(Ke, { i18nKey: s.name, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }),
|
|
2275
2273
|
":"
|
|
2276
2274
|
] }),
|
|
2277
|
-
isNaN(s.value) ? /* @__PURE__ */ i(Re, { children: d(s.value) }) : /* @__PURE__ */
|
|
2275
|
+
isNaN(s.value) ? /* @__PURE__ */ i(Re, { children: d(s.value) }) : /* @__PURE__ */ m(Re, { children: [
|
|
2278
2276
|
s.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2279
2277
|
" ",
|
|
2280
2278
|
d(s.unit)
|
|
@@ -2291,68 +2289,66 @@ const o0 = "_mapContainer_b0pyr_3", r0 = {
|
|
|
2291
2289
|
interactiveLayers: l = [],
|
|
2292
2290
|
sources: c = [],
|
|
2293
2291
|
layers: u = [],
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
onClosePopUp: b,
|
|
2292
|
+
popUpParams: p,
|
|
2293
|
+
onClosePopUp: g,
|
|
2297
2294
|
showTexts: y,
|
|
2298
|
-
hash:
|
|
2295
|
+
hash: v = !1
|
|
2299
2296
|
}) => {
|
|
2300
|
-
|
|
2301
|
-
const v = se();
|
|
2297
|
+
const _ = se();
|
|
2302
2298
|
return F(() => {
|
|
2303
|
-
if (
|
|
2304
|
-
const
|
|
2305
|
-
|
|
2306
|
-
C.type == "symbol" && C.id != "professionals" && (y ?
|
|
2299
|
+
if (_.current) {
|
|
2300
|
+
const b = _.current.getMap();
|
|
2301
|
+
b.getStyle().layers.map((C) => {
|
|
2302
|
+
C.type == "symbol" && C.id != "professionals" && (y ? b.setLayoutProperty(C.id, "visibility", "visible") : b.setLayoutProperty(C.id, "visibility", "none"));
|
|
2307
2303
|
});
|
|
2308
2304
|
}
|
|
2309
2305
|
}, [y]), F(() => {
|
|
2310
|
-
let
|
|
2311
|
-
return Me.addProtocol("pmtiles",
|
|
2306
|
+
let b = new zt();
|
|
2307
|
+
return Me.addProtocol("pmtiles", b.tile), () => {
|
|
2312
2308
|
Me.removeProtocol("pmtiles");
|
|
2313
2309
|
};
|
|
2314
|
-
}, []), /* @__PURE__ */ i("div", { className: `${r0.mapContainer}`, style: r && r, children: /* @__PURE__ */
|
|
2310
|
+
}, []), /* @__PURE__ */ i("div", { className: `${r0.mapContainer}`, style: r && r, children: /* @__PURE__ */ m(
|
|
2315
2311
|
Zt,
|
|
2316
2312
|
{
|
|
2317
2313
|
mapLib: Me,
|
|
2318
2314
|
initialViewState: n,
|
|
2319
|
-
ref:
|
|
2320
|
-
hash:
|
|
2315
|
+
ref: _,
|
|
2316
|
+
hash: v,
|
|
2321
2317
|
maxZoom: d,
|
|
2322
2318
|
minZoom: s,
|
|
2323
2319
|
mapStyle: o,
|
|
2324
2320
|
onClick: a,
|
|
2325
2321
|
interactiveLayerIds: l,
|
|
2326
2322
|
children: [
|
|
2327
|
-
c.length && c.map((
|
|
2323
|
+
c.length && c.map((b, h) => /* @__PURE__ */ i(
|
|
2328
2324
|
Kt,
|
|
2329
2325
|
{
|
|
2330
|
-
...
|
|
2331
|
-
children: u.length && u.map((C,
|
|
2332
|
-
if (console.log(C), C.sourceId ==
|
|
2326
|
+
...b,
|
|
2327
|
+
children: u.length && u.map((C, f) => {
|
|
2328
|
+
if (console.log(C), C.sourceId == b.id) return /* @__PURE__ */ i(
|
|
2333
2329
|
Ht,
|
|
2334
2330
|
{
|
|
2335
2331
|
...C.layer,
|
|
2336
2332
|
beforeId: t,
|
|
2337
|
-
filter:
|
|
2333
|
+
filter: C.filters ? C.filters : ["all"],
|
|
2338
2334
|
layout: {
|
|
2339
2335
|
visibility: C.layer.visibility || "visible"
|
|
2340
2336
|
}
|
|
2341
2337
|
},
|
|
2342
|
-
|
|
2338
|
+
f
|
|
2343
2339
|
);
|
|
2344
2340
|
})
|
|
2345
2341
|
},
|
|
2346
|
-
|
|
2342
|
+
h
|
|
2347
2343
|
)),
|
|
2348
2344
|
/* @__PURE__ */ i(Ut, { position: "bottom-right", visualizePitch: !0 }),
|
|
2349
|
-
|
|
2345
|
+
p && /* @__PURE__ */ i(
|
|
2350
2346
|
Gt,
|
|
2351
2347
|
{
|
|
2352
|
-
longitude:
|
|
2353
|
-
latitude:
|
|
2354
|
-
onClose:
|
|
2355
|
-
children: /* @__PURE__ */ i(c0, { props:
|
|
2348
|
+
longitude: p.lng,
|
|
2349
|
+
latitude: p.lat,
|
|
2350
|
+
onClose: g,
|
|
2351
|
+
children: /* @__PURE__ */ i(c0, { props: p.props })
|
|
2356
2352
|
}
|
|
2357
2353
|
)
|
|
2358
2354
|
]
|
|
@@ -2395,11 +2391,11 @@ d0.propTypes = {
|
|
|
2395
2391
|
maxzoom: e.number,
|
|
2396
2392
|
paint: e.object,
|
|
2397
2393
|
visibility: e.string
|
|
2398
|
-
})
|
|
2394
|
+
}),
|
|
2395
|
+
filters: e.array
|
|
2399
2396
|
})
|
|
2400
2397
|
),
|
|
2401
2398
|
showTexts: e.bool,
|
|
2402
|
-
filters: e.array,
|
|
2403
2399
|
popUpParams: e.object,
|
|
2404
2400
|
onClosePopUp: e.func
|
|
2405
2401
|
};
|
|
@@ -2419,10 +2415,10 @@ const u0 = "_sectionBar_1egwc_2", p0 = "_leftContent_1egwc_14", m0 = "_textConta
|
|
|
2419
2415
|
width: r
|
|
2420
2416
|
}) => {
|
|
2421
2417
|
const { t: a } = $();
|
|
2422
|
-
return /* @__PURE__ */
|
|
2423
|
-
/* @__PURE__ */
|
|
2418
|
+
return /* @__PURE__ */ m("div", { className: ee.sectionBar, style: { width: r && r }, children: [
|
|
2419
|
+
/* @__PURE__ */ m("div", { className: ee.leftContent, children: [
|
|
2424
2420
|
n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: ee.icon }),
|
|
2425
|
-
/* @__PURE__ */
|
|
2421
|
+
/* @__PURE__ */ m("div", { className: ee.textContainer, children: [
|
|
2426
2422
|
/* @__PURE__ */ i("div", { className: ee.title, children: a(d) }),
|
|
2427
2423
|
s && /* @__PURE__ */ i("div", { className: ee.subtitle, children: s })
|
|
2428
2424
|
] })
|
|
@@ -2486,30 +2482,30 @@ const b0 = Wt({
|
|
|
2486
2482
|
console.log("year changed to ", l);
|
|
2487
2483
|
}
|
|
2488
2484
|
}) => {
|
|
2489
|
-
const [l, c] = V(d), u = (
|
|
2490
|
-
c(
|
|
2491
|
-
}, [
|
|
2485
|
+
const [l, c] = V(d), u = (C, f) => {
|
|
2486
|
+
c(f), a(f);
|
|
2487
|
+
}, [p, g] = V(!1), y = () => {
|
|
2492
2488
|
g(!0);
|
|
2493
|
-
},
|
|
2489
|
+
}, v = () => {
|
|
2494
2490
|
g(!1);
|
|
2495
2491
|
};
|
|
2496
|
-
((
|
|
2492
|
+
((C, f) => {
|
|
2497
2493
|
const x = se();
|
|
2498
2494
|
F(() => {
|
|
2499
|
-
x.current =
|
|
2500
|
-
}, [
|
|
2495
|
+
x.current = C;
|
|
2496
|
+
}, [C]), F(() => {
|
|
2501
2497
|
function w() {
|
|
2502
2498
|
x.current();
|
|
2503
2499
|
}
|
|
2504
2500
|
{
|
|
2505
|
-
let N = setInterval(w,
|
|
2501
|
+
let N = setInterval(w, f);
|
|
2506
2502
|
return () => clearInterval(N);
|
|
2507
2503
|
}
|
|
2508
|
-
}, [
|
|
2504
|
+
}, [f]);
|
|
2509
2505
|
})(() => {
|
|
2510
|
-
|
|
2506
|
+
p && (l != 2050 ? (c(l + 1), a(l + 1)) : (c(2025), a(2025)));
|
|
2511
2507
|
}, 1e3);
|
|
2512
|
-
const
|
|
2508
|
+
const b = Qt({
|
|
2513
2509
|
palette: {
|
|
2514
2510
|
primary: {
|
|
2515
2511
|
main: "#605b56"
|
|
@@ -2531,13 +2527,13 @@ const b0 = Wt({
|
|
|
2531
2527
|
}
|
|
2532
2528
|
}
|
|
2533
2529
|
}
|
|
2534
|
-
}),
|
|
2530
|
+
}), h = [
|
|
2535
2531
|
{ label: "", value: 2025 },
|
|
2536
2532
|
{ label: "", value: 2032 },
|
|
2537
2533
|
{ label: "", value: 2041 },
|
|
2538
2534
|
{ label: "", value: 2050 }
|
|
2539
2535
|
];
|
|
2540
|
-
return /* @__PURE__ */ i(Jt, { theme:
|
|
2536
|
+
return /* @__PURE__ */ i(Jt, { theme: b, children: /* @__PURE__ */ m(
|
|
2541
2537
|
Xt,
|
|
2542
2538
|
{
|
|
2543
2539
|
sx: { width: 400 },
|
|
@@ -2552,7 +2548,7 @@ const b0 = Wt({
|
|
|
2552
2548
|
value: l,
|
|
2553
2549
|
valueLabelDisplay: "on",
|
|
2554
2550
|
step: 1,
|
|
2555
|
-
marks:
|
|
2551
|
+
marks: h,
|
|
2556
2552
|
min: s,
|
|
2557
2553
|
max: o,
|
|
2558
2554
|
onChange: u,
|
|
@@ -2561,8 +2557,8 @@ const b0 = Wt({
|
|
|
2561
2557
|
}
|
|
2562
2558
|
),
|
|
2563
2559
|
o,
|
|
2564
|
-
!
|
|
2565
|
-
|
|
2560
|
+
!p && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: y0, alt: "Play" }) }),
|
|
2561
|
+
p && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: _0, alt: "Pause" }) })
|
|
2566
2562
|
]
|
|
2567
2563
|
}
|
|
2568
2564
|
) });
|
|
@@ -2659,7 +2655,7 @@ const F0 = "_elementSelector_1qdhv_2", V0 = "_header_1qdhv_13", A0 = "_nameDateC
|
|
|
2659
2655
|
buttonsContainer: R0,
|
|
2660
2656
|
elementListContainer: q0,
|
|
2661
2657
|
newElementButtonContainer: E0
|
|
2662
|
-
}, P0 = "_listElement_1s506_2", j0 = "_elementNameDate_1s506_17", z0 = "_elementNameContainer_1s506_27", Z0 = "_elementName_1s506_17", K0 = "_elementDate_1s506_42", H0 = "_elementButtons_1s506_45", U0 = "_moreInfoContainer_1s506_68", G0 = "_moreInfo_1s506_68",
|
|
2658
|
+
}, P0 = "_listElement_1s506_2", j0 = "_elementNameDate_1s506_17", z0 = "_elementNameContainer_1s506_27", Z0 = "_elementName_1s506_17", K0 = "_elementDate_1s506_42", H0 = "_elementButtons_1s506_45", U0 = "_moreInfoContainer_1s506_68", G0 = "_moreInfo_1s506_68", Z = {
|
|
2663
2659
|
listElement: P0,
|
|
2664
2660
|
elementNameDate: j0,
|
|
2665
2661
|
elementNameContainer: z0,
|
|
@@ -2705,17 +2701,17 @@ const ti = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2705
2701
|
elementButtons: l,
|
|
2706
2702
|
processTooltip: c,
|
|
2707
2703
|
defaultTooltip: u,
|
|
2708
|
-
showEye:
|
|
2704
|
+
showEye: p = !0
|
|
2709
2705
|
}) => {
|
|
2710
|
-
const { name: g, created_at:
|
|
2711
|
-
return /* @__PURE__ */
|
|
2706
|
+
const { name: g, created_at: y, id: v, isBeingProcessed: _ } = n, [b, h] = V(!1), { t: C } = $();
|
|
2707
|
+
return /* @__PURE__ */ m(
|
|
2712
2708
|
"div",
|
|
2713
2709
|
{
|
|
2714
|
-
className:
|
|
2710
|
+
className: Z.listElement,
|
|
2715
2711
|
style: { borderBottom: `1px solid ${t}` },
|
|
2716
2712
|
children: [
|
|
2717
|
-
/* @__PURE__ */ i("div", { className:
|
|
2718
|
-
|
|
2713
|
+
/* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(v), children: Object.keys(a).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ m("div", { className: Z.elementName, children: [
|
|
2714
|
+
p && (s ? /* @__PURE__ */ i(ei, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
|
|
2719
2715
|
"img",
|
|
2720
2716
|
{
|
|
2721
2717
|
style: { marginRight: 9 },
|
|
@@ -2724,36 +2720,36 @@ const ti = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
|
|
|
2724
2720
|
}
|
|
2725
2721
|
)),
|
|
2726
2722
|
/* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: g })
|
|
2727
|
-
] }) }) :
|
|
2728
|
-
/* @__PURE__ */
|
|
2729
|
-
n.processing && /* @__PURE__ */
|
|
2723
|
+
] }) }) : f == "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: n[f] })) }),
|
|
2724
|
+
/* @__PURE__ */ m("div", { className: Z.elementButtons, children: [
|
|
2725
|
+
n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
2730
2726
|
/* @__PURE__ */ i("img", { src: X0 }),
|
|
2731
2727
|
/* @__PURE__ */ i(ie, { text: c, position: "left" })
|
|
2732
2728
|
] }),
|
|
2733
|
-
l.filter && !n.is_default && /* @__PURE__ */
|
|
2729
|
+
l.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
2734
2730
|
/* @__PURE__ */ i("button", { onClick: () => l.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: Q0 }) }),
|
|
2735
2731
|
/* @__PURE__ */ i(ie, { text: l.filter.tooltiptext, position: "left" })
|
|
2736
2732
|
] }),
|
|
2737
|
-
l.copy && /* @__PURE__ */
|
|
2733
|
+
l.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
2738
2734
|
/* @__PURE__ */ i("button", { onClick: () => l.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: Y0 }) }),
|
|
2739
2735
|
/* @__PURE__ */ i(ie, { text: l.copy.tooltiptext, position: "left" })
|
|
2740
2736
|
] }),
|
|
2741
|
-
l.trash && !n.is_default && /* @__PURE__ */
|
|
2737
|
+
l.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
2742
2738
|
/* @__PURE__ */ i("button", { onClick: () => l.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: W0 }) }),
|
|
2743
2739
|
/* @__PURE__ */ i(ie, { text: l.trash.tooltiptext, position: "left" })
|
|
2744
2740
|
] }),
|
|
2745
|
-
n.is_default && /* @__PURE__ */
|
|
2741
|
+
n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
2746
2742
|
/* @__PURE__ */ i("img", { src: J0 }),
|
|
2747
2743
|
/* @__PURE__ */ i(ie, { text: u, position: "left" })
|
|
2748
2744
|
] })
|
|
2749
2745
|
] }),
|
|
2750
|
-
r && /* @__PURE__ */ i("div", { className:
|
|
2751
|
-
r && /* @__PURE__ */
|
|
2752
|
-
/* @__PURE__ */
|
|
2753
|
-
/* @__PURE__ */ i("span", { children:
|
|
2754
|
-
|
|
2746
|
+
r && /* @__PURE__ */ i("div", { className: Z.break }),
|
|
2747
|
+
r && /* @__PURE__ */ m("div", { className: Z.moreInfoContainer, children: [
|
|
2748
|
+
/* @__PURE__ */ m("div", { className: Z.moreInfo, onClick: () => h(!b), children: [
|
|
2749
|
+
/* @__PURE__ */ i("span", { children: b ? "-" : "+" }),
|
|
2750
|
+
C(r.label)
|
|
2755
2751
|
] }),
|
|
2756
|
-
r &&
|
|
2752
|
+
r && b && /* @__PURE__ */ i("div", { className: Z.moreInfoInfo, children: n[r.info] })
|
|
2757
2753
|
] })
|
|
2758
2754
|
]
|
|
2759
2755
|
}
|
|
@@ -2809,63 +2805,63 @@ const rt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
2809
2805
|
// {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
|
|
2810
2806
|
elementButtons: u,
|
|
2811
2807
|
//{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
|
|
2812
|
-
moreInfo:
|
|
2808
|
+
moreInfo: p = !1,
|
|
2813
2809
|
//{label: 'x'}
|
|
2814
2810
|
processTooltip: g,
|
|
2815
2811
|
//texto para el tooltip del simbolo "En proceso"
|
|
2816
|
-
defaultTooltip:
|
|
2812
|
+
defaultTooltip: y,
|
|
2817
2813
|
//texto para el tooltip del símbolo de candado para los elementos default
|
|
2818
|
-
showEye:
|
|
2814
|
+
showEye: v = !0
|
|
2819
2815
|
}) => {
|
|
2820
|
-
const { t: _ } = $(), [
|
|
2816
|
+
const { t: _ } = $(), [b, h] = V(n);
|
|
2821
2817
|
F(() => {
|
|
2822
|
-
n &&
|
|
2818
|
+
n && h(n);
|
|
2823
2819
|
}, [n]);
|
|
2824
|
-
const
|
|
2825
|
-
if (
|
|
2826
|
-
let x = [...
|
|
2827
|
-
x.sort((w, N) => w[
|
|
2820
|
+
const C = (f) => {
|
|
2821
|
+
if (b && b.length > 0) {
|
|
2822
|
+
let x = [...b];
|
|
2823
|
+
x.sort((w, N) => w[f].localeCompare(N[f])), h(x);
|
|
2828
2824
|
}
|
|
2829
2825
|
};
|
|
2830
|
-
return /* @__PURE__ */
|
|
2826
|
+
return /* @__PURE__ */ m(
|
|
2831
2827
|
"div",
|
|
2832
2828
|
{
|
|
2833
2829
|
className: H.elementSelector,
|
|
2834
2830
|
style: { color: s, ...r },
|
|
2835
2831
|
children: [
|
|
2836
|
-
/* @__PURE__ */
|
|
2832
|
+
/* @__PURE__ */ m(
|
|
2837
2833
|
"div",
|
|
2838
2834
|
{
|
|
2839
2835
|
className: H.header,
|
|
2840
2836
|
style: { borderBottom: `1px solid ${s}` },
|
|
2841
2837
|
children: [
|
|
2842
|
-
/* @__PURE__ */ i("div", { className: H.nameDateContainer, children: Object.keys(c).map((
|
|
2838
|
+
/* @__PURE__ */ i("div", { className: H.nameDateContainer, children: Object.keys(c).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: H.elementName, children: /* @__PURE__ */ m("button", { onClick: () => C("name"), children: [
|
|
2843
2839
|
/* @__PURE__ */ i("span", { children: _(c.name) }),
|
|
2844
2840
|
/* @__PURE__ */ i("img", { src: rt, alt: "order arrow" })
|
|
2845
|
-
] }) },
|
|
2841
|
+
] }) }, f) : f === "data" ? /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
|
|
2846
2842
|
/* @__PURE__ */ i("span", { children: _(c.data) }),
|
|
2847
2843
|
/* @__PURE__ */ i("img", { src: rt, alt: "order arrow" })
|
|
2848
|
-
] }) },
|
|
2844
|
+
] }) }, f) : /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[f]) }) }, f)) }),
|
|
2849
2845
|
/* @__PURE__ */ i("div", { className: H.buttonsContainer })
|
|
2850
2846
|
]
|
|
2851
2847
|
}
|
|
2852
2848
|
),
|
|
2853
|
-
/* @__PURE__ */ i("div", { className: H.elementListContainer, children:
|
|
2849
|
+
/* @__PURE__ */ i("div", { className: H.elementListContainer, children: b && b.length > 0 && b.map((f) => /* @__PURE__ */ i(
|
|
2854
2850
|
Nt,
|
|
2855
2851
|
{
|
|
2856
|
-
isActive: d ==
|
|
2857
|
-
listelement:
|
|
2852
|
+
isActive: d == f.id,
|
|
2853
|
+
listelement: f,
|
|
2858
2854
|
fontColor: s,
|
|
2859
2855
|
activeColor: o,
|
|
2860
2856
|
onClickElement: l,
|
|
2861
2857
|
columns: c,
|
|
2862
2858
|
elementButtons: u,
|
|
2863
|
-
moreInfo:
|
|
2859
|
+
moreInfo: p,
|
|
2864
2860
|
processTooltip: g,
|
|
2865
|
-
defaultTooltip:
|
|
2866
|
-
showEye:
|
|
2861
|
+
defaultTooltip: y,
|
|
2862
|
+
showEye: v
|
|
2867
2863
|
},
|
|
2868
|
-
`elementKey${
|
|
2864
|
+
`elementKey${f.id}`
|
|
2869
2865
|
)) }),
|
|
2870
2866
|
a && /* @__PURE__ */ i("div", { className: H.newElementButtonContainer, children: /* @__PURE__ */ i(
|
|
2871
2867
|
Te,
|
|
@@ -3036,7 +3032,7 @@ function _i(n) {
|
|
|
3036
3032
|
values: !0
|
|
3037
3033
|
},
|
|
3038
3034
|
exact: a,
|
|
3039
|
-
callback: (
|
|
3035
|
+
callback: (p) => !r && u(yi(o, s._names, p.values || s._formValues, !1, l.current))
|
|
3040
3036
|
}), [o, s, r, a]), M.useEffect(() => s._removeUnmounted()), c;
|
|
3041
3037
|
}
|
|
3042
3038
|
function vi(n) {
|
|
@@ -3049,7 +3045,7 @@ function vi(n) {
|
|
|
3049
3045
|
control: t,
|
|
3050
3046
|
name: s,
|
|
3051
3047
|
exact: !0
|
|
3052
|
-
}), u = M.useRef(n),
|
|
3048
|
+
}), u = M.useRef(n), p = M.useRef(t.register(s, {
|
|
3053
3049
|
...n.rules,
|
|
3054
3050
|
value: l,
|
|
3055
3051
|
...Oe(n.disabled) ? { disabled: n.disabled } : {}
|
|
@@ -3074,50 +3070,50 @@ function vi(n) {
|
|
|
3074
3070
|
enumerable: !0,
|
|
3075
3071
|
get: () => P(c.errors, s)
|
|
3076
3072
|
}
|
|
3077
|
-
}), [c, s]),
|
|
3073
|
+
}), [c, s]), y = M.useCallback((h) => p.current.onChange({
|
|
3078
3074
|
target: {
|
|
3079
|
-
value: di(
|
|
3075
|
+
value: di(h),
|
|
3080
3076
|
name: s
|
|
3081
3077
|
},
|
|
3082
3078
|
type: lt.CHANGE
|
|
3083
|
-
}), [s]),
|
|
3079
|
+
}), [s]), v = M.useCallback(() => p.current.onBlur({
|
|
3084
3080
|
target: {
|
|
3085
3081
|
value: P(t._formValues, s),
|
|
3086
3082
|
name: s
|
|
3087
3083
|
},
|
|
3088
3084
|
type: lt.BLUR
|
|
3089
|
-
}), [s, t._formValues]), _ = M.useCallback((
|
|
3090
|
-
const
|
|
3091
|
-
|
|
3092
|
-
focus: () =>
|
|
3093
|
-
select: () =>
|
|
3094
|
-
setCustomValidity: (
|
|
3095
|
-
reportValidity: () =>
|
|
3085
|
+
}), [s, t._formValues]), _ = M.useCallback((h) => {
|
|
3086
|
+
const C = P(t._fields, s);
|
|
3087
|
+
C && h && (C._f.ref = {
|
|
3088
|
+
focus: () => h.focus && h.focus(),
|
|
3089
|
+
select: () => h.select && h.select(),
|
|
3090
|
+
setCustomValidity: (f) => h.setCustomValidity(f),
|
|
3091
|
+
reportValidity: () => h.reportValidity()
|
|
3096
3092
|
});
|
|
3097
|
-
}, [t._fields, s]),
|
|
3093
|
+
}, [t._fields, s]), b = M.useMemo(() => ({
|
|
3098
3094
|
name: s,
|
|
3099
3095
|
value: l,
|
|
3100
3096
|
...Oe(o) || c.disabled ? { disabled: c.disabled || o } : {},
|
|
3101
|
-
onChange:
|
|
3102
|
-
onBlur:
|
|
3097
|
+
onChange: y,
|
|
3098
|
+
onBlur: v,
|
|
3103
3099
|
ref: _
|
|
3104
|
-
}), [s, o, c.disabled,
|
|
3100
|
+
}), [s, o, c.disabled, y, v, _, l]);
|
|
3105
3101
|
return M.useEffect(() => {
|
|
3106
|
-
const
|
|
3102
|
+
const h = t._options.shouldUnregister || r;
|
|
3107
3103
|
t.register(s, {
|
|
3108
3104
|
...u.current.rules,
|
|
3109
3105
|
...Oe(u.current.disabled) ? { disabled: u.current.disabled } : {}
|
|
3110
3106
|
});
|
|
3111
|
-
const
|
|
3112
|
-
const w = P(t._fields,
|
|
3107
|
+
const C = (f, x) => {
|
|
3108
|
+
const w = P(t._fields, f);
|
|
3113
3109
|
w && w._f && (w._f.mount = x);
|
|
3114
3110
|
};
|
|
3115
|
-
if (
|
|
3116
|
-
const
|
|
3117
|
-
at(t._defaultValues, s,
|
|
3111
|
+
if (C(s, !0), h) {
|
|
3112
|
+
const f = St(P(t._options.defaultValues, s));
|
|
3113
|
+
at(t._defaultValues, s, f), Ze(P(t._formValues, s)) && at(t._formValues, s, f);
|
|
3118
3114
|
}
|
|
3119
3115
|
return !a && t.register(s), () => {
|
|
3120
|
-
(a ?
|
|
3116
|
+
(a ? h && !t._state.action : h) ? t.unregister(s) : C(s, !1);
|
|
3121
3117
|
};
|
|
3122
3118
|
}, [s, t, a, r]), M.useEffect(() => {
|
|
3123
3119
|
t._setDisabledField({
|
|
@@ -3125,10 +3121,10 @@ function vi(n) {
|
|
|
3125
3121
|
name: s
|
|
3126
3122
|
});
|
|
3127
3123
|
}, [o, s, t]), M.useMemo(() => ({
|
|
3128
|
-
field:
|
|
3124
|
+
field: b,
|
|
3129
3125
|
formState: c,
|
|
3130
3126
|
fieldState: g
|
|
3131
|
-
}), [
|
|
3127
|
+
}), [b, c, g]);
|
|
3132
3128
|
}
|
|
3133
3129
|
const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_labelContainer_1o3iy_5", Ni = "_inputContainer_1o3iy_8", ki = "_showPasswordButton_1o3iy_14", Si = "_forgotPassButton_1o3iy_26", be = {
|
|
3134
3130
|
textInputContainer: wi,
|
|
@@ -3164,36 +3160,36 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3164
3160
|
validateFunction: l,
|
|
3165
3161
|
placeholder: c,
|
|
3166
3162
|
errorColor: u = "red",
|
|
3167
|
-
width:
|
|
3163
|
+
width: p = 325,
|
|
3168
3164
|
onClickForgotPass: g = () => {
|
|
3169
3165
|
console.log("Click on forgot password");
|
|
3170
3166
|
},
|
|
3171
|
-
forgotPassLabel:
|
|
3172
|
-
} = n, { t:
|
|
3167
|
+
forgotPassLabel: y = "forgot-password"
|
|
3168
|
+
} = n, { t: v } = $(), { control: _, trigger: b, clearErrors: h } = d, { errorColor: C } = xe((N) => N), [f, x] = V(!1);
|
|
3173
3169
|
se(a);
|
|
3174
|
-
const w = () => o ? o === "password" &&
|
|
3170
|
+
const w = () => o ? o === "password" && f ? "text" : o : "text";
|
|
3175
3171
|
return /* @__PURE__ */ i(
|
|
3176
3172
|
ve,
|
|
3177
3173
|
{
|
|
3178
3174
|
name: s,
|
|
3179
3175
|
control: _,
|
|
3180
3176
|
rules: {
|
|
3181
|
-
required: a ? `${
|
|
3177
|
+
required: a ? `${v(t)} ${v("errorMessages.required")}` : !1,
|
|
3182
3178
|
maxLength: r || void 0,
|
|
3183
3179
|
validate: l || void 0
|
|
3184
3180
|
},
|
|
3185
3181
|
render: ({ field: N, fieldState: S }) => {
|
|
3186
3182
|
var L;
|
|
3187
|
-
return /* @__PURE__ */
|
|
3188
|
-
/* @__PURE__ */
|
|
3189
|
-
|
|
3183
|
+
return /* @__PURE__ */ m("div", { className: be.textInputContainer, children: [
|
|
3184
|
+
/* @__PURE__ */ m("h3", { className: be.labelContainer, children: [
|
|
3185
|
+
v(t),
|
|
3190
3186
|
" ",
|
|
3191
3187
|
a && /* @__PURE__ */ i("label", { style: { color: S.error ? u : "" }, children: "*" })
|
|
3192
3188
|
] }),
|
|
3193
|
-
/* @__PURE__ */
|
|
3189
|
+
/* @__PURE__ */ m(
|
|
3194
3190
|
"div",
|
|
3195
3191
|
{
|
|
3196
|
-
style: { position: "relative", width:
|
|
3192
|
+
style: { position: "relative", width: p },
|
|
3197
3193
|
className: be.inputContainer,
|
|
3198
3194
|
children: [
|
|
3199
3195
|
/* @__PURE__ */ i(
|
|
@@ -3201,28 +3197,28 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3201
3197
|
{
|
|
3202
3198
|
type: w(),
|
|
3203
3199
|
...N,
|
|
3204
|
-
placeholder: c ?
|
|
3200
|
+
placeholder: c ? v(c) : "",
|
|
3205
3201
|
maxLength: r || void 0
|
|
3206
3202
|
}
|
|
3207
3203
|
),
|
|
3208
3204
|
o == "password" && /* @__PURE__ */ i(
|
|
3209
3205
|
"button",
|
|
3210
3206
|
{
|
|
3211
|
-
onClick: () => x(!
|
|
3207
|
+
onClick: () => x(!f),
|
|
3212
3208
|
type: "button",
|
|
3213
3209
|
className: be.showPasswordButton,
|
|
3214
|
-
children:
|
|
3210
|
+
children: f ? "🙈" : "👁️"
|
|
3215
3211
|
}
|
|
3216
3212
|
)
|
|
3217
3213
|
]
|
|
3218
3214
|
}
|
|
3219
3215
|
),
|
|
3220
|
-
o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: y
|
|
3216
|
+
o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: v(y) }) }),
|
|
3221
3217
|
/* @__PURE__ */ i(
|
|
3222
3218
|
we,
|
|
3223
3219
|
{
|
|
3224
3220
|
errorMessage: (L = S.error) == null ? void 0 : L.message,
|
|
3225
|
-
errorColor:
|
|
3221
|
+
errorColor: C || u
|
|
3226
3222
|
}
|
|
3227
3223
|
)
|
|
3228
3224
|
] });
|
|
@@ -3248,47 +3244,47 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3248
3244
|
validateFunction: l,
|
|
3249
3245
|
placeholder: c,
|
|
3250
3246
|
errorColor: u = "red",
|
|
3251
|
-
width:
|
|
3247
|
+
width: p = 325,
|
|
3252
3248
|
options: g = []
|
|
3253
|
-
} = n, { t:
|
|
3249
|
+
} = n, { t: y } = $(), { control: v, trigger: _, clearErrors: b } = d, { errorColor: h } = xe((C) => C);
|
|
3254
3250
|
return se(a), /* @__PURE__ */ i(
|
|
3255
3251
|
ve,
|
|
3256
3252
|
{
|
|
3257
3253
|
name: s,
|
|
3258
|
-
control:
|
|
3254
|
+
control: v,
|
|
3259
3255
|
rules: {
|
|
3260
|
-
required: a ? `${
|
|
3261
|
-
validate: l ? (
|
|
3262
|
-
let
|
|
3263
|
-
return l(
|
|
3256
|
+
required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
|
|
3257
|
+
validate: l ? (C) => {
|
|
3258
|
+
let f = d.getValues();
|
|
3259
|
+
return l(C, f);
|
|
3264
3260
|
} : void 0
|
|
3265
3261
|
},
|
|
3266
|
-
render: ({ field:
|
|
3262
|
+
render: ({ field: C, fieldState: f }) => {
|
|
3267
3263
|
var x;
|
|
3268
|
-
return /* @__PURE__ */
|
|
3269
|
-
/* @__PURE__ */
|
|
3270
|
-
|
|
3264
|
+
return /* @__PURE__ */ m("div", { className: de.selectInputContainer, children: [
|
|
3265
|
+
/* @__PURE__ */ m("h3", { className: de.labelContainer, children: [
|
|
3266
|
+
y(t),
|
|
3271
3267
|
" ",
|
|
3272
|
-
a && /* @__PURE__ */ i("label", { style: { color:
|
|
3268
|
+
a && /* @__PURE__ */ i("label", { style: { color: f.error ? u : "" }, children: "*" })
|
|
3273
3269
|
] }),
|
|
3274
|
-
/* @__PURE__ */
|
|
3275
|
-
/* @__PURE__ */
|
|
3270
|
+
/* @__PURE__ */ m("div", { className: de.inputContainer, style: { width: p }, children: [
|
|
3271
|
+
/* @__PURE__ */ m(
|
|
3276
3272
|
"select",
|
|
3277
3273
|
{
|
|
3278
|
-
...
|
|
3274
|
+
...C,
|
|
3279
3275
|
onChange: (w) => {
|
|
3280
3276
|
const N = w.target.value, S = g.every((L) => typeof L.value == "number") ? Number(N) : N;
|
|
3281
|
-
|
|
3277
|
+
C.onChange(S);
|
|
3282
3278
|
},
|
|
3283
3279
|
className: de.selectInput,
|
|
3284
3280
|
children: [
|
|
3285
|
-
/* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children:
|
|
3281
|
+
/* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
|
|
3286
3282
|
g.map((w, N) => /* @__PURE__ */ i(
|
|
3287
3283
|
"option",
|
|
3288
3284
|
{
|
|
3289
3285
|
value: w.value,
|
|
3290
3286
|
className: de.option,
|
|
3291
|
-
children:
|
|
3287
|
+
children: y(w.label)
|
|
3292
3288
|
},
|
|
3293
3289
|
N
|
|
3294
3290
|
))
|
|
@@ -3307,8 +3303,8 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3307
3303
|
/* @__PURE__ */ i(
|
|
3308
3304
|
we,
|
|
3309
3305
|
{
|
|
3310
|
-
errorMessage: (x =
|
|
3311
|
-
errorColor:
|
|
3306
|
+
errorMessage: (x = f.error) == null ? void 0 : x.message,
|
|
3307
|
+
errorColor: h || u
|
|
3312
3308
|
}
|
|
3313
3309
|
)
|
|
3314
3310
|
] });
|
|
@@ -3331,30 +3327,30 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3331
3327
|
errorColor: a = "red",
|
|
3332
3328
|
options: l = [],
|
|
3333
3329
|
multi: c = !1
|
|
3334
|
-
} = n, { t: u } = $(), { control:
|
|
3335
|
-
if (c &&
|
|
3336
|
-
let x =
|
|
3337
|
-
|
|
3330
|
+
} = n, { t: u } = $(), { control: p, trigger: g, clearErrors: y } = d, { errorColor: v } = xe((h) => h), _ = ({ options: h, onChange: C, actualValue: f }) => {
|
|
3331
|
+
if (c && f && f.length > 0) {
|
|
3332
|
+
let x = f.filter((w) => w !== h);
|
|
3333
|
+
C(x);
|
|
3338
3334
|
}
|
|
3339
|
-
},
|
|
3340
|
-
c ?
|
|
3335
|
+
}, b = ({ options: h, onChange: C, actualValue: f }) => {
|
|
3336
|
+
c ? f && f.length > 0 ? C([...f, h]) : C([h]) : C(h);
|
|
3341
3337
|
};
|
|
3342
3338
|
return se(t), /* @__PURE__ */ i(
|
|
3343
3339
|
ve,
|
|
3344
3340
|
{
|
|
3345
|
-
control:
|
|
3341
|
+
control: p,
|
|
3346
3342
|
name: s,
|
|
3347
3343
|
rules: {
|
|
3348
|
-
validate: (
|
|
3344
|
+
validate: (h) => t && (h == null || h === "") ? `${u(o)} ${u("errorMessages.required")}` : null
|
|
3349
3345
|
},
|
|
3350
3346
|
render: ({
|
|
3351
|
-
formState: { errors:
|
|
3352
|
-
field: { onChange:
|
|
3347
|
+
formState: { errors: h },
|
|
3348
|
+
field: { onChange: C, onBlur: f, value: x, ref: w },
|
|
3353
3349
|
fieldState: N
|
|
3354
3350
|
}) => {
|
|
3355
3351
|
var S;
|
|
3356
|
-
return /* @__PURE__ */ i("div", { id: s + "id", className: te.radioButtonContainer, children: /* @__PURE__ */
|
|
3357
|
-
o && /* @__PURE__ */ i("div", { className: te.questionContainer, children: /* @__PURE__ */
|
|
3352
|
+
return /* @__PURE__ */ i("div", { id: s + "id", className: te.radioButtonContainer, children: /* @__PURE__ */ m("div", { className: te.wholeInputContainer, children: [
|
|
3353
|
+
o && /* @__PURE__ */ i("div", { className: te.questionContainer, children: /* @__PURE__ */ m(
|
|
3358
3354
|
"h3",
|
|
3359
3355
|
{
|
|
3360
3356
|
htmlFor: s + "id",
|
|
@@ -3372,7 +3368,7 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3372
3368
|
]
|
|
3373
3369
|
}
|
|
3374
3370
|
) }),
|
|
3375
|
-
/* @__PURE__ */
|
|
3371
|
+
/* @__PURE__ */ m("div", { className: te.inputContainer, children: [
|
|
3376
3372
|
l.map(
|
|
3377
3373
|
({
|
|
3378
3374
|
label: L,
|
|
@@ -3380,8 +3376,8 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3380
3376
|
disabled: B = !1,
|
|
3381
3377
|
italicLabel: O
|
|
3382
3378
|
}, R) => {
|
|
3383
|
-
const T = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((
|
|
3384
|
-
return /* @__PURE__ */
|
|
3379
|
+
const T = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((K) => K === k) : x === k;
|
|
3380
|
+
return /* @__PURE__ */ m("label", { children: [
|
|
3385
3381
|
/* @__PURE__ */ i(
|
|
3386
3382
|
"input",
|
|
3387
3383
|
{
|
|
@@ -3391,12 +3387,12 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3391
3387
|
c ? T ? _({
|
|
3392
3388
|
actualValue: x,
|
|
3393
3389
|
options: l,
|
|
3394
|
-
onChange:
|
|
3395
|
-
}) :
|
|
3390
|
+
onChange: C
|
|
3391
|
+
}) : b({
|
|
3396
3392
|
actualValue: x,
|
|
3397
3393
|
options: l,
|
|
3398
|
-
onChange:
|
|
3399
|
-
}) :
|
|
3394
|
+
onChange: C
|
|
3395
|
+
}) : C(k);
|
|
3400
3396
|
},
|
|
3401
3397
|
className: te.radioInput
|
|
3402
3398
|
}
|
|
@@ -3410,7 +3406,7 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3410
3406
|
we,
|
|
3411
3407
|
{
|
|
3412
3408
|
errorMessage: (S = N.error) == null ? void 0 : S.message,
|
|
3413
|
-
errorColor:
|
|
3409
|
+
errorColor: v || a
|
|
3414
3410
|
}
|
|
3415
3411
|
)
|
|
3416
3412
|
] })
|
|
@@ -3437,18 +3433,18 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3437
3433
|
thumbColor: c = "#B32F5D",
|
|
3438
3434
|
//trackColors = ["#B32F5D", "#EFEFEF"],
|
|
3439
3435
|
required: u,
|
|
3440
|
-
errorColor:
|
|
3436
|
+
errorColor: p = "red",
|
|
3441
3437
|
labelWidth: g = "300px",
|
|
3442
|
-
sliderWidth:
|
|
3443
|
-
minText:
|
|
3438
|
+
sliderWidth: y = "300px",
|
|
3439
|
+
minText: v,
|
|
3444
3440
|
maxText: _,
|
|
3445
|
-
disabled:
|
|
3446
|
-
marks:
|
|
3441
|
+
disabled: b = !1,
|
|
3442
|
+
marks: h = Array.from(
|
|
3447
3443
|
{ length: a - r + 1 },
|
|
3448
3444
|
(B, O) => r + O
|
|
3449
3445
|
),
|
|
3450
|
-
showMarksNumber:
|
|
3451
|
-
} = n, { t:
|
|
3446
|
+
showMarksNumber: C = !0
|
|
3447
|
+
} = n, { t: f } = $(), { control: x, trigger: w, clearErrors: N } = d || {};
|
|
3452
3448
|
se(u);
|
|
3453
3449
|
const { errorColorForm: S } = xe((B) => B), [L, k] = V(l);
|
|
3454
3450
|
return d ? /* @__PURE__ */ i(
|
|
@@ -3458,22 +3454,22 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3458
3454
|
control: x,
|
|
3459
3455
|
defaultValue: l,
|
|
3460
3456
|
rules: {
|
|
3461
|
-
required: u ? `${
|
|
3457
|
+
required: u ? `${f(t)} ${f("errorMessages.required")}` : !1
|
|
3462
3458
|
},
|
|
3463
3459
|
render: ({ field: B, fieldState: O }) => {
|
|
3464
3460
|
var R;
|
|
3465
|
-
return /* @__PURE__ */
|
|
3461
|
+
return /* @__PURE__ */ m(
|
|
3466
3462
|
"div",
|
|
3467
3463
|
{
|
|
3468
3464
|
className: A.rankingSliderContainer,
|
|
3469
3465
|
style: {
|
|
3470
|
-
gridTemplateColumns: `${t && g} ${
|
|
3466
|
+
gridTemplateColumns: `${t && g} ${y}`
|
|
3471
3467
|
},
|
|
3472
3468
|
children: [
|
|
3473
|
-
t && /* @__PURE__ */ i("p", { className: A.labelContainer, children:
|
|
3474
|
-
/* @__PURE__ */
|
|
3475
|
-
|
|
3476
|
-
/* @__PURE__ */
|
|
3469
|
+
t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: f(t) }),
|
|
3470
|
+
/* @__PURE__ */ m("div", { className: A.inputContainer, children: [
|
|
3471
|
+
v && /* @__PURE__ */ i("div", { className: A.minLabel, children: f(v) }),
|
|
3472
|
+
/* @__PURE__ */ m("div", { children: [
|
|
3477
3473
|
/* @__PURE__ */ i(
|
|
3478
3474
|
je,
|
|
3479
3475
|
{
|
|
@@ -3494,18 +3490,18 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3494
3490
|
),
|
|
3495
3491
|
trackClassName: A.track,
|
|
3496
3492
|
markClassName: A.mark,
|
|
3497
|
-
disabled:
|
|
3493
|
+
disabled: b
|
|
3498
3494
|
}
|
|
3499
3495
|
),
|
|
3500
|
-
|
|
3496
|
+
h && /* @__PURE__ */ i("div", { className: A.labels, children: h.map((T) => /* @__PURE__ */ i("span", { children: C && T }, T)) })
|
|
3501
3497
|
] }),
|
|
3502
|
-
_ && /* @__PURE__ */ i("div", { className: A.maxLabel, children:
|
|
3498
|
+
_ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: f(_) })
|
|
3503
3499
|
] }),
|
|
3504
3500
|
/* @__PURE__ */ i(
|
|
3505
3501
|
we,
|
|
3506
3502
|
{
|
|
3507
3503
|
errorMessage: (R = O.error) == null ? void 0 : R.message,
|
|
3508
|
-
errorColor: S ||
|
|
3504
|
+
errorColor: S || p
|
|
3509
3505
|
}
|
|
3510
3506
|
)
|
|
3511
3507
|
]
|
|
@@ -3513,16 +3509,16 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3513
3509
|
);
|
|
3514
3510
|
}
|
|
3515
3511
|
}
|
|
3516
|
-
) : /* @__PURE__ */
|
|
3512
|
+
) : /* @__PURE__ */ m(
|
|
3517
3513
|
"div",
|
|
3518
3514
|
{
|
|
3519
3515
|
className: A.rankingSliderContainer,
|
|
3520
|
-
style: { gridTemplateColumns: `${t && g} ${
|
|
3516
|
+
style: { gridTemplateColumns: `${t && g} ${y}` },
|
|
3521
3517
|
children: [
|
|
3522
|
-
t && /* @__PURE__ */ i("p", { className: A.labelContainer, children:
|
|
3523
|
-
/* @__PURE__ */
|
|
3524
|
-
|
|
3525
|
-
/* @__PURE__ */
|
|
3518
|
+
t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: f(t) }),
|
|
3519
|
+
/* @__PURE__ */ m("div", { className: A.inputContainer, children: [
|
|
3520
|
+
v && /* @__PURE__ */ i("div", { className: A.minLabel, children: f(v) }),
|
|
3521
|
+
/* @__PURE__ */ m("div", { children: [
|
|
3526
3522
|
/* @__PURE__ */ i(
|
|
3527
3523
|
je,
|
|
3528
3524
|
{
|
|
@@ -3545,12 +3541,12 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
|
|
|
3545
3541
|
),
|
|
3546
3542
|
trackClassName: A.track,
|
|
3547
3543
|
markClassName: A.mark,
|
|
3548
|
-
disabled:
|
|
3544
|
+
disabled: b
|
|
3549
3545
|
}
|
|
3550
3546
|
),
|
|
3551
|
-
|
|
3547
|
+
h && /* @__PURE__ */ i("div", { className: A.labels, children: h.map((B) => /* @__PURE__ */ i("span", { children: C && B }, B)) })
|
|
3552
3548
|
] }),
|
|
3553
|
-
_ && /* @__PURE__ */ i("div", { className: A.maxLabel, children:
|
|
3549
|
+
_ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: f(_) })
|
|
3554
3550
|
] })
|
|
3555
3551
|
]
|
|
3556
3552
|
}
|
|
@@ -3688,18 +3684,18 @@ const ye = ({
|
|
|
3688
3684
|
d(a);
|
|
3689
3685
|
};
|
|
3690
3686
|
return /* @__PURE__ */ i("div", { className: $e.categorySelector, children: n.map((a, l) => {
|
|
3691
|
-
const { id: c, label: u } = a,
|
|
3692
|
-
return
|
|
3687
|
+
const { id: c, label: u } = a, p = s == c;
|
|
3688
|
+
return /* @__PURE__ */ i(
|
|
3693
3689
|
"button",
|
|
3694
3690
|
{
|
|
3695
|
-
className: `${$e.sectionItem} ${
|
|
3691
|
+
className: `${$e.sectionItem} ${p ? $e.sectionItemActive : ""}`,
|
|
3696
3692
|
type: "button",
|
|
3697
|
-
style: { backgroundColor:
|
|
3693
|
+
style: { backgroundColor: p ? o : "inherit" },
|
|
3698
3694
|
onClick: () => r(c),
|
|
3699
3695
|
children: /* @__PURE__ */ i(
|
|
3700
3696
|
"span",
|
|
3701
3697
|
{
|
|
3702
|
-
style: { color:
|
|
3698
|
+
style: { color: p ? "white" : "inherit" },
|
|
3703
3699
|
className: $e.sectionLabel,
|
|
3704
3700
|
children: t(u)
|
|
3705
3701
|
}
|
|
@@ -3719,39 +3715,39 @@ const ye = ({
|
|
|
3719
3715
|
submitButtonStyles: l = { width: 325 },
|
|
3720
3716
|
showCategorySelector: c = !0,
|
|
3721
3717
|
defaultCategory: u = null,
|
|
3722
|
-
categoryLabel:
|
|
3718
|
+
categoryLabel: p = "Select Category",
|
|
3723
3719
|
activeCategory: g = null,
|
|
3724
|
-
activeCategoryColor:
|
|
3725
|
-
onSubmit:
|
|
3720
|
+
activeCategoryColor: y = "#b32f5d",
|
|
3721
|
+
onSubmit: v = (_) => console.log("Form submitted with: ", _)
|
|
3726
3722
|
}) => {
|
|
3727
|
-
const { t: _ } = $(), { handleSubmit:
|
|
3723
|
+
const { t: _ } = $(), { handleSubmit: b, control: h } = n;
|
|
3728
3724
|
F(() => {
|
|
3729
3725
|
r && xe.setState(() => ({ errorColor: r }));
|
|
3730
3726
|
}, [r]);
|
|
3731
|
-
const
|
|
3727
|
+
const C = me(() => d ? d.filter((k) => k.category).map((k) => {
|
|
3732
3728
|
var B;
|
|
3733
3729
|
return {
|
|
3734
3730
|
id: k.categoryId,
|
|
3735
3731
|
label: k.category,
|
|
3736
3732
|
hasSubcategories: ((B = k.subcategories) == null ? void 0 : B.length) > 0
|
|
3737
3733
|
};
|
|
3738
|
-
}) : [], [d]),
|
|
3734
|
+
}) : [], [d]), f = (k) => {
|
|
3739
3735
|
const B = d == null ? void 0 : d.find((O) => O.categoryId === k);
|
|
3740
3736
|
return (B == null ? void 0 : B.subcategories) || [];
|
|
3741
3737
|
}, [x, w] = V(
|
|
3742
3738
|
g || u || null
|
|
3743
3739
|
), [N, S] = V(null);
|
|
3744
3740
|
F(() => {
|
|
3745
|
-
!x &&
|
|
3746
|
-
}, [
|
|
3747
|
-
const k =
|
|
3741
|
+
!x && C.length > 0 && w(C[0].id);
|
|
3742
|
+
}, [C, x]), F(() => {
|
|
3743
|
+
const k = f(x);
|
|
3748
3744
|
!N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
|
|
3749
3745
|
}, [x, N, d]);
|
|
3750
3746
|
const L = (k, B) => {
|
|
3751
3747
|
var O;
|
|
3752
3748
|
if (((O = k.subcategories) == null ? void 0 : O.length) > 0) {
|
|
3753
3749
|
const R = k.subcategories;
|
|
3754
|
-
return /* @__PURE__ */
|
|
3750
|
+
return /* @__PURE__ */ m("div", { children: [
|
|
3755
3751
|
/* @__PURE__ */ i(
|
|
3756
3752
|
"div",
|
|
3757
3753
|
{
|
|
@@ -3762,13 +3758,13 @@ const ye = ({
|
|
|
3762
3758
|
activeCategory: N,
|
|
3763
3759
|
categories: R,
|
|
3764
3760
|
onChange: (T) => S(T),
|
|
3765
|
-
activeColor:
|
|
3761
|
+
activeColor: y
|
|
3766
3762
|
}
|
|
3767
3763
|
)
|
|
3768
3764
|
},
|
|
3769
3765
|
k.categoryId
|
|
3770
3766
|
),
|
|
3771
|
-
R.map((T,
|
|
3767
|
+
R.map((T, K) => {
|
|
3772
3768
|
const z = !N || T.id === N;
|
|
3773
3769
|
return s ? /* @__PURE__ */ i(
|
|
3774
3770
|
"div",
|
|
@@ -3781,15 +3777,15 @@ const ye = ({
|
|
|
3781
3777
|
ye,
|
|
3782
3778
|
{
|
|
3783
3779
|
inputs: T.inputs,
|
|
3784
|
-
control:
|
|
3780
|
+
control: h,
|
|
3785
3781
|
inputContainerStyles: o,
|
|
3786
3782
|
errorColor: r,
|
|
3787
3783
|
reactHookFormInstance: n
|
|
3788
3784
|
}
|
|
3789
3785
|
) }, T.id)
|
|
3790
3786
|
},
|
|
3791
|
-
`${T.id}${
|
|
3792
|
-
) : /* @__PURE__ */
|
|
3787
|
+
`${T.id}${K}`
|
|
3788
|
+
) : /* @__PURE__ */ m(
|
|
3793
3789
|
"div",
|
|
3794
3790
|
{
|
|
3795
3791
|
style: {
|
|
@@ -3802,7 +3798,7 @@ const ye = ({
|
|
|
3802
3798
|
ye,
|
|
3803
3799
|
{
|
|
3804
3800
|
inputs: T.inputs,
|
|
3805
|
-
control:
|
|
3801
|
+
control: h,
|
|
3806
3802
|
inputContainerStyles: o,
|
|
3807
3803
|
errorColor: r,
|
|
3808
3804
|
reactHookFormInstance: n
|
|
@@ -3810,7 +3806,7 @@ const ye = ({
|
|
|
3810
3806
|
)
|
|
3811
3807
|
]
|
|
3812
3808
|
},
|
|
3813
|
-
`${T.id}${
|
|
3809
|
+
`${T.id}${K}`
|
|
3814
3810
|
);
|
|
3815
3811
|
})
|
|
3816
3812
|
] });
|
|
@@ -3819,18 +3815,18 @@ const ye = ({
|
|
|
3819
3815
|
ye,
|
|
3820
3816
|
{
|
|
3821
3817
|
inputs: k.inputs,
|
|
3822
|
-
control:
|
|
3818
|
+
control: h,
|
|
3823
3819
|
inputContainerStyles: o,
|
|
3824
3820
|
errorColor: r,
|
|
3825
3821
|
reactHookFormInstance: n
|
|
3826
3822
|
}
|
|
3827
|
-
) }, k.categoryId) : /* @__PURE__ */
|
|
3823
|
+
) }, k.categoryId) : /* @__PURE__ */ m("div", { style: { width: "100%" }, children: [
|
|
3828
3824
|
/* @__PURE__ */ i("h2", { children: _(k.category) }),
|
|
3829
3825
|
/* @__PURE__ */ i(
|
|
3830
3826
|
ye,
|
|
3831
3827
|
{
|
|
3832
3828
|
inputs: k.inputs,
|
|
3833
|
-
control:
|
|
3829
|
+
control: h,
|
|
3834
3830
|
inputContainerStyles: o,
|
|
3835
3831
|
errorColor: r,
|
|
3836
3832
|
reactHookFormInstance: n
|
|
@@ -3838,16 +3834,16 @@ const ye = ({
|
|
|
3838
3834
|
)
|
|
3839
3835
|
] }, k.categoryId);
|
|
3840
3836
|
};
|
|
3841
|
-
return /* @__PURE__ */
|
|
3842
|
-
c &&
|
|
3837
|
+
return /* @__PURE__ */ m("form", { className: Ce.formContainer, onSubmit: b(v), children: [
|
|
3838
|
+
c && C.length > 0 && /* @__PURE__ */ i("div", { className: Ce.categorySelectorContainer, children: /* @__PURE__ */ i(
|
|
3843
3839
|
ut,
|
|
3844
3840
|
{
|
|
3845
3841
|
activeCategory: x,
|
|
3846
|
-
categories:
|
|
3842
|
+
categories: C,
|
|
3847
3843
|
onChange: (k) => {
|
|
3848
3844
|
w(k), S(null);
|
|
3849
3845
|
},
|
|
3850
|
-
activeColor:
|
|
3846
|
+
activeColor: y
|
|
3851
3847
|
}
|
|
3852
3848
|
) }),
|
|
3853
3849
|
/* @__PURE__ */ i("div", { className: Ce.formObjectContainer, children: d == null ? void 0 : d.map((k, B) => {
|
|
@@ -3866,14 +3862,14 @@ const ye = ({
|
|
|
3866
3862
|
ye,
|
|
3867
3863
|
{
|
|
3868
3864
|
inputs: k.inputs,
|
|
3869
|
-
control:
|
|
3865
|
+
control: h,
|
|
3870
3866
|
inputContainerStyles: o,
|
|
3871
3867
|
errorColor: r,
|
|
3872
3868
|
reactHookFormInstance: n
|
|
3873
3869
|
}
|
|
3874
3870
|
);
|
|
3875
3871
|
}) }),
|
|
3876
|
-
/* @__PURE__ */
|
|
3872
|
+
/* @__PURE__ */ m("div", { className: Ce.buttonContainer, children: [
|
|
3877
3873
|
/* @__PURE__ */ i(Te, { containerStyles: l, type: "submit", children: _(a) }),
|
|
3878
3874
|
/* @__PURE__ */ i(we, { errorMessage: t, errorColor: r })
|
|
3879
3875
|
] })
|
|
@@ -3895,7 +3891,7 @@ const ye = ({
|
|
|
3895
3891
|
buttons: t,
|
|
3896
3892
|
maxHeight: r = "450px",
|
|
3897
3893
|
maxWidth: a = "450px"
|
|
3898
|
-
}) => /* @__PURE__ */ i("div", { className: Y.overlay, children: /* @__PURE__ */
|
|
3894
|
+
}) => /* @__PURE__ */ i("div", { className: Y.overlay, children: /* @__PURE__ */ m(
|
|
3899
3895
|
"div",
|
|
3900
3896
|
{
|
|
3901
3897
|
className: Y.modal,
|
|
@@ -3937,8 +3933,8 @@ const us = "_stepsContainer_1cyua_3", ps = "_stepWrapper_1cyua_9", ms = "_circle
|
|
|
3937
3933
|
connector: ys
|
|
3938
3934
|
}, Dt = ({ steps: n, activeColor: d }) => /* @__PURE__ */ i("div", { className: U.stepsContainer, children: n.map((s, o) => {
|
|
3939
3935
|
const t = s.status === "active", r = s.status === "completed";
|
|
3940
|
-
return /* @__PURE__ */
|
|
3941
|
-
/* @__PURE__ */
|
|
3936
|
+
return /* @__PURE__ */ m("div", { className: U.stepWrapper, children: [
|
|
3937
|
+
/* @__PURE__ */ m("div", { className: U.circleContainer, children: [
|
|
3942
3938
|
/* @__PURE__ */ i(
|
|
3943
3939
|
"div",
|
|
3944
3940
|
{
|
|
@@ -4037,24 +4033,24 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
|
|
|
4037
4033
|
colorOn: l = "#5A514D",
|
|
4038
4034
|
disabled: c = !1,
|
|
4039
4035
|
width: u = 240
|
|
4040
|
-
} = n, { t:
|
|
4041
|
-
|
|
4042
|
-
},
|
|
4036
|
+
} = n, { t: p } = $(), { control: g } = d || {}, [y, v] = V(a), _ = (h) => {
|
|
4037
|
+
v(h), s && s(h);
|
|
4038
|
+
}, b = (h, C) => /* @__PURE__ */ m("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
|
|
4043
4039
|
t && /* @__PURE__ */ i(
|
|
4044
4040
|
"span",
|
|
4045
4041
|
{
|
|
4046
4042
|
className: ue.labelLeft,
|
|
4047
4043
|
style: { width: `${(u - 74) / 2}px` },
|
|
4048
|
-
children:
|
|
4044
|
+
children: p(t)
|
|
4049
4045
|
}
|
|
4050
4046
|
),
|
|
4051
|
-
/* @__PURE__ */
|
|
4047
|
+
/* @__PURE__ */ m("label", { className: `${ue.switch} ${c ? ue.disabled : ""}`, children: [
|
|
4052
4048
|
/* @__PURE__ */ i(
|
|
4053
4049
|
"input",
|
|
4054
4050
|
{
|
|
4055
4051
|
type: "checkbox",
|
|
4056
|
-
checked: !!
|
|
4057
|
-
onChange: () =>
|
|
4052
|
+
checked: !!h,
|
|
4053
|
+
onChange: () => C(!h),
|
|
4058
4054
|
disabled: c
|
|
4059
4055
|
}
|
|
4060
4056
|
),
|
|
@@ -4063,12 +4059,12 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
|
|
|
4063
4059
|
{
|
|
4064
4060
|
className: ue.slider,
|
|
4065
4061
|
style: {
|
|
4066
|
-
"--switch-thumb-color":
|
|
4062
|
+
"--switch-thumb-color": h ? l : "#ccc"
|
|
4067
4063
|
}
|
|
4068
4064
|
}
|
|
4069
4065
|
)
|
|
4070
4066
|
] }),
|
|
4071
|
-
r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children:
|
|
4067
|
+
r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children: p(r) })
|
|
4072
4068
|
] });
|
|
4073
4069
|
return d ? /* @__PURE__ */ i(
|
|
4074
4070
|
ve,
|
|
@@ -4076,9 +4072,9 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
|
|
|
4076
4072
|
name: o,
|
|
4077
4073
|
control: g,
|
|
4078
4074
|
defaultValue: a,
|
|
4079
|
-
render: ({ field:
|
|
4075
|
+
render: ({ field: h }) => b(h.value, h.onChange)
|
|
4080
4076
|
}
|
|
4081
|
-
) :
|
|
4077
|
+
) : b(y, _);
|
|
4082
4078
|
};
|
|
4083
4079
|
Ms.propTypes = {
|
|
4084
4080
|
input: e.shape({
|
|
@@ -4108,7 +4104,7 @@ const Ds = "_header_13kbt_2", Fs = "_leftComponents_13kbt_13", Vs = "_centerComp
|
|
|
4108
4104
|
backgroundColor: a = "#605B56",
|
|
4109
4105
|
isFooter: l = !1
|
|
4110
4106
|
// If true, it will apply footer styles
|
|
4111
|
-
}) => /* @__PURE__ */
|
|
4107
|
+
}) => /* @__PURE__ */ m(
|
|
4112
4108
|
"div",
|
|
4113
4109
|
{
|
|
4114
4110
|
className: ne.header,
|
|
@@ -4156,7 +4152,7 @@ const Rs = "_sidebar_1fmjn_2", qs = "_open_1fmjn_16", Es = "_content_1fmjn_20",
|
|
|
4156
4152
|
{
|
|
4157
4153
|
className: `${Le.sidebar} ${s ? Le.open : ""}`,
|
|
4158
4154
|
style: { width: s ? n : 0 },
|
|
4159
|
-
children: s && /* @__PURE__ */
|
|
4155
|
+
children: s && /* @__PURE__ */ m("div", { className: Le.content, children: [
|
|
4160
4156
|
/* @__PURE__ */ i("button", { className: Le.closeButton, onClick: t, children: /* @__PURE__ */ i("img", { src: js, alt: "Close Sidebar" }) }),
|
|
4161
4157
|
d
|
|
4162
4158
|
] })
|