@tmf_ciclica/ciclicastorybook 1.1.31 → 1.1.33
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 +3 -3
- package/dist/index.es.js +461 -447
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@charset "UTF-8";@import"https://unpkg.com/maplibre-gl@^5.3.0/dist/maplibre-gl.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";._ambitSelector_mcunf_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;padding-bottom:26px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23{justify-content:flex-start;width:100%;flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39{font-size:18px;font-weight:600;flex:1}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitName_mcunf_39 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53{font-size:18px;font-weight:600;flex:.5}._ambitSelector_mcunf_2 ._header_mcunf_13 ._nameDateContainer_mcunf_23 ._ambitDate_mcunf_53 button{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;gap:5px}._ambitSelector_mcunf_2 ._header_mcunf_13 ._buttonsContainer_mcunf_67{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center}._ambitSelector_mcunf_2 ._ambitListContainer_mcunf_76{flex:1;width:100%}._ambitSelector_mcunf_2 ._newAmbitButtonContainer_mcunf_80{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:100%;padding-bottom:20px}._ambitItem_1ueih_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_1ueih_2 ._ambitNameDate_1ueih_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1ueih_2 ._ambitNameDate_1ueih_16 ._ambitName_1ueih_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1ueih_2 ._ambitNameDate_1ueih_16 ._ambitDate_1ueih_35{flex:.5}._ambitItem_1ueih_2 ._ambitButtons_1ueih_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._generalButton_8d6ru_2{padding:5px 95px;border-radius:100px}._buttonsContainer_1audx_2{display:flex;gap:8px}._buttonsContainer_1audx_2._vertical_1audx_6{flex-direction:column}._buttonsContainer_1audx_2._horizontal_1audx_9{flex-direction:row}._button_1audx_2{background:transparent;border:none;display:flex;align-items:center;cursor:pointer;padding:4px;position:relative}._button_1audx_2:hover{opacity:.8}._button_1audx_2._active_1audx_25{font-weight:700}._button_1audx_2 ._buttonName_1audx_28{margin:0 4px}._left_19lnt_3{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_19lnt_3:after{content:"";z-index:-1;left:100%;top:50%;transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;transform-origin:center right}._top_19lnt_33{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;white-space:nowrap;z-index:10;color:#000}._top_19lnt_33:after{content:"";z-index:-1;right:50%;top:100%;transform:translate(50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;color:#000;transform-origin:center right}._bottom_19lnt_66{position:absolute;width:auto;top:calc(100% + 10px);right:50%;height:fit-content;transform:translate(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:10px;margin:0;z-index:10;color:#000}._bottom_19lnt_66:after{content:"";z-index:-1;right:50%;bottom:100%;transform:translate(50%);border-width:.5em;border-style:solid;border-color:transparent;border-bottom-color:#fff;position:absolute;transform-origin:center right}._right_19lnt_97{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border-radius:4px;padding:20px;margin:0;white-space:nowrap;height:fit-content;color:#000;z-index:10}._right_19lnt_97:after{content:"";z-index:-1;right:100%;top:50%;color:#000;transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:#fff;position:absolute;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transform-origin:center right}._AppliedFiltersContainer_s8ooe_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:row;align-items:start}._AppliedFiltersContainer_s8ooe_2 ._AppliedFilterContent_s8ooe_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}._checkboxContainer_zld97_2{display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;cursor:pointer}._checkboxContainer_zld97_2 input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:1px;background-color:#fff;cursor:pointer}._container_15vgv_2{padding-top:15px;font-size:14px}._container_15vgv_2 span{font-size:14px}._container_15vgv_2 ._unitLabel_15vgv_9{height:40px}._container_15vgv_2 ._slider_15vgv_12{height:6px;background-color:#ddd;border-radius:3px;position:relative}._container_15vgv_2 ._thumb_15vgv_18{height:20px;width:20px;background-color:#605b56;border-radius:50%;cursor:grab;top:-7px;position:absolute}._container_15vgv_2 ._track_15vgv_27{top:0;bottom:0;background:#605b56;border-radius:3px}._container_15vgv_2 ._labels_15vgv_33{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 label,._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input{cursor:pointer;font-size:14px}._tematicalFiltersInputContainer_1vm1r_2 ._inputTypeContainer_1vm1r_2 input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:background-color .2s ease;cursor:pointer;vertical-align:middle}._tematicalFiltersInputContainer_1vm1r_2 ._checkboxContainer_1vm1r_28{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flex-start;gap:14px}._tematicalFiltersInputContainer_1vm1r_2 ._absoluteSliderContainer_1vm1r_37{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:flex-start}._FiltersAmbitContainer_6o4gt_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitTitle_6o4gt_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitDescription_6o4gt_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_6o4gt_2 ._FiltersAmbitHeader_6o4gt_7 ._FiltersAmbitDescription_6o4gt_22 ._FiltersAmbitDescriptionTitle_6o4gt_33{font-size:18px;font-weight:600}._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_lw8gx_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._indicatorNameContainer_lw8gx_11{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center;gap:10px}._indicatorContainer_lw8gx_2 ._dot_lw8gx_20{border-radius:100px;width:16px;height:16px}._indicatorContainer_lw8gx_2 ._indicatorName_lw8gx_11{cursor:pointer;font-weight:400;text-align:left}._switchExternalContainer_lw8gx_31{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:20px 0 0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40{margin:0;width:100%}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44{gap:20px;display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:column;align-items:start;margin:0 0 20px 23px}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:10px;cursor:pointer}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._customRadious_lw8gx_65{width:16px;height:16px;border-radius:100px;border:1px solid;padding:0}._switchExternalContainer_lw8gx_31 ._switchType_lw8gx_40 ._switchTypeOptions_lw8gx_44 ._optionContainer_lw8gx_55 ._optionText_lw8gx_72{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_1of0g_2{position:relative;width:fit-content}._currentLang_1of0g_7{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_1of0g_7 ._arrow_1of0g_19{width:10px}._currentLang_1of0g_7 ._prevImg_1of0g_22{width:20px}._langMenu_1of0g_26{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_1of0g_26 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_1of0g_26 button:first-child{border-radius:8px 8px 0 0}._langMenu_1of0g_26 button:last-child{border-radius:0 0 8px 8px}._langMenu_1of0g_26 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_atg3j_3{width:402px;background-color:#fdfdfd;color:#605b56;border:solid 1.5px #605b56;border-radius:10px;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:flexStart;padding:20px;position:relative}._legendContainer_atg3j_3 ._closeButton_atg3j_18{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_atg3j_3 ._closeButton_atg3j_18:before,._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{content:"";position:absolute;width:16px;height:2px;background-color:#333}._legendContainer_atg3j_3 ._closeButton_atg3j_18:before{transform:rotate(45deg)}._legendContainer_atg3j_3 ._closeButton_atg3j_18:after{transform:rotate(-45deg)}._legendContainer_atg3j_3 ._titleContainer_atg3j_46{border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._titleContainer_atg3j_46 h2{padding-bottom:16px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52{padding-top:20px}._legendContainer_atg3j_3 ._infoContainer_atg3j_52 ul li{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:center}._legendContainer_atg3j_3 ._titleLegendList_atg3j_63{font-size:20px;padding-bottom:20px;margin-bottom:20px;margin-top:30px;border-bottom:solid 1.5px #605b56}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70{display:grid;grid-template-columns:auto;column-gap:20px;row-gap:15px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._gridContainer_atg3j_70 ._elementLegendContainer_atg3j_76 ._colorDot_atg3j_82{width:22px;height:22px;border-radius:50%;margin-right:10px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88{position:relative}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueColor_atg3j_91{height:130px;width:22px;border-radius:20px}._legendContainer_atg3j_3 ._legendListContainer_atg3j_70 ._absoluteValueContainer_atg3j_88 ._absoluteValueText_atg3j_96{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_atg3j_3 ._moreInfoContainer_atg3j_108{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_1gd6w_2 ._title_1gd6w_2{font-weight:600}._sectionBar_1egwc_2{height:70px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid black;transition:width .3s ease}._leftContent_1egwc_14{display:flex;align-items:center;gap:12px}._textContainer_1egwc_20{display:flex;flex-direction:row;align-items:center;gap:8px}._title_1egwc_27{font-size:16px;font-weight:600;color:#000}._subtitle_1egwc_33{font-size:16px;color:#000}._rightContent_1egwc_38{display:flex;align-items:center;gap:8px}._slider_a19yo_2{position:absolute;padding:5px 20px;right:150px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;top:188px;transition:all .5s ease-out}._slider_a19yo_2 ._playButton_a19yo_17,._slider_a19yo_2 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._slider_a19yo_2 ._playButton_a19yo_17 img{height:30px;width:30px}._sliderOpen_a19yo_28{right:490px}._sliderResults_a19yo_32{position:absolute;top:75px;right:430px;padding:5px 20px;border:1px solid;border-radius:10px;display:flex;gap:20px;color:#605b56;justify-content:center;align-items:center;background-color:#fff;transition:all .5s ease-out}._sliderResults_a19yo_32 ._playButton_a19yo_17,._sliderResults_a19yo_32 ._playButton_a19yo_17._hover_a19yo_20{background-color:transparent!important}._sliderResults_a19yo_32 ._playButton_a19yo_17 img{height:30px;width:30px}._TopNavMenuContainer_15agj_2{display:flex;flex-wrap:nowrap;justify-content:start;gap:0;flex-direction:row;align-items:start;width:fit-content;gap:80px}._TopNavMenuContainer_15agj_2 ._topNavOptions_15agj_12{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center}._TopNavMenuContainer_15agj_2 ._active_15agj_23{border-bottom:5px solid white}._UserMenuTrigger_uglss_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._header_t7qdl_2{width:100%;display:flex;align-items:center;position:relative;padding:0 16px;background-color:#fff;border-bottom:1px solid black;z-index:10}._header_t7qdl_2 ._leftComponents_t7qdl_12,._header_t7qdl_2 ._centerComponents_t7qdl_13,._header_t7qdl_2 ._rightComponents_t7qdl_14{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_t7qdl_2 ._leftComponents_t7qdl_12{left:16px}._header_t7qdl_2 ._centerComponents_t7qdl_13{left:50%;transform:translate(-50%)}._header_t7qdl_2 ._rightComponents_t7qdl_14{right:16px}._sidebar_1jqo2_2{position:fixed;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_1jqo2_16{border-left:1px solid #ddd}._content_1jqo2_20{position:relative;padding:20px;height:100%}._closeButton_1jqo2_26{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer;color:#333;transition:color .2s ease}._closeButton_1jqo2_26:hover{color:#000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
-
import { jsxs as m, jsx as
|
|
3
|
-
import Z, { useState as
|
|
2
|
+
import { jsxs as m, jsx as o, Fragment as qe } from "react/jsx-runtime";
|
|
3
|
+
import Z, { useState as F, useEffect as B, useMemo as te, useLayoutEffect as Ke, useRef as me } from "react";
|
|
4
4
|
import e from "prop-types";
|
|
5
5
|
import { useTranslation as k, Trans as ge } from "react-i18next";
|
|
6
6
|
import { motion as Ce } from "framer-motion";
|
|
@@ -35,10 +35,10 @@ const ct = "_ambitSelector_mcunf_2", dt = "_header_mcunf_13", pt = "_nameDateCon
|
|
|
35
35
|
}, xt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Eliminar'%3e%3ccircle%20id='Ellipse%20220'%20cx='15.5106'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M20.8581%2010.5548H17.5491V10.4015C17.5491%209.17493%2016.6257%208.255%2015.4714%208.255C14.3171%208.255%2013.3167%209.17493%2013.3167%2010.4015V10.5548H10.0846C9.69985%2010.5548%209.46899%2010.7848%209.46899%2011.1681C9.46899%2011.5514%209.69985%2011.7814%2010.0846%2011.7814H10.2385V21.2106C10.2385%2022.3605%2011.162%2023.3571%2012.3932%2023.3571H18.5495C19.7038%2023.3571%2020.7042%2022.4372%2020.7042%2021.2106V11.7047H20.9351C21.2429%2011.7047%2021.5507%2011.4747%2021.5507%2011.0914C21.5507%2010.7081%2021.1659%2010.5548%2020.8581%2010.5548ZM14.471%2010.4015C14.471%209.86488%2014.9327%209.40491%2015.4714%209.40491C16.01%209.40491%2016.3948%209.86488%2016.3948%2010.4015V10.5548H14.471V10.4015ZM16.3948%2018.8342V15.0011C16.3948%2014.6178%2016.6257%2014.3878%2017.0104%2014.3878C17.3952%2014.3878%2017.6261%2014.6178%2017.6261%2015.0011V18.8342C17.6261%2019.1408%2017.3952%2019.4474%2017.0104%2019.4474C16.6257%2019.4474%2016.3948%2019.1408%2016.3948%2018.8342ZM13.3167%2018.8342V15.0011C13.3167%2014.6178%2013.5475%2014.3878%2013.9323%2014.3878C14.3171%2014.3878%2014.5479%2014.6178%2014.5479%2015.0011V18.8342C14.5479%2019.1408%2014.3171%2019.4474%2013.9323%2019.4474C13.5475%2019.4474%2013.3167%2019.1408%2013.3167%2018.8342Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", wt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209259'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.3062'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203973'%3e%3cg%20id='Rectangle%20495'%3e%3cmask%20id='path-2-inside-1_4451_10560'%20fill='white'%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'/%3e%3c/mask%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'%20stroke='%23605B56'%20stroke-width='3'%20mask='url(%23path-2-inside-1_4451_10560)'/%3e%3c/g%3e%3cg%20id='Group%203972'%3e%3crect%20id='Rectangle%20496'%20x='7.2041'%20y='10.9042'%20width='12.8'%20height='12.8'%20rx='1'%20fill='%23605B56'/%3e%3cpath%20id='+'%20d='M16.3785%2018.0509H14.3838V20.0776H12.9331V18.0509H10.9385V16.6749H12.9331V14.6376H14.3838V16.6749H16.3785V18.0509Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", kt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209260'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M8.20744%208.70422C7.34769%208.70422%206.88873%209.71735%207.45568%2010.3637L13.3518%2017.085C13.5118%2017.2675%2013.6%2017.5018%2013.6%2017.7445V23.2443C13.6%2023.6283%2013.8199%2023.9783%2014.1658%2024.1451L15.9658%2025.0128C16.6297%2025.3329%2017.4%2024.8491%2017.4%2024.112V17.7445C17.4%2017.5018%2017.4882%2017.2675%2017.6482%2017.085L23.5443%2010.3637C24.1113%209.71735%2023.6523%208.70422%2022.7926%208.70422H8.20744Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", Nt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%206725'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.7148'%20r='14.3521'%20stroke='%23605B56'%20stroke-opacity='0.5'%20stroke-width='1.5'/%3e%3cg%20id='Group%206724'%3e%3cpath%20id='Vector'%20d='M17.4114%2023.3302C17.4114%2024.5419%2016.4269%2027.4724%2015.2126%2027.4724C13.9982%2027.4724%2013.0137%2024.5419%2013.0137%2023.3302C13.0137%2022.7483%2013.2453%2022.1902%2013.6577%2021.7787C14.0701%2021.3673%2014.6294%2021.1361%2015.2126%2021.1361C15.7957%2021.1361%2016.355%2021.3673%2016.7674%2021.7787C17.1798%2022.1902%2017.4114%2022.7483%2017.4114%2023.3302Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union'%20d='M15.2919%2020.6088H11.2899L11.289%2020.6078C10.6273%2020.7718%209.36856%2021.3396%209.39931%2023.2845C9.39931%2023.2845%207.41254%2021.7976%208.17372%2019.0179L8.25575%2018.7445C8.59675%2017.7118%209.66004%2016.7306%2010.7714%2016.2435C10.7337%2012.8666%2011.5045%208.19644%2015.2919%204.724V20.6088ZM10.6835%2017.4164C10.5323%2017.5091%2010.3819%2017.6125%2010.2372%2017.7279C9.77215%2018.099%209.43634%2018.5195%209.26747%2018.8988L9.20595%2019.058C8.95666%2019.8145%208.9632%2020.4347%209.07607%2020.9291C9.34144%2020.5645%209.66233%2020.2832%209.9999%2020.0746C10.2365%2019.9284%2010.4715%2019.8251%2010.6835%2019.7494V17.4164Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union_2'%20d='M15.293%204.724C19.0931%208.20817%2019.8548%2012.8981%2019.8115%2016.2777C20.8629%2016.7859%2021.8411%2017.7218%2022.165%2018.7045C23.1398%2021.6599%2021.0225%2023.2445%2021.0225%2023.2445C21.051%2021.4361%2019.9648%2020.8184%2019.2803%2020.6088H15.293V4.724ZM19.7676%2017.3949C19.7586%2017.5313%2019.7493%2017.6646%2019.7383%2017.7943V19.7094C19.9502%2019.7851%2020.1854%2019.8884%2020.4219%2020.0345C20.7595%2020.2432%2021.0794%2020.5253%2021.3447%2020.89C21.4466%2020.444%2021.4627%2019.8956%2021.2812%2019.2367L21.2148%2019.0179C21.0772%2018.6004%2020.7157%2018.1118%2020.1846%2017.6879C20.0493%2017.58%2019.9088%2017.4829%2019.7676%2017.3949Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cg%20id='Vector_2'%3e%3cpath%20d='M12.541%208.28445C12.541%208.28445%2014.8218%209.81829%2018.0434%208.28445C18.0434%208.28445%2016.9978%206.03912%2015.2919%204.61267C15.2919%204.61267%2013.7894%205.92343%2012.541%208.28445Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M15.3057%205.29626C15.9532%205.9116%2016.4918%206.63792%2016.8867%207.2533C17.0801%207.55466%2017.2355%207.82605%2017.3516%208.03748C16.0573%208.54342%2014.966%208.52427%2014.1807%208.36951C13.781%208.29074%2013.4584%208.17533%2013.2266%208.07556C13.7607%207.14513%2014.32%206.40895%2014.7646%205.88806C14.9759%205.64056%2015.1621%205.44302%2015.3057%205.29626Z'%20stroke='%23605B56'%20stroke-opacity='0.5'/%3e%3c/g%3e%3cpath%20id='Vector_3'%20d='M17.6984%2012.9862C17.6985%2013.4539%2017.5596%2013.9111%2017.2993%2014.3001C17.039%2014.689%2016.669%2014.9922%2016.236%2015.1712C15.803%2015.3503%2015.3265%2015.3972%2014.8668%2015.3061C14.4071%2015.2149%2013.9848%2014.9898%2013.6533%2014.6591C13.3218%2014.3285%2013.0961%2013.9072%2013.0046%2013.4485C12.9131%2012.9898%2012.96%2012.5143%2013.1393%2012.0822C13.3186%2011.6501%2013.6224%2011.2808%2014.0121%2011.021C14.4018%2010.7611%2014.86%2010.6224%2015.3287%2010.6224C15.957%2010.6224%2016.5597%2010.8715%2017.004%2011.3147C17.4484%2011.758%2017.6982%2012.3593%2017.6984%2012.9862Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_4'%20d='M17.1358%2013.0038C17.1358%2013.36%2017.0299%2013.7083%2016.8316%2014.0045C16.6332%2014.3007%2016.3513%2014.5316%2016.0214%2014.6679C15.6916%2014.8042%2015.3286%2014.8399%2014.9784%2014.7704C14.6282%2014.7009%2014.3066%2014.5294%2014.0541%2014.2774C13.8017%2014.0255%2013.6297%2013.7046%2013.5601%2013.3552C13.4904%2013.0058%2013.5262%2012.6436%2013.6628%2012.3145C13.7994%2011.9853%2014.0308%2011.704%2014.3277%2011.5061C14.6245%2011.3082%2014.9736%2011.2025%2015.3306%2011.2025C15.8094%2011.2025%2016.2685%2011.3923%2016.6071%2011.7301C16.9456%2012.0679%2017.1358%2012.526%2017.1358%2013.0038Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_5'%20d='M16.7061%2013.2093C16.6508%2013.2093%2016.5978%2013.1874%2016.5588%2013.1485C16.5197%2013.1095%2016.4978%2013.0566%2016.4978%2013.0015C16.4974%2012.7236%2016.3866%2012.4572%2016.1897%2012.2607C15.9928%2012.0642%2015.7258%2011.9537%2015.4473%2011.9533C15.4175%2011.9582%2015.3869%2011.9566%2015.3578%2011.9485C15.3287%2011.9405%2015.3017%2011.9262%2015.2786%2011.9067C15.2556%2011.8872%2015.237%2011.8629%2015.2244%2011.8356C15.2117%2011.8082%2015.2051%2011.7784%2015.2051%2011.7482C15.2051%2011.7181%2015.2117%2011.6883%2015.2244%2011.6609C15.237%2011.6336%2015.2556%2011.6093%2015.2786%2011.5898C15.3017%2011.5703%2015.3287%2011.556%2015.3578%2011.5479C15.3869%2011.5399%2015.4175%2011.5383%2015.4473%2011.5432C15.8348%2011.5435%2016.2063%2011.6973%2016.4803%2011.9707C16.7543%2012.2441%2016.9084%2012.6148%2016.9088%2013.0015C16.9088%2013.0557%2016.8876%2013.1077%2016.8498%2013.1465C16.8119%2013.1854%2016.7603%2013.2079%2016.7061%2013.2093Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_6'%20d='M16.8082%2013.6607C16.8082%2013.7106%2016.7934%2013.7594%2016.7656%2013.8008C16.7378%2013.8423%2016.6984%2013.8746%2016.6522%2013.8937C16.606%2013.9128%2016.5552%2013.9178%2016.5062%2013.9081C16.4571%2013.8983%2016.4121%2013.8743%2016.3768%2013.8391C16.3414%2013.8038%2016.3173%2013.7589%2016.3076%2013.7099C16.2978%2013.661%2016.3028%2013.6103%2016.322%2013.5642C16.3411%2013.5182%2016.3735%2013.4788%2016.4151%2013.4511C16.4566%2013.4234%2016.5055%2013.4086%2016.5555%2013.4086C16.6225%2013.4086%2016.6868%2013.4351%2016.7342%2013.4824C16.7816%2013.5297%2016.8082%2013.5939%2016.8082%2013.6607Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_7'%20d='M15.6008%2016.0612C15.5633%2016.0097%2015.5141%2015.9677%2015.4573%2015.9388C15.4005%2015.9099%2015.3376%2015.8949%2015.2738%2015.8949H15.1898C15.126%2015.8948%2015.0631%2015.9099%2015.0062%2015.9388C14.9494%2015.9677%2014.9002%2016.0096%2014.8627%2016.0612C14.8627%2016.0612%2013.6074%2017.4973%2014.1816%2021.0915C14.4989%2023.0777%2015.2314%2023.6694%2015.2314%2023.6694C15.2314%2023.6694%2015.9639%2023.0777%2016.2819%2021.0915C16.8561%2017.4973%2015.6008%2016.0612%2015.6008%2016.0612Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_8'%20d='M15.1468%2015.8949C15.083%2015.8948%2015.0201%2015.9099%2014.9632%2015.9388C14.9064%2015.9677%2014.8572%2016.0096%2014.8198%2016.0612C14.8198%2016.0612%2013.5645%2017.4973%2014.1387%2021.0915C14.456%2023.0777%2015.1884%2023.6694%2015.1884%2023.6694V15.8949H15.1468Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", St = "data:image/svg+xml,%3csvg%20width='26'%20height='14'%20viewBox='0%200%2026%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205138'%3e%3cpath%20id='Vector'%20d='M12.95%200.408447C7.659%200.408447%202.84899%202.77185%200.0832465%206.72621C-0.0277488%206.88808%20-0.0277488%207.09621%200.0832465%207.25807C2.84439%2011.2125%207.65437%2013.5712%2012.95%2013.5712C18.2456%2013.5712%2023.0556%2011.2125%2025.8168%207.25807C25.9278%207.0962%2025.9278%206.88807%2025.8168%206.72621C23.051%202.77184%2018.241%200.408447%2012.95%200.408447ZM12.95%2011.2217C10.619%2011.2217%208.71812%209.32083%208.71812%206.98984C8.71812%204.65885%2010.619%202.75796%2012.95%202.75796C15.281%202.75796%2017.1819%204.65883%2017.1819%206.98984C17.1819%209.32085%2015.281%2011.2217%2012.95%2011.2217Z'%20fill='%23B32F5D'/%3e%3cpath%20id='Vector_2'%20d='M12.9514%2010.2966C14.7777%2010.2966%2016.2583%208.81607%2016.2583%206.98974C16.2583%205.1634%2014.7777%203.68286%2012.9514%203.68286C11.1251%203.68286%209.64453%205.1634%209.64453%206.98974C9.64453%208.81607%2011.1251%2010.2966%2012.9514%2010.2966Z'%20fill='%23B32F5D'/%3e%3c/g%3e%3c/svg%3e", Tt = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%200%2026%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%205207'%3e%3cpath%20id='Vector'%20d='M12.9837%206.40625C11.1707%206.40625%209.69531%207.88162%209.69531%209.69462C9.69531%2010.0276%209.74618%2010.3514%209.83869%2010.652C9.93579%2010.9711%2010.0792%2011.2718%2010.2642%2011.54L14.8291%206.97512C14.5562%206.79013%2014.2602%206.64676%2013.9411%206.54962C13.6404%206.45712%2013.3167%206.40625%2012.9837%206.40625Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_2'%20d='M19.4938%204.44079C19.318%204.36678%2019.1191%204.40841%2018.985%204.53792L16.3534%207.16955V7.17415C16.543%207.42855%2016.7049%207.70604%2016.8344%208.00204C17.0656%208.52004%2017.1905%209.09354%2017.1905%209.69478C17.1905%2012.0165%2015.3035%2013.9035%2012.9818%2013.9035C12.3805%2013.9035%2011.807%2013.7787%2011.289%2013.5474C10.993%2013.4179%2010.7155%2013.256%2010.4611%2013.0664H10.4565L8.52788%2014.995C8.41225%2015.1153%208.36601%2015.2864%208.41225%2015.4437C8.45389%2015.6055%208.57875%2015.7304%208.74063%2015.772C10.0958%2016.1189%2011.511%2016.2947%2012.9494%2016.2947C18.245%2016.2947%2023.055%2013.9359%2025.8161%209.98153C25.9271%209.82429%2025.9271%209.61153%2025.8161%209.45427C24.2991%207.27591%2022.1115%205.54154%2019.4938%204.44079Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_3'%20d='M12.9843%2012.979C14.7973%2012.979%2016.268%2011.5082%2016.268%209.6952C16.268%209.35295%2016.2171%209.0292%2016.12%208.71933C16.0229%208.4002%2015.8749%208.10419%2015.6899%207.83594L11.125%2012.4008C11.3933%2012.5858%2011.6893%2012.7338%2012.0084%2012.831C12.3183%2012.9281%2012.6466%2012.979%2012.9843%2012.979Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_4'%20d='M9.12048%2011.3694C8.89386%2010.856%208.769%2010.2918%208.769%209.69516C8.769%207.3734%2010.656%205.48178%2012.9824%205.48178C13.579%205.48178%2014.1433%205.60667%2014.6566%205.83329C14.9526%205.95815%2015.2347%206.12004%2015.4891%206.31428L17.3808%204.42267L21.0114%200.792026C21.1918%200.611646%2021.1918%200.315664%2021.0114%200.135285C20.831%20-0.0450949%2020.535%20-0.0450949%2020.3546%200.135285L16.8951%203.59478C15.6186%203.28491%2014.2959%203.13228%2012.95%203.13228C7.65437%203.13228%202.84439%205.49565%200.0832465%209.45464C-0.0277488%209.61191%20-0.0277488%209.82467%200.0832465%209.9819C1.48001%2011.9845%203.44563%2013.6079%205.78125%2014.7087L3.37162%2017.1183C3.19127%2017.2986%203.19127%2017.5947%203.37162%2017.775C3.46412%2017.8629%203.57975%2017.9091%203.7%2017.9091C3.82026%2017.9091%203.93588%2017.8629%204.02839%2017.775L9.60151%2012.2019C9.40727%2011.9429%209.24536%2011.6654%209.12048%2011.3694Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3c/g%3e%3c/svg%3e", Le = ({
|
|
36
36
|
ambit: i,
|
|
37
37
|
onClickCopy: d,
|
|
38
|
-
onClickDelete:
|
|
38
|
+
onClickDelete: s,
|
|
39
39
|
onClickFilters: n,
|
|
40
40
|
onClickAmbit: t,
|
|
41
|
-
isActive:
|
|
41
|
+
isActive: r,
|
|
42
42
|
activeColor: l,
|
|
43
43
|
fontColor: a,
|
|
44
44
|
moreInfo: c
|
|
@@ -52,22 +52,22 @@ const ct = "_ambitSelector_mcunf_2", dt = "_header_mcunf_13", pt = "_nameDateCon
|
|
|
52
52
|
children: [
|
|
53
53
|
/* @__PURE__ */ m("div", { className: H.ambitNameDate, onClick: () => t(h), children: [
|
|
54
54
|
/* @__PURE__ */ m("div", { className: H.ambitName, children: [
|
|
55
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ o(
|
|
56
56
|
"img",
|
|
57
57
|
{
|
|
58
58
|
style: { marginRight: 9 },
|
|
59
|
-
src:
|
|
59
|
+
src: r ? St : Tt
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ o("span", { style: { color: r ? l : a }, children: p })
|
|
63
63
|
] }),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ o("div", { className: H.ambitDate, children: new Date(u).toLocaleDateString() })
|
|
65
65
|
] }),
|
|
66
66
|
/* @__PURE__ */ m("div", { className: H.ambitButtons, children: [
|
|
67
|
-
g && /* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */
|
|
67
|
+
g && /* @__PURE__ */ o("img", { src: Nt }),
|
|
68
|
+
/* @__PURE__ */ o("button", { onClick: () => n(h), children: /* @__PURE__ */ o("img", { src: kt }) }),
|
|
69
|
+
/* @__PURE__ */ o("button", { onClick: () => d(h), children: /* @__PURE__ */ o("img", { src: wt }) }),
|
|
70
|
+
/* @__PURE__ */ o("button", { onClick: () => s(h), children: /* @__PURE__ */ o("img", { src: xt }) })
|
|
71
71
|
] })
|
|
72
72
|
]
|
|
73
73
|
}
|
|
@@ -96,23 +96,23 @@ const ve = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
96
96
|
}, Fe = ({
|
|
97
97
|
children: i,
|
|
98
98
|
onClick: d,
|
|
99
|
-
fontColor:
|
|
99
|
+
fontColor: s,
|
|
100
100
|
borderColor: n
|
|
101
|
-
}) => /* @__PURE__ */
|
|
101
|
+
}) => /* @__PURE__ */ o(
|
|
102
102
|
"button",
|
|
103
103
|
{
|
|
104
104
|
className: Lt.generalButton,
|
|
105
|
-
style: { color:
|
|
105
|
+
style: { color: s, border: `1.5px solid ${n}` },
|
|
106
106
|
onClick: d,
|
|
107
107
|
children: i
|
|
108
108
|
}
|
|
109
109
|
), Ft = ({
|
|
110
110
|
ambitList: i,
|
|
111
111
|
activeAmbitId: d,
|
|
112
|
-
fontColor:
|
|
112
|
+
fontColor: s = "#605B56",
|
|
113
113
|
activeColor: n,
|
|
114
114
|
nameLabel: t,
|
|
115
|
-
dateLabel:
|
|
115
|
+
dateLabel: r,
|
|
116
116
|
newAmbitLabel: l = "New field",
|
|
117
117
|
buttonContainerStyles: a = {},
|
|
118
118
|
containerStyles: c = {},
|
|
@@ -120,13 +120,13 @@ const ve = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
120
120
|
onClickCopy: u = (C) => console.log(`Copy ambit: ${C}`),
|
|
121
121
|
onCLickDelete: h = (C) => console.log(`Delete ambit: ${C}`),
|
|
122
122
|
onClickFilters: g = (C) => console.log(`Filters clicked: ${C}`),
|
|
123
|
-
onClickAmbit:
|
|
123
|
+
onClickAmbit: y = (C) => console.log(`OnCLickAmbit: ${C}`)
|
|
124
124
|
}) => {
|
|
125
|
-
const { t: C } = k(), [b, v] =
|
|
126
|
-
|
|
125
|
+
const { t: C } = k(), [b, v] = F(i);
|
|
126
|
+
B(() => {
|
|
127
127
|
i && v(i);
|
|
128
128
|
}, [i]);
|
|
129
|
-
const
|
|
129
|
+
const f = (_) => {
|
|
130
130
|
if (b && b.length > 0) {
|
|
131
131
|
let w = [...b];
|
|
132
132
|
w.sort((x, N) => x[_].localeCompare(N[_])), v(w);
|
|
@@ -136,43 +136,43 @@ const ve = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
136
136
|
"div",
|
|
137
137
|
{
|
|
138
138
|
className: R.ambitSelector,
|
|
139
|
-
style: { color:
|
|
139
|
+
style: { color: s, ...c },
|
|
140
140
|
children: [
|
|
141
141
|
/* @__PURE__ */ m(
|
|
142
142
|
"div",
|
|
143
143
|
{
|
|
144
144
|
className: R.header,
|
|
145
|
-
style: { borderBottom: `1px solid ${
|
|
145
|
+
style: { borderBottom: `1px solid ${s}` },
|
|
146
146
|
children: [
|
|
147
147
|
/* @__PURE__ */ m("div", { className: R.nameDateContainer, children: [
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
/* @__PURE__ */
|
|
150
|
-
/* @__PURE__ */
|
|
148
|
+
/* @__PURE__ */ o("div", { className: R.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => f("name"), children: [
|
|
149
|
+
/* @__PURE__ */ o("span", { children: C(t) }),
|
|
150
|
+
/* @__PURE__ */ o("img", { src: ve })
|
|
151
151
|
] }) }),
|
|
152
|
-
/* @__PURE__ */
|
|
153
|
-
/* @__PURE__ */
|
|
154
|
-
/* @__PURE__ */
|
|
152
|
+
/* @__PURE__ */ o("div", { className: R.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => f("date"), children: [
|
|
153
|
+
/* @__PURE__ */ o("span", { children: C(r) }),
|
|
154
|
+
/* @__PURE__ */ o("img", { src: ve })
|
|
155
155
|
] }) })
|
|
156
156
|
] }),
|
|
157
|
-
/* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ o("div", { className: R.buttonsContainer })
|
|
158
158
|
]
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ o("div", { className: R.ambitListContainer, children: b && b.length > 0 && b.map((_) => /* @__PURE__ */ o(
|
|
162
162
|
Le,
|
|
163
163
|
{
|
|
164
164
|
isActive: d == _.id,
|
|
165
165
|
ambit: _,
|
|
166
|
-
fontColor:
|
|
166
|
+
fontColor: s,
|
|
167
167
|
activeColor: n,
|
|
168
168
|
onClickCopy: u,
|
|
169
169
|
onClickDelete: h,
|
|
170
170
|
onClickFilters: g,
|
|
171
|
-
onClickAmbit:
|
|
171
|
+
onClickAmbit: y
|
|
172
172
|
},
|
|
173
173
|
`ambitKey${_.id}`
|
|
174
174
|
)) }),
|
|
175
|
-
/* @__PURE__ */
|
|
175
|
+
/* @__PURE__ */ o("div", { className: R.newAmbitButtonContainer, children: /* @__PURE__ */ o(
|
|
176
176
|
Fe,
|
|
177
177
|
{
|
|
178
178
|
style: { ...a },
|
|
@@ -219,9 +219,9 @@ const Bt = "_buttonsContainer_1audx_2", Dt = "_vertical_1audx_6", $t = "_horizon
|
|
|
219
219
|
top: Vt,
|
|
220
220
|
bottom: jt,
|
|
221
221
|
right: zt
|
|
222
|
-
}, Be = ({ text: i, position: d, styleCustom:
|
|
222
|
+
}, Be = ({ text: i, position: d, styleCustom: s = null }) => {
|
|
223
223
|
const { t: n } = k();
|
|
224
|
-
return /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ o("div", { className: `tooltip ${Pt[d]}`, style: s, children: n(i) });
|
|
225
225
|
};
|
|
226
226
|
Be.propTypes = {
|
|
227
227
|
text: e.string.isRequired,
|
|
@@ -231,13 +231,13 @@ Be.propTypes = {
|
|
|
231
231
|
const Et = ({
|
|
232
232
|
buttons: i = [],
|
|
233
233
|
orientation: d = "horizontal",
|
|
234
|
-
showName:
|
|
234
|
+
showName: s = !0,
|
|
235
235
|
namePosition: n = "right",
|
|
236
236
|
useTooltip: t = !1,
|
|
237
|
-
tooltipPosition:
|
|
237
|
+
tooltipPosition: r = "top"
|
|
238
238
|
}) => {
|
|
239
239
|
const { t: l } = k();
|
|
240
|
-
return /* @__PURE__ */
|
|
240
|
+
return /* @__PURE__ */ o(
|
|
241
241
|
"div",
|
|
242
242
|
{
|
|
243
243
|
className: `${V.buttonsContainer} ${d === "vertical" && V.vertical}
|
|
@@ -248,23 +248,23 @@ const Et = ({
|
|
|
248
248
|
activeIcon: u,
|
|
249
249
|
isActive: h,
|
|
250
250
|
name: g,
|
|
251
|
-
onClick:
|
|
251
|
+
onClick: y
|
|
252
252
|
} = a, C = /* @__PURE__ */ m(qe, { children: [
|
|
253
|
-
|
|
254
|
-
/* @__PURE__ */
|
|
255
|
-
|
|
253
|
+
s && n === "left" && /* @__PURE__ */ o("span", { className: V.buttonName, children: l(g) }),
|
|
254
|
+
/* @__PURE__ */ o("img", { src: h ? u : p, alt: l(g) }),
|
|
255
|
+
s && n === "right" && /* @__PURE__ */ o("span", { className: V.buttonName, children: l(g) })
|
|
256
256
|
] });
|
|
257
257
|
return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
258
|
-
/* @__PURE__ */
|
|
258
|
+
/* @__PURE__ */ o(
|
|
259
259
|
"button",
|
|
260
260
|
{
|
|
261
|
-
onClick:
|
|
261
|
+
onClick: y,
|
|
262
262
|
className: `${V.button}
|
|
263
263
|
${h && V.active}`,
|
|
264
264
|
children: C
|
|
265
265
|
}
|
|
266
266
|
),
|
|
267
|
-
t && /* @__PURE__ */
|
|
267
|
+
t && /* @__PURE__ */ o(Be, { text: g, position: r })
|
|
268
268
|
] }, c);
|
|
269
269
|
})
|
|
270
270
|
}
|
|
@@ -293,10 +293,10 @@ const qt = "_indicatorsCategory_1cu33_2", Kt = "_title_1cu33_5", oe = {
|
|
|
293
293
|
}, P = ({
|
|
294
294
|
isOpen: i,
|
|
295
295
|
onClick: d,
|
|
296
|
-
children:
|
|
296
|
+
children: s,
|
|
297
297
|
color: n,
|
|
298
298
|
activeColor: t = "#F8A925",
|
|
299
|
-
title:
|
|
299
|
+
title: r = "Title",
|
|
300
300
|
//Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
|
|
301
301
|
height: l = 53,
|
|
302
302
|
//Adjust height if you change fontSize
|
|
@@ -328,12 +328,12 @@ const qt = "_indicatorsCategory_1cu33_2", Kt = "_title_1cu33_5", oe = {
|
|
|
328
328
|
className: `${oe.title}`,
|
|
329
329
|
onClick: d,
|
|
330
330
|
children: [
|
|
331
|
-
/* @__PURE__ */
|
|
332
|
-
/* @__PURE__ */
|
|
331
|
+
/* @__PURE__ */ o("span", { style: { color: i ? t : n }, children: i ? "-" : "+" }),
|
|
332
|
+
/* @__PURE__ */ o("span", { style: { marginLeft: 12, color: i ? t : n }, children: u(r) })
|
|
333
333
|
]
|
|
334
334
|
}
|
|
335
335
|
),
|
|
336
|
-
/* @__PURE__ */
|
|
336
|
+
/* @__PURE__ */ o("div", { className: oe.content, children: s })
|
|
337
337
|
]
|
|
338
338
|
}
|
|
339
339
|
);
|
|
@@ -349,7 +349,7 @@ P.propTypes = {
|
|
|
349
349
|
showBottomBar: e.bool,
|
|
350
350
|
titleFontStyles: e.object
|
|
351
351
|
};
|
|
352
|
-
const ho = () => /* @__PURE__ */
|
|
352
|
+
const ho = () => /* @__PURE__ */ o("div", { children: "EditAmbit" }), Zt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", Ut = "_AppliedFiltersContainer_s8ooe_2", Ht = "_AppliedFilterContent_s8ooe_10", _e = {
|
|
353
353
|
AppliedFiltersContainer: Ut,
|
|
354
354
|
AppliedFilterContent: Ht
|
|
355
355
|
}, T = Ze((i) => ({
|
|
@@ -359,7 +359,7 @@ const ho = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Zt = "data
|
|
|
359
359
|
tematicalFiltersSelected: [],
|
|
360
360
|
fontColor: "#605B56",
|
|
361
361
|
inputsColor: "#605B56"
|
|
362
|
-
})), De = ({ title: i, onClick: d, isOpen:
|
|
362
|
+
})), De = ({ title: i, onClick: d, isOpen: s = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
363
363
|
const { t: l } = k(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
|
|
364
364
|
T.setState((u) => ({
|
|
365
365
|
tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
|
|
@@ -367,16 +367,16 @@ const ho = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Zt = "data
|
|
|
367
367
|
)
|
|
368
368
|
}));
|
|
369
369
|
};
|
|
370
|
-
return /* @__PURE__ */
|
|
370
|
+
return /* @__PURE__ */ o(
|
|
371
371
|
P,
|
|
372
372
|
{
|
|
373
|
-
isOpen:
|
|
373
|
+
isOpen: s,
|
|
374
374
|
onClick: d,
|
|
375
375
|
title: i ? l(i) : "Applied Filters",
|
|
376
|
-
activeColor:
|
|
377
|
-
children: /* @__PURE__ */
|
|
376
|
+
activeColor: r,
|
|
377
|
+
children: /* @__PURE__ */ o("div", { className: _e.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ m("div", { className: _e.AppliedFilterContent, style: { color: n, background: t }, children: [
|
|
378
378
|
l(p.name),
|
|
379
|
-
/* @__PURE__ */
|
|
379
|
+
/* @__PURE__ */ o("img", { src: Zt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
|
|
380
380
|
] }, u)) })
|
|
381
381
|
}
|
|
382
382
|
);
|
|
@@ -395,15 +395,15 @@ De.propTypes = {
|
|
|
395
395
|
),
|
|
396
396
|
activeColor: e.string
|
|
397
397
|
};
|
|
398
|
-
const $e = ({ title: i, onClick: d, isOpen:
|
|
398
|
+
const $e = ({ title: i, onClick: d, isOpen: s = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
399
399
|
const { t: l } = k(), { tematicalFiltersSelected: a } = T((c) => c);
|
|
400
|
-
return /* @__PURE__ */
|
|
400
|
+
return /* @__PURE__ */ o(
|
|
401
401
|
P,
|
|
402
402
|
{
|
|
403
|
-
isOpen:
|
|
403
|
+
isOpen: s,
|
|
404
404
|
onClick: d,
|
|
405
405
|
title: i ? l(i) : "Geographical Filters",
|
|
406
|
-
activeColor:
|
|
406
|
+
activeColor: r,
|
|
407
407
|
children: "A"
|
|
408
408
|
}
|
|
409
409
|
);
|
|
@@ -421,20 +421,20 @@ const Gt = "_checkboxContainer_zld97_2", Yt = {
|
|
|
421
421
|
}, Ae = ({
|
|
422
422
|
onClick: i,
|
|
423
423
|
containerStyles: d,
|
|
424
|
-
color:
|
|
424
|
+
color: s = "#605B56",
|
|
425
425
|
indicator: n,
|
|
426
426
|
value: t
|
|
427
427
|
}) => {
|
|
428
|
-
const { t:
|
|
428
|
+
const { t: r } = k(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
|
|
429
429
|
return /* @__PURE__ */ m(
|
|
430
430
|
"div",
|
|
431
431
|
{
|
|
432
|
-
style: { ...d, color:
|
|
432
|
+
style: { ...d, color: s },
|
|
433
433
|
role: "checkbox",
|
|
434
434
|
className: Yt.checkboxContainer,
|
|
435
435
|
onClick: i,
|
|
436
436
|
children: [
|
|
437
|
-
/* @__PURE__ */
|
|
437
|
+
/* @__PURE__ */ o(
|
|
438
438
|
"input",
|
|
439
439
|
{
|
|
440
440
|
type: "checkbox",
|
|
@@ -447,7 +447,7 @@ const Gt = "_checkboxContainer_zld97_2", Yt = {
|
|
|
447
447
|
}
|
|
448
448
|
}
|
|
449
449
|
),
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ o("span", { className: "checkmark", children: r(l) })
|
|
451
451
|
]
|
|
452
452
|
}
|
|
453
453
|
);
|
|
@@ -464,8 +464,8 @@ Ae.propTypes = {
|
|
|
464
464
|
checkedColor: e.string
|
|
465
465
|
};
|
|
466
466
|
function pe(i, d) {
|
|
467
|
-
return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(
|
|
468
|
-
return
|
|
467
|
+
return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, n) {
|
|
468
|
+
return s.__proto__ = n, s;
|
|
469
469
|
}, pe(i, d);
|
|
470
470
|
}
|
|
471
471
|
function Wt(i, d) {
|
|
@@ -486,15 +486,15 @@ function X(i) {
|
|
|
486
486
|
});
|
|
487
487
|
}
|
|
488
488
|
function j(i, d) {
|
|
489
|
-
return ue(function(
|
|
490
|
-
let t =
|
|
489
|
+
return ue(function(s, n) {
|
|
490
|
+
let t = s;
|
|
491
491
|
return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
|
|
492
492
|
}(i, d), d);
|
|
493
493
|
}
|
|
494
494
|
function ue(i, d) {
|
|
495
|
-
const
|
|
496
|
-
let n = i -
|
|
497
|
-
return 2 * Math.abs(
|
|
495
|
+
const s = (i - d.min) % d.step;
|
|
496
|
+
let n = i - s;
|
|
497
|
+
return 2 * Math.abs(s) >= d.step && (n += s > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
|
|
498
498
|
}
|
|
499
499
|
let he = function(i) {
|
|
500
500
|
function d(n) {
|
|
@@ -591,168 +591,168 @@ let he = function(i) {
|
|
|
591
591
|
const u = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - p) }, h = { index: a, value: W(t.state.value) };
|
|
592
592
|
return t.props.renderTrack(u, h);
|
|
593
593
|
};
|
|
594
|
-
let
|
|
595
|
-
|
|
594
|
+
let r = re(n.value);
|
|
595
|
+
r.length || (r = re(n.defaultValue)), t.pendingResizeTimeouts = [];
|
|
596
596
|
const l = [];
|
|
597
|
-
for (let a = 0; a <
|
|
598
|
-
return t.resizeObserver = null, t.resizeElementRef = Z.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value:
|
|
597
|
+
for (let a = 0; a < r.length; a += 1) r[a] = j(r[a], n), l.push(a);
|
|
598
|
+
return t.resizeObserver = null, t.resizeElementRef = Z.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
|
|
599
599
|
}
|
|
600
600
|
Wt(d, i);
|
|
601
|
-
var
|
|
602
|
-
return
|
|
601
|
+
var s = d.prototype;
|
|
602
|
+
return s.componentDidMount = function() {
|
|
603
603
|
typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
|
|
604
604
|
}, d.getDerivedStateFromProps = function(n, t) {
|
|
605
|
-
const
|
|
606
|
-
return
|
|
607
|
-
},
|
|
605
|
+
const r = re(n.value);
|
|
606
|
+
return r.length ? t.pending ? null : { value: r.map((l) => j(l, n)) } : null;
|
|
607
|
+
}, s.componentDidUpdate = function() {
|
|
608
608
|
this.state.upperBound === 0 && this.resize();
|
|
609
|
-
},
|
|
609
|
+
}, s.componentWillUnmount = function() {
|
|
610
610
|
this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
|
|
611
|
-
},
|
|
611
|
+
}, s.onEnd = function(n) {
|
|
612
612
|
n && function(t) {
|
|
613
|
-
Object.keys(t).forEach((
|
|
614
|
-
typeof document < "u" && document.removeEventListener(
|
|
613
|
+
Object.keys(t).forEach((r) => {
|
|
614
|
+
typeof document < "u" && document.removeEventListener(r, t[r], !1);
|
|
615
615
|
});
|
|
616
616
|
}(n), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
|
|
617
|
-
},
|
|
617
|
+
}, s.getValue = function() {
|
|
618
618
|
return W(this.state.value);
|
|
619
|
-
},
|
|
620
|
-
let t = Number.MAX_VALUE,
|
|
619
|
+
}, s.getClosestIndex = function(n) {
|
|
620
|
+
let t = Number.MAX_VALUE, r = -1;
|
|
621
621
|
const { value: l } = this.state, a = l.length;
|
|
622
622
|
for (let c = 0; c < a; c += 1) {
|
|
623
623
|
const p = this.calcOffset(l[c]), u = Math.abs(n - p);
|
|
624
|
-
u < t && (t = u,
|
|
624
|
+
u < t && (t = u, r = c);
|
|
625
625
|
}
|
|
626
|
-
return
|
|
627
|
-
},
|
|
626
|
+
return r;
|
|
627
|
+
}, s.getMousePosition = function(n) {
|
|
628
628
|
return [n["page" + this.axisKey()], n["page" + this.orthogonalAxisKey()]];
|
|
629
|
-
},
|
|
629
|
+
}, s.getTouchPosition = function(n) {
|
|
630
630
|
const t = n.touches[0];
|
|
631
631
|
return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
|
|
632
|
-
},
|
|
632
|
+
}, s.getKeyDownEventMap = function() {
|
|
633
633
|
return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
|
|
634
|
-
},
|
|
634
|
+
}, s.getMouseEventMap = function() {
|
|
635
635
|
return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
|
|
636
|
-
},
|
|
636
|
+
}, s.getTouchEventMap = function() {
|
|
637
637
|
return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
|
|
638
|
-
},
|
|
638
|
+
}, s.getValueFromPosition = function(n) {
|
|
639
639
|
const t = n / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
|
|
640
640
|
return j(this.state.startValue + t, this.props);
|
|
641
|
-
},
|
|
641
|
+
}, s.getDiffPosition = function(n) {
|
|
642
642
|
let t = n - this.state.startPosition;
|
|
643
643
|
return this.props.invert && (t *= -1), t;
|
|
644
|
-
},
|
|
644
|
+
}, s.resize = function() {
|
|
645
645
|
const { slider: n, thumb0: t } = this;
|
|
646
646
|
if (!n || !t) return;
|
|
647
|
-
const
|
|
647
|
+
const r = this.sizeKey(), l = n.getBoundingClientRect(), a = n[r], c = l[this.posMaxKey()], p = l[this.posMinKey()], u = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - u, g = Math.abs(c - p);
|
|
648
648
|
this.state.upperBound === h && this.state.sliderLength === g && this.state.thumbSize === u || this.setState({ upperBound: h, sliderLength: g, thumbSize: u });
|
|
649
|
-
},
|
|
649
|
+
}, s.calcOffset = function(n) {
|
|
650
650
|
const t = this.props.max - this.props.min;
|
|
651
651
|
return t === 0 ? 0 : (n - this.props.min) / t * this.state.upperBound;
|
|
652
|
-
},
|
|
652
|
+
}, s.calcValue = function(n) {
|
|
653
653
|
return n / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
|
|
654
|
-
},
|
|
655
|
-
const { slider: t } = this,
|
|
654
|
+
}, s.calcOffsetFromPosition = function(n) {
|
|
655
|
+
const { slider: t } = this, r = t.getBoundingClientRect(), l = r[this.posMaxKey()], a = r[this.posMinKey()];
|
|
656
656
|
let c = n - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
|
|
657
657
|
return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
|
|
658
|
-
},
|
|
659
|
-
const
|
|
658
|
+
}, s.forceValueFromPosition = function(n, t) {
|
|
659
|
+
const r = this.calcOffsetFromPosition(n), l = this.getClosestIndex(r), a = j(this.calcValue(r), this.props), c = this.state.value.slice();
|
|
660
660
|
c[l] = a;
|
|
661
661
|
for (let p = 0; p < c.length - 1; p += 1) if (c[p + 1] - c[p] < this.props.minDistance) return;
|
|
662
662
|
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
|
|
663
663
|
t(l), this.fireChangeEvent("onChange");
|
|
664
664
|
});
|
|
665
|
-
},
|
|
665
|
+
}, s.clearPendingResizeTimeouts = function() {
|
|
666
666
|
do {
|
|
667
667
|
const n = this.pendingResizeTimeouts.shift();
|
|
668
668
|
clearTimeout(n);
|
|
669
669
|
} while (this.pendingResizeTimeouts.length);
|
|
670
|
-
},
|
|
671
|
-
const
|
|
672
|
-
|
|
670
|
+
}, s.start = function(n, t) {
|
|
671
|
+
const r = this["thumb" + n];
|
|
672
|
+
r && r.focus();
|
|
673
673
|
const { zIndices: l } = this.state;
|
|
674
674
|
l.splice(l.indexOf(n), 1), l.push(n), this.setState((a) => ({ startValue: a.value[n], startPosition: t !== void 0 ? t : a.startPosition, index: n, zIndices: l }));
|
|
675
|
-
},
|
|
675
|
+
}, s.moveUpByStep = function(n) {
|
|
676
676
|
n === void 0 && (n = this.props.step);
|
|
677
|
-
const t = this.state.value[this.state.index],
|
|
678
|
-
this.move(Math.min(
|
|
679
|
-
},
|
|
677
|
+
const t = this.state.value[this.state.index], r = j(this.props.invert && this.props.orientation === "horizontal" ? t - n : t + n, this.props);
|
|
678
|
+
this.move(Math.min(r, this.props.max));
|
|
679
|
+
}, s.moveDownByStep = function(n) {
|
|
680
680
|
n === void 0 && (n = this.props.step);
|
|
681
|
-
const t = this.state.value[this.state.index],
|
|
682
|
-
this.move(Math.max(
|
|
683
|
-
},
|
|
684
|
-
const t = this.state.value.slice(), { index:
|
|
681
|
+
const t = this.state.value[this.state.index], r = j(this.props.invert && this.props.orientation === "horizontal" ? t + n : t - n, this.props);
|
|
682
|
+
this.move(Math.max(r, this.props.min));
|
|
683
|
+
}, s.move = function(n) {
|
|
684
|
+
const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
|
|
685
685
|
if (n === a) return;
|
|
686
686
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
687
687
|
const { pearling: c, max: p, min: u, minDistance: h } = this.props;
|
|
688
688
|
if (!c) {
|
|
689
|
-
if (
|
|
690
|
-
const g = t[
|
|
689
|
+
if (r > 0) {
|
|
690
|
+
const g = t[r - 1];
|
|
691
691
|
n < g + h && (n = g + h);
|
|
692
692
|
}
|
|
693
|
-
if (
|
|
694
|
-
const g = t[
|
|
693
|
+
if (r < l - 1) {
|
|
694
|
+
const g = t[r + 1];
|
|
695
695
|
n > g - h && (n = g - h);
|
|
696
696
|
}
|
|
697
697
|
}
|
|
698
|
-
t[
|
|
698
|
+
t[r] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, h, r), function(g, y, C, b) {
|
|
699
699
|
for (let v = 0; v < g; v += 1) {
|
|
700
|
-
const
|
|
701
|
-
|
|
700
|
+
const f = b - v * C;
|
|
701
|
+
y[g - 1 - v] > f && (y[g - 1 - v] = f);
|
|
702
702
|
}
|
|
703
|
-
}(l, t, h, p)) : n < a && (this.pushPreceding(t, h,
|
|
703
|
+
}(l, t, h, p)) : n < a && (this.pushPreceding(t, h, r), function(g, y, C, b) {
|
|
704
704
|
for (let v = 0; v < g; v += 1) {
|
|
705
|
-
const
|
|
706
|
-
|
|
705
|
+
const f = b + v * C;
|
|
706
|
+
y[v] < f && (y[v] = f);
|
|
707
707
|
}
|
|
708
708
|
}(l, t, h, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
709
|
-
},
|
|
709
|
+
}, s.pushSucceeding = function(n, t, r) {
|
|
710
710
|
let l, a;
|
|
711
|
-
for (l =
|
|
712
|
-
},
|
|
713
|
-
for (let l =
|
|
714
|
-
},
|
|
711
|
+
for (l = r, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = ue(a, this.props);
|
|
712
|
+
}, s.pushPreceding = function(n, t, r) {
|
|
713
|
+
for (let l = r, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = ue(a, this.props);
|
|
714
|
+
}, s.axisKey = function() {
|
|
715
715
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
716
|
-
},
|
|
716
|
+
}, s.orthogonalAxisKey = function() {
|
|
717
717
|
return this.props.orientation === "vertical" ? "X" : "Y";
|
|
718
|
-
},
|
|
718
|
+
}, s.posMinKey = function() {
|
|
719
719
|
return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
|
|
720
|
-
},
|
|
720
|
+
}, s.posMaxKey = function() {
|
|
721
721
|
return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
|
|
722
|
-
},
|
|
722
|
+
}, s.sizeKey = function() {
|
|
723
723
|
return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
|
|
724
|
-
},
|
|
724
|
+
}, s.fireChangeEvent = function(n) {
|
|
725
725
|
this.props[n] && this.props[n](W(this.state.value), this.state.index);
|
|
726
|
-
},
|
|
727
|
-
const
|
|
728
|
-
return
|
|
729
|
-
},
|
|
730
|
-
const
|
|
731
|
-
return
|
|
732
|
-
},
|
|
726
|
+
}, s.buildThumbStyle = function(n, t) {
|
|
727
|
+
const r = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
|
|
728
|
+
return r[this.posMinKey()] = n + "px", r;
|
|
729
|
+
}, s.buildTrackStyle = function(n, t) {
|
|
730
|
+
const r = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
|
|
731
|
+
return r[this.posMinKey()] = n, r[this.posMaxKey()] = t, r;
|
|
732
|
+
}, s.buildMarkStyle = function(n) {
|
|
733
733
|
var t;
|
|
734
734
|
return (t = { position: "absolute" })[this.posMinKey()] = n, t;
|
|
735
|
-
},
|
|
736
|
-
const { length: t } = n,
|
|
737
|
-
for (let a = 0; a < t; a += 1)
|
|
735
|
+
}, s.renderThumbs = function(n) {
|
|
736
|
+
const { length: t } = n, r = [];
|
|
737
|
+
for (let a = 0; a < t; a += 1) r[a] = this.buildThumbStyle(n[a], a);
|
|
738
738
|
const l = [];
|
|
739
|
-
for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(
|
|
739
|
+
for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
|
|
740
740
|
return l;
|
|
741
|
-
},
|
|
742
|
-
const t = [],
|
|
741
|
+
}, s.renderTracks = function(n) {
|
|
742
|
+
const t = [], r = n.length - 1;
|
|
743
743
|
t.push(this.renderTrack(0, 0, n[0]));
|
|
744
|
-
for (let l = 0; l <
|
|
745
|
-
return t.push(this.renderTrack(
|
|
746
|
-
},
|
|
744
|
+
for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, n[l], n[l + 1]));
|
|
745
|
+
return t.push(this.renderTrack(r + 1, n[r], this.state.upperBound)), t;
|
|
746
|
+
}, s.renderMarks = function() {
|
|
747
747
|
let { marks: n } = this.props;
|
|
748
748
|
const t = this.props.max - this.props.min + 1;
|
|
749
|
-
return typeof n == "boolean" ? n = Array.from({ length: t }).map((
|
|
750
|
-
const l = this.calcOffset(
|
|
749
|
+
return typeof n == "boolean" ? n = Array.from({ length: t }).map((r, l) => l) : typeof n == "number" && (n = Array.from({ length: t }).map((r, l) => l).filter((r) => r % n == 0)), n.map(parseFloat).sort((r, l) => r - l).map((r) => {
|
|
750
|
+
const l = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(l) };
|
|
751
751
|
return this.props.renderMark(a);
|
|
752
752
|
});
|
|
753
|
-
},
|
|
754
|
-
const n = [], { value: t } = this.state,
|
|
755
|
-
for (let p = 0; p <
|
|
753
|
+
}, s.render = function() {
|
|
754
|
+
const n = [], { value: t } = this.state, r = t.length;
|
|
755
|
+
for (let p = 0; p < r; p += 1) n[p] = this.calcOffset(t[p], p);
|
|
756
756
|
const l = this.props.withTracks ? this.renderTracks(n) : null, a = this.renderThumbs(n), c = this.props.marks ? this.renderMarks() : null;
|
|
757
757
|
return Z.createElement("div", { ref: (p) => {
|
|
758
758
|
this.slider = p, this.resizeElementRef.current = p;
|
|
@@ -771,10 +771,10 @@ const Jt = "_container_15vgv_2", Qt = "_unitLabel_15vgv_9", en = "_slider_15vgv_
|
|
|
771
771
|
}, Oe = ({
|
|
772
772
|
min: i = 0,
|
|
773
773
|
max: d = 100,
|
|
774
|
-
step:
|
|
774
|
+
step: s = 1,
|
|
775
775
|
onChange: n,
|
|
776
776
|
width: t = 300,
|
|
777
|
-
unit:
|
|
777
|
+
unit: r,
|
|
778
778
|
fontColor: l = "#605B56",
|
|
779
779
|
value: a = [i, d]
|
|
780
780
|
}) => {
|
|
@@ -787,8 +787,8 @@ const Jt = "_container_15vgv_2", Qt = "_unitLabel_15vgv_9", en = "_slider_15vgv_
|
|
|
787
787
|
className: q.container,
|
|
788
788
|
style: { width: `${t}px`, color: `${l}` },
|
|
789
789
|
children: [
|
|
790
|
-
/* @__PURE__ */
|
|
791
|
-
/* @__PURE__ */
|
|
790
|
+
/* @__PURE__ */ o("div", { className: q.unitLabel, children: /* @__PURE__ */ o("span", { children: c(r) }) }),
|
|
791
|
+
/* @__PURE__ */ o(
|
|
792
792
|
Xt,
|
|
793
793
|
{
|
|
794
794
|
className: q.slider,
|
|
@@ -796,7 +796,7 @@ const Jt = "_container_15vgv_2", Qt = "_unitLabel_15vgv_9", en = "_slider_15vgv_
|
|
|
796
796
|
trackClassName: q.track,
|
|
797
797
|
min: i,
|
|
798
798
|
max: d,
|
|
799
|
-
step:
|
|
799
|
+
step: s,
|
|
800
800
|
value: a,
|
|
801
801
|
onChange: p,
|
|
802
802
|
withTracks: !0,
|
|
@@ -805,8 +805,8 @@ const Jt = "_container_15vgv_2", Qt = "_unitLabel_15vgv_9", en = "_slider_15vgv_
|
|
|
805
805
|
}
|
|
806
806
|
),
|
|
807
807
|
/* @__PURE__ */ m("div", { className: q.labels, children: [
|
|
808
|
-
/* @__PURE__ */
|
|
809
|
-
/* @__PURE__ */
|
|
808
|
+
/* @__PURE__ */ o("span", { children: a[0] }),
|
|
809
|
+
/* @__PURE__ */ o("span", { children: a[1] })
|
|
810
810
|
] })
|
|
811
811
|
]
|
|
812
812
|
}
|
|
@@ -834,22 +834,22 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
834
834
|
//onChangeBothType
|
|
835
835
|
activeColor: d
|
|
836
836
|
}) => {
|
|
837
|
-
const [
|
|
837
|
+
const [s, n] = F(), {
|
|
838
838
|
type: t,
|
|
839
|
-
name:
|
|
839
|
+
name: r,
|
|
840
840
|
values: l,
|
|
841
841
|
minValue: a,
|
|
842
842
|
maxValue: c,
|
|
843
843
|
unit: p
|
|
844
844
|
} = i || {}, u = te(
|
|
845
|
-
() => t == "cat" ||
|
|
846
|
-
[
|
|
845
|
+
() => t == "cat" || s == "cat",
|
|
846
|
+
[s, t]
|
|
847
847
|
), h = te(
|
|
848
|
-
() => t == "abs" ||
|
|
849
|
-
[
|
|
848
|
+
() => t == "abs" || s == "abs",
|
|
849
|
+
[s, t]
|
|
850
850
|
), {
|
|
851
851
|
tematicalFiltersSelected: g,
|
|
852
|
-
selectedIndicator:
|
|
852
|
+
selectedIndicator: y,
|
|
853
853
|
fontColor: C,
|
|
854
854
|
inputsColor: b
|
|
855
855
|
} = T((_) => _), v = (_) => {
|
|
@@ -864,30 +864,30 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
864
864
|
let L = [I.values];
|
|
865
865
|
if (I.values.includes(N)) {
|
|
866
866
|
if (L = I.values.filter(
|
|
867
|
-
(
|
|
867
|
+
(D) => D !== N
|
|
868
868
|
), L.length < 1)
|
|
869
869
|
return {
|
|
870
870
|
tematicalFiltersSelected: E.tematicalFiltersSelected.filter(
|
|
871
|
-
(
|
|
871
|
+
(D) => D.code !== O
|
|
872
872
|
)
|
|
873
873
|
};
|
|
874
874
|
} else
|
|
875
875
|
L = [...I.values, N];
|
|
876
876
|
return {
|
|
877
877
|
tematicalFiltersSelected: E.tematicalFiltersSelected.map(
|
|
878
|
-
(
|
|
878
|
+
(D) => D.code === O ? { ...D, values: L } : D
|
|
879
879
|
)
|
|
880
880
|
};
|
|
881
881
|
} else {
|
|
882
882
|
console.log("entra aqui: ", $, " ", N);
|
|
883
|
-
let L = $.map((
|
|
883
|
+
let L = $.map((D, Ee) => Ee);
|
|
884
884
|
return {
|
|
885
885
|
tematicalFiltersSelected: [
|
|
886
886
|
...g,
|
|
887
887
|
{
|
|
888
888
|
type: "cat",
|
|
889
889
|
code: O,
|
|
890
|
-
values: L.filter((
|
|
890
|
+
values: L.filter((D) => D !== N),
|
|
891
891
|
name: i.name
|
|
892
892
|
}
|
|
893
893
|
]
|
|
@@ -901,7 +901,7 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
901
901
|
let L = { ...I };
|
|
902
902
|
return L.min = w, L.max = x, {
|
|
903
903
|
tematicalFiltersSelected: E.tematicalFiltersSelected.map(
|
|
904
|
-
(
|
|
904
|
+
(D) => D.code === O ? L : D
|
|
905
905
|
)
|
|
906
906
|
};
|
|
907
907
|
} else
|
|
@@ -913,21 +913,21 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
913
913
|
};
|
|
914
914
|
});
|
|
915
915
|
}
|
|
916
|
-
},
|
|
916
|
+
}, f = te(() => {
|
|
917
917
|
const _ = {};
|
|
918
918
|
if ((g == null ? void 0 : g.length) > 0)
|
|
919
919
|
for (const w of g)
|
|
920
920
|
w.type === "cat" ? _[w.code] = new Set(w.values) : _[w.code] = [w.min, w.max];
|
|
921
921
|
return _;
|
|
922
922
|
}, [g]);
|
|
923
|
-
return /* @__PURE__ */
|
|
923
|
+
return /* @__PURE__ */ o("div", { className: J.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
|
|
924
924
|
P,
|
|
925
925
|
{
|
|
926
926
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
927
|
-
title:
|
|
928
|
-
isOpen:
|
|
927
|
+
title: r,
|
|
928
|
+
isOpen: y == `id${r}`,
|
|
929
929
|
onClick: () => T.setState(() => ({
|
|
930
|
-
selectedIndicator:
|
|
930
|
+
selectedIndicator: y == `id${r}` ? "" : `id${r}`
|
|
931
931
|
})),
|
|
932
932
|
showBottomBar: !1,
|
|
933
933
|
height: 38,
|
|
@@ -943,7 +943,7 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
943
943
|
style: { color: C },
|
|
944
944
|
children: [
|
|
945
945
|
/* @__PURE__ */ m("label", { children: [
|
|
946
|
-
/* @__PURE__ */
|
|
946
|
+
/* @__PURE__ */ o(
|
|
947
947
|
"input",
|
|
948
948
|
{
|
|
949
949
|
type: "radio",
|
|
@@ -954,15 +954,15 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
954
954
|
},
|
|
955
955
|
style: {
|
|
956
956
|
marginRight: 4,
|
|
957
|
-
backgroundColor:
|
|
958
|
-
border: `1.5px solid ${
|
|
957
|
+
backgroundColor: s == "abs" ? b : "white",
|
|
958
|
+
border: `1.5px solid ${s == "abs" ? b : C}`
|
|
959
959
|
}
|
|
960
960
|
}
|
|
961
961
|
),
|
|
962
962
|
"Absoluto"
|
|
963
963
|
] }),
|
|
964
964
|
/* @__PURE__ */ m("label", { children: [
|
|
965
|
-
/* @__PURE__ */
|
|
965
|
+
/* @__PURE__ */ o(
|
|
966
966
|
"input",
|
|
967
967
|
{
|
|
968
968
|
type: "radio",
|
|
@@ -973,8 +973,8 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
973
973
|
},
|
|
974
974
|
style: {
|
|
975
975
|
marginRight: 4,
|
|
976
|
-
backgroundColor:
|
|
977
|
-
border: `1.5px solid ${
|
|
976
|
+
backgroundColor: s == "cat" ? b : "white",
|
|
977
|
+
border: `1.5px solid ${s == "cat" ? b : C}`
|
|
978
978
|
}
|
|
979
979
|
}
|
|
980
980
|
),
|
|
@@ -983,26 +983,26 @@ const sn = "_tematicalFiltersInputContainer_1vm1r_2", rn = "_inputTypeContainer_
|
|
|
983
983
|
]
|
|
984
984
|
}
|
|
985
985
|
),
|
|
986
|
-
u && /* @__PURE__ */
|
|
986
|
+
u && /* @__PURE__ */ o("div", { className: J.checkboxContainer, children: l.map((_, w) => {
|
|
987
987
|
var x;
|
|
988
|
-
return /* @__PURE__ */
|
|
988
|
+
return /* @__PURE__ */ o(
|
|
989
989
|
Ae,
|
|
990
990
|
{
|
|
991
991
|
onClick: () => v({ valueClicked: w, allValues: l }),
|
|
992
992
|
indicator: _,
|
|
993
|
-
value: ((x =
|
|
993
|
+
value: ((x = f[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : x.has(w)) || !f[i.code[t == "both" ? 1 : 0]]
|
|
994
994
|
},
|
|
995
995
|
`checkbox-${w}`
|
|
996
996
|
);
|
|
997
997
|
}) }),
|
|
998
|
-
h && /* @__PURE__ */
|
|
998
|
+
h && /* @__PURE__ */ o("div", { className: J.absoluteSliderContainer, children: /* @__PURE__ */ o(
|
|
999
999
|
Oe,
|
|
1000
1000
|
{
|
|
1001
1001
|
onChange: v,
|
|
1002
1002
|
min: a,
|
|
1003
1003
|
max: c,
|
|
1004
1004
|
unit: p,
|
|
1005
|
-
value:
|
|
1005
|
+
value: f[i.code[0]]
|
|
1006
1006
|
}
|
|
1007
1007
|
) })
|
|
1008
1008
|
]
|
|
@@ -1027,11 +1027,11 @@ be.propTypes = {
|
|
|
1027
1027
|
const Ie = ({
|
|
1028
1028
|
subcategory: i,
|
|
1029
1029
|
fontColor: d,
|
|
1030
|
-
activeColor:
|
|
1030
|
+
activeColor: s
|
|
1031
1031
|
//onChangeBothType,
|
|
1032
1032
|
}) => {
|
|
1033
|
-
const { activeSubcategory: n } = T((l) => l), { name: t, indicators:
|
|
1034
|
-
return /* @__PURE__ */
|
|
1033
|
+
const { activeSubcategory: n } = T((l) => l), { name: t, indicators: r } = i || {};
|
|
1034
|
+
return /* @__PURE__ */ o(
|
|
1035
1035
|
P,
|
|
1036
1036
|
{
|
|
1037
1037
|
title: t,
|
|
@@ -1046,13 +1046,13 @@ const Ie = ({
|
|
|
1046
1046
|
titleMarginChildren: 20,
|
|
1047
1047
|
height: 48,
|
|
1048
1048
|
color: d,
|
|
1049
|
-
activeColor:
|
|
1050
|
-
children:
|
|
1049
|
+
activeColor: s,
|
|
1050
|
+
children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ o(
|
|
1051
1051
|
be,
|
|
1052
1052
|
{
|
|
1053
1053
|
indicator: l,
|
|
1054
1054
|
fontColor: d,
|
|
1055
|
-
activeColor:
|
|
1055
|
+
activeColor: s
|
|
1056
1056
|
},
|
|
1057
1057
|
`indicatorSub-${a}`
|
|
1058
1058
|
))
|
|
@@ -1077,22 +1077,22 @@ const Re = ({
|
|
|
1077
1077
|
// onChangeBothType,
|
|
1078
1078
|
activeColor: d
|
|
1079
1079
|
}) => {
|
|
1080
|
-
const { name:
|
|
1081
|
-
return i && /* @__PURE__ */
|
|
1080
|
+
const { name: s, subcategories: n, indicators: t } = i || {}, { activeCategory: r, fontColor: l } = T((a) => a);
|
|
1081
|
+
return i && /* @__PURE__ */ o(
|
|
1082
1082
|
P,
|
|
1083
1083
|
{
|
|
1084
1084
|
onClick: () => {
|
|
1085
1085
|
T.setState((a) => ({
|
|
1086
|
-
activeCategory:
|
|
1086
|
+
activeCategory: r === `id${s}` ? "" : `id${s}`
|
|
1087
1087
|
}));
|
|
1088
1088
|
},
|
|
1089
|
-
title:
|
|
1090
|
-
isOpen:
|
|
1089
|
+
title: s,
|
|
1090
|
+
isOpen: r === `id${s}`,
|
|
1091
1091
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1092
1092
|
showBottomBar: !1,
|
|
1093
1093
|
color: l,
|
|
1094
1094
|
activeColor: d,
|
|
1095
|
-
children: n ? n.map((a, c) => /* @__PURE__ */
|
|
1095
|
+
children: n ? n.map((a, c) => /* @__PURE__ */ o(
|
|
1096
1096
|
Ie,
|
|
1097
1097
|
{
|
|
1098
1098
|
subcategory: a,
|
|
@@ -1100,7 +1100,7 @@ const Re = ({
|
|
|
1100
1100
|
activeColor: d
|
|
1101
1101
|
},
|
|
1102
1102
|
`subcategory-${c}`
|
|
1103
|
-
)) : t && t.map((a, c) => /* @__PURE__ */
|
|
1103
|
+
)) : t && t.map((a, c) => /* @__PURE__ */ o(
|
|
1104
1104
|
be,
|
|
1105
1105
|
{
|
|
1106
1106
|
indicator: a,
|
|
@@ -1124,30 +1124,30 @@ Re.propTypes = {
|
|
|
1124
1124
|
const Ve = ({
|
|
1125
1125
|
indicators: i,
|
|
1126
1126
|
isOpen: d = !0,
|
|
1127
|
-
title:
|
|
1127
|
+
title: s,
|
|
1128
1128
|
fontColor: n = "#605B56",
|
|
1129
1129
|
//The color of the slider and the checkbox when is checked
|
|
1130
1130
|
inputsColor: t = "#605B56",
|
|
1131
|
-
activeColor:
|
|
1131
|
+
activeColor: r
|
|
1132
1132
|
}) => {
|
|
1133
1133
|
const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = k();
|
|
1134
|
-
return
|
|
1134
|
+
return B(() => {
|
|
1135
1135
|
n && T.setState(() => ({ fontColor: n }));
|
|
1136
|
-
}, [n]),
|
|
1136
|
+
}, [n]), B(() => {
|
|
1137
1137
|
t && T.setState(() => ({ inputsColor: t }));
|
|
1138
|
-
}, [t]), /* @__PURE__ */
|
|
1138
|
+
}, [t]), /* @__PURE__ */ o(
|
|
1139
1139
|
P,
|
|
1140
1140
|
{
|
|
1141
1141
|
isOpen: d,
|
|
1142
|
-
title:
|
|
1142
|
+
title: s ? a(s) : "Tematical filters",
|
|
1143
1143
|
color: n,
|
|
1144
|
-
activeColor:
|
|
1145
|
-
children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */
|
|
1144
|
+
activeColor: r,
|
|
1145
|
+
children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */ o(
|
|
1146
1146
|
Re,
|
|
1147
1147
|
{
|
|
1148
1148
|
category: c,
|
|
1149
1149
|
fontColor: n,
|
|
1150
|
-
activeColor:
|
|
1150
|
+
activeColor: r
|
|
1151
1151
|
},
|
|
1152
1152
|
`category-${p}`
|
|
1153
1153
|
))
|
|
@@ -1172,51 +1172,63 @@ const cn = "_FiltersAmbitContainer_6o4gt_2", dn = "_FiltersAmbitHeader_6o4gt_7",
|
|
|
1172
1172
|
}, mn = ({
|
|
1173
1173
|
ambitName: i,
|
|
1174
1174
|
ambitDescription: d,
|
|
1175
|
-
defaultFilters:
|
|
1175
|
+
defaultFilters: s,
|
|
1176
1176
|
indicators: n,
|
|
1177
1177
|
activeColor: t,
|
|
1178
|
-
textColor:
|
|
1178
|
+
textColor: r,
|
|
1179
1179
|
backgroundColor: l,
|
|
1180
1180
|
onChangeAppliedFilters: a,
|
|
1181
|
-
saveAmbit: c
|
|
1181
|
+
saveAmbit: c,
|
|
1182
|
+
namePlaceholder: p,
|
|
1183
|
+
descPlaceholder: u
|
|
1182
1184
|
}) => {
|
|
1183
|
-
const { t:
|
|
1184
|
-
return
|
|
1185
|
-
|
|
1186
|
-
tematicalFiltersSelected:
|
|
1185
|
+
const { t: h } = k(), { tematicalFiltersSelected: g } = T((f) => f), [y, C] = F(i || h(p)), [b, v] = F(d || h(u));
|
|
1186
|
+
return B(() => {
|
|
1187
|
+
s && s.length > 0 && T.setState((f) => ({
|
|
1188
|
+
tematicalFiltersSelected: s
|
|
1187
1189
|
}));
|
|
1188
|
-
}, [
|
|
1189
|
-
console.log("filtersSelected changed: ",
|
|
1190
|
-
}, [
|
|
1190
|
+
}, [s]), B(() => {
|
|
1191
|
+
console.log("filtersSelected changed: ", g), a(g);
|
|
1192
|
+
}, [g]), /* @__PURE__ */ m("div", { className: G.FiltersAmbitContainer, children: [
|
|
1191
1193
|
/* @__PURE__ */ m("div", { className: G.FiltersAmbitHeader, children: [
|
|
1192
|
-
/* @__PURE__ */
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1194
|
+
/* @__PURE__ */ o("div", { className: G.FiltersAmbitTitle, children: /* @__PURE__ */ o(
|
|
1195
|
+
"input",
|
|
1196
|
+
{
|
|
1197
|
+
type: "text",
|
|
1198
|
+
onChange: (f) => C(f.target.value),
|
|
1199
|
+
value: y
|
|
1200
|
+
}
|
|
1201
|
+
) }),
|
|
1202
|
+
/* @__PURE__ */ o("div", { className: G.FiltersAmbitDescription, children: /* @__PURE__ */ o("div", { className: G.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ o(
|
|
1203
|
+
"textarea",
|
|
1204
|
+
{
|
|
1205
|
+
value: b,
|
|
1206
|
+
onChange: (f) => v(f.target.value)
|
|
1207
|
+
}
|
|
1208
|
+
) }) })
|
|
1197
1209
|
] }),
|
|
1198
|
-
/* @__PURE__ */
|
|
1210
|
+
/* @__PURE__ */ o(
|
|
1199
1211
|
De,
|
|
1200
1212
|
{
|
|
1201
|
-
title:
|
|
1213
|
+
title: h("applied_filters"),
|
|
1202
1214
|
isOpen: !0,
|
|
1203
|
-
textColor:
|
|
1215
|
+
textColor: r || "#fff",
|
|
1204
1216
|
backgroundColor: l || "#605B5680",
|
|
1205
1217
|
activeColor: t
|
|
1206
1218
|
}
|
|
1207
1219
|
),
|
|
1208
|
-
/* @__PURE__ */
|
|
1209
|
-
/* @__PURE__ */
|
|
1220
|
+
/* @__PURE__ */ o($e, { activeColor: t }),
|
|
1221
|
+
/* @__PURE__ */ o(
|
|
1210
1222
|
Ve,
|
|
1211
1223
|
{
|
|
1212
1224
|
indicators: n,
|
|
1213
1225
|
inputsColor: t,
|
|
1214
|
-
textColor:
|
|
1226
|
+
textColor: r,
|
|
1215
1227
|
title: "tematical_filters",
|
|
1216
1228
|
activeColor: t
|
|
1217
1229
|
}
|
|
1218
1230
|
),
|
|
1219
|
-
/* @__PURE__ */
|
|
1231
|
+
/* @__PURE__ */ o("div", { className: "buttonContainer", children: /* @__PURE__ */ o(Fe, { onClick: c, children: h("save_ambit") }) })
|
|
1220
1232
|
] });
|
|
1221
1233
|
};
|
|
1222
1234
|
mn.propTypes = {
|
|
@@ -1228,31 +1240,33 @@ mn.propTypes = {
|
|
|
1228
1240
|
backgroundColor: e.string,
|
|
1229
1241
|
textColor: e.string,
|
|
1230
1242
|
onChangeAppliedFilters: e.func,
|
|
1231
|
-
saveAmbit: e.func
|
|
1243
|
+
saveAmbit: e.func,
|
|
1244
|
+
namePlaceholder: e.string,
|
|
1245
|
+
descPlaceholder: e.string
|
|
1232
1246
|
};
|
|
1233
1247
|
const gn = "_barChartContainer_d2f1z_2", Cn = {
|
|
1234
1248
|
barChartContainer: gn
|
|
1235
1249
|
}, je = ({
|
|
1236
1250
|
data: i,
|
|
1237
1251
|
width: d = 700,
|
|
1238
|
-
barHeight:
|
|
1252
|
+
barHeight: s = 25,
|
|
1239
1253
|
gap: n = 23,
|
|
1240
1254
|
fontColor: t = "#605B56",
|
|
1241
|
-
verticalPaddign:
|
|
1255
|
+
verticalPaddign: r = 10,
|
|
1242
1256
|
horizontalPaddign: l = 20,
|
|
1243
1257
|
leftPadding: a = 200,
|
|
1244
1258
|
numberOfDivisions: c = 7,
|
|
1245
1259
|
maxValue: p = null
|
|
1246
1260
|
}) => {
|
|
1247
|
-
const { t: u } = k(), { xScale: h, ticks: g, height:
|
|
1261
|
+
const { t: u } = k(), { xScale: h, ticks: g, height: y } = te(() => {
|
|
1248
1262
|
if (i && i.length > 0) {
|
|
1249
|
-
const C = (i == null ? void 0 : i.length) * (
|
|
1263
|
+
const C = (i == null ? void 0 : i.length) * (s + n) + r * 2, b = ye.max(i, (_) => _.value) || 1, v = ye.scaleLinear().domain([0, p || b]).range([0, d - a]), f = Array.from({ length: c + 1 }, (_, w) => p ? p / c * w : b / c * w);
|
|
1250
1264
|
return {
|
|
1251
1265
|
xScale: v,
|
|
1252
|
-
ticks:
|
|
1266
|
+
ticks: f,
|
|
1253
1267
|
height: C,
|
|
1254
1268
|
width: d,
|
|
1255
|
-
verticalPaddign:
|
|
1269
|
+
verticalPaddign: r,
|
|
1256
1270
|
horizontalPaddign: l
|
|
1257
1271
|
};
|
|
1258
1272
|
} else
|
|
@@ -1261,28 +1275,28 @@ const gn = "_barChartContainer_d2f1z_2", Cn = {
|
|
|
1261
1275
|
i,
|
|
1262
1276
|
d,
|
|
1263
1277
|
c,
|
|
1264
|
-
|
|
1278
|
+
s,
|
|
1265
1279
|
n,
|
|
1266
1280
|
l,
|
|
1267
|
-
|
|
1281
|
+
r,
|
|
1268
1282
|
p
|
|
1269
1283
|
]);
|
|
1270
|
-
return /* @__PURE__ */
|
|
1271
|
-
/* @__PURE__ */
|
|
1284
|
+
return /* @__PURE__ */ o("div", { className: Cn.barChartContainer, children: /* @__PURE__ */ o("svg", { width: d + l * 2, height: y, children: /* @__PURE__ */ m("g", { transform: `translate(0,${n})`, children: [
|
|
1285
|
+
/* @__PURE__ */ o("g", { transform: `translate(${a + l}, 0)`, children: g.map((C, b) => {
|
|
1272
1286
|
const v = h(C);
|
|
1273
1287
|
return /* @__PURE__ */ m("g", { transform: `translate(${v}, 0)`, children: [
|
|
1274
|
-
/* @__PURE__ */
|
|
1288
|
+
/* @__PURE__ */ o(
|
|
1275
1289
|
"line",
|
|
1276
1290
|
{
|
|
1277
1291
|
y1: 0,
|
|
1278
|
-
y2:
|
|
1292
|
+
y2: y - n * 2,
|
|
1279
1293
|
stroke: "#ccc"
|
|
1280
1294
|
}
|
|
1281
1295
|
),
|
|
1282
|
-
/* @__PURE__ */
|
|
1296
|
+
/* @__PURE__ */ o(
|
|
1283
1297
|
"text",
|
|
1284
1298
|
{
|
|
1285
|
-
y:
|
|
1299
|
+
y: y - n,
|
|
1286
1300
|
textAnchor: "middle",
|
|
1287
1301
|
fontSize: 10,
|
|
1288
1302
|
fill: t,
|
|
@@ -1292,27 +1306,27 @@ const gn = "_barChartContainer_d2f1z_2", Cn = {
|
|
|
1292
1306
|
] }, b);
|
|
1293
1307
|
}) }),
|
|
1294
1308
|
i && i.length > 0 && (i == null ? void 0 : i.map((C, b) => {
|
|
1295
|
-
const v = h(C.value),
|
|
1309
|
+
const v = h(C.value), f = b * (s + n);
|
|
1296
1310
|
return /* @__PURE__ */ m(
|
|
1297
1311
|
"g",
|
|
1298
1312
|
{
|
|
1299
|
-
transform: `translate(${a + l}, ${
|
|
1313
|
+
transform: `translate(${a + l}, ${f})`,
|
|
1300
1314
|
children: [
|
|
1301
|
-
/* @__PURE__ */
|
|
1315
|
+
/* @__PURE__ */ o(
|
|
1302
1316
|
"text",
|
|
1303
1317
|
{
|
|
1304
1318
|
x: -24,
|
|
1305
|
-
y:
|
|
1319
|
+
y: s / 2 + 5,
|
|
1306
1320
|
textAnchor: "end",
|
|
1307
1321
|
fill: t,
|
|
1308
1322
|
children: u(C.title)
|
|
1309
1323
|
}
|
|
1310
1324
|
),
|
|
1311
|
-
/* @__PURE__ */
|
|
1325
|
+
/* @__PURE__ */ o(
|
|
1312
1326
|
"rect",
|
|
1313
1327
|
{
|
|
1314
1328
|
width: v,
|
|
1315
|
-
height:
|
|
1329
|
+
height: s,
|
|
1316
1330
|
fill: C.color,
|
|
1317
1331
|
rx: 0
|
|
1318
1332
|
}
|
|
@@ -1346,10 +1360,10 @@ const bn = "_graphicContainer_c9zrg_2", fn = "_titleContainer_c9zrg_14", xe = {
|
|
|
1346
1360
|
}, yn = ({
|
|
1347
1361
|
data: i,
|
|
1348
1362
|
graphWidth: d = 700,
|
|
1349
|
-
containerStyle:
|
|
1363
|
+
containerStyle: s,
|
|
1350
1364
|
borderColor: n = "#605B56",
|
|
1351
1365
|
title: t = "Graphic Title",
|
|
1352
|
-
fontColor:
|
|
1366
|
+
fontColor: r = "#605B56",
|
|
1353
1367
|
maxValue: l = null,
|
|
1354
1368
|
numberOfDivisions: a = 7,
|
|
1355
1369
|
leftPadding: c = 200
|
|
@@ -1360,17 +1374,17 @@ const bn = "_graphicContainer_c9zrg_2", fn = "_titleContainer_c9zrg_14", xe = {
|
|
|
1360
1374
|
{
|
|
1361
1375
|
className: xe.graphicContainer,
|
|
1362
1376
|
style: {
|
|
1363
|
-
...
|
|
1377
|
+
...s || {},
|
|
1364
1378
|
border: `1.5px solid ${n}`
|
|
1365
1379
|
},
|
|
1366
1380
|
children: [
|
|
1367
|
-
/* @__PURE__ */
|
|
1368
|
-
/* @__PURE__ */
|
|
1381
|
+
/* @__PURE__ */ o("div", { className: xe.titleContainer, children: /* @__PURE__ */ o("h2", { children: p(t) }) }),
|
|
1382
|
+
/* @__PURE__ */ o(
|
|
1369
1383
|
je,
|
|
1370
1384
|
{
|
|
1371
1385
|
data: i,
|
|
1372
1386
|
width: d,
|
|
1373
|
-
fontColor:
|
|
1387
|
+
fontColor: r,
|
|
1374
1388
|
maxValue: l,
|
|
1375
1389
|
numberOfDivisions: a,
|
|
1376
1390
|
leftPadding: c
|
|
@@ -1415,45 +1429,45 @@ const vn = "_indicatorsCategory_1cu33_2", _n = "_title_1cu33_5", xn = "_list_1cu
|
|
|
1415
1429
|
}, fe = ({
|
|
1416
1430
|
indicator: i,
|
|
1417
1431
|
values: d = [],
|
|
1418
|
-
activeColor:
|
|
1432
|
+
activeColor: s,
|
|
1419
1433
|
defaultColor: n = "#92898A",
|
|
1420
1434
|
activeIndicator: t,
|
|
1421
|
-
activeIndicatorType:
|
|
1435
|
+
activeIndicatorType: r,
|
|
1422
1436
|
onClickIndicator: l,
|
|
1423
1437
|
multiple: a = !1,
|
|
1424
1438
|
onChangeType: c
|
|
1425
1439
|
}) => {
|
|
1426
|
-
const { t: p } = k(), { name: u, type: h } = i, [g,
|
|
1427
|
-
|
|
1428
|
-
t &&
|
|
1440
|
+
const { t: p } = k(), { name: u, type: h } = i, [g, y] = F(!1);
|
|
1441
|
+
B(() => {
|
|
1442
|
+
t && y(
|
|
1429
1443
|
a ? t.some(
|
|
1430
1444
|
(v) => v.name == String(u)
|
|
1431
1445
|
) : t.name == u
|
|
1432
1446
|
);
|
|
1433
1447
|
}, [t]);
|
|
1434
|
-
const C = () => /* @__PURE__ */
|
|
1448
|
+
const C = () => /* @__PURE__ */ o("div", { className: S.switchExternalContainer, children: /* @__PURE__ */ o("div", { className: S.switchType, children: /* @__PURE__ */ m("div", { className: S.switchTypeOptions, children: [
|
|
1435
1449
|
/* @__PURE__ */ m(
|
|
1436
1450
|
"div",
|
|
1437
1451
|
{
|
|
1438
1452
|
className: S.optionContainer,
|
|
1439
1453
|
onClick: () => c("cat"),
|
|
1440
1454
|
children: [
|
|
1441
|
-
/* @__PURE__ */
|
|
1455
|
+
/* @__PURE__ */ o(
|
|
1442
1456
|
"span",
|
|
1443
1457
|
{
|
|
1444
1458
|
className: `${S.customRadious}`,
|
|
1445
1459
|
style: {
|
|
1446
|
-
backgroundColor:
|
|
1447
|
-
borderColor:
|
|
1460
|
+
backgroundColor: r === "cat" ? s : "transparent",
|
|
1461
|
+
borderColor: r === "cat" ? s : n
|
|
1448
1462
|
}
|
|
1449
1463
|
}
|
|
1450
1464
|
),
|
|
1451
|
-
/* @__PURE__ */
|
|
1465
|
+
/* @__PURE__ */ o(
|
|
1452
1466
|
"h4",
|
|
1453
1467
|
{
|
|
1454
1468
|
className: S.optionText,
|
|
1455
1469
|
style: {
|
|
1456
|
-
color:
|
|
1470
|
+
color: r === "cat" ? s : n
|
|
1457
1471
|
},
|
|
1458
1472
|
children: p("indicators.cat")
|
|
1459
1473
|
}
|
|
@@ -1467,22 +1481,22 @@ const vn = "_indicatorsCategory_1cu33_2", _n = "_title_1cu33_5", xn = "_list_1cu
|
|
|
1467
1481
|
className: S.optionContainer,
|
|
1468
1482
|
onClick: () => c("abs"),
|
|
1469
1483
|
children: [
|
|
1470
|
-
/* @__PURE__ */
|
|
1484
|
+
/* @__PURE__ */ o(
|
|
1471
1485
|
"span",
|
|
1472
1486
|
{
|
|
1473
1487
|
className: `${S.customRadious}`,
|
|
1474
1488
|
style: {
|
|
1475
|
-
backgroundColor:
|
|
1476
|
-
borderColor:
|
|
1489
|
+
backgroundColor: r === "abs" ? s : "transparent",
|
|
1490
|
+
borderColor: r === "abs" ? s : n
|
|
1477
1491
|
}
|
|
1478
1492
|
}
|
|
1479
1493
|
),
|
|
1480
|
-
/* @__PURE__ */
|
|
1494
|
+
/* @__PURE__ */ o(
|
|
1481
1495
|
"h4",
|
|
1482
1496
|
{
|
|
1483
1497
|
className: S.optionText,
|
|
1484
1498
|
style: {
|
|
1485
|
-
color:
|
|
1499
|
+
color: r === "abs" ? s : n
|
|
1486
1500
|
},
|
|
1487
1501
|
children: p("indicators.abs")
|
|
1488
1502
|
}
|
|
@@ -1490,21 +1504,21 @@ const vn = "_indicatorsCategory_1cu33_2", _n = "_title_1cu33_5", xn = "_list_1cu
|
|
|
1490
1504
|
]
|
|
1491
1505
|
}
|
|
1492
1506
|
)
|
|
1493
|
-
] }) }) }), b = () => /* @__PURE__ */
|
|
1507
|
+
] }) }) }), b = () => /* @__PURE__ */ o("div", { className: S.switchExternalContainer, children: /* @__PURE__ */ o("div", { className: S.switchType, children: /* @__PURE__ */ o("div", { className: S.switchTypeOptions, children: d.map((v, f) => /* @__PURE__ */ m(
|
|
1494
1508
|
"div",
|
|
1495
1509
|
{
|
|
1496
1510
|
className: S.optionContainer,
|
|
1497
1511
|
children: [
|
|
1498
|
-
/* @__PURE__ */
|
|
1512
|
+
/* @__PURE__ */ o(
|
|
1499
1513
|
"span",
|
|
1500
1514
|
{
|
|
1501
1515
|
className: S.customRadious
|
|
1502
1516
|
}
|
|
1503
1517
|
),
|
|
1504
|
-
/* @__PURE__ */
|
|
1518
|
+
/* @__PURE__ */ o("h4", { children: p(v.unit) })
|
|
1505
1519
|
]
|
|
1506
1520
|
},
|
|
1507
|
-
|
|
1521
|
+
f
|
|
1508
1522
|
)) }) }) });
|
|
1509
1523
|
return /* @__PURE__ */ m("div", { className: S.indicatorContainer, children: [
|
|
1510
1524
|
/* @__PURE__ */ m(
|
|
@@ -1513,28 +1527,28 @@ const vn = "_indicatorsCategory_1cu33_2", _n = "_title_1cu33_5", xn = "_list_1cu
|
|
|
1513
1527
|
className: S.indicatorNameContainer,
|
|
1514
1528
|
onClick: () => l({ indicator: i }),
|
|
1515
1529
|
children: [
|
|
1516
|
-
/* @__PURE__ */
|
|
1530
|
+
/* @__PURE__ */ o(
|
|
1517
1531
|
"div",
|
|
1518
1532
|
{
|
|
1519
1533
|
style: {
|
|
1520
|
-
border: g ? `1px solid ${
|
|
1534
|
+
border: g ? `1px solid ${s}` : `1px solid ${n}`
|
|
1521
1535
|
},
|
|
1522
1536
|
className: S.dot
|
|
1523
1537
|
}
|
|
1524
1538
|
),
|
|
1525
|
-
/* @__PURE__ */
|
|
1539
|
+
/* @__PURE__ */ o(
|
|
1526
1540
|
"h4",
|
|
1527
1541
|
{
|
|
1528
1542
|
className: S.indicatorName,
|
|
1529
|
-
style: { color: g ?
|
|
1530
|
-
children: /* @__PURE__ */
|
|
1543
|
+
style: { color: g ? s : n },
|
|
1544
|
+
children: /* @__PURE__ */ o(ge, { i18nKey: u, components: { sup: /* @__PURE__ */ o("sup", {}) } })
|
|
1531
1545
|
}
|
|
1532
1546
|
)
|
|
1533
1547
|
]
|
|
1534
1548
|
}
|
|
1535
1549
|
),
|
|
1536
|
-
(t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */
|
|
1537
|
-
(t == null ? void 0 : t.name) === u && h === "twoUnits" && /* @__PURE__ */
|
|
1550
|
+
(t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */ o("div", { children: C() }),
|
|
1551
|
+
(t == null ? void 0 : t.name) === u && h === "twoUnits" && /* @__PURE__ */ o("div", { children: b() })
|
|
1538
1552
|
] });
|
|
1539
1553
|
};
|
|
1540
1554
|
fe.propTypes = {
|
|
@@ -1555,10 +1569,10 @@ const $n = "_indicatorsSubCategory_1dzsi_2", An = "_list_1dzsi_8", we = {
|
|
|
1555
1569
|
}, ze = ({
|
|
1556
1570
|
subcName: i,
|
|
1557
1571
|
indicators: d,
|
|
1558
|
-
defaultColor:
|
|
1572
|
+
defaultColor: s,
|
|
1559
1573
|
activeColor: n,
|
|
1560
1574
|
activeSubCategory: t,
|
|
1561
|
-
onClickSubCategory:
|
|
1575
|
+
onClickSubCategory: r,
|
|
1562
1576
|
id: l,
|
|
1563
1577
|
activeIndicator: a,
|
|
1564
1578
|
onClickIndicator: c,
|
|
@@ -1566,32 +1580,32 @@ const $n = "_indicatorsSubCategory_1dzsi_2", An = "_list_1dzsi_8", we = {
|
|
|
1566
1580
|
activeIndicatorType: u,
|
|
1567
1581
|
onChangeType: h
|
|
1568
1582
|
}) => {
|
|
1569
|
-
const { t: g } = k(), [
|
|
1570
|
-
return
|
|
1583
|
+
const { t: g } = k(), [y, C] = F(!1);
|
|
1584
|
+
return B(() => {
|
|
1571
1585
|
C(t == l);
|
|
1572
1586
|
}, [t, l]), /* @__PURE__ */ m(
|
|
1573
1587
|
Ce.div,
|
|
1574
1588
|
{
|
|
1575
1589
|
className: we.indicatorsSubCategory,
|
|
1576
1590
|
initial: { height: "43px" },
|
|
1577
|
-
animate: { height:
|
|
1591
|
+
animate: { height: y ? "auto" : "43px" },
|
|
1578
1592
|
transition: { duration: 0.4 },
|
|
1579
1593
|
children: [
|
|
1580
|
-
/* @__PURE__ */
|
|
1581
|
-
/* @__PURE__ */
|
|
1582
|
-
/* @__PURE__ */
|
|
1594
|
+
/* @__PURE__ */ o("button", { onClick: () => r(l), children: /* @__PURE__ */ m("h3", { style: { color: y ? n : s }, children: [
|
|
1595
|
+
/* @__PURE__ */ o("span", { style: { color: y ? n : s }, children: y ? "-" : "+" }),
|
|
1596
|
+
/* @__PURE__ */ o(
|
|
1583
1597
|
"span",
|
|
1584
1598
|
{
|
|
1585
|
-
style: { marginLeft: 12, color:
|
|
1599
|
+
style: { marginLeft: 12, color: y ? n : s },
|
|
1586
1600
|
children: g(i)
|
|
1587
1601
|
}
|
|
1588
1602
|
)
|
|
1589
1603
|
] }) }),
|
|
1590
|
-
d && /* @__PURE__ */
|
|
1604
|
+
d && /* @__PURE__ */ o("div", { className: we.list, children: d == null ? void 0 : d.map((b, v) => /* @__PURE__ */ o(
|
|
1591
1605
|
fe,
|
|
1592
1606
|
{
|
|
1593
1607
|
indicator: b,
|
|
1594
|
-
defaultColor:
|
|
1608
|
+
defaultColor: s,
|
|
1595
1609
|
activeColor: n,
|
|
1596
1610
|
activeIndicator: a,
|
|
1597
1611
|
onClickIndicator: c,
|
|
@@ -1620,10 +1634,10 @@ ze.propTypes = {
|
|
|
1620
1634
|
const Pe = ({
|
|
1621
1635
|
cat: i,
|
|
1622
1636
|
id: d,
|
|
1623
|
-
activeColor:
|
|
1637
|
+
activeColor: s,
|
|
1624
1638
|
defaultColor: n,
|
|
1625
1639
|
onClickCategory: t,
|
|
1626
|
-
activeCategory:
|
|
1640
|
+
activeCategory: r,
|
|
1627
1641
|
activeSubCategory: l,
|
|
1628
1642
|
onClickSubCategory: a,
|
|
1629
1643
|
activeIndicator: c,
|
|
@@ -1633,10 +1647,10 @@ const Pe = ({
|
|
|
1633
1647
|
onChangeType: g
|
|
1634
1648
|
}) => {
|
|
1635
1649
|
var v;
|
|
1636
|
-
const { t:
|
|
1637
|
-
return
|
|
1638
|
-
b(
|
|
1639
|
-
}, [
|
|
1650
|
+
const { t: y } = k(), [C, b] = F(!1);
|
|
1651
|
+
return B(() => {
|
|
1652
|
+
b(r === d);
|
|
1653
|
+
}, [r, d]), /* @__PURE__ */ m(
|
|
1640
1654
|
Ce.div,
|
|
1641
1655
|
{
|
|
1642
1656
|
className: ae.indicatorsCategory,
|
|
@@ -1645,32 +1659,32 @@ const Pe = ({
|
|
|
1645
1659
|
transition: { duration: 0.4 },
|
|
1646
1660
|
style: {
|
|
1647
1661
|
backgroundColor: "white",
|
|
1648
|
-
borderBottom: C ? `1px solid ${
|
|
1662
|
+
borderBottom: C ? `1px solid ${s}` : "0px",
|
|
1649
1663
|
marginBottom: C ? "20px" : "0px"
|
|
1650
1664
|
},
|
|
1651
1665
|
children: [
|
|
1652
1666
|
/* @__PURE__ */ m("h2", { className: `${ae.title}`, onClick: () => t(d), children: [
|
|
1653
|
-
/* @__PURE__ */
|
|
1654
|
-
/* @__PURE__ */
|
|
1667
|
+
/* @__PURE__ */ o("span", { style: { color: C ? s : n }, children: C ? "-" : "+" }),
|
|
1668
|
+
/* @__PURE__ */ o(
|
|
1655
1669
|
"span",
|
|
1656
1670
|
{
|
|
1657
|
-
style: { marginLeft: 12, color: C ?
|
|
1658
|
-
children:
|
|
1671
|
+
style: { marginLeft: 12, color: C ? s : n },
|
|
1672
|
+
children: y(i.name)
|
|
1659
1673
|
}
|
|
1660
1674
|
)
|
|
1661
1675
|
] }),
|
|
1662
1676
|
i.subcategories ? i.subcategories.map(
|
|
1663
|
-
({ name:
|
|
1677
|
+
({ name: f, subcategory: _, indicators: w }, x) => /* @__PURE__ */ o(
|
|
1664
1678
|
ze,
|
|
1665
1679
|
{
|
|
1666
1680
|
id: _,
|
|
1667
1681
|
activeSubCategory: l,
|
|
1668
|
-
subcName:
|
|
1682
|
+
subcName: f,
|
|
1669
1683
|
onClickSubCategory: a,
|
|
1670
1684
|
activeIndicator: c,
|
|
1671
1685
|
onClickIndicator: p,
|
|
1672
1686
|
multiple: u,
|
|
1673
|
-
activeColor:
|
|
1687
|
+
activeColor: s,
|
|
1674
1688
|
defaultColor: n,
|
|
1675
1689
|
indicators: w,
|
|
1676
1690
|
activeIndicatorType: h,
|
|
@@ -1678,12 +1692,12 @@ const Pe = ({
|
|
|
1678
1692
|
},
|
|
1679
1693
|
`subcKey ${x}`
|
|
1680
1694
|
)
|
|
1681
|
-
) : /* @__PURE__ */
|
|
1695
|
+
) : /* @__PURE__ */ o("div", { className: ae.list, children: (v = i.indicators) == null ? void 0 : v.map((f, _) => /* @__PURE__ */ o(
|
|
1682
1696
|
fe,
|
|
1683
1697
|
{
|
|
1684
|
-
indicator:
|
|
1685
|
-
values:
|
|
1686
|
-
activeColor:
|
|
1698
|
+
indicator: f,
|
|
1699
|
+
values: f.type == "twoUnits" && f.values,
|
|
1700
|
+
activeColor: s,
|
|
1687
1701
|
defaultColor: n,
|
|
1688
1702
|
activeIndicator: c,
|
|
1689
1703
|
onClickIndicator: p,
|
|
@@ -1717,30 +1731,30 @@ const On = "_indicatorsList_fklyu_2", In = "_title_fklyu_6", ke = {
|
|
|
1717
1731
|
}, Rn = ({
|
|
1718
1732
|
indicators: i,
|
|
1719
1733
|
activeColor: d,
|
|
1720
|
-
defaultColor:
|
|
1734
|
+
defaultColor: s = "#92898A",
|
|
1721
1735
|
// Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
|
|
1722
1736
|
onChange: n,
|
|
1723
1737
|
// Selección multiple
|
|
1724
1738
|
multiple: t = !1,
|
|
1725
1739
|
// Si multiple es true, debe ser un array de strings, sino un string
|
|
1726
|
-
defaultValue:
|
|
1740
|
+
defaultValue: r = null,
|
|
1727
1741
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1728
1742
|
changeIndType: l,
|
|
1729
1743
|
activeIndicatorType: a
|
|
1730
1744
|
}) => {
|
|
1731
|
-
const { t: c } = k(), [p, u] =
|
|
1745
|
+
const { t: c } = k(), [p, u] = F(), [h, g] = F(), [y, C] = F(), b = (x) => {
|
|
1732
1746
|
u(p == x ? null : x);
|
|
1733
1747
|
}, v = (x) => {
|
|
1734
1748
|
g(h == x ? null : x);
|
|
1735
|
-
},
|
|
1749
|
+
}, f = ({ indicator: x }) => {
|
|
1736
1750
|
console.log("onClickIndicator: ", x), _(x);
|
|
1737
1751
|
}, _ = (x) => {
|
|
1738
1752
|
if (!t)
|
|
1739
1753
|
C(
|
|
1740
|
-
(
|
|
1754
|
+
(y == null ? void 0 : y.name) == x.name ? null : x
|
|
1741
1755
|
);
|
|
1742
1756
|
else {
|
|
1743
|
-
let N =
|
|
1757
|
+
let N = y && y.length > 0 ? [...y] : [];
|
|
1744
1758
|
C(
|
|
1745
1759
|
N != null && N.some(
|
|
1746
1760
|
($) => $.name == x.name
|
|
@@ -1750,15 +1764,15 @@ const On = "_indicatorsList_fklyu_2", In = "_title_fklyu_6", ke = {
|
|
|
1750
1764
|
), x.type == "both" && l("cat");
|
|
1751
1765
|
}
|
|
1752
1766
|
};
|
|
1753
|
-
|
|
1754
|
-
console.log("activeindicator changed to: ",
|
|
1755
|
-
}, [
|
|
1756
|
-
if (
|
|
1757
|
-
if (t &&
|
|
1758
|
-
let x =
|
|
1759
|
-
C([...x, ...
|
|
1767
|
+
B(() => {
|
|
1768
|
+
console.log("activeindicator changed to: ", y), n && typeof n == "function" && y && n({ activeIndicator: y });
|
|
1769
|
+
}, [y]), Ke(() => {
|
|
1770
|
+
if (r && !y)
|
|
1771
|
+
if (t && r && Array.isArray(r)) {
|
|
1772
|
+
let x = y && y.length > 0 ? [...y] : [];
|
|
1773
|
+
C([...x, ...r]), w(r[0].name);
|
|
1760
1774
|
} else
|
|
1761
|
-
_(
|
|
1775
|
+
_(r), w(r.name);
|
|
1762
1776
|
}, []);
|
|
1763
1777
|
const w = (x) => {
|
|
1764
1778
|
const N = i.find(($) => {
|
|
@@ -1774,8 +1788,8 @@ const On = "_indicatorsList_fklyu_2", In = "_title_fklyu_6", ke = {
|
|
|
1774
1788
|
N && u(N.category);
|
|
1775
1789
|
};
|
|
1776
1790
|
return /* @__PURE__ */ m("div", { className: ke.indicatorsList, children: [
|
|
1777
|
-
/* @__PURE__ */
|
|
1778
|
-
i.map((x, N) => /* @__PURE__ */
|
|
1791
|
+
/* @__PURE__ */ o("h2", { className: ke.title, style: { color: s }, children: c("indicators.indicators") }),
|
|
1792
|
+
i.map((x, N) => /* @__PURE__ */ o(
|
|
1779
1793
|
Pe,
|
|
1780
1794
|
{
|
|
1781
1795
|
id: x.category,
|
|
@@ -1784,10 +1798,10 @@ const On = "_indicatorsList_fklyu_2", In = "_title_fklyu_6", ke = {
|
|
|
1784
1798
|
activeCategory: p,
|
|
1785
1799
|
onClickSubCategory: v,
|
|
1786
1800
|
activeSubCategory: h,
|
|
1787
|
-
onClickIndicator:
|
|
1788
|
-
activeIndicator:
|
|
1801
|
+
onClickIndicator: f,
|
|
1802
|
+
activeIndicator: y,
|
|
1789
1803
|
activeColor: d,
|
|
1790
|
-
defaultColor:
|
|
1804
|
+
defaultColor: s,
|
|
1791
1805
|
multiple: t,
|
|
1792
1806
|
onChange: n,
|
|
1793
1807
|
onChangeType: l,
|
|
@@ -1814,9 +1828,9 @@ const Vn = "_langSelector_1of0g_2", jn = "_currentLang_1of0g_7", zn = "_arrow_1o
|
|
|
1814
1828
|
arrow: zn,
|
|
1815
1829
|
prevImg: Pn,
|
|
1816
1830
|
langMenu: En
|
|
1817
|
-
}, qn = ({ langs: i, arrow: d, imgPrev:
|
|
1818
|
-
const [n, t] =
|
|
1819
|
-
|
|
1831
|
+
}, qn = ({ langs: i, arrow: d, imgPrev: s }) => {
|
|
1832
|
+
const [n, t] = F(!1), { i18n: r } = k(), l = i.find((c) => c.code == r.language), a = (c) => {
|
|
1833
|
+
r.changeLanguage(c), t(!1);
|
|
1820
1834
|
};
|
|
1821
1835
|
return /* @__PURE__ */ m("div", { className: K.langSelector, children: [
|
|
1822
1836
|
/* @__PURE__ */ m(
|
|
@@ -1827,13 +1841,13 @@ const Vn = "_langSelector_1of0g_2", jn = "_currentLang_1of0g_7", zn = "_arrow_1o
|
|
|
1827
1841
|
t(!n);
|
|
1828
1842
|
},
|
|
1829
1843
|
children: [
|
|
1830
|
-
|
|
1844
|
+
s && /* @__PURE__ */ o("img", { className: K.prevImg, src: s }),
|
|
1831
1845
|
l.titleSelected || l.title,
|
|
1832
|
-
/* @__PURE__ */
|
|
1846
|
+
/* @__PURE__ */ o("img", { src: d, className: K.arrow })
|
|
1833
1847
|
]
|
|
1834
1848
|
}
|
|
1835
1849
|
),
|
|
1836
|
-
n && /* @__PURE__ */
|
|
1850
|
+
n && /* @__PURE__ */ o("div", { className: K.langMenu, children: i.map((c) => /* @__PURE__ */ o(
|
|
1837
1851
|
"button",
|
|
1838
1852
|
{
|
|
1839
1853
|
className: l.code == c.code ? K.active : "",
|
|
@@ -1878,7 +1892,7 @@ const Kn = "_legendContainer_atg3j_3", Zn = "_closeButton_atg3j_18", Un = "_titl
|
|
|
1878
1892
|
//Title on top of the legend
|
|
1879
1893
|
title: d,
|
|
1880
1894
|
//Array to display the info behind the title should have: [{title, value}, ...]
|
|
1881
|
-
infoList:
|
|
1895
|
+
infoList: s,
|
|
1882
1896
|
//Array to display the items of the legend: [{title, color}, ...]
|
|
1883
1897
|
//color should be a string with hexadecimal value
|
|
1884
1898
|
legendList: n,
|
|
@@ -1887,7 +1901,7 @@ const Kn = "_legendContainer_atg3j_3", Zn = "_closeButton_atg3j_18", Un = "_titl
|
|
|
1887
1901
|
//Should be an object with {maxColor, minColor, maxValue, minValue}
|
|
1888
1902
|
//If this has is not null or undefined, the legendList values wont be displayed.
|
|
1889
1903
|
//It will display only the absolute value indicator.
|
|
1890
|
-
absoluteValue:
|
|
1904
|
+
absoluteValue: r,
|
|
1891
1905
|
//Function to be called when the button is clicked (optional).
|
|
1892
1906
|
//If this is null or undefined the button wont be displayed.
|
|
1893
1907
|
onClickMoreInfo: l,
|
|
@@ -1902,41 +1916,41 @@ const Kn = "_legendContainer_atg3j_3", Zn = "_closeButton_atg3j_18", Un = "_titl
|
|
|
1902
1916
|
style: i ? { ...i } : {},
|
|
1903
1917
|
className: `${M.legendContainer}`,
|
|
1904
1918
|
children: [
|
|
1905
|
-
/* @__PURE__ */
|
|
1906
|
-
d && /* @__PURE__ */
|
|
1907
|
-
|
|
1908
|
-
/* @__PURE__ */
|
|
1919
|
+
/* @__PURE__ */ o("button", { className: M.closeButton, onClick: c }),
|
|
1920
|
+
d && /* @__PURE__ */ o("div", { className: M.titleContainer, children: /* @__PURE__ */ o("h2", { children: d }) }),
|
|
1921
|
+
s && s.length > 0 && /* @__PURE__ */ o("div", { className: M.infoContainer, children: /* @__PURE__ */ o("ul", { children: s.map(({ title: u, value: h }) => /* @__PURE__ */ m("li", { children: [
|
|
1922
|
+
/* @__PURE__ */ o("h3", { className: M.title, children: `${u}:` }),
|
|
1909
1923
|
/* @__PURE__ */ m("span", { className: M.value, children: [
|
|
1910
1924
|
" ",
|
|
1911
1925
|
h
|
|
1912
1926
|
] })
|
|
1913
1927
|
] }, d)) }) }),
|
|
1914
|
-
/* @__PURE__ */
|
|
1915
|
-
/* @__PURE__ */
|
|
1916
|
-
/* @__PURE__ */
|
|
1928
|
+
/* @__PURE__ */ o("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ o(ge, { i18nKey: t, components: { sup: /* @__PURE__ */ o("sup", {}) } }) : p("mainUse") }),
|
|
1929
|
+
/* @__PURE__ */ o("div", { className: M.legendListContainer, children: r ? /* @__PURE__ */ m("div", { className: M.absoluteValueContainer, children: [
|
|
1930
|
+
/* @__PURE__ */ o(
|
|
1917
1931
|
"div",
|
|
1918
1932
|
{
|
|
1919
1933
|
className: M.absoluteValueColor,
|
|
1920
1934
|
style: {
|
|
1921
|
-
background: `linear-gradient(to bottom, ${
|
|
1935
|
+
background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.minColor} 100%)`
|
|
1922
1936
|
}
|
|
1923
1937
|
}
|
|
1924
1938
|
),
|
|
1925
1939
|
/* @__PURE__ */ m("div", { className: M.absoluteValueText, children: [
|
|
1926
1940
|
/* @__PURE__ */ m("span", { children: [
|
|
1927
|
-
|
|
1941
|
+
r.maxValue,
|
|
1928
1942
|
" ",
|
|
1929
|
-
p(
|
|
1943
|
+
p(r.unit)
|
|
1930
1944
|
] }),
|
|
1931
1945
|
/* @__PURE__ */ m("span", { children: [
|
|
1932
|
-
|
|
1946
|
+
r.minValue,
|
|
1933
1947
|
" ",
|
|
1934
|
-
p(
|
|
1948
|
+
p(r.unit)
|
|
1935
1949
|
] })
|
|
1936
1950
|
] })
|
|
1937
|
-
] }) : n && n.length > 0 && /* @__PURE__ */
|
|
1951
|
+
] }) : n && n.length > 0 && /* @__PURE__ */ o("div", { className: M.gridContainer, children: n.map(
|
|
1938
1952
|
({ title: u, color: h }) => /* @__PURE__ */ m("div", { className: M.elementLegendContainer, children: [
|
|
1939
|
-
/* @__PURE__ */
|
|
1953
|
+
/* @__PURE__ */ o(
|
|
1940
1954
|
"div",
|
|
1941
1955
|
{
|
|
1942
1956
|
className: M.colorDot,
|
|
@@ -1949,7 +1963,7 @@ const Kn = "_legendContainer_atg3j_3", Zn = "_closeButton_atg3j_18", Un = "_titl
|
|
|
1949
1963
|
] })
|
|
1950
1964
|
] }, d)
|
|
1951
1965
|
) }) }),
|
|
1952
|
-
l && /* @__PURE__ */
|
|
1966
|
+
l && /* @__PURE__ */ o("button", { className: M.moreInfoContainer, onClick: l, children: a || p("moreInformation") })
|
|
1953
1967
|
]
|
|
1954
1968
|
}
|
|
1955
1969
|
);
|
|
@@ -1982,9 +1996,9 @@ ii.propTypes = {
|
|
|
1982
1996
|
};
|
|
1983
1997
|
const oi = "_logo_1ewa6_2", Ne = {
|
|
1984
1998
|
logo: oi
|
|
1985
|
-
}, si = ({ src: i, alt: d, href:
|
|
1986
|
-
const { t: n } = k(), t = /* @__PURE__ */
|
|
1987
|
-
return
|
|
1999
|
+
}, si = ({ src: i, alt: d, href: s }) => {
|
|
2000
|
+
const { t: n } = k(), t = /* @__PURE__ */ o("img", { src: i, alt: n(d) });
|
|
2001
|
+
return s ? /* @__PURE__ */ o("div", { className: Ne.logo, children: /* @__PURE__ */ o("a", { href: s, children: t }) }) : /* @__PURE__ */ o("div", { className: Ne.logo, children: t });
|
|
1988
2002
|
};
|
|
1989
2003
|
si.propTypes = {
|
|
1990
2004
|
src: e.string.isRequired,
|
|
@@ -1999,45 +2013,45 @@ Ue.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anh
|
|
|
1999
2013
|
const li = ({
|
|
2000
2014
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2001
2015
|
maxZoom: d = 17,
|
|
2002
|
-
minZoom:
|
|
2016
|
+
minZoom: s = 8,
|
|
2003
2017
|
mapStyle: n,
|
|
2004
2018
|
firstSymbolLayer: t,
|
|
2005
|
-
cssProps:
|
|
2019
|
+
cssProps: r = "",
|
|
2006
2020
|
onClick: l = "",
|
|
2007
2021
|
interactiveLayers: a = [],
|
|
2008
2022
|
popUp: c = !1,
|
|
2009
2023
|
sources: p = [],
|
|
2010
2024
|
layers: u = []
|
|
2011
2025
|
}) => {
|
|
2012
|
-
const h = me(), [g,
|
|
2013
|
-
return
|
|
2026
|
+
const h = me(), [g, y] = F(null), C = de((b) => b.mapState.showTexts);
|
|
2027
|
+
return B(() => {
|
|
2014
2028
|
if (h.current) {
|
|
2015
2029
|
const b = h.current.getMap();
|
|
2016
|
-
b.getStyle().layers.map((
|
|
2017
|
-
|
|
2030
|
+
b.getStyle().layers.map((f) => {
|
|
2031
|
+
f.type == "symbol" && f.id != "professionals" && (C ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
|
|
2018
2032
|
});
|
|
2019
2033
|
}
|
|
2020
|
-
}, [C]), /* @__PURE__ */
|
|
2034
|
+
}, [C]), /* @__PURE__ */ o("div", { className: `${ai.mapContainer}`, style: r, children: /* @__PURE__ */ m(
|
|
2021
2035
|
He,
|
|
2022
2036
|
{
|
|
2023
2037
|
initialViewState: i,
|
|
2024
2038
|
ref: h,
|
|
2025
2039
|
hash: !1,
|
|
2026
2040
|
maxZoom: d,
|
|
2027
|
-
minZoom:
|
|
2041
|
+
minZoom: s,
|
|
2028
2042
|
mapStyle: n,
|
|
2029
2043
|
onClick: l,
|
|
2030
2044
|
interactiveLayerIds: a,
|
|
2031
2045
|
children: [
|
|
2032
|
-
p.length && p.map((b, v) => /* @__PURE__ */
|
|
2046
|
+
p.length && p.map((b, v) => /* @__PURE__ */ o(
|
|
2033
2047
|
Ge,
|
|
2034
2048
|
{
|
|
2035
2049
|
...b,
|
|
2036
|
-
children: u.length && u.map((
|
|
2037
|
-
if (
|
|
2050
|
+
children: u.length && u.map((f, _) => {
|
|
2051
|
+
if (f.sourceId == b.id) return /* @__PURE__ */ o(
|
|
2038
2052
|
Ye,
|
|
2039
2053
|
{
|
|
2040
|
-
...
|
|
2054
|
+
...f.layer,
|
|
2041
2055
|
beforeId: t
|
|
2042
2056
|
},
|
|
2043
2057
|
_
|
|
@@ -2046,14 +2060,14 @@ const li = ({
|
|
|
2046
2060
|
},
|
|
2047
2061
|
v
|
|
2048
2062
|
)),
|
|
2049
|
-
/* @__PURE__ */
|
|
2050
|
-
c && g && /* @__PURE__ */
|
|
2063
|
+
/* @__PURE__ */ o(We, { position: "bottom-right", visualizePitch: !0 }),
|
|
2064
|
+
c && g && /* @__PURE__ */ o(
|
|
2051
2065
|
Xe,
|
|
2052
2066
|
{
|
|
2053
2067
|
longitude: c.longitude,
|
|
2054
2068
|
latitude: c.latitude,
|
|
2055
2069
|
anchor: c.anchor,
|
|
2056
|
-
onClose: () =>
|
|
2070
|
+
onClose: () => y(null),
|
|
2057
2071
|
children: c.content
|
|
2058
2072
|
}
|
|
2059
2073
|
)
|
|
@@ -2113,22 +2127,22 @@ const ci = "_mapContainer_b0pyr_3", di = {
|
|
|
2113
2127
|
title: ui
|
|
2114
2128
|
}, hi = ({ props: i }) => {
|
|
2115
2129
|
const { t: d } = k();
|
|
2116
|
-
return /* @__PURE__ */
|
|
2130
|
+
return /* @__PURE__ */ o("div", { className: Se.FeaturePopUp, children: i.map((s) => /* @__PURE__ */ m("p", { children: [
|
|
2117
2131
|
/* @__PURE__ */ m("span", { className: Se.title, children: [
|
|
2118
|
-
/* @__PURE__ */
|
|
2132
|
+
/* @__PURE__ */ o(ge, { i18nKey: s.name, components: { sup: /* @__PURE__ */ o("sup", {}) } }),
|
|
2119
2133
|
": "
|
|
2120
2134
|
] }),
|
|
2121
|
-
|
|
2135
|
+
s.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2122
2136
|
" ",
|
|
2123
|
-
d(
|
|
2137
|
+
d(s.unit)
|
|
2124
2138
|
] })) });
|
|
2125
2139
|
}, mi = ({
|
|
2126
2140
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2127
2141
|
maxZoom: d = 17,
|
|
2128
|
-
minZoom:
|
|
2142
|
+
minZoom: s = 8,
|
|
2129
2143
|
mapStyle: n,
|
|
2130
2144
|
firstSymbolLayer: t,
|
|
2131
|
-
cssProps:
|
|
2145
|
+
cssProps: r = {},
|
|
2132
2146
|
onClick: l = "",
|
|
2133
2147
|
interactiveLayers: a = [],
|
|
2134
2148
|
sources: c = [],
|
|
@@ -2136,23 +2150,23 @@ const ci = "_mapContainer_b0pyr_3", di = {
|
|
|
2136
2150
|
filters: u,
|
|
2137
2151
|
popUpParams: h,
|
|
2138
2152
|
onClosePopUp: g,
|
|
2139
|
-
showTexts:
|
|
2153
|
+
showTexts: y
|
|
2140
2154
|
}) => {
|
|
2141
2155
|
console.log(u);
|
|
2142
2156
|
const C = me();
|
|
2143
|
-
return
|
|
2157
|
+
return B(() => {
|
|
2144
2158
|
if (C.current) {
|
|
2145
2159
|
const b = C.current.getMap();
|
|
2146
|
-
b.getStyle().layers.map((
|
|
2147
|
-
|
|
2160
|
+
b.getStyle().layers.map((f) => {
|
|
2161
|
+
f.type == "symbol" && f.id != "professionals" && (y ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
|
|
2148
2162
|
});
|
|
2149
2163
|
}
|
|
2150
|
-
}, [
|
|
2164
|
+
}, [y]), B(() => {
|
|
2151
2165
|
let b = new Je();
|
|
2152
2166
|
return ie.addProtocol("pmtiles", b.tile), () => {
|
|
2153
2167
|
ie.removeProtocol("pmtiles");
|
|
2154
2168
|
};
|
|
2155
|
-
}, []), /* @__PURE__ */
|
|
2169
|
+
}, []), /* @__PURE__ */ o("div", { className: `${di.mapContainer}`, style: r && r, children: /* @__PURE__ */ m(
|
|
2156
2170
|
Qe,
|
|
2157
2171
|
{
|
|
2158
2172
|
mapLib: ie,
|
|
@@ -2160,20 +2174,20 @@ const ci = "_mapContainer_b0pyr_3", di = {
|
|
|
2160
2174
|
ref: C,
|
|
2161
2175
|
hash: !1,
|
|
2162
2176
|
maxZoom: d,
|
|
2163
|
-
minZoom:
|
|
2177
|
+
minZoom: s,
|
|
2164
2178
|
mapStyle: n,
|
|
2165
2179
|
onClick: l,
|
|
2166
2180
|
interactiveLayerIds: a,
|
|
2167
2181
|
children: [
|
|
2168
|
-
c.length && c.map((b, v) => /* @__PURE__ */
|
|
2182
|
+
c.length && c.map((b, v) => /* @__PURE__ */ o(
|
|
2169
2183
|
et,
|
|
2170
2184
|
{
|
|
2171
2185
|
...b,
|
|
2172
|
-
children: p.length && p.map((
|
|
2173
|
-
if (
|
|
2186
|
+
children: p.length && p.map((f, _) => {
|
|
2187
|
+
if (f.sourceId == b.id) return /* @__PURE__ */ o(
|
|
2174
2188
|
tt,
|
|
2175
2189
|
{
|
|
2176
|
-
...
|
|
2190
|
+
...f.layer,
|
|
2177
2191
|
beforeId: t,
|
|
2178
2192
|
filter: u && u
|
|
2179
2193
|
},
|
|
@@ -2183,14 +2197,14 @@ const ci = "_mapContainer_b0pyr_3", di = {
|
|
|
2183
2197
|
},
|
|
2184
2198
|
v
|
|
2185
2199
|
)),
|
|
2186
|
-
/* @__PURE__ */
|
|
2187
|
-
h && /* @__PURE__ */
|
|
2200
|
+
/* @__PURE__ */ o(nt, { position: "bottom-right", visualizePitch: !0 }),
|
|
2201
|
+
h && /* @__PURE__ */ o(
|
|
2188
2202
|
it,
|
|
2189
2203
|
{
|
|
2190
2204
|
longitude: h.lng,
|
|
2191
2205
|
latitude: h.lat,
|
|
2192
2206
|
onClose: g,
|
|
2193
|
-
children: /* @__PURE__ */
|
|
2207
|
+
children: /* @__PURE__ */ o(hi, { props: h.props })
|
|
2194
2208
|
}
|
|
2195
2209
|
)
|
|
2196
2210
|
]
|
|
@@ -2250,21 +2264,21 @@ const gi = "_sectionBar_1egwc_2", Ci = "_leftContent_1egwc_14", bi = "_textConta
|
|
|
2250
2264
|
}, mo = ({
|
|
2251
2265
|
leftIcon: i,
|
|
2252
2266
|
title: d,
|
|
2253
|
-
subtitle:
|
|
2267
|
+
subtitle: s,
|
|
2254
2268
|
rightContent: n,
|
|
2255
2269
|
mainColor: t,
|
|
2256
|
-
width:
|
|
2270
|
+
width: r
|
|
2257
2271
|
}) => {
|
|
2258
2272
|
const { t: l } = k();
|
|
2259
|
-
return /* @__PURE__ */ m("div", { className: z.sectionBar, style: { width:
|
|
2273
|
+
return /* @__PURE__ */ m("div", { className: z.sectionBar, style: { width: r && r }, children: [
|
|
2260
2274
|
/* @__PURE__ */ m("div", { className: z.leftContent, children: [
|
|
2261
|
-
i && /* @__PURE__ */
|
|
2275
|
+
i && /* @__PURE__ */ o("img", { src: i, alt: "Icono", className: z.icon }),
|
|
2262
2276
|
/* @__PURE__ */ m("div", { className: z.textContainer, children: [
|
|
2263
|
-
/* @__PURE__ */
|
|
2264
|
-
|
|
2277
|
+
/* @__PURE__ */ o("div", { className: z.title, children: l(d) }),
|
|
2278
|
+
s && /* @__PURE__ */ o("div", { className: z.subtitle, children: s })
|
|
2265
2279
|
] })
|
|
2266
2280
|
] }),
|
|
2267
|
-
/* @__PURE__ */
|
|
2281
|
+
/* @__PURE__ */ o("div", { className: z.rightContent, children: n })
|
|
2268
2282
|
] });
|
|
2269
2283
|
}, _i = Me({
|
|
2270
2284
|
name: "mapSlice",
|
|
@@ -2297,19 +2311,19 @@ const gi = "_sectionBar_1egwc_2", Ci = "_leftContent_1egwc_14", bi = "_textConta
|
|
|
2297
2311
|
playButton: Ni,
|
|
2298
2312
|
sliderOpen: Si,
|
|
2299
2313
|
sliderResults: Ti
|
|
2300
|
-
}, Mi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear:
|
|
2301
|
-
const [l, a] =
|
|
2314
|
+
}, Mi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: s = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
|
|
2315
|
+
const [l, a] = F(d), c = Te(), p = (f, _) => {
|
|
2302
2316
|
a(_), c(le(_ - 2e3));
|
|
2303
|
-
}, [u, h] =
|
|
2317
|
+
}, [u, h] = F(!1), g = () => {
|
|
2304
2318
|
h(!0);
|
|
2305
|
-
},
|
|
2319
|
+
}, y = () => {
|
|
2306
2320
|
h(!1);
|
|
2307
2321
|
};
|
|
2308
|
-
((
|
|
2322
|
+
((f, _) => {
|
|
2309
2323
|
const w = me();
|
|
2310
|
-
|
|
2311
|
-
w.current =
|
|
2312
|
-
}, [
|
|
2324
|
+
B(() => {
|
|
2325
|
+
w.current = f;
|
|
2326
|
+
}, [f]), B(() => {
|
|
2313
2327
|
function x() {
|
|
2314
2328
|
w.current();
|
|
2315
2329
|
}
|
|
@@ -2349,15 +2363,15 @@ const gi = "_sectionBar_1egwc_2", Ci = "_leftContent_1egwc_14", bi = "_textConta
|
|
|
2349
2363
|
{ label: "", value: 2041 },
|
|
2350
2364
|
{ label: "", value: 2050 }
|
|
2351
2365
|
];
|
|
2352
|
-
return /* @__PURE__ */
|
|
2366
|
+
return /* @__PURE__ */ o(at, { theme: b, children: /* @__PURE__ */ m(
|
|
2353
2367
|
rt,
|
|
2354
2368
|
{
|
|
2355
2369
|
sx: { width: 400 },
|
|
2356
|
-
className: `${i ? Y.sliderResults : Y.slider} ${
|
|
2370
|
+
className: `${i ? Y.sliderResults : Y.slider} ${r ? Y.sliderOpen : ""}`,
|
|
2357
2371
|
style: { zIndex: t },
|
|
2358
2372
|
children: [
|
|
2359
|
-
|
|
2360
|
-
/* @__PURE__ */
|
|
2373
|
+
s,
|
|
2374
|
+
/* @__PURE__ */ o(
|
|
2361
2375
|
ot,
|
|
2362
2376
|
{
|
|
2363
2377
|
"aria-label": "TimeSlider",
|
|
@@ -2365,7 +2379,7 @@ const gi = "_sectionBar_1egwc_2", Ci = "_leftContent_1egwc_14", bi = "_textConta
|
|
|
2365
2379
|
valueLabelDisplay: "on",
|
|
2366
2380
|
step: 1,
|
|
2367
2381
|
marks: v,
|
|
2368
|
-
min:
|
|
2382
|
+
min: s,
|
|
2369
2383
|
max: n,
|
|
2370
2384
|
onChange: p,
|
|
2371
2385
|
color: "primary",
|
|
@@ -2373,8 +2387,8 @@ const gi = "_sectionBar_1egwc_2", Ci = "_leftContent_1egwc_14", bi = "_textConta
|
|
|
2373
2387
|
}
|
|
2374
2388
|
),
|
|
2375
2389
|
n,
|
|
2376
|
-
!u && /* @__PURE__ */
|
|
2377
|
-
u && /* @__PURE__ */
|
|
2390
|
+
!u && /* @__PURE__ */ o("button", { className: Y.playButton, onClick: g, children: /* @__PURE__ */ o("img", { src: xi, alt: "Play" }) }),
|
|
2391
|
+
u && /* @__PURE__ */ o("button", { className: Y.playButton, onClick: y, children: /* @__PURE__ */ o("img", { src: wi, alt: "Pause" }) })
|
|
2378
2392
|
]
|
|
2379
2393
|
}
|
|
2380
2394
|
) });
|
|
@@ -2394,22 +2408,22 @@ const Li = "_TopNavMenuContainer_15agj_2", Fi = "_topNavOptions_15agj_12", Bi =
|
|
|
2394
2408
|
}, Di = ({
|
|
2395
2409
|
options: i = [],
|
|
2396
2410
|
cssProps: d = {},
|
|
2397
|
-
containerStyles:
|
|
2411
|
+
containerStyles: s
|
|
2398
2412
|
}) => {
|
|
2399
|
-
const { t: n } = k(), t = d.textColor || "inherit",
|
|
2400
|
-
return /* @__PURE__ */
|
|
2413
|
+
const { t: n } = k(), t = d.textColor || "inherit", r = d.borderColor || "transparent", l = d.height || "100%";
|
|
2414
|
+
return /* @__PURE__ */ o(
|
|
2401
2415
|
"div",
|
|
2402
2416
|
{
|
|
2403
2417
|
className: ce.TopNavMenuContainer,
|
|
2404
|
-
style:
|
|
2405
|
-
children: i.map((a, c) => /* @__PURE__ */
|
|
2418
|
+
style: s || {},
|
|
2419
|
+
children: i.map((a, c) => /* @__PURE__ */ o(
|
|
2406
2420
|
lt,
|
|
2407
2421
|
{
|
|
2408
2422
|
to: a.url,
|
|
2409
2423
|
className: ({ isActive: p }) => `${ce.topNavOptions} ${p ? ce.active : ""}`,
|
|
2410
2424
|
style: ({ isActive: p }) => ({
|
|
2411
2425
|
color: t,
|
|
2412
|
-
borderColor: p ?
|
|
2426
|
+
borderColor: p ? r : "transparent",
|
|
2413
2427
|
height: `calc(${l} - 10px)`
|
|
2414
2428
|
}),
|
|
2415
2429
|
children: n(a.name)
|
|
@@ -2450,10 +2464,10 @@ const $i = Me({
|
|
|
2450
2464
|
}), { setShowLogIn: Ai, setShowUserMenu: Oi } = $i.actions, Ii = "_UserMenuTrigger_uglss_2", Ri = {
|
|
2451
2465
|
UserMenuTrigger: Ii
|
|
2452
2466
|
}, Vi = ({ cssClass: i, loginLocale: d = "login" }) => {
|
|
2453
|
-
const
|
|
2454
|
-
|
|
2467
|
+
const s = Te(), n = de((a) => a.userState.user.isLoggedIn), t = de((a) => a.userState.user.username), { t: r } = k(), l = () => {
|
|
2468
|
+
s(n ? Ai(!0) : Oi(!0));
|
|
2455
2469
|
};
|
|
2456
|
-
return /* @__PURE__ */
|
|
2470
|
+
return /* @__PURE__ */ o("div", { className: `${Ri.UserMenuTrigger} link ${i}`, onClick: l, children: n ? t : r(d) });
|
|
2457
2471
|
};
|
|
2458
2472
|
Vi.propTypes = {
|
|
2459
2473
|
onClickLoggedIn: e.func.isRequired,
|
|
@@ -2471,31 +2485,31 @@ const ji = "_header_t7qdl_2", zi = "_leftComponents_t7qdl_12", Pi = "_centerComp
|
|
|
2471
2485
|
}, qi = ({
|
|
2472
2486
|
cssProps: i,
|
|
2473
2487
|
leftComponents: d = [],
|
|
2474
|
-
centerComponents:
|
|
2488
|
+
centerComponents: s = [],
|
|
2475
2489
|
rightComponents: n = []
|
|
2476
2490
|
}) => /* @__PURE__ */ m("div", { className: Q.header, style: i, children: [
|
|
2477
|
-
/* @__PURE__ */
|
|
2491
|
+
/* @__PURE__ */ o(
|
|
2478
2492
|
"div",
|
|
2479
2493
|
{
|
|
2480
2494
|
className: Q.leftComponents,
|
|
2481
2495
|
style: { height: i.height },
|
|
2482
|
-
children: d.map((t,
|
|
2496
|
+
children: d.map((t, r) => /* @__PURE__ */ o("div", { style: { height: i.height }, children: t }, r))
|
|
2483
2497
|
}
|
|
2484
2498
|
),
|
|
2485
|
-
/* @__PURE__ */
|
|
2499
|
+
/* @__PURE__ */ o(
|
|
2486
2500
|
"div",
|
|
2487
2501
|
{
|
|
2488
2502
|
className: Q.centerComponents,
|
|
2489
2503
|
style: { height: i.height },
|
|
2490
|
-
children:
|
|
2504
|
+
children: s.map((t, r) => /* @__PURE__ */ o("div", { style: { height: i.height }, children: t }, r))
|
|
2491
2505
|
}
|
|
2492
2506
|
),
|
|
2493
|
-
/* @__PURE__ */
|
|
2507
|
+
/* @__PURE__ */ o(
|
|
2494
2508
|
"div",
|
|
2495
2509
|
{
|
|
2496
2510
|
className: Q.rightComponents,
|
|
2497
2511
|
style: { height: i.height },
|
|
2498
|
-
children: n.map((t,
|
|
2512
|
+
children: n.map((t, r) => /* @__PURE__ */ o("div", { style: { height: i.height }, children: t }, r))
|
|
2499
2513
|
}
|
|
2500
2514
|
)
|
|
2501
2515
|
] });
|
|
@@ -2515,17 +2529,17 @@ const Ki = "_sidebar_1jqo2_2", Zi = "_open_1jqo2_16", Ui = "_content_1jqo2_20",
|
|
|
2515
2529
|
open: Zi,
|
|
2516
2530
|
content: Ui,
|
|
2517
2531
|
closeButton: Hi
|
|
2518
|
-
}, Gi = ({ width: i = "300px", children: d, showRightBar:
|
|
2532
|
+
}, Gi = ({ width: i = "300px", children: d, showRightBar: s, onCloseBar: n }) => {
|
|
2519
2533
|
const t = () => {
|
|
2520
2534
|
n();
|
|
2521
2535
|
};
|
|
2522
|
-
return /* @__PURE__ */
|
|
2536
|
+
return /* @__PURE__ */ o(
|
|
2523
2537
|
"div",
|
|
2524
2538
|
{
|
|
2525
|
-
className: `${ee.sidebar} ${
|
|
2526
|
-
style: { width:
|
|
2527
|
-
children:
|
|
2528
|
-
/* @__PURE__ */
|
|
2539
|
+
className: `${ee.sidebar} ${s ? ee.open : ""}`,
|
|
2540
|
+
style: { width: s ? i : 0 },
|
|
2541
|
+
children: s && /* @__PURE__ */ m("div", { className: ee.content, children: [
|
|
2542
|
+
/* @__PURE__ */ o("button", { className: ee.closeButton, onClick: t, children: "×" }),
|
|
2529
2543
|
d
|
|
2530
2544
|
] })
|
|
2531
2545
|
}
|