@tmf_ciclica/ciclicastorybook 1.1.42 → 1.1.44
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 +489 -484
- package/package.json +2 -1
package/dist/index.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
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_1qa6u_2{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center;gap:10px;width:100%;padding-bottom:30px;padding-top:30px}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitName_1qa6u_16{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;flex-direction:row;align-items:center;flex:1}._ambitItem_1qa6u_2 ._ambitNameDate_1qa6u_16 ._ambitDate_1qa6u_35{flex:.5}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38{flex:.3;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0;flex-direction:row;align-items:center;gap:8px}._ambitItem_1qa6u_2 ._ambitButtons_1qa6u_38 button:disabled{opacity:.5;cursor:default}._generalButton_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_1l4m4_2{position:absolute;width:auto;bottom:50%;right:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000}._left_1l4m4_2:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent transparent #ccc;z-index:-2}._left_1l4m4_2:after{content:"";position:absolute;top:50%;left:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent transparent #fff;z-index:-1}._top_1l4m4_40{position:absolute;width:auto;bottom:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._top_1l4m4_40:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:#ccc transparent transparent transparent;z-index:-2}._top_1l4m4_40:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:#fff transparent transparent transparent;z-index:-1}._bottom_1l4m4_79{position:absolute;width:auto;top:calc(100% + 10px);right:50%;transform:translate(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0;white-space:nowrap;color:#000;z-index:10}._bottom_1l4m4_79:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:.6em;border-style:solid;border-color:transparent transparent #ccc transparent;z-index:-2}._bottom_1l4m4_79:after{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-width:.5em;border-style:solid;border-color:transparent transparent #fff transparent;z-index:-1}._right_1l4m4_118{position:absolute;width:auto;bottom:50%;left:calc(100% + 10px);transform:translateY(50%);font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:20px;margin:0;white-space:nowrap;color:#000;z-index:10}._right_1l4m4_118:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:.6em;border-style:solid;border-color:transparent #ccc transparent transparent;z-index:-2}._right_1l4m4_118:after{content:"";position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);border-width:.5em;border-style:solid;border-color:transparent #fff transparent transparent;z-index:-1}._AppliedFiltersContainer_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_1g9xx_2{width:100%;height:100%;padding:28.5px 0 0 24px}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7{display:flex;flex-wrap:nowrap;justify-content:start;gap:30px;flex-direction:column;align-items:start}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitTitle_1g9xx_15{font-size:18px;font-weight:600;padding:0 0 26px;border-bottom:1.5px solid #605B56;width:100%}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22{display:flex;flex-wrap:nowrap;justify-content:start;gap:10px;flex-direction:column;align-items:start;padding:0 0 26px;font-size:16px;font-weight:400}._FiltersAmbitContainer_1g9xx_2 ._FiltersAmbitHeader_1g9xx_7 ._FiltersAmbitDescription_1g9xx_22 ._FiltersAmbitDescriptionTitle_1g9xx_33{font-size:18px;font-weight:600}._FiltersAmbitContainer_1g9xx_2 ._warning_1g9xx_37{color:red}._barChartContainer_d2f1z_2{height:100%;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center}._graphicContainer_c9zrg_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:column;align-items:center;width:100%;border:1.5px solid black;padding:33px 50px;border-radius:20px}._graphicContainer_c9zrg_2 ._titleContainer_c9zrg_14{display:flex;flex-wrap:nowrap;gap:0;flex-direction:row;align-items:center;justify-content:center;margin-bottom:83px}._indicatorsCategory_1cu33_2{overflow:hidden}._indicatorsCategory_1cu33_2 ._title_1cu33_5{align-items:center;gap:10px;cursor:pointer;margin-bottom:25px}._indicatorsCategory_1cu33_2 ._list_1cu33_11{display:flex;flex-wrap:nowrap;justify-content:start;flex-direction:column;align-items:start;width:100%;gap:20px;padding-bottom:20px}._indicatorContainer_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_o9enq_2{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;height:100%}._currentLang_o9enq_14{color:#404040;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;gap:5px;text-transform:capitalize}._currentLang_o9enq_14 ._arrow_o9enq_26{width:10px}._currentLang_o9enq_14 ._prevImg_o9enq_29{width:20px}._langMenu_o9enq_33{position:absolute;width:80px;background:#000!important;border-radius:8px}._langMenu_o9enq_33 button{cursor:pointer;background:#000!important;color:#ccc;width:100%;padding:4px 8px;text-align:left}._langMenu_o9enq_33 button:first-child{border-radius:8px 8px 0 0}._langMenu_o9enq_33 button:last-child{border-radius:0 0 8px 8px}._langMenu_o9enq_33 button:hover{color:#cbcbcb;background-color:#fafafa!important}._legendContainer_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_12mp4_2{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;width:fit-content;gap:80px;height:100%}._TopNavMenuContainer_12mp4_2 ._topNavOptions_12mp4_13{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;flex-direction:row;align-items:center;cursor:pointer;padding:0 10px;text-align:center;border-bottom:5px solid transparent;border-top:5px solid transparent;height:100%}._TopNavMenuContainer_12mp4_2 ._active_12mp4_27{border-bottom:5px solid white}._UserMenuTrigger_uglss_2{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;flex-direction:row;align-items:center}._header_13kbt_2{width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;padding:0 16px;background-color:#fff;border-bottom:1px solid black}._header_13kbt_2 ._leftComponents_13kbt_13,._header_13kbt_2 ._centerComponents_13kbt_14,._header_13kbt_2 ._rightComponents_13kbt_15{position:absolute;top:0;bottom:0;display:flex;align-items:center}._header_13kbt_2 ._leftComponents_13kbt_13{left:16px}._header_13kbt_2 ._centerComponents_13kbt_14{left:50%;transform:translate(-50%)}._header_13kbt_2 ._rightComponents_13kbt_15{right:16px}._header_13kbt_2 ._componentsContainer_13kbt_32{height:100%;width:100%}._sidebar_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 g, jsx as
|
|
3
|
-
import H, { useState as
|
|
2
|
+
import { jsxs as g, jsx as s, Fragment as Ke } from "react/jsx-runtime";
|
|
3
|
+
import H, { useState as L, useEffect as D, useMemo as te, useLayoutEffect as Ze, useRef as ge } from "react";
|
|
4
4
|
import e from "prop-types";
|
|
5
|
-
import { useTranslation as
|
|
5
|
+
import { useTranslation as N, Trans as Ce } from "react-i18next";
|
|
6
6
|
import { motion as be } from "framer-motion";
|
|
7
|
-
import { create as
|
|
7
|
+
import { create as Ue } from "zustand";
|
|
8
8
|
import * as ve from "d3";
|
|
9
9
|
import He from "mapbox-gl";
|
|
10
10
|
import { useSelector as pe, useDispatch as Me } from "react-redux";
|
|
@@ -33,7 +33,7 @@ const dt = "_ambitSelector_mcunf_2", pt = "_header_mcunf_13", ut = "_nameDateCon
|
|
|
33
33
|
ambitDate: _t,
|
|
34
34
|
ambitButtons: xt
|
|
35
35
|
}, 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='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", 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%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", 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%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", St = "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", Tt = "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", Mt = "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", Be = ({
|
|
36
|
-
ambit:
|
|
36
|
+
ambit: i,
|
|
37
37
|
onClickCopy: d,
|
|
38
38
|
onClickDelete: o,
|
|
39
39
|
onClickFilters: n,
|
|
@@ -43,7 +43,7 @@ const dt = "_ambitSelector_mcunf_2", pt = "_header_mcunf_13", ut = "_nameDateCon
|
|
|
43
43
|
fontColor: a,
|
|
44
44
|
moreInfo: c
|
|
45
45
|
}) => {
|
|
46
|
-
const { nom: p, created_at: u, id: m, isBeingProcessed:
|
|
46
|
+
const { nom: p, created_at: u, id: m, isBeingProcessed: b } = i;
|
|
47
47
|
return /* @__PURE__ */ g(
|
|
48
48
|
"div",
|
|
49
49
|
{
|
|
@@ -52,22 +52,22 @@ const dt = "_ambitSelector_mcunf_2", pt = "_header_mcunf_13", ut = "_nameDateCon
|
|
|
52
52
|
children: [
|
|
53
53
|
/* @__PURE__ */ g("div", { className: Y.ambitNameDate, onClick: () => t(m), children: [
|
|
54
54
|
/* @__PURE__ */ g("div", { className: Y.ambitName, children: [
|
|
55
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ s(
|
|
56
56
|
"img",
|
|
57
57
|
{
|
|
58
58
|
style: { marginRight: 9 },
|
|
59
59
|
src: r ? Tt : Mt
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ s("span", { style: { color: r ? l : a }, children: p })
|
|
63
63
|
] }),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ s("div", { className: Y.ambitDate, children: u ? new Date(u).toLocaleDateString() : "" })
|
|
65
65
|
] }),
|
|
66
66
|
/* @__PURE__ */ g("div", { className: Y.ambitButtons, children: [
|
|
67
|
-
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
/* @__PURE__ */
|
|
67
|
+
b && /* @__PURE__ */ s("img", { src: St }),
|
|
68
|
+
/* @__PURE__ */ s("button", { onClick: () => n(m), disabled: i.is_default, children: /* @__PURE__ */ s("img", { src: Nt }) }),
|
|
69
|
+
/* @__PURE__ */ s("button", { onClick: () => d(m), children: /* @__PURE__ */ s("img", { src: kt }) }),
|
|
70
|
+
/* @__PURE__ */ s("button", { onClick: () => o(m), disabled: i.is_default, children: /* @__PURE__ */ s("img", { src: wt }) })
|
|
71
71
|
] })
|
|
72
72
|
]
|
|
73
73
|
}
|
|
@@ -94,20 +94,20 @@ Be.propTypes = {
|
|
|
94
94
|
const _e = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M7%2015L7%201M7%2015L1%209M7%2015L13%209'%20stroke='%23605B56'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Ft = "_generalButton_8d6ru_2", Bt = {
|
|
95
95
|
generalButton: Ft
|
|
96
96
|
}, Le = ({
|
|
97
|
-
children:
|
|
97
|
+
children: i,
|
|
98
98
|
onClick: d,
|
|
99
99
|
fontColor: o,
|
|
100
100
|
borderColor: n
|
|
101
|
-
}) => /* @__PURE__ */
|
|
101
|
+
}) => /* @__PURE__ */ s(
|
|
102
102
|
"button",
|
|
103
103
|
{
|
|
104
104
|
className: Bt.generalButton,
|
|
105
105
|
style: { color: o, border: `1.5px solid ${n}` },
|
|
106
106
|
onClick: d,
|
|
107
|
-
children:
|
|
107
|
+
children: i
|
|
108
108
|
}
|
|
109
109
|
), Lt = ({
|
|
110
|
-
ambitList:
|
|
110
|
+
ambitList: i,
|
|
111
111
|
activeAmbitId: d,
|
|
112
112
|
fontColor: o = "#605B56",
|
|
113
113
|
activeColor: n,
|
|
@@ -119,17 +119,17 @@ const _e = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
119
119
|
onCLickNewAmbit: p = () => console.log("New ambit clicked"),
|
|
120
120
|
onClickCopy: u = (C) => console.log(`Copy ambit: ${C}`),
|
|
121
121
|
onCLickDelete: m = (C) => console.log(`Delete ambit: ${C}`),
|
|
122
|
-
onClickFilters:
|
|
122
|
+
onClickFilters: b = (C) => console.log(`Filters clicked: ${C}`),
|
|
123
123
|
onClickAmbit: h = (C) => console.log(`OnCLickAmbit: ${C}`)
|
|
124
124
|
}) => {
|
|
125
|
-
const { t: C } =
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
}, [
|
|
125
|
+
const { t: C } = N(), [f, _] = L(i);
|
|
126
|
+
D(() => {
|
|
127
|
+
i && _(i);
|
|
128
|
+
}, [i]);
|
|
129
129
|
const y = (x) => {
|
|
130
|
-
if (
|
|
131
|
-
let w = [...
|
|
132
|
-
w.sort((
|
|
130
|
+
if (f && f.length > 0) {
|
|
131
|
+
let w = [...f];
|
|
132
|
+
w.sort((v, k) => v[x].localeCompare(k[x])), _(w);
|
|
133
133
|
}
|
|
134
134
|
};
|
|
135
135
|
return /* @__PURE__ */ g(
|
|
@@ -145,20 +145,20 @@ const _e = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
145
145
|
style: { borderBottom: `1px solid ${o}` },
|
|
146
146
|
children: [
|
|
147
147
|
/* @__PURE__ */ g("div", { className: I.nameDateContainer, children: [
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
/* @__PURE__ */
|
|
150
|
-
/* @__PURE__ */
|
|
148
|
+
/* @__PURE__ */ s("div", { className: I.ambitName, children: /* @__PURE__ */ g("button", { onClick: () => y("name"), children: [
|
|
149
|
+
/* @__PURE__ */ s("span", { children: C(t) }),
|
|
150
|
+
/* @__PURE__ */ s("img", { src: _e })
|
|
151
151
|
] }) }),
|
|
152
|
-
/* @__PURE__ */
|
|
153
|
-
/* @__PURE__ */
|
|
154
|
-
/* @__PURE__ */
|
|
152
|
+
/* @__PURE__ */ s("div", { className: I.ambitDate, children: /* @__PURE__ */ g("button", { onClick: () => y("date"), children: [
|
|
153
|
+
/* @__PURE__ */ s("span", { children: C(r) }),
|
|
154
|
+
/* @__PURE__ */ s("img", { src: _e })
|
|
155
155
|
] }) })
|
|
156
156
|
] }),
|
|
157
|
-
/* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ s("div", { className: I.buttonsContainer })
|
|
158
158
|
]
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ s("div", { className: I.ambitListContainer, children: f && f.length > 0 && f.map((x) => /* @__PURE__ */ s(
|
|
162
162
|
Be,
|
|
163
163
|
{
|
|
164
164
|
isActive: d == x.id,
|
|
@@ -167,12 +167,12 @@ const _e = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
|
|
|
167
167
|
activeColor: n,
|
|
168
168
|
onClickCopy: u,
|
|
169
169
|
onClickDelete: m,
|
|
170
|
-
onClickFilters:
|
|
170
|
+
onClickFilters: b,
|
|
171
171
|
onClickAmbit: h
|
|
172
172
|
},
|
|
173
173
|
`ambitKey${x.id}`
|
|
174
174
|
)) }),
|
|
175
|
-
/* @__PURE__ */
|
|
175
|
+
/* @__PURE__ */ s("div", { className: I.newAmbitButtonContainer, children: /* @__PURE__ */ s(
|
|
176
176
|
Le,
|
|
177
177
|
{
|
|
178
178
|
style: { ...a },
|
|
@@ -207,7 +207,7 @@ Lt.propTypes = {
|
|
|
207
207
|
containerStyles: e.object,
|
|
208
208
|
onCLickNewAmbit: e.func
|
|
209
209
|
};
|
|
210
|
-
const Dt = "_buttonsContainer_1audx_2", $t = "_vertical_1audx_6", At = "_horizontal_1audx_9", Ot = "_button_1audx_2", Rt = "_active_1audx_25", It = "_buttonName_1audx_28",
|
|
210
|
+
const Dt = "_buttonsContainer_1audx_2", $t = "_vertical_1audx_6", At = "_horizontal_1audx_9", Ot = "_button_1audx_2", Rt = "_active_1audx_25", It = "_buttonName_1audx_28", P = {
|
|
211
211
|
buttonsContainer: Dt,
|
|
212
212
|
vertical: $t,
|
|
213
213
|
horizontal: At,
|
|
@@ -219,9 +219,9 @@ const Dt = "_buttonsContainer_1audx_2", $t = "_vertical_1audx_6", At = "_horizon
|
|
|
219
219
|
top: Pt,
|
|
220
220
|
bottom: zt,
|
|
221
221
|
right: jt
|
|
222
|
-
}, De = ({ text:
|
|
223
|
-
const { t: n } =
|
|
224
|
-
return /* @__PURE__ */
|
|
222
|
+
}, De = ({ text: i, position: d, styleCustom: o = null }) => {
|
|
223
|
+
const { t: n } = N();
|
|
224
|
+
return /* @__PURE__ */ s("div", { className: `tooltip ${qt[d]}`, style: o, children: n(i) });
|
|
225
225
|
};
|
|
226
226
|
De.propTypes = {
|
|
227
227
|
text: e.string.isRequired,
|
|
@@ -229,42 +229,42 @@ De.propTypes = {
|
|
|
229
229
|
styleCustom: e.object
|
|
230
230
|
};
|
|
231
231
|
const Et = ({
|
|
232
|
-
buttons:
|
|
232
|
+
buttons: i = [],
|
|
233
233
|
orientation: d = "horizontal",
|
|
234
234
|
showName: o = !0,
|
|
235
235
|
namePosition: n = "right",
|
|
236
236
|
useTooltip: t = !1,
|
|
237
237
|
tooltipPosition: r = "top"
|
|
238
238
|
}) => {
|
|
239
|
-
const { t: l } =
|
|
240
|
-
return /* @__PURE__ */
|
|
239
|
+
const { t: l } = N();
|
|
240
|
+
return /* @__PURE__ */ s(
|
|
241
241
|
"div",
|
|
242
242
|
{
|
|
243
|
-
className: `${
|
|
244
|
-
${d === "horizontal" &&
|
|
245
|
-
children:
|
|
243
|
+
className: `${P.buttonsContainer} ${d === "vertical" && P.vertical}
|
|
244
|
+
${d === "horizontal" && P.horizontal}`,
|
|
245
|
+
children: i.map((a, c) => {
|
|
246
246
|
const {
|
|
247
247
|
icon: p,
|
|
248
248
|
activeIcon: u,
|
|
249
249
|
isActive: m,
|
|
250
|
-
name:
|
|
250
|
+
name: b,
|
|
251
251
|
onClick: h
|
|
252
252
|
} = a, C = /* @__PURE__ */ g(Ke, { children: [
|
|
253
|
-
o && n === "left" && /* @__PURE__ */
|
|
254
|
-
/* @__PURE__ */
|
|
255
|
-
o && n === "right" && /* @__PURE__ */
|
|
253
|
+
o && n === "left" && /* @__PURE__ */ s("span", { className: P.buttonName, children: l(b) }),
|
|
254
|
+
/* @__PURE__ */ s("img", { src: m ? u : p, alt: l(b) }),
|
|
255
|
+
o && n === "right" && /* @__PURE__ */ s("span", { className: P.buttonName, children: l(b) })
|
|
256
256
|
] });
|
|
257
257
|
return /* @__PURE__ */ g("div", { className: "tooltip-parent", children: [
|
|
258
|
-
/* @__PURE__ */
|
|
258
|
+
/* @__PURE__ */ s(
|
|
259
259
|
"button",
|
|
260
260
|
{
|
|
261
261
|
onClick: h,
|
|
262
|
-
className: `${
|
|
263
|
-
${m &&
|
|
262
|
+
className: `${P.button}
|
|
263
|
+
${m && P.active}`,
|
|
264
264
|
children: C
|
|
265
265
|
}
|
|
266
266
|
),
|
|
267
|
-
t && /* @__PURE__ */
|
|
267
|
+
t && /* @__PURE__ */ s(De, { text: b, position: r })
|
|
268
268
|
] }, c);
|
|
269
269
|
})
|
|
270
270
|
}
|
|
@@ -287,11 +287,11 @@ Et.propTypes = {
|
|
|
287
287
|
useTooltip: e.bool,
|
|
288
288
|
tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
|
|
289
289
|
};
|
|
290
|
-
const Kt = "_indicatorsCategory_1cu33_2",
|
|
290
|
+
const Kt = "_indicatorsCategory_1cu33_2", Zt = "_title_1cu33_5", oe = {
|
|
291
291
|
indicatorsCategory: Kt,
|
|
292
|
-
title:
|
|
293
|
-
},
|
|
294
|
-
isOpen:
|
|
292
|
+
title: Zt
|
|
293
|
+
}, E = ({
|
|
294
|
+
isOpen: i,
|
|
295
295
|
onClick: d,
|
|
296
296
|
children: o,
|
|
297
297
|
color: n,
|
|
@@ -304,18 +304,18 @@ const Kt = "_indicatorsCategory_1cu33_2", Ut = "_title_1cu33_5", oe = {
|
|
|
304
304
|
showBottomBar: c = !0,
|
|
305
305
|
titleMarginChildren: p = 25
|
|
306
306
|
}) => {
|
|
307
|
-
const { t: u } =
|
|
307
|
+
const { t: u } = N();
|
|
308
308
|
return /* @__PURE__ */ g(
|
|
309
309
|
be.div,
|
|
310
310
|
{
|
|
311
311
|
className: oe.indicatorsCategory,
|
|
312
312
|
initial: { height: `${l}px` },
|
|
313
|
-
animate: { height:
|
|
313
|
+
animate: { height: i ? "auto" : `${l}px` },
|
|
314
314
|
transition: { duration: 0.4 },
|
|
315
315
|
style: {
|
|
316
316
|
backgroundColor: "white",
|
|
317
|
-
borderBottom:
|
|
318
|
-
marginBottom:
|
|
317
|
+
borderBottom: i && c ? `1px solid ${t}` : "0px",
|
|
318
|
+
marginBottom: i ? "20px" : "0px"
|
|
319
319
|
},
|
|
320
320
|
children: [
|
|
321
321
|
/* @__PURE__ */ g(
|
|
@@ -328,17 +328,17 @@ const Kt = "_indicatorsCategory_1cu33_2", Ut = "_title_1cu33_5", oe = {
|
|
|
328
328
|
className: `${oe.title}`,
|
|
329
329
|
onClick: d,
|
|
330
330
|
children: [
|
|
331
|
-
/* @__PURE__ */
|
|
332
|
-
/* @__PURE__ */
|
|
331
|
+
/* @__PURE__ */ s("span", { style: { color: i ? t : n }, children: i ? "-" : "+" }),
|
|
332
|
+
/* @__PURE__ */ s("span", { style: { marginLeft: 12, color: i ? t : n }, children: u(r) })
|
|
333
333
|
]
|
|
334
334
|
}
|
|
335
335
|
),
|
|
336
|
-
/* @__PURE__ */
|
|
336
|
+
/* @__PURE__ */ s("div", { className: oe.content, children: o })
|
|
337
337
|
]
|
|
338
338
|
}
|
|
339
339
|
);
|
|
340
340
|
};
|
|
341
|
-
|
|
341
|
+
E.propTypes = {
|
|
342
342
|
isOpen: e.bool,
|
|
343
343
|
onClick: e.func,
|
|
344
344
|
children: e.node,
|
|
@@ -349,34 +349,34 @@ q.propTypes = {
|
|
|
349
349
|
showBottomBar: e.bool,
|
|
350
350
|
titleFontStyles: e.object
|
|
351
351
|
};
|
|
352
|
-
const gs = () => /* @__PURE__ */
|
|
352
|
+
const gs = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), Ut = "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", Ht = "_AppliedFiltersContainer_s8ooe_2", Gt = "_AppliedFilterContent_s8ooe_10", xe = {
|
|
353
353
|
AppliedFiltersContainer: Ht,
|
|
354
354
|
AppliedFilterContent: Gt
|
|
355
|
-
}, M =
|
|
355
|
+
}, M = Ue((i) => ({
|
|
356
356
|
activeCategory: "",
|
|
357
357
|
activeSubCategory: "",
|
|
358
358
|
selectedIndicator: "",
|
|
359
359
|
tematicalFiltersSelected: [],
|
|
360
360
|
fontColor: "#605B56",
|
|
361
361
|
inputsColor: "#605B56"
|
|
362
|
-
})), $e = ({ title:
|
|
363
|
-
const { t: l } =
|
|
362
|
+
})), $e = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
363
|
+
const { t: l } = N(), { tematicalFiltersSelected: a } = M((p) => p), c = (p) => {
|
|
364
364
|
M.setState((u) => ({
|
|
365
365
|
tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
|
|
366
366
|
(m) => m.code !== p
|
|
367
367
|
)
|
|
368
368
|
}));
|
|
369
369
|
};
|
|
370
|
-
return /* @__PURE__ */
|
|
371
|
-
|
|
370
|
+
return /* @__PURE__ */ s(
|
|
371
|
+
E,
|
|
372
372
|
{
|
|
373
373
|
isOpen: o,
|
|
374
374
|
onClick: d,
|
|
375
|
-
title:
|
|
375
|
+
title: i ? l(i) : "Applied Filters",
|
|
376
376
|
activeColor: r,
|
|
377
|
-
children: /* @__PURE__ */
|
|
377
|
+
children: /* @__PURE__ */ s("div", { className: xe.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ g("div", { className: xe.AppliedFilterContent, style: { color: n, background: t }, children: [
|
|
378
378
|
l(p.name),
|
|
379
|
-
/* @__PURE__ */
|
|
379
|
+
/* @__PURE__ */ s("img", { src: Ut, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
|
|
380
380
|
] }, u)) })
|
|
381
381
|
}
|
|
382
382
|
);
|
|
@@ -395,14 +395,14 @@ $e.propTypes = {
|
|
|
395
395
|
),
|
|
396
396
|
activeColor: e.string
|
|
397
397
|
};
|
|
398
|
-
const Ae = ({ title:
|
|
399
|
-
const { t: l } =
|
|
400
|
-
return /* @__PURE__ */
|
|
401
|
-
|
|
398
|
+
const Ae = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
|
|
399
|
+
const { t: l } = N(), { tematicalFiltersSelected: a } = M((c) => c);
|
|
400
|
+
return /* @__PURE__ */ s(
|
|
401
|
+
E,
|
|
402
402
|
{
|
|
403
403
|
isOpen: o,
|
|
404
404
|
onClick: d,
|
|
405
|
-
title:
|
|
405
|
+
title: i ? l(i) : "Geographical Filters",
|
|
406
406
|
activeColor: r,
|
|
407
407
|
children: "A"
|
|
408
408
|
}
|
|
@@ -419,22 +419,22 @@ Ae.propTypes = {
|
|
|
419
419
|
const Yt = "_checkboxContainer_zld97_2", Wt = {
|
|
420
420
|
checkboxContainer: Yt
|
|
421
421
|
}, Oe = ({
|
|
422
|
-
onClick:
|
|
422
|
+
onClick: i,
|
|
423
423
|
containerStyles: d,
|
|
424
424
|
color: o = "#605B56",
|
|
425
425
|
indicator: n,
|
|
426
426
|
value: t
|
|
427
427
|
}) => {
|
|
428
|
-
const { t: r } =
|
|
428
|
+
const { t: r } = N(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = M((p) => p);
|
|
429
429
|
return /* @__PURE__ */ g(
|
|
430
430
|
"div",
|
|
431
431
|
{
|
|
432
432
|
style: { ...d, color: o },
|
|
433
433
|
role: "checkbox",
|
|
434
434
|
className: Wt.checkboxContainer,
|
|
435
|
-
onClick:
|
|
435
|
+
onClick: i,
|
|
436
436
|
children: [
|
|
437
|
-
/* @__PURE__ */
|
|
437
|
+
/* @__PURE__ */ s(
|
|
438
438
|
"input",
|
|
439
439
|
{
|
|
440
440
|
type: "checkbox",
|
|
@@ -447,7 +447,7 @@ const Yt = "_checkboxContainer_zld97_2", Wt = {
|
|
|
447
447
|
}
|
|
448
448
|
}
|
|
449
449
|
),
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ s("span", { className: "checkmark", children: r(l) })
|
|
451
451
|
]
|
|
452
452
|
}
|
|
453
453
|
);
|
|
@@ -463,43 +463,43 @@ Oe.propTypes = {
|
|
|
463
463
|
}),
|
|
464
464
|
checkedColor: e.string
|
|
465
465
|
};
|
|
466
|
-
function ue(
|
|
466
|
+
function ue(i, d) {
|
|
467
467
|
return ue = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, n) {
|
|
468
468
|
return o.__proto__ = n, o;
|
|
469
|
-
}, ue(
|
|
469
|
+
}, ue(i, d);
|
|
470
470
|
}
|
|
471
|
-
function Xt(
|
|
472
|
-
|
|
471
|
+
function Xt(i, d) {
|
|
472
|
+
i.prototype = Object.create(d.prototype), i.prototype.constructor = i, ue(i, d);
|
|
473
473
|
}
|
|
474
|
-
function re(
|
|
475
|
-
return
|
|
474
|
+
function re(i) {
|
|
475
|
+
return i && i.stopPropagation && i.stopPropagation(), i && i.preventDefault && i.preventDefault(), !1;
|
|
476
476
|
}
|
|
477
|
-
function ae(
|
|
478
|
-
return
|
|
477
|
+
function ae(i) {
|
|
478
|
+
return i == null ? [] : Array.isArray(i) ? i.slice() : [i];
|
|
479
479
|
}
|
|
480
|
-
function X(
|
|
481
|
-
return
|
|
480
|
+
function X(i) {
|
|
481
|
+
return i !== null && i.length === 1 ? i[0] : i.slice();
|
|
482
482
|
}
|
|
483
|
-
function J(
|
|
484
|
-
Object.keys(
|
|
485
|
-
typeof document < "u" && document.addEventListener(d,
|
|
483
|
+
function J(i) {
|
|
484
|
+
Object.keys(i).forEach((d) => {
|
|
485
|
+
typeof document < "u" && document.addEventListener(d, i[d], !1);
|
|
486
486
|
});
|
|
487
487
|
}
|
|
488
|
-
function
|
|
488
|
+
function z(i, d) {
|
|
489
489
|
return me(function(o, n) {
|
|
490
490
|
let t = o;
|
|
491
491
|
return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
|
|
492
|
-
}(
|
|
492
|
+
}(i, d), d);
|
|
493
493
|
}
|
|
494
|
-
function me(
|
|
495
|
-
const o = (
|
|
496
|
-
let n =
|
|
494
|
+
function me(i, d) {
|
|
495
|
+
const o = (i - d.min) % d.step;
|
|
496
|
+
let n = i - o;
|
|
497
497
|
return 2 * Math.abs(o) >= d.step && (n += o > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
|
|
498
498
|
}
|
|
499
|
-
let he = function(
|
|
499
|
+
let he = function(i) {
|
|
500
500
|
function d(n) {
|
|
501
501
|
var t;
|
|
502
|
-
(t =
|
|
502
|
+
(t = i.call(this, n) || this).onKeyUp = () => {
|
|
503
503
|
t.onEnd();
|
|
504
504
|
}, t.onMouseUp = () => {
|
|
505
505
|
t.onEnd(t.getMouseEventMap());
|
|
@@ -516,8 +516,8 @@ let he = function(s) {
|
|
|
516
516
|
t.setState({ pending: !0 });
|
|
517
517
|
const c = t.getTouchPosition(a);
|
|
518
518
|
if (t.isScrolling === void 0) {
|
|
519
|
-
const m = c[0] - t.startPosition[0],
|
|
520
|
-
t.isScrolling = Math.abs(
|
|
519
|
+
const m = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
|
|
520
|
+
t.isScrolling = Math.abs(b) > Math.abs(m);
|
|
521
521
|
}
|
|
522
522
|
if (t.isScrolling) return void t.setState({ index: -1 });
|
|
523
523
|
const p = t.getDiffPosition(c[0]), u = t.getValueFromPosition(p);
|
|
@@ -560,7 +560,7 @@ let he = function(s) {
|
|
|
560
560
|
}
|
|
561
561
|
}, t.onSliderClick = (a) => {
|
|
562
562
|
if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
|
|
563
|
-
const c = t.getMousePosition(a), p =
|
|
563
|
+
const c = t.getMousePosition(a), p = z(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
|
|
564
564
|
t.props.onSliderClick(p);
|
|
565
565
|
}
|
|
566
566
|
}, t.createOnKeyDown = (a) => (c) => {
|
|
@@ -583,8 +583,8 @@ let he = function(s) {
|
|
|
583
583
|
}, 0);
|
|
584
584
|
t.pendingResizeTimeouts.push(a);
|
|
585
585
|
}, t.renderThumb = (a, c) => {
|
|
586
|
-
const p = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), u = { ref: (
|
|
587
|
-
t["thumb" + c] =
|
|
586
|
+
const p = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), u = { ref: (b) => {
|
|
587
|
+
t["thumb" + c] = b;
|
|
588
588
|
}, key: t.props.thumbClassName + "-" + c, className: p, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, m = { index: c, value: X(t.state.value), valueNow: t.state.value[c] };
|
|
589
589
|
return t.props.ariaValuetext && (u["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(m)), t.props.renderThumb(u, m);
|
|
590
590
|
}, t.renderTrack = (a, c, p) => {
|
|
@@ -594,16 +594,16 @@ let he = function(s) {
|
|
|
594
594
|
let r = ae(n.value);
|
|
595
595
|
r.length || (r = ae(n.defaultValue)), t.pendingResizeTimeouts = [];
|
|
596
596
|
const l = [];
|
|
597
|
-
for (let a = 0; a < r.length; a += 1) r[a] =
|
|
597
|
+
for (let a = 0; a < r.length; a += 1) r[a] = z(r[a], n), l.push(a);
|
|
598
598
|
return t.resizeObserver = null, t.resizeElementRef = H.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
|
|
599
599
|
}
|
|
600
|
-
Xt(d,
|
|
600
|
+
Xt(d, i);
|
|
601
601
|
var o = d.prototype;
|
|
602
602
|
return o.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
605
|
const r = ae(n.value);
|
|
606
|
-
return r.length ? t.pending ? null : { value: r.map((l) =>
|
|
606
|
+
return r.length ? t.pending ? null : { value: r.map((l) => z(l, n)) } : null;
|
|
607
607
|
}, o.componentDidUpdate = function() {
|
|
608
608
|
this.state.upperBound === 0 && this.resize();
|
|
609
609
|
}, o.componentWillUnmount = function() {
|
|
@@ -637,15 +637,15 @@ let he = function(s) {
|
|
|
637
637
|
return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
|
|
638
638
|
}, o.getValueFromPosition = function(n) {
|
|
639
639
|
const t = n / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
|
|
640
|
-
return
|
|
640
|
+
return z(this.state.startValue + t, this.props);
|
|
641
641
|
}, o.getDiffPosition = function(n) {
|
|
642
642
|
let t = n - this.state.startPosition;
|
|
643
643
|
return this.props.invert && (t *= -1), t;
|
|
644
644
|
}, o.resize = function() {
|
|
645
645
|
const { slider: n, thumb0: t } = this;
|
|
646
646
|
if (!n || !t) return;
|
|
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()], m = a - u,
|
|
648
|
-
this.state.upperBound === m && this.state.sliderLength ===
|
|
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()], m = a - u, b = Math.abs(c - p);
|
|
648
|
+
this.state.upperBound === m && this.state.sliderLength === b && this.state.thumbSize === u || this.setState({ upperBound: m, sliderLength: b, thumbSize: u });
|
|
649
649
|
}, o.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;
|
|
@@ -656,7 +656,7 @@ let he = function(s) {
|
|
|
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
658
|
}, o.forceValueFromPosition = function(n, t) {
|
|
659
|
-
const r = this.calcOffsetFromPosition(n), l = this.getClosestIndex(r), a =
|
|
659
|
+
const r = this.calcOffsetFromPosition(n), l = this.getClosestIndex(r), a = z(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 }, () => {
|
|
@@ -674,11 +674,11 @@ let he = function(s) {
|
|
|
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
|
}, o.moveUpByStep = function(n) {
|
|
676
676
|
n === void 0 && (n = this.props.step);
|
|
677
|
-
const t = this.state.value[this.state.index], r =
|
|
677
|
+
const t = this.state.value[this.state.index], r = z(this.props.invert && this.props.orientation === "horizontal" ? t - n : t + n, this.props);
|
|
678
678
|
this.move(Math.min(r, this.props.max));
|
|
679
679
|
}, o.moveDownByStep = function(n) {
|
|
680
680
|
n === void 0 && (n = this.props.step);
|
|
681
|
-
const t = this.state.value[this.state.index], r =
|
|
681
|
+
const t = this.state.value[this.state.index], r = z(this.props.invert && this.props.orientation === "horizontal" ? t + n : t - n, this.props);
|
|
682
682
|
this.move(Math.max(r, this.props.min));
|
|
683
683
|
}, o.move = function(n) {
|
|
684
684
|
const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
|
|
@@ -687,23 +687,23 @@ let he = function(s) {
|
|
|
687
687
|
const { pearling: c, max: p, min: u, minDistance: m } = this.props;
|
|
688
688
|
if (!c) {
|
|
689
689
|
if (r > 0) {
|
|
690
|
-
const
|
|
691
|
-
n <
|
|
690
|
+
const b = t[r - 1];
|
|
691
|
+
n < b + m && (n = b + m);
|
|
692
692
|
}
|
|
693
693
|
if (r < l - 1) {
|
|
694
|
-
const
|
|
695
|
-
n >
|
|
694
|
+
const b = t[r + 1];
|
|
695
|
+
n > b - m && (n = b - m);
|
|
696
696
|
}
|
|
697
697
|
}
|
|
698
|
-
t[r] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, m, r), function(
|
|
699
|
-
for (let
|
|
700
|
-
const y =
|
|
701
|
-
h[
|
|
698
|
+
t[r] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, m, r), function(b, h, C, f) {
|
|
699
|
+
for (let _ = 0; _ < b; _ += 1) {
|
|
700
|
+
const y = f - _ * C;
|
|
701
|
+
h[b - 1 - _] > y && (h[b - 1 - _] = y);
|
|
702
702
|
}
|
|
703
|
-
}(l, t, m, p)) : n < a && (this.pushPreceding(t, m, r), function(
|
|
704
|
-
for (let
|
|
705
|
-
const y =
|
|
706
|
-
h[
|
|
703
|
+
}(l, t, m, p)) : n < a && (this.pushPreceding(t, m, r), function(b, h, C, f) {
|
|
704
|
+
for (let _ = 0; _ < b; _ += 1) {
|
|
705
|
+
const y = f + _ * C;
|
|
706
|
+
h[_] < y && (h[_] = y);
|
|
707
707
|
}
|
|
708
708
|
}(l, t, m, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
709
709
|
}, o.pushSucceeding = function(n, t, r) {
|
|
@@ -759,7 +759,7 @@ let he = function(s) {
|
|
|
759
759
|
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
|
|
760
760
|
}, d;
|
|
761
761
|
}(H.Component);
|
|
762
|
-
he.displayName = "ReactSlider", he.defaultProps = { min: 0, max: 100, step: 1, pageFn: (
|
|
762
|
+
he.displayName = "ReactSlider", he.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (i) => H.createElement("div", i), renderTrack: (i) => H.createElement("div", i), renderMark: (i) => H.createElement("span", i) };
|
|
763
763
|
var Jt = he;
|
|
764
764
|
const Qt = "_container_15vgv_2", en = "_unitLabel_15vgv_9", tn = "_slider_15vgv_12", nn = "_thumb_15vgv_18", sn = "_track_15vgv_27", on = "_labels_15vgv_33", K = {
|
|
765
765
|
container: Qt,
|
|
@@ -769,7 +769,7 @@ const Qt = "_container_15vgv_2", en = "_unitLabel_15vgv_9", tn = "_slider_15vgv_
|
|
|
769
769
|
track: sn,
|
|
770
770
|
labels: on
|
|
771
771
|
}, Re = ({
|
|
772
|
-
min:
|
|
772
|
+
min: i = 0,
|
|
773
773
|
max: d = 100,
|
|
774
774
|
step: o = 1,
|
|
775
775
|
onChange: n,
|
|
@@ -778,41 +778,37 @@ const Qt = "_container_15vgv_2", en = "_unitLabel_15vgv_9", tn = "_slider_15vgv_
|
|
|
778
778
|
fontColor: l = "#605B56",
|
|
779
779
|
defaultValue: a
|
|
780
780
|
}) => {
|
|
781
|
-
const { t: c } =
|
|
782
|
-
u(
|
|
783
|
-
}, f = () => {
|
|
784
|
-
console.log("Valor final:", p), n == null || n({ min: p[0], max: p[1] });
|
|
781
|
+
const { t: c } = N(), [p, u] = L([i, d]), m = (b) => {
|
|
782
|
+
u(b), n == null || n({ min: b[0], max: b[1] });
|
|
785
783
|
};
|
|
786
|
-
return
|
|
784
|
+
return D(() => {
|
|
787
785
|
a && u([a]);
|
|
788
786
|
}, [a]), /* @__PURE__ */ g(
|
|
789
787
|
"div",
|
|
790
788
|
{
|
|
791
789
|
className: K.container,
|
|
792
790
|
style: { width: `${t}px`, color: `${l}` },
|
|
793
|
-
onMouseUp: f,
|
|
794
|
-
onTouchEnd: f,
|
|
795
791
|
children: [
|
|
796
|
-
/* @__PURE__ */
|
|
797
|
-
/* @__PURE__ */
|
|
792
|
+
/* @__PURE__ */ s("div", { className: K.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
|
|
793
|
+
/* @__PURE__ */ s(
|
|
798
794
|
Jt,
|
|
799
795
|
{
|
|
800
796
|
className: K.slider,
|
|
801
797
|
thumbClassName: K.thumb,
|
|
802
798
|
trackClassName: K.track,
|
|
803
|
-
min:
|
|
799
|
+
min: i,
|
|
804
800
|
max: d,
|
|
805
801
|
step: o,
|
|
806
802
|
value: p,
|
|
807
|
-
|
|
803
|
+
onAfterChange: m,
|
|
808
804
|
withTracks: !0,
|
|
809
805
|
pearling: !0,
|
|
810
806
|
minDistance: 1
|
|
811
807
|
}
|
|
812
808
|
),
|
|
813
809
|
/* @__PURE__ */ g("div", { className: K.labels, children: [
|
|
814
|
-
/* @__PURE__ */
|
|
815
|
-
/* @__PURE__ */
|
|
810
|
+
/* @__PURE__ */ s("span", { children: p[0] }),
|
|
811
|
+
/* @__PURE__ */ s("span", { children: p[1] })
|
|
816
812
|
] })
|
|
817
813
|
]
|
|
818
814
|
}
|
|
@@ -836,11 +832,11 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
836
832
|
checkboxContainer: ln,
|
|
837
833
|
absoluteSliderContainer: cn
|
|
838
834
|
}, fe = ({
|
|
839
|
-
indicator:
|
|
835
|
+
indicator: i,
|
|
840
836
|
//onChangeBothType
|
|
841
837
|
activeColor: d
|
|
842
838
|
}) => {
|
|
843
|
-
const [o, n] =
|
|
839
|
+
const [o, n] = L(), {
|
|
844
840
|
type: t,
|
|
845
841
|
name: r,
|
|
846
842
|
values: l,
|
|
@@ -848,74 +844,74 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
848
844
|
maxValue: c,
|
|
849
845
|
unit: p,
|
|
850
846
|
step: u
|
|
851
|
-
} =
|
|
847
|
+
} = i || {}, m = te(
|
|
852
848
|
() => t == "cat" || o == "cat",
|
|
853
849
|
[o, t]
|
|
854
|
-
),
|
|
850
|
+
), b = te(
|
|
855
851
|
() => t == "abs" || o == "abs",
|
|
856
852
|
[o, t]
|
|
857
853
|
), {
|
|
858
854
|
tematicalFiltersSelected: h,
|
|
859
855
|
selectedIndicator: C,
|
|
860
|
-
fontColor:
|
|
861
|
-
inputsColor:
|
|
856
|
+
fontColor: f,
|
|
857
|
+
inputsColor: _
|
|
862
858
|
} = M((w) => w), y = (w) => {
|
|
863
859
|
if (w) {
|
|
864
|
-
const { min:
|
|
865
|
-
let
|
|
866
|
-
ne == "both" && (
|
|
867
|
-
let R =
|
|
868
|
-
(
|
|
860
|
+
const { min: v, max: k, valueClicked: S, allValues: O } = w || {}, { code: G, type: ne } = i || {}, ie = b ? "abs" : m ? "cat" : "both";
|
|
861
|
+
let A = G[0];
|
|
862
|
+
ne == "both" && (A = ie == "cat" ? G[1] : G[0]), ie == "cat" ? M.setState((V) => {
|
|
863
|
+
let R = V.tematicalFiltersSelected.find(
|
|
864
|
+
(F) => F.code === A
|
|
869
865
|
);
|
|
870
866
|
if (R) {
|
|
871
|
-
let
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
}
|
|
881
|
-
} else
|
|
882
|
-
D = [...R.values, S];
|
|
883
|
-
return {
|
|
884
|
-
tematicalFiltersSelected: E.tematicalFiltersSelected.map(
|
|
885
|
-
($) => $.code === O ? { ...$, values: D } : $
|
|
867
|
+
let F = [R.values];
|
|
868
|
+
return R.values.includes(S) ? F = R.values.filter(
|
|
869
|
+
($) => $ !== S
|
|
870
|
+
) : F = [...R.values, S], F.length == O.length ? {
|
|
871
|
+
tematicalFiltersSelected: V.tematicalFiltersSelected.filter(
|
|
872
|
+
($) => $.code !== A
|
|
873
|
+
)
|
|
874
|
+
} : {
|
|
875
|
+
tematicalFiltersSelected: V.tematicalFiltersSelected.map(
|
|
876
|
+
($) => $.code === A ? { ...$, values: F } : $
|
|
886
877
|
)
|
|
887
878
|
};
|
|
888
879
|
} else {
|
|
889
|
-
|
|
890
|
-
let D = A.map(($, Ee) => Ee);
|
|
880
|
+
let F = O.map(($, Ee) => Ee);
|
|
891
881
|
return {
|
|
892
882
|
tematicalFiltersSelected: [
|
|
893
883
|
...h,
|
|
894
884
|
{
|
|
895
885
|
type: "cat",
|
|
896
|
-
code:
|
|
897
|
-
values:
|
|
898
|
-
name:
|
|
886
|
+
code: A,
|
|
887
|
+
values: F.filter(($) => $ !== S),
|
|
888
|
+
name: i.name
|
|
899
889
|
}
|
|
900
890
|
]
|
|
901
891
|
};
|
|
902
892
|
}
|
|
903
|
-
}) : ie == "abs" && M.setState((
|
|
904
|
-
let R =
|
|
905
|
-
(
|
|
893
|
+
}) : ie == "abs" && M.setState((V) => {
|
|
894
|
+
let R = V.tematicalFiltersSelected.find(
|
|
895
|
+
(F) => F.code === A
|
|
906
896
|
);
|
|
897
|
+
if (v == i.minValue && k == i.maxValue)
|
|
898
|
+
return {
|
|
899
|
+
tematicalFiltersSelected: V.tematicalFiltersSelected.filter(
|
|
900
|
+
(F) => F.code !== A
|
|
901
|
+
)
|
|
902
|
+
};
|
|
907
903
|
if (R) {
|
|
908
|
-
let
|
|
909
|
-
return
|
|
910
|
-
tematicalFiltersSelected:
|
|
911
|
-
($) => $.code ===
|
|
904
|
+
let F = { ...R };
|
|
905
|
+
return F.min = v, F.max = k, {
|
|
906
|
+
tematicalFiltersSelected: V.tematicalFiltersSelected.map(
|
|
907
|
+
($) => $.code === A ? F : $
|
|
912
908
|
)
|
|
913
909
|
};
|
|
914
910
|
} else
|
|
915
911
|
return {
|
|
916
912
|
tematicalFiltersSelected: [
|
|
917
913
|
...h,
|
|
918
|
-
{ type: "abs", code:
|
|
914
|
+
{ type: "abs", code: A, min: v, max: k }
|
|
919
915
|
]
|
|
920
916
|
};
|
|
921
917
|
});
|
|
@@ -923,12 +919,12 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
923
919
|
}, x = te(() => {
|
|
924
920
|
const w = {};
|
|
925
921
|
if ((h == null ? void 0 : h.length) > 0)
|
|
926
|
-
for (const
|
|
927
|
-
|
|
922
|
+
for (const v of h)
|
|
923
|
+
v.type === "cat" ? w[v.code] = new Set(v.values) : w[v.code] = [v.min, v.max];
|
|
928
924
|
return w;
|
|
929
925
|
}, [h]);
|
|
930
|
-
return /* @__PURE__ */
|
|
931
|
-
|
|
926
|
+
return /* @__PURE__ */ s("div", { className: Q.tematicalFiltersInputContainer, children: /* @__PURE__ */ g(
|
|
927
|
+
E,
|
|
932
928
|
{
|
|
933
929
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
934
930
|
title: r,
|
|
@@ -940,17 +936,17 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
940
936
|
height: 38,
|
|
941
937
|
titleMarginChildren: 14,
|
|
942
938
|
className: "tematicalFiltersInputContainer",
|
|
943
|
-
color:
|
|
939
|
+
color: f,
|
|
944
940
|
activeColor: d,
|
|
945
941
|
children: [
|
|
946
942
|
t == "both" && /* @__PURE__ */ g(
|
|
947
943
|
"div",
|
|
948
944
|
{
|
|
949
945
|
className: Q.inputTypeContainer,
|
|
950
|
-
style: { color:
|
|
946
|
+
style: { color: f },
|
|
951
947
|
children: [
|
|
952
948
|
/* @__PURE__ */ g("label", { children: [
|
|
953
|
-
/* @__PURE__ */
|
|
949
|
+
/* @__PURE__ */ s(
|
|
954
950
|
"input",
|
|
955
951
|
{
|
|
956
952
|
type: "radio",
|
|
@@ -961,15 +957,15 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
961
957
|
},
|
|
962
958
|
style: {
|
|
963
959
|
marginRight: 4,
|
|
964
|
-
backgroundColor: o == "abs" ?
|
|
965
|
-
border: `1.5px solid ${o == "abs" ?
|
|
960
|
+
backgroundColor: o == "abs" ? _ : "white",
|
|
961
|
+
border: `1.5px solid ${o == "abs" ? _ : f}`
|
|
966
962
|
}
|
|
967
963
|
}
|
|
968
964
|
),
|
|
969
965
|
"Absoluto"
|
|
970
966
|
] }),
|
|
971
967
|
/* @__PURE__ */ g("label", { children: [
|
|
972
|
-
/* @__PURE__ */
|
|
968
|
+
/* @__PURE__ */ s(
|
|
973
969
|
"input",
|
|
974
970
|
{
|
|
975
971
|
type: "radio",
|
|
@@ -980,8 +976,8 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
980
976
|
},
|
|
981
977
|
style: {
|
|
982
978
|
marginRight: 4,
|
|
983
|
-
backgroundColor: o == "cat" ?
|
|
984
|
-
border: `1.5px solid ${o == "cat" ?
|
|
979
|
+
backgroundColor: o == "cat" ? _ : "white",
|
|
980
|
+
border: `1.5px solid ${o == "cat" ? _ : f}`
|
|
985
981
|
}
|
|
986
982
|
}
|
|
987
983
|
),
|
|
@@ -990,26 +986,26 @@ const rn = "_tematicalFiltersInputContainer_1vm1r_2", an = "_inputTypeContainer_
|
|
|
990
986
|
]
|
|
991
987
|
}
|
|
992
988
|
),
|
|
993
|
-
m && /* @__PURE__ */
|
|
994
|
-
var
|
|
995
|
-
return /* @__PURE__ */
|
|
989
|
+
m && /* @__PURE__ */ s("div", { className: Q.checkboxContainer, children: l.map((w, v) => {
|
|
990
|
+
var k;
|
|
991
|
+
return /* @__PURE__ */ s(
|
|
996
992
|
Oe,
|
|
997
993
|
{
|
|
998
|
-
onClick: () => y({ valueClicked:
|
|
994
|
+
onClick: () => y({ valueClicked: v, allValues: l }),
|
|
999
995
|
indicator: w,
|
|
1000
|
-
value: ((
|
|
996
|
+
value: ((k = x[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : k.has(v)) || !x[i.code[t == "both" ? 1 : 0]]
|
|
1001
997
|
},
|
|
1002
|
-
`checkbox-${
|
|
998
|
+
`checkbox-${v}`
|
|
1003
999
|
);
|
|
1004
1000
|
}) }),
|
|
1005
|
-
|
|
1001
|
+
b && /* @__PURE__ */ s("div", { className: Q.absoluteSliderContainer, children: /* @__PURE__ */ s(
|
|
1006
1002
|
Re,
|
|
1007
1003
|
{
|
|
1008
1004
|
onChange: y,
|
|
1009
1005
|
min: a,
|
|
1010
1006
|
max: c,
|
|
1011
1007
|
unit: p,
|
|
1012
|
-
value: x[
|
|
1008
|
+
value: x[i.code[0]],
|
|
1013
1009
|
step: u
|
|
1014
1010
|
}
|
|
1015
1011
|
) })
|
|
@@ -1033,14 +1029,14 @@ fe.propTypes = {
|
|
|
1033
1029
|
//onChangeBothType: PropTypes.func,
|
|
1034
1030
|
};
|
|
1035
1031
|
const Ie = ({
|
|
1036
|
-
subcategory:
|
|
1032
|
+
subcategory: i,
|
|
1037
1033
|
fontColor: d,
|
|
1038
1034
|
activeColor: o
|
|
1039
1035
|
//onChangeBothType,
|
|
1040
1036
|
}) => {
|
|
1041
|
-
const { activeSubcategory: n } = M((l) => l), { name: t, indicators: r } =
|
|
1042
|
-
return /* @__PURE__ */
|
|
1043
|
-
|
|
1037
|
+
const { activeSubcategory: n } = M((l) => l), { name: t, indicators: r } = i || {};
|
|
1038
|
+
return /* @__PURE__ */ s(
|
|
1039
|
+
E,
|
|
1044
1040
|
{
|
|
1045
1041
|
title: t,
|
|
1046
1042
|
isOpen: n == `id${t}`,
|
|
@@ -1055,7 +1051,7 @@ const Ie = ({
|
|
|
1055
1051
|
height: 48,
|
|
1056
1052
|
color: d,
|
|
1057
1053
|
activeColor: o,
|
|
1058
|
-
children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */
|
|
1054
|
+
children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ s(
|
|
1059
1055
|
fe,
|
|
1060
1056
|
{
|
|
1061
1057
|
indicator: l,
|
|
@@ -1081,13 +1077,13 @@ Ie.propTypes = {
|
|
|
1081
1077
|
//onChangeBothType: PropTypes.func,
|
|
1082
1078
|
};
|
|
1083
1079
|
const Ve = ({
|
|
1084
|
-
category:
|
|
1080
|
+
category: i,
|
|
1085
1081
|
// onChangeBothType,
|
|
1086
1082
|
activeColor: d
|
|
1087
1083
|
}) => {
|
|
1088
|
-
const { name: o, subcategories: n, indicators: t } =
|
|
1089
|
-
return
|
|
1090
|
-
|
|
1084
|
+
const { name: o, subcategories: n, indicators: t } = i || {}, { activeCategory: r, fontColor: l } = M((a) => a);
|
|
1085
|
+
return i && /* @__PURE__ */ s(
|
|
1086
|
+
E,
|
|
1091
1087
|
{
|
|
1092
1088
|
onClick: () => {
|
|
1093
1089
|
M.setState((a) => ({
|
|
@@ -1100,7 +1096,7 @@ const Ve = ({
|
|
|
1100
1096
|
showBottomBar: !1,
|
|
1101
1097
|
color: l,
|
|
1102
1098
|
activeColor: d,
|
|
1103
|
-
children: n ? n.map((a, c) => /* @__PURE__ */
|
|
1099
|
+
children: n ? n.map((a, c) => /* @__PURE__ */ s(
|
|
1104
1100
|
Ie,
|
|
1105
1101
|
{
|
|
1106
1102
|
subcategory: a,
|
|
@@ -1108,7 +1104,7 @@ const Ve = ({
|
|
|
1108
1104
|
activeColor: d
|
|
1109
1105
|
},
|
|
1110
1106
|
`subcategory-${c}`
|
|
1111
|
-
)) : t && t.map((a, c) => /* @__PURE__ */
|
|
1107
|
+
)) : t && t.map((a, c) => /* @__PURE__ */ s(
|
|
1112
1108
|
fe,
|
|
1113
1109
|
{
|
|
1114
1110
|
indicator: a,
|
|
@@ -1130,7 +1126,7 @@ Ve.propTypes = {
|
|
|
1130
1126
|
//onChangeBothType: PropTypes.func,
|
|
1131
1127
|
};
|
|
1132
1128
|
const Pe = ({
|
|
1133
|
-
indicators:
|
|
1129
|
+
indicators: i,
|
|
1134
1130
|
isOpen: d = !0,
|
|
1135
1131
|
title: o,
|
|
1136
1132
|
fontColor: n = "#605B56",
|
|
@@ -1138,19 +1134,19 @@ const Pe = ({
|
|
|
1138
1134
|
inputsColor: t = "#605B56",
|
|
1139
1135
|
activeColor: r
|
|
1140
1136
|
}) => {
|
|
1141
|
-
const { tematicalFiltersSelected: l } = M((c) => c), { t: a } =
|
|
1142
|
-
return
|
|
1137
|
+
const { tematicalFiltersSelected: l } = M((c) => c), { t: a } = N();
|
|
1138
|
+
return D(() => {
|
|
1143
1139
|
n && M.setState(() => ({ fontColor: n }));
|
|
1144
|
-
}, [n]),
|
|
1140
|
+
}, [n]), D(() => {
|
|
1145
1141
|
t && M.setState(() => ({ inputsColor: t }));
|
|
1146
|
-
}, [t]), /* @__PURE__ */
|
|
1147
|
-
|
|
1142
|
+
}, [t]), /* @__PURE__ */ s(
|
|
1143
|
+
E,
|
|
1148
1144
|
{
|
|
1149
1145
|
isOpen: d,
|
|
1150
1146
|
title: o ? a(o) : "Tematical filters",
|
|
1151
1147
|
color: n,
|
|
1152
1148
|
activeColor: r,
|
|
1153
|
-
children:
|
|
1149
|
+
children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */ s(
|
|
1154
1150
|
Ve,
|
|
1155
1151
|
{
|
|
1156
1152
|
category: c,
|
|
@@ -1171,7 +1167,7 @@ Pe.propTypes = {
|
|
|
1171
1167
|
inputsColor: e.string,
|
|
1172
1168
|
activeColor: e.string
|
|
1173
1169
|
};
|
|
1174
|
-
const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7", un = "_FiltersAmbitTitle_1g9xx_15", mn = "_FiltersAmbitDescription_1g9xx_22", hn = "_FiltersAmbitDescriptionTitle_1g9xx_33", gn = "_warning_1g9xx_37",
|
|
1170
|
+
const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7", un = "_FiltersAmbitTitle_1g9xx_15", mn = "_FiltersAmbitDescription_1g9xx_22", hn = "_FiltersAmbitDescriptionTitle_1g9xx_33", gn = "_warning_1g9xx_37", Z = {
|
|
1175
1171
|
FiltersAmbitContainer: dn,
|
|
1176
1172
|
FiltersAmbitHeader: pn,
|
|
1177
1173
|
FiltersAmbitTitle: un,
|
|
@@ -1179,7 +1175,7 @@ const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1179
1175
|
FiltersAmbitDescriptionTitle: hn,
|
|
1180
1176
|
warning: gn
|
|
1181
1177
|
}, Cn = ({
|
|
1182
|
-
ambitName:
|
|
1178
|
+
ambitName: i,
|
|
1183
1179
|
ambitDescription: d,
|
|
1184
1180
|
defaultFilters: o,
|
|
1185
1181
|
indicators: n,
|
|
@@ -1191,33 +1187,33 @@ const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1191
1187
|
namePlaceholder: p,
|
|
1192
1188
|
descPlaceholder: u,
|
|
1193
1189
|
filtersTypes: m = ["geographical", "tematical"],
|
|
1194
|
-
nameRequiredText:
|
|
1190
|
+
nameRequiredText: b
|
|
1195
1191
|
}) => {
|
|
1196
|
-
const { t: h } =
|
|
1197
|
-
|
|
1192
|
+
const { t: h } = N(), { tematicalFiltersSelected: C } = M((S) => S), [f, _] = L(i || null), [y, x] = L(d || null), [w, v] = L(!1);
|
|
1193
|
+
D(() => {
|
|
1198
1194
|
o && o.length > 0 && M.setState((S) => ({
|
|
1199
1195
|
tematicalFiltersSelected: o
|
|
1200
1196
|
}));
|
|
1201
|
-
}, [o]),
|
|
1197
|
+
}, [o]), D(() => {
|
|
1202
1198
|
console.log("filtersSelected changed: ", C), a(C);
|
|
1203
1199
|
}, [C]);
|
|
1204
|
-
const
|
|
1205
|
-
|
|
1200
|
+
const k = () => {
|
|
1201
|
+
f ? c({ name: f, description: y }) : v(!0);
|
|
1206
1202
|
};
|
|
1207
|
-
return /* @__PURE__ */ g("div", { className:
|
|
1208
|
-
/* @__PURE__ */ g("div", { className:
|
|
1209
|
-
/* @__PURE__ */
|
|
1203
|
+
return /* @__PURE__ */ g("div", { className: Z.FiltersAmbitContainer, children: [
|
|
1204
|
+
/* @__PURE__ */ g("div", { className: Z.FiltersAmbitHeader, children: [
|
|
1205
|
+
/* @__PURE__ */ s("div", { className: Z.FiltersAmbitTitle, children: /* @__PURE__ */ s(
|
|
1210
1206
|
"input",
|
|
1211
1207
|
{
|
|
1212
1208
|
type: "text",
|
|
1213
1209
|
onChange: (S) => {
|
|
1214
|
-
|
|
1210
|
+
v(!1), _(S.target.value);
|
|
1215
1211
|
},
|
|
1216
|
-
value:
|
|
1212
|
+
value: f,
|
|
1217
1213
|
placeholder: h(p)
|
|
1218
1214
|
}
|
|
1219
1215
|
) }),
|
|
1220
|
-
/* @__PURE__ */
|
|
1216
|
+
/* @__PURE__ */ s("div", { className: Z.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: Z.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
|
|
1221
1217
|
"textarea",
|
|
1222
1218
|
{
|
|
1223
1219
|
value: y,
|
|
@@ -1226,7 +1222,7 @@ const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1226
1222
|
}
|
|
1227
1223
|
) }) })
|
|
1228
1224
|
] }),
|
|
1229
|
-
/* @__PURE__ */
|
|
1225
|
+
/* @__PURE__ */ s(
|
|
1230
1226
|
$e,
|
|
1231
1227
|
{
|
|
1232
1228
|
title: h("applied_filters"),
|
|
@@ -1236,8 +1232,8 @@ const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1236
1232
|
activeColor: t
|
|
1237
1233
|
}
|
|
1238
1234
|
),
|
|
1239
|
-
m.includes("geographical") && /* @__PURE__ */
|
|
1240
|
-
m.includes("tematical") && /* @__PURE__ */
|
|
1235
|
+
m.includes("geographical") && /* @__PURE__ */ s(Ae, { activeColor: t }),
|
|
1236
|
+
m.includes("tematical") && /* @__PURE__ */ s(
|
|
1241
1237
|
Pe,
|
|
1242
1238
|
{
|
|
1243
1239
|
indicators: n,
|
|
@@ -1247,8 +1243,8 @@ const dn = "_FiltersAmbitContainer_1g9xx_2", pn = "_FiltersAmbitHeader_1g9xx_7",
|
|
|
1247
1243
|
activeColor: t
|
|
1248
1244
|
}
|
|
1249
1245
|
),
|
|
1250
|
-
w && /* @__PURE__ */
|
|
1251
|
-
/* @__PURE__ */
|
|
1246
|
+
w && /* @__PURE__ */ s("div", { className: Z.warning, children: h(b) }),
|
|
1247
|
+
/* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(Le, { onClick: () => k(), children: h("save_ambit") }) })
|
|
1252
1248
|
] });
|
|
1253
1249
|
};
|
|
1254
1250
|
Cn.propTypes = {
|
|
@@ -1269,7 +1265,7 @@ Cn.propTypes = {
|
|
|
1269
1265
|
const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
1270
1266
|
barChartContainer: bn
|
|
1271
1267
|
}, ze = ({
|
|
1272
|
-
data:
|
|
1268
|
+
data: i,
|
|
1273
1269
|
width: d = 700,
|
|
1274
1270
|
barHeight: o = 25,
|
|
1275
1271
|
gap: n = 23,
|
|
@@ -1280,11 +1276,11 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1280
1276
|
numberOfDivisions: c = 7,
|
|
1281
1277
|
maxValue: p = null
|
|
1282
1278
|
}) => {
|
|
1283
|
-
const { t: u } =
|
|
1284
|
-
if (
|
|
1285
|
-
const C = (
|
|
1279
|
+
const { t: u } = N(), { xScale: m, ticks: b, height: h } = te(() => {
|
|
1280
|
+
if (i && i.length > 0) {
|
|
1281
|
+
const C = (i == null ? void 0 : i.length) * (o + n) + r * 2, f = ve.max(i, (x) => x.value) || 1, _ = ve.scaleLinear().domain([0, p || f]).range([0, d - a]), y = Array.from({ length: c + 1 }, (x, w) => p ? p / c * w : f / c * w);
|
|
1286
1282
|
return {
|
|
1287
|
-
xScale:
|
|
1283
|
+
xScale: _,
|
|
1288
1284
|
ticks: y,
|
|
1289
1285
|
height: C,
|
|
1290
1286
|
width: d,
|
|
@@ -1294,7 +1290,7 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1294
1290
|
} else
|
|
1295
1291
|
return { xScale: null, ticks: [], height: 0 };
|
|
1296
1292
|
}, [
|
|
1297
|
-
|
|
1293
|
+
i,
|
|
1298
1294
|
d,
|
|
1299
1295
|
c,
|
|
1300
1296
|
o,
|
|
@@ -1303,11 +1299,11 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1303
1299
|
r,
|
|
1304
1300
|
p
|
|
1305
1301
|
]);
|
|
1306
|
-
return /* @__PURE__ */
|
|
1307
|
-
/* @__PURE__ */
|
|
1308
|
-
const
|
|
1309
|
-
return /* @__PURE__ */ g("g", { transform: `translate(${
|
|
1310
|
-
/* @__PURE__ */
|
|
1302
|
+
return /* @__PURE__ */ s("div", { className: fn.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: h, children: /* @__PURE__ */ g("g", { transform: `translate(0,${n})`, children: [
|
|
1303
|
+
/* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: b.map((C, f) => {
|
|
1304
|
+
const _ = m(C);
|
|
1305
|
+
return /* @__PURE__ */ g("g", { transform: `translate(${_}, 0)`, children: [
|
|
1306
|
+
/* @__PURE__ */ s(
|
|
1311
1307
|
"line",
|
|
1312
1308
|
{
|
|
1313
1309
|
y1: 0,
|
|
@@ -1315,7 +1311,7 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1315
1311
|
stroke: "#ccc"
|
|
1316
1312
|
}
|
|
1317
1313
|
),
|
|
1318
|
-
/* @__PURE__ */
|
|
1314
|
+
/* @__PURE__ */ s(
|
|
1319
1315
|
"text",
|
|
1320
1316
|
{
|
|
1321
1317
|
y: h - n,
|
|
@@ -1325,16 +1321,16 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1325
1321
|
children: parseInt(C)
|
|
1326
1322
|
}
|
|
1327
1323
|
)
|
|
1328
|
-
] },
|
|
1324
|
+
] }, f);
|
|
1329
1325
|
}) }),
|
|
1330
|
-
|
|
1331
|
-
const
|
|
1326
|
+
i && i.length > 0 && (i == null ? void 0 : i.map((C, f) => {
|
|
1327
|
+
const _ = m(C.value), y = f * (o + n);
|
|
1332
1328
|
return /* @__PURE__ */ g(
|
|
1333
1329
|
"g",
|
|
1334
1330
|
{
|
|
1335
1331
|
transform: `translate(${a + l}, ${y})`,
|
|
1336
1332
|
children: [
|
|
1337
|
-
/* @__PURE__ */
|
|
1333
|
+
/* @__PURE__ */ s(
|
|
1338
1334
|
"text",
|
|
1339
1335
|
{
|
|
1340
1336
|
x: -24,
|
|
@@ -1344,10 +1340,10 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1344
1340
|
children: u(C.title)
|
|
1345
1341
|
}
|
|
1346
1342
|
),
|
|
1347
|
-
/* @__PURE__ */
|
|
1343
|
+
/* @__PURE__ */ s(
|
|
1348
1344
|
"rect",
|
|
1349
1345
|
{
|
|
1350
|
-
width:
|
|
1346
|
+
width: _,
|
|
1351
1347
|
height: o,
|
|
1352
1348
|
fill: C.color,
|
|
1353
1349
|
rx: 0
|
|
@@ -1355,7 +1351,7 @@ const bn = "_barChartContainer_d2f1z_2", fn = {
|
|
|
1355
1351
|
)
|
|
1356
1352
|
]
|
|
1357
1353
|
},
|
|
1358
|
-
|
|
1354
|
+
f
|
|
1359
1355
|
);
|
|
1360
1356
|
}))
|
|
1361
1357
|
] }) }) });
|
|
@@ -1380,7 +1376,7 @@ const yn = "_graphicContainer_c9zrg_2", vn = "_titleContainer_c9zrg_14", we = {
|
|
|
1380
1376
|
graphicContainer: yn,
|
|
1381
1377
|
titleContainer: vn
|
|
1382
1378
|
}, _n = ({
|
|
1383
|
-
data:
|
|
1379
|
+
data: i,
|
|
1384
1380
|
graphWidth: d = 700,
|
|
1385
1381
|
containerStyle: o,
|
|
1386
1382
|
borderColor: n = "#605B56",
|
|
@@ -1390,7 +1386,7 @@ const yn = "_graphicContainer_c9zrg_2", vn = "_titleContainer_c9zrg_14", we = {
|
|
|
1390
1386
|
numberOfDivisions: a = 7,
|
|
1391
1387
|
leftPadding: c = 200
|
|
1392
1388
|
}) => {
|
|
1393
|
-
const { t: p } =
|
|
1389
|
+
const { t: p } = N();
|
|
1394
1390
|
return /* @__PURE__ */ g(
|
|
1395
1391
|
"div",
|
|
1396
1392
|
{
|
|
@@ -1400,11 +1396,11 @@ const yn = "_graphicContainer_c9zrg_2", vn = "_titleContainer_c9zrg_14", we = {
|
|
|
1400
1396
|
border: `1.5px solid ${n}`
|
|
1401
1397
|
},
|
|
1402
1398
|
children: [
|
|
1403
|
-
/* @__PURE__ */
|
|
1404
|
-
/* @__PURE__ */
|
|
1399
|
+
/* @__PURE__ */ s("div", { className: we.titleContainer, children: /* @__PURE__ */ s("h2", { children: p(t) }) }),
|
|
1400
|
+
/* @__PURE__ */ s(
|
|
1405
1401
|
ze,
|
|
1406
1402
|
{
|
|
1407
|
-
data:
|
|
1403
|
+
data: i,
|
|
1408
1404
|
width: d,
|
|
1409
1405
|
fontColor: r,
|
|
1410
1406
|
maxValue: l,
|
|
@@ -1449,7 +1445,7 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1449
1445
|
customRadious: $n,
|
|
1450
1446
|
optionText: An
|
|
1451
1447
|
}, ye = ({
|
|
1452
|
-
indicator:
|
|
1448
|
+
indicator: i,
|
|
1453
1449
|
values: d = [],
|
|
1454
1450
|
activeColor: o,
|
|
1455
1451
|
defaultColor: n = "#92898A",
|
|
@@ -1459,22 +1455,22 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1459
1455
|
multiple: a = !1,
|
|
1460
1456
|
onChangeType: c
|
|
1461
1457
|
}) => {
|
|
1462
|
-
const { t: p } =
|
|
1463
|
-
|
|
1458
|
+
const { t: p } = N(), { name: u, type: m } = i, [b, h] = L(!1);
|
|
1459
|
+
D(() => {
|
|
1464
1460
|
t && h(
|
|
1465
1461
|
a ? t.some(
|
|
1466
|
-
(
|
|
1462
|
+
(_) => _.name == String(u)
|
|
1467
1463
|
) : t.name == u
|
|
1468
1464
|
);
|
|
1469
1465
|
}, [t]);
|
|
1470
|
-
const C = () => /* @__PURE__ */
|
|
1466
|
+
const C = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ g("div", { className: T.switchTypeOptions, children: [
|
|
1471
1467
|
/* @__PURE__ */ g(
|
|
1472
1468
|
"div",
|
|
1473
1469
|
{
|
|
1474
1470
|
className: T.optionContainer,
|
|
1475
1471
|
onClick: () => c("cat"),
|
|
1476
1472
|
children: [
|
|
1477
|
-
/* @__PURE__ */
|
|
1473
|
+
/* @__PURE__ */ s(
|
|
1478
1474
|
"span",
|
|
1479
1475
|
{
|
|
1480
1476
|
className: `${T.customRadious}`,
|
|
@@ -1484,7 +1480,7 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1484
1480
|
}
|
|
1485
1481
|
}
|
|
1486
1482
|
),
|
|
1487
|
-
/* @__PURE__ */
|
|
1483
|
+
/* @__PURE__ */ s(
|
|
1488
1484
|
"h4",
|
|
1489
1485
|
{
|
|
1490
1486
|
className: T.optionText,
|
|
@@ -1503,7 +1499,7 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1503
1499
|
className: T.optionContainer,
|
|
1504
1500
|
onClick: () => c("abs"),
|
|
1505
1501
|
children: [
|
|
1506
|
-
/* @__PURE__ */
|
|
1502
|
+
/* @__PURE__ */ s(
|
|
1507
1503
|
"span",
|
|
1508
1504
|
{
|
|
1509
1505
|
className: `${T.customRadious}`,
|
|
@@ -1513,7 +1509,7 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1513
1509
|
}
|
|
1514
1510
|
}
|
|
1515
1511
|
),
|
|
1516
|
-
/* @__PURE__ */
|
|
1512
|
+
/* @__PURE__ */ s(
|
|
1517
1513
|
"h4",
|
|
1518
1514
|
{
|
|
1519
1515
|
className: T.optionText,
|
|
@@ -1526,18 +1522,18 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1526
1522
|
]
|
|
1527
1523
|
}
|
|
1528
1524
|
)
|
|
1529
|
-
] }) }) }),
|
|
1525
|
+
] }) }) }), f = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ s("div", { className: T.switchTypeOptions, children: d.map((_, y) => /* @__PURE__ */ g(
|
|
1530
1526
|
"div",
|
|
1531
1527
|
{
|
|
1532
1528
|
className: T.optionContainer,
|
|
1533
1529
|
children: [
|
|
1534
|
-
/* @__PURE__ */
|
|
1530
|
+
/* @__PURE__ */ s(
|
|
1535
1531
|
"span",
|
|
1536
1532
|
{
|
|
1537
1533
|
className: T.customRadious
|
|
1538
1534
|
}
|
|
1539
1535
|
),
|
|
1540
|
-
/* @__PURE__ */
|
|
1536
|
+
/* @__PURE__ */ s("h4", { children: p(_.unit) })
|
|
1541
1537
|
]
|
|
1542
1538
|
},
|
|
1543
1539
|
y
|
|
@@ -1547,30 +1543,30 @@ const xn = "_indicatorsCategory_1cu33_2", wn = "_title_1cu33_5", kn = "_list_1cu
|
|
|
1547
1543
|
"div",
|
|
1548
1544
|
{
|
|
1549
1545
|
className: T.indicatorNameContainer,
|
|
1550
|
-
onClick: () => l({ indicator:
|
|
1546
|
+
onClick: () => l({ indicator: i }),
|
|
1551
1547
|
children: [
|
|
1552
|
-
/* @__PURE__ */
|
|
1548
|
+
/* @__PURE__ */ s(
|
|
1553
1549
|
"div",
|
|
1554
1550
|
{
|
|
1555
1551
|
style: {
|
|
1556
|
-
border:
|
|
1552
|
+
border: b ? `1px solid ${o}` : `1px solid ${n}`
|
|
1557
1553
|
},
|
|
1558
1554
|
className: T.dot
|
|
1559
1555
|
}
|
|
1560
1556
|
),
|
|
1561
|
-
/* @__PURE__ */
|
|
1557
|
+
/* @__PURE__ */ s(
|
|
1562
1558
|
"h4",
|
|
1563
1559
|
{
|
|
1564
1560
|
className: T.indicatorName,
|
|
1565
|
-
style: { color:
|
|
1566
|
-
children: /* @__PURE__ */
|
|
1561
|
+
style: { color: b ? o : n },
|
|
1562
|
+
children: /* @__PURE__ */ s(Ce, { i18nKey: u, components: { sup: /* @__PURE__ */ s("sup", {}) } })
|
|
1567
1563
|
}
|
|
1568
1564
|
)
|
|
1569
1565
|
]
|
|
1570
1566
|
}
|
|
1571
1567
|
),
|
|
1572
|
-
(t == null ? void 0 : t.name) === u && m === "both" && /* @__PURE__ */
|
|
1573
|
-
(t == null ? void 0 : t.name) === u && m === "twoUnits" && /* @__PURE__ */
|
|
1568
|
+
(t == null ? void 0 : t.name) === u && m === "both" && /* @__PURE__ */ s("div", { children: C() }),
|
|
1569
|
+
(t == null ? void 0 : t.name) === u && m === "twoUnits" && /* @__PURE__ */ s("div", { children: f() })
|
|
1574
1570
|
] });
|
|
1575
1571
|
};
|
|
1576
1572
|
ye.propTypes = {
|
|
@@ -1589,7 +1585,7 @@ const On = "_indicatorsSubCategory_1dzsi_2", Rn = "_list_1dzsi_8", ke = {
|
|
|
1589
1585
|
indicatorsSubCategory: On,
|
|
1590
1586
|
list: Rn
|
|
1591
1587
|
}, je = ({
|
|
1592
|
-
subcName:
|
|
1588
|
+
subcName: i,
|
|
1593
1589
|
indicators: d,
|
|
1594
1590
|
defaultColor: o,
|
|
1595
1591
|
activeColor: n,
|
|
@@ -1602,8 +1598,8 @@ const On = "_indicatorsSubCategory_1dzsi_2", Rn = "_list_1dzsi_8", ke = {
|
|
|
1602
1598
|
activeIndicatorType: u,
|
|
1603
1599
|
onChangeType: m
|
|
1604
1600
|
}) => {
|
|
1605
|
-
const { t:
|
|
1606
|
-
return
|
|
1601
|
+
const { t: b } = N(), [h, C] = L(!1);
|
|
1602
|
+
return D(() => {
|
|
1607
1603
|
C(t == l);
|
|
1608
1604
|
}, [t, l]), /* @__PURE__ */ g(
|
|
1609
1605
|
be.div,
|
|
@@ -1613,20 +1609,20 @@ const On = "_indicatorsSubCategory_1dzsi_2", Rn = "_list_1dzsi_8", ke = {
|
|
|
1613
1609
|
animate: { height: h ? "auto" : "43px" },
|
|
1614
1610
|
transition: { duration: 0.4 },
|
|
1615
1611
|
children: [
|
|
1616
|
-
/* @__PURE__ */
|
|
1617
|
-
/* @__PURE__ */
|
|
1618
|
-
/* @__PURE__ */
|
|
1612
|
+
/* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ g("h3", { style: { color: h ? n : o }, children: [
|
|
1613
|
+
/* @__PURE__ */ s("span", { style: { color: h ? n : o }, children: h ? "-" : "+" }),
|
|
1614
|
+
/* @__PURE__ */ s(
|
|
1619
1615
|
"span",
|
|
1620
1616
|
{
|
|
1621
1617
|
style: { marginLeft: 12, color: h ? n : o },
|
|
1622
|
-
children:
|
|
1618
|
+
children: b(i)
|
|
1623
1619
|
}
|
|
1624
1620
|
)
|
|
1625
1621
|
] }) }),
|
|
1626
|
-
d && /* @__PURE__ */
|
|
1622
|
+
d && /* @__PURE__ */ s("div", { className: ke.list, children: d == null ? void 0 : d.map((f, _) => /* @__PURE__ */ s(
|
|
1627
1623
|
ye,
|
|
1628
1624
|
{
|
|
1629
|
-
indicator:
|
|
1625
|
+
indicator: f,
|
|
1630
1626
|
defaultColor: o,
|
|
1631
1627
|
activeColor: n,
|
|
1632
1628
|
activeIndicator: a,
|
|
@@ -1635,7 +1631,7 @@ const On = "_indicatorsSubCategory_1dzsi_2", Rn = "_list_1dzsi_8", ke = {
|
|
|
1635
1631
|
activeIndicatorType: u,
|
|
1636
1632
|
onChangeType: m
|
|
1637
1633
|
},
|
|
1638
|
-
"indicator" +
|
|
1634
|
+
"indicator" + _
|
|
1639
1635
|
)) })
|
|
1640
1636
|
]
|
|
1641
1637
|
}
|
|
@@ -1654,7 +1650,7 @@ je.propTypes = {
|
|
|
1654
1650
|
onClickIndicator: e.func
|
|
1655
1651
|
};
|
|
1656
1652
|
const qe = ({
|
|
1657
|
-
cat:
|
|
1653
|
+
cat: i,
|
|
1658
1654
|
id: d,
|
|
1659
1655
|
activeColor: o,
|
|
1660
1656
|
defaultColor: n,
|
|
@@ -1666,12 +1662,12 @@ const qe = ({
|
|
|
1666
1662
|
onClickIndicator: p,
|
|
1667
1663
|
multiple: u,
|
|
1668
1664
|
activeIndicatorType: m,
|
|
1669
|
-
onChangeType:
|
|
1665
|
+
onChangeType: b
|
|
1670
1666
|
}) => {
|
|
1671
|
-
var
|
|
1672
|
-
const { t: h } =
|
|
1673
|
-
return
|
|
1674
|
-
|
|
1667
|
+
var _;
|
|
1668
|
+
const { t: h } = N(), [C, f] = L(!1);
|
|
1669
|
+
return D(() => {
|
|
1670
|
+
f(r === d);
|
|
1675
1671
|
}, [r, d]), /* @__PURE__ */ g(
|
|
1676
1672
|
be.div,
|
|
1677
1673
|
{
|
|
@@ -1686,17 +1682,17 @@ const qe = ({
|
|
|
1686
1682
|
},
|
|
1687
1683
|
children: [
|
|
1688
1684
|
/* @__PURE__ */ g("h2", { className: `${le.title}`, onClick: () => t(d), children: [
|
|
1689
|
-
/* @__PURE__ */
|
|
1690
|
-
/* @__PURE__ */
|
|
1685
|
+
/* @__PURE__ */ s("span", { style: { color: C ? o : n }, children: C ? "-" : "+" }),
|
|
1686
|
+
/* @__PURE__ */ s(
|
|
1691
1687
|
"span",
|
|
1692
1688
|
{
|
|
1693
1689
|
style: { marginLeft: 12, color: C ? o : n },
|
|
1694
|
-
children: h(
|
|
1690
|
+
children: h(i.name)
|
|
1695
1691
|
}
|
|
1696
1692
|
)
|
|
1697
1693
|
] }),
|
|
1698
|
-
|
|
1699
|
-
({ name: y, subcategory: x, indicators: w },
|
|
1694
|
+
i.subcategories ? i.subcategories.map(
|
|
1695
|
+
({ name: y, subcategory: x, indicators: w }, v) => /* @__PURE__ */ s(
|
|
1700
1696
|
je,
|
|
1701
1697
|
{
|
|
1702
1698
|
id: x,
|
|
@@ -1710,11 +1706,11 @@ const qe = ({
|
|
|
1710
1706
|
defaultColor: n,
|
|
1711
1707
|
indicators: w,
|
|
1712
1708
|
activeIndicatorType: m,
|
|
1713
|
-
onChangeType:
|
|
1709
|
+
onChangeType: b
|
|
1714
1710
|
},
|
|
1715
|
-
`subcKey ${
|
|
1711
|
+
`subcKey ${v}`
|
|
1716
1712
|
)
|
|
1717
|
-
) : /* @__PURE__ */
|
|
1713
|
+
) : /* @__PURE__ */ s("div", { className: le.list, children: (_ = i.indicators) == null ? void 0 : _.map((y, x) => /* @__PURE__ */ s(
|
|
1718
1714
|
ye,
|
|
1719
1715
|
{
|
|
1720
1716
|
indicator: y,
|
|
@@ -1725,7 +1721,7 @@ const qe = ({
|
|
|
1725
1721
|
onClickIndicator: p,
|
|
1726
1722
|
multiple: u,
|
|
1727
1723
|
activeIndicatorType: m,
|
|
1728
|
-
onChangeType:
|
|
1724
|
+
onChangeType: b
|
|
1729
1725
|
},
|
|
1730
1726
|
`indicator${x}`
|
|
1731
1727
|
)) })
|
|
@@ -1751,7 +1747,7 @@ const In = "_indicatorsList_fklyu_2", Vn = "_title_fklyu_6", Ne = {
|
|
|
1751
1747
|
indicatorsList: In,
|
|
1752
1748
|
title: Vn
|
|
1753
1749
|
}, Pn = ({
|
|
1754
|
-
indicators:
|
|
1750
|
+
indicators: i,
|
|
1755
1751
|
activeColor: d,
|
|
1756
1752
|
defaultColor: o = "#92898A",
|
|
1757
1753
|
// Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
|
|
@@ -1764,61 +1760,61 @@ const In = "_indicatorsList_fklyu_2", Vn = "_title_fklyu_6", Ne = {
|
|
|
1764
1760
|
changeIndType: l,
|
|
1765
1761
|
activeIndicatorType: a
|
|
1766
1762
|
}) => {
|
|
1767
|
-
const { t: c } =
|
|
1768
|
-
u(p ==
|
|
1769
|
-
},
|
|
1770
|
-
|
|
1771
|
-
}, y = ({ indicator:
|
|
1772
|
-
console.log("onClickIndicator: ",
|
|
1773
|
-
}, x = (
|
|
1763
|
+
const { t: c } = N(), [p, u] = L(), [m, b] = L(), [h, C] = L(), f = (v) => {
|
|
1764
|
+
u(p == v ? null : v);
|
|
1765
|
+
}, _ = (v) => {
|
|
1766
|
+
b(m == v ? null : v);
|
|
1767
|
+
}, y = ({ indicator: v }) => {
|
|
1768
|
+
console.log("onClickIndicator: ", v), x(v);
|
|
1769
|
+
}, x = (v) => {
|
|
1774
1770
|
if (!t)
|
|
1775
1771
|
C(
|
|
1776
|
-
(h == null ? void 0 : h.name) ==
|
|
1772
|
+
(h == null ? void 0 : h.name) == v.name ? null : v
|
|
1777
1773
|
);
|
|
1778
1774
|
else {
|
|
1779
|
-
let
|
|
1775
|
+
let k = h && h.length > 0 ? [...h] : [];
|
|
1780
1776
|
C(
|
|
1781
|
-
|
|
1782
|
-
(S) => S.name ==
|
|
1783
|
-
) ?
|
|
1784
|
-
(S) => S.name != String(
|
|
1785
|
-
) : [...
|
|
1786
|
-
),
|
|
1777
|
+
k != null && k.some(
|
|
1778
|
+
(S) => S.name == v.name
|
|
1779
|
+
) ? k.filter(
|
|
1780
|
+
(S) => S.name != String(v.name)
|
|
1781
|
+
) : [...k, v]
|
|
1782
|
+
), v.type == "both" && l("cat");
|
|
1787
1783
|
}
|
|
1788
1784
|
};
|
|
1789
|
-
|
|
1785
|
+
D(() => {
|
|
1790
1786
|
console.log("activeindicator changed to: ", h), n && typeof n == "function" && h && n({ activeIndicator: h });
|
|
1791
|
-
}, [h]),
|
|
1787
|
+
}, [h]), Ze(() => {
|
|
1792
1788
|
if (r && !h)
|
|
1793
1789
|
if (t && r && Array.isArray(r)) {
|
|
1794
|
-
let
|
|
1795
|
-
C([...
|
|
1790
|
+
let v = h && h.length > 0 ? [...h] : [];
|
|
1791
|
+
C([...v, ...r]), w(r[0].name);
|
|
1796
1792
|
} else
|
|
1797
1793
|
x(r), w(r.name);
|
|
1798
1794
|
}, []);
|
|
1799
|
-
const w = (
|
|
1800
|
-
const
|
|
1795
|
+
const w = (v) => {
|
|
1796
|
+
const k = i.find((S) => {
|
|
1801
1797
|
if (S.subcategories) {
|
|
1802
|
-
let
|
|
1803
|
-
(G) => G.indicators.find((ne) => ne.name ==
|
|
1798
|
+
let O = S.subcategories.find(
|
|
1799
|
+
(G) => G.indicators.find((ne) => ne.name == v)
|
|
1804
1800
|
);
|
|
1805
|
-
if (
|
|
1806
|
-
return
|
|
1801
|
+
if (O)
|
|
1802
|
+
return b(O.subcategory), O;
|
|
1807
1803
|
} else
|
|
1808
|
-
return S.indicators.some((
|
|
1804
|
+
return S.indicators.some((O) => O.name == v);
|
|
1809
1805
|
});
|
|
1810
|
-
|
|
1806
|
+
k && u(k.category);
|
|
1811
1807
|
};
|
|
1812
1808
|
return /* @__PURE__ */ g("div", { className: Ne.indicatorsList, children: [
|
|
1813
|
-
/* @__PURE__ */
|
|
1814
|
-
|
|
1809
|
+
/* @__PURE__ */ s("h2", { className: Ne.title, style: { color: o }, children: c("indicators.indicators") }),
|
|
1810
|
+
i.map((v, k) => /* @__PURE__ */ s(
|
|
1815
1811
|
qe,
|
|
1816
1812
|
{
|
|
1817
|
-
id:
|
|
1818
|
-
cat:
|
|
1819
|
-
onClickCategory:
|
|
1813
|
+
id: v.category,
|
|
1814
|
+
cat: v,
|
|
1815
|
+
onClickCategory: f,
|
|
1820
1816
|
activeCategory: p,
|
|
1821
|
-
onClickSubCategory:
|
|
1817
|
+
onClickSubCategory: _,
|
|
1822
1818
|
activeSubCategory: m,
|
|
1823
1819
|
onClickIndicator: y,
|
|
1824
1820
|
activeIndicator: h,
|
|
@@ -1829,7 +1825,7 @@ const In = "_indicatorsList_fklyu_2", Vn = "_title_fklyu_6", Ne = {
|
|
|
1829
1825
|
onChangeType: l,
|
|
1830
1826
|
activeIndicatorType: a
|
|
1831
1827
|
},
|
|
1832
|
-
`categoryKey${
|
|
1828
|
+
`categoryKey${k}`
|
|
1833
1829
|
))
|
|
1834
1830
|
] });
|
|
1835
1831
|
};
|
|
@@ -1844,35 +1840,35 @@ Pn.propTypes = {
|
|
|
1844
1840
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
1845
1841
|
activeIndicatorType: e.string
|
|
1846
1842
|
};
|
|
1847
|
-
const zn = "_langSelector_o9enq_2", jn = "_currentLang_o9enq_14", qn = "_arrow_o9enq_26", En = "_prevImg_o9enq_29", Kn = "_langMenu_o9enq_33",
|
|
1843
|
+
const zn = "_langSelector_o9enq_2", jn = "_currentLang_o9enq_14", qn = "_arrow_o9enq_26", En = "_prevImg_o9enq_29", Kn = "_langMenu_o9enq_33", U = {
|
|
1848
1844
|
langSelector: zn,
|
|
1849
1845
|
currentLang: jn,
|
|
1850
1846
|
arrow: qn,
|
|
1851
1847
|
prevImg: En,
|
|
1852
1848
|
langMenu: Kn
|
|
1853
|
-
},
|
|
1854
|
-
const [n, t] =
|
|
1849
|
+
}, Zn = ({ langs: i, arrow: d, imgPrev: o }) => {
|
|
1850
|
+
const [n, t] = L(!1), { i18n: r } = N(), l = i.find((c) => c.code == r.language), a = (c) => {
|
|
1855
1851
|
r.changeLanguage(c), t(!1);
|
|
1856
1852
|
};
|
|
1857
|
-
return /* @__PURE__ */ g("div", { className:
|
|
1853
|
+
return /* @__PURE__ */ g("div", { className: U.langSelector, children: [
|
|
1858
1854
|
/* @__PURE__ */ g(
|
|
1859
1855
|
"div",
|
|
1860
1856
|
{
|
|
1861
|
-
className:
|
|
1857
|
+
className: U.currentLang,
|
|
1862
1858
|
onClick: () => {
|
|
1863
1859
|
t(!n);
|
|
1864
1860
|
},
|
|
1865
1861
|
children: [
|
|
1866
|
-
o && /* @__PURE__ */
|
|
1862
|
+
o && /* @__PURE__ */ s("img", { className: U.prevImg, src: o }),
|
|
1867
1863
|
(l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
|
|
1868
|
-
/* @__PURE__ */
|
|
1864
|
+
/* @__PURE__ */ s("img", { src: d, className: U.arrow })
|
|
1869
1865
|
]
|
|
1870
1866
|
}
|
|
1871
1867
|
),
|
|
1872
|
-
n && /* @__PURE__ */
|
|
1868
|
+
n && /* @__PURE__ */ s("div", { className: U.langMenu, children: i.map((c) => /* @__PURE__ */ s(
|
|
1873
1869
|
"button",
|
|
1874
1870
|
{
|
|
1875
|
-
className: (l == null ? void 0 : l.code) == c.code ?
|
|
1871
|
+
className: (l == null ? void 0 : l.code) == c.code ? U.active : "",
|
|
1876
1872
|
onClick: () => a(c.code),
|
|
1877
1873
|
children: c.title
|
|
1878
1874
|
},
|
|
@@ -1880,7 +1876,7 @@ const zn = "_langSelector_o9enq_2", jn = "_currentLang_o9enq_14", qn = "_arrow_o
|
|
|
1880
1876
|
)) })
|
|
1881
1877
|
] });
|
|
1882
1878
|
};
|
|
1883
|
-
|
|
1879
|
+
Zn.propTypes = {
|
|
1884
1880
|
langs: e.arrayOf(
|
|
1885
1881
|
e.shape({
|
|
1886
1882
|
code: e.string,
|
|
@@ -1894,8 +1890,8 @@ Un.propTypes = {
|
|
|
1894
1890
|
arrow: e.object,
|
|
1895
1891
|
imgPrev: e.object
|
|
1896
1892
|
};
|
|
1897
|
-
const
|
|
1898
|
-
legendContainer:
|
|
1893
|
+
const Un = "_legendContainer_atg3j_3", Hn = "_closeButton_atg3j_18", Gn = "_titleContainer_atg3j_46", Yn = "_infoContainer_atg3j_52", Wn = "_titleLegendList_atg3j_63", Xn = "_legendListContainer_atg3j_70", Jn = "_gridContainer_atg3j_70", Qn = "_elementLegendContainer_atg3j_76", ei = "_colorDot_atg3j_82", ti = "_absoluteValueContainer_atg3j_88", ni = "_absoluteValueColor_atg3j_91", ii = "_absoluteValueText_atg3j_96", si = "_moreInfoContainer_atg3j_108", B = {
|
|
1894
|
+
legendContainer: Un,
|
|
1899
1895
|
closeButton: Hn,
|
|
1900
1896
|
titleContainer: Gn,
|
|
1901
1897
|
infoContainer: Yn,
|
|
@@ -1910,7 +1906,7 @@ const Zn = "_legendContainer_atg3j_3", Hn = "_closeButton_atg3j_18", Gn = "_titl
|
|
|
1910
1906
|
moreInfoContainer: si
|
|
1911
1907
|
}, oi = ({
|
|
1912
1908
|
//JSON with the styles of the container (optional)
|
|
1913
|
-
containerStyles:
|
|
1909
|
+
containerStyles: i,
|
|
1914
1910
|
//Title on top of the legend
|
|
1915
1911
|
title: d,
|
|
1916
1912
|
//Array to display the info behind the title should have: [{title, value}, ...]
|
|
@@ -1931,34 +1927,34 @@ const Zn = "_legendContainer_atg3j_3", Hn = "_closeButton_atg3j_18", Gn = "_titl
|
|
|
1931
1927
|
buttonTitle: a,
|
|
1932
1928
|
onClickClose: c
|
|
1933
1929
|
}) => {
|
|
1934
|
-
const { t: p } =
|
|
1930
|
+
const { t: p } = N();
|
|
1935
1931
|
return /* @__PURE__ */ g(
|
|
1936
1932
|
"div",
|
|
1937
1933
|
{
|
|
1938
|
-
style:
|
|
1939
|
-
className: `${
|
|
1934
|
+
style: i ? { ...i } : {},
|
|
1935
|
+
className: `${B.legendContainer}`,
|
|
1940
1936
|
children: [
|
|
1941
|
-
/* @__PURE__ */
|
|
1942
|
-
d && /* @__PURE__ */
|
|
1943
|
-
o && o.length > 0 && /* @__PURE__ */
|
|
1944
|
-
/* @__PURE__ */
|
|
1945
|
-
/* @__PURE__ */ g("span", { className:
|
|
1937
|
+
/* @__PURE__ */ s("button", { className: B.closeButton, onClick: c }),
|
|
1938
|
+
d && /* @__PURE__ */ s("div", { className: B.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
|
|
1939
|
+
o && o.length > 0 && /* @__PURE__ */ s("div", { className: B.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: u, value: m }) => /* @__PURE__ */ g("li", { children: [
|
|
1940
|
+
/* @__PURE__ */ s("h3", { className: B.title, children: `${u}:` }),
|
|
1941
|
+
/* @__PURE__ */ g("span", { className: B.value, children: [
|
|
1946
1942
|
" ",
|
|
1947
1943
|
m
|
|
1948
1944
|
] })
|
|
1949
1945
|
] }, d)) }) }),
|
|
1950
|
-
/* @__PURE__ */
|
|
1951
|
-
/* @__PURE__ */
|
|
1952
|
-
/* @__PURE__ */
|
|
1946
|
+
/* @__PURE__ */ s("h3", { className: B.titleLegendList, children: t ? /* @__PURE__ */ s(Ce, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) } }) : p("mainUse") }),
|
|
1947
|
+
/* @__PURE__ */ s("div", { className: B.legendListContainer, children: r ? /* @__PURE__ */ g("div", { className: B.absoluteValueContainer, children: [
|
|
1948
|
+
/* @__PURE__ */ s(
|
|
1953
1949
|
"div",
|
|
1954
1950
|
{
|
|
1955
|
-
className:
|
|
1951
|
+
className: B.absoluteValueColor,
|
|
1956
1952
|
style: {
|
|
1957
1953
|
background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.minColor} 100%)`
|
|
1958
1954
|
}
|
|
1959
1955
|
}
|
|
1960
1956
|
),
|
|
1961
|
-
/* @__PURE__ */ g("div", { className:
|
|
1957
|
+
/* @__PURE__ */ g("div", { className: B.absoluteValueText, children: [
|
|
1962
1958
|
/* @__PURE__ */ g("span", { children: [
|
|
1963
1959
|
r.maxValue,
|
|
1964
1960
|
" ",
|
|
@@ -1970,22 +1966,22 @@ const Zn = "_legendContainer_atg3j_3", Hn = "_closeButton_atg3j_18", Gn = "_titl
|
|
|
1970
1966
|
p(r.unit)
|
|
1971
1967
|
] })
|
|
1972
1968
|
] })
|
|
1973
|
-
] }) : n && n.length > 0 && /* @__PURE__ */
|
|
1974
|
-
({ title: u, color: m }) => /* @__PURE__ */ g("div", { className:
|
|
1975
|
-
/* @__PURE__ */
|
|
1969
|
+
] }) : n && n.length > 0 && /* @__PURE__ */ s("div", { className: B.gridContainer, children: n.map(
|
|
1970
|
+
({ title: u, color: m }) => /* @__PURE__ */ g("div", { className: B.elementLegendContainer, children: [
|
|
1971
|
+
/* @__PURE__ */ s(
|
|
1976
1972
|
"div",
|
|
1977
1973
|
{
|
|
1978
|
-
className:
|
|
1974
|
+
className: B.colorDot,
|
|
1979
1975
|
style: { backgroundColor: m }
|
|
1980
1976
|
}
|
|
1981
1977
|
),
|
|
1982
|
-
/* @__PURE__ */ g("div", { className:
|
|
1978
|
+
/* @__PURE__ */ g("div", { className: B.titleLegendElement, children: [
|
|
1983
1979
|
p(u),
|
|
1984
1980
|
" "
|
|
1985
1981
|
] })
|
|
1986
1982
|
] }, d)
|
|
1987
1983
|
) }) }),
|
|
1988
|
-
l && /* @__PURE__ */
|
|
1984
|
+
l && /* @__PURE__ */ s("button", { className: B.moreInfoContainer, onClick: l, children: a || p("moreInformation") })
|
|
1989
1985
|
]
|
|
1990
1986
|
}
|
|
1991
1987
|
);
|
|
@@ -2018,9 +2014,9 @@ oi.propTypes = {
|
|
|
2018
2014
|
};
|
|
2019
2015
|
const ri = "_logo_1ewa6_2", Se = {
|
|
2020
2016
|
logo: ri
|
|
2021
|
-
}, ai = ({ src:
|
|
2022
|
-
const { t: n } =
|
|
2023
|
-
return o ? /* @__PURE__ */
|
|
2017
|
+
}, ai = ({ src: i, alt: d, href: o }) => {
|
|
2018
|
+
const { t: n } = N(), t = /* @__PURE__ */ s("img", { src: i, alt: n(d) });
|
|
2019
|
+
return o ? /* @__PURE__ */ s("div", { className: Se.logo, children: /* @__PURE__ */ s("a", { href: o, children: t }) }) : /* @__PURE__ */ s("div", { className: Se.logo, children: t });
|
|
2024
2020
|
};
|
|
2025
2021
|
ai.propTypes = {
|
|
2026
2022
|
src: e.string.isRequired,
|
|
@@ -2033,7 +2029,7 @@ const li = "_mapContainer_84pkf_2", ci = {
|
|
|
2033
2029
|
};
|
|
2034
2030
|
He.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
2035
2031
|
const di = ({
|
|
2036
|
-
initialView:
|
|
2032
|
+
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2037
2033
|
maxZoom: d = 17,
|
|
2038
2034
|
minZoom: o = 8,
|
|
2039
2035
|
mapStyle: n,
|
|
@@ -2045,18 +2041,18 @@ const di = ({
|
|
|
2045
2041
|
sources: p = [],
|
|
2046
2042
|
layers: u = []
|
|
2047
2043
|
}) => {
|
|
2048
|
-
const m = ge(), [
|
|
2049
|
-
return
|
|
2044
|
+
const m = ge(), [b, h] = L(null), C = pe((f) => f.mapState.showTexts);
|
|
2045
|
+
return D(() => {
|
|
2050
2046
|
if (m.current) {
|
|
2051
|
-
const
|
|
2052
|
-
|
|
2053
|
-
y.type == "symbol" && y.id != "professionals" && (C ?
|
|
2047
|
+
const f = m.current.getMap();
|
|
2048
|
+
f.getStyle().layers.map((y) => {
|
|
2049
|
+
y.type == "symbol" && y.id != "professionals" && (C ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
|
|
2054
2050
|
});
|
|
2055
2051
|
}
|
|
2056
|
-
}, [C]), /* @__PURE__ */
|
|
2052
|
+
}, [C]), /* @__PURE__ */ s("div", { className: `${ci.mapContainer}`, style: r, children: /* @__PURE__ */ g(
|
|
2057
2053
|
Ge,
|
|
2058
2054
|
{
|
|
2059
|
-
initialViewState:
|
|
2055
|
+
initialViewState: i,
|
|
2060
2056
|
ref: m,
|
|
2061
2057
|
hash: !1,
|
|
2062
2058
|
maxZoom: d,
|
|
@@ -2065,12 +2061,12 @@ const di = ({
|
|
|
2065
2061
|
onClick: l,
|
|
2066
2062
|
interactiveLayerIds: a,
|
|
2067
2063
|
children: [
|
|
2068
|
-
p.length && p.map((
|
|
2064
|
+
p.length && p.map((f, _) => /* @__PURE__ */ s(
|
|
2069
2065
|
Ye,
|
|
2070
2066
|
{
|
|
2071
|
-
...
|
|
2067
|
+
...f,
|
|
2072
2068
|
children: u.length && u.map((y, x) => {
|
|
2073
|
-
if (y.sourceId ==
|
|
2069
|
+
if (y.sourceId == f.id) return /* @__PURE__ */ s(
|
|
2074
2070
|
We,
|
|
2075
2071
|
{
|
|
2076
2072
|
...y.layer,
|
|
@@ -2080,10 +2076,10 @@ const di = ({
|
|
|
2080
2076
|
);
|
|
2081
2077
|
})
|
|
2082
2078
|
},
|
|
2083
|
-
|
|
2079
|
+
_
|
|
2084
2080
|
)),
|
|
2085
|
-
/* @__PURE__ */
|
|
2086
|
-
c &&
|
|
2081
|
+
/* @__PURE__ */ s(Xe, { position: "bottom-right", visualizePitch: !0 }),
|
|
2082
|
+
c && b && /* @__PURE__ */ s(
|
|
2087
2083
|
Je,
|
|
2088
2084
|
{
|
|
2089
2085
|
longitude: c.longitude,
|
|
@@ -2147,11 +2143,11 @@ const pi = "_mapContainer_b0pyr_3", ui = {
|
|
|
2147
2143
|
}, mi = "_FeaturePopUp_1gd6w_2", hi = "_title_1gd6w_2", Te = {
|
|
2148
2144
|
FeaturePopUp: mi,
|
|
2149
2145
|
title: hi
|
|
2150
|
-
}, gi = ({ props:
|
|
2151
|
-
const { t: d } =
|
|
2152
|
-
return /* @__PURE__ */
|
|
2146
|
+
}, gi = ({ props: i }) => {
|
|
2147
|
+
const { t: d } = N();
|
|
2148
|
+
return /* @__PURE__ */ s("div", { className: Te.FeaturePopUp, children: i.map((o) => /* @__PURE__ */ g("p", { children: [
|
|
2153
2149
|
/* @__PURE__ */ g("span", { className: Te.title, children: [
|
|
2154
|
-
/* @__PURE__ */
|
|
2150
|
+
/* @__PURE__ */ s(Ce, { i18nKey: o.name, components: { sup: /* @__PURE__ */ s("sup", {}) } }),
|
|
2155
2151
|
": "
|
|
2156
2152
|
] }),
|
|
2157
2153
|
o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
@@ -2159,7 +2155,7 @@ const pi = "_mapContainer_b0pyr_3", ui = {
|
|
|
2159
2155
|
d(o.unit)
|
|
2160
2156
|
] })) });
|
|
2161
2157
|
}, Ci = ({
|
|
2162
|
-
initialView:
|
|
2158
|
+
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2163
2159
|
maxZoom: d = 17,
|
|
2164
2160
|
minZoom: o = 8,
|
|
2165
2161
|
mapStyle: n,
|
|
@@ -2171,28 +2167,28 @@ const pi = "_mapContainer_b0pyr_3", ui = {
|
|
|
2171
2167
|
layers: p = [],
|
|
2172
2168
|
filters: u,
|
|
2173
2169
|
popUpParams: m,
|
|
2174
|
-
onClosePopUp:
|
|
2170
|
+
onClosePopUp: b,
|
|
2175
2171
|
showTexts: h
|
|
2176
2172
|
}) => {
|
|
2177
2173
|
console.log(u);
|
|
2178
2174
|
const C = ge();
|
|
2179
|
-
return
|
|
2175
|
+
return D(() => {
|
|
2180
2176
|
if (C.current) {
|
|
2181
|
-
const
|
|
2182
|
-
|
|
2183
|
-
y.type == "symbol" && y.id != "professionals" && (h ?
|
|
2177
|
+
const f = C.current.getMap();
|
|
2178
|
+
f.getStyle().layers.map((y) => {
|
|
2179
|
+
y.type == "symbol" && y.id != "professionals" && (h ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
|
|
2184
2180
|
});
|
|
2185
2181
|
}
|
|
2186
|
-
}, [h]),
|
|
2187
|
-
let
|
|
2188
|
-
return se.addProtocol("pmtiles",
|
|
2182
|
+
}, [h]), D(() => {
|
|
2183
|
+
let f = new Qe();
|
|
2184
|
+
return se.addProtocol("pmtiles", f.tile), () => {
|
|
2189
2185
|
se.removeProtocol("pmtiles");
|
|
2190
2186
|
};
|
|
2191
|
-
}, []), /* @__PURE__ */
|
|
2187
|
+
}, []), /* @__PURE__ */ s("div", { className: `${ui.mapContainer}`, style: r && r, children: /* @__PURE__ */ g(
|
|
2192
2188
|
et,
|
|
2193
2189
|
{
|
|
2194
2190
|
mapLib: se,
|
|
2195
|
-
initialViewState:
|
|
2191
|
+
initialViewState: i,
|
|
2196
2192
|
ref: C,
|
|
2197
2193
|
hash: !1,
|
|
2198
2194
|
maxZoom: d,
|
|
@@ -2201,12 +2197,12 @@ const pi = "_mapContainer_b0pyr_3", ui = {
|
|
|
2201
2197
|
onClick: l,
|
|
2202
2198
|
interactiveLayerIds: a,
|
|
2203
2199
|
children: [
|
|
2204
|
-
c.length && c.map((
|
|
2200
|
+
c.length && c.map((f, _) => /* @__PURE__ */ s(
|
|
2205
2201
|
tt,
|
|
2206
2202
|
{
|
|
2207
|
-
...
|
|
2203
|
+
...f,
|
|
2208
2204
|
children: p.length && p.map((y, x) => {
|
|
2209
|
-
if (y.sourceId ==
|
|
2205
|
+
if (y.sourceId == f.id) return /* @__PURE__ */ s(
|
|
2210
2206
|
nt,
|
|
2211
2207
|
{
|
|
2212
2208
|
...y.layer,
|
|
@@ -2217,16 +2213,16 @@ const pi = "_mapContainer_b0pyr_3", ui = {
|
|
|
2217
2213
|
);
|
|
2218
2214
|
})
|
|
2219
2215
|
},
|
|
2220
|
-
|
|
2216
|
+
_
|
|
2221
2217
|
)),
|
|
2222
|
-
/* @__PURE__ */
|
|
2223
|
-
m && /* @__PURE__ */
|
|
2218
|
+
/* @__PURE__ */ s(it, { position: "bottom-right", visualizePitch: !0 }),
|
|
2219
|
+
m && /* @__PURE__ */ s(
|
|
2224
2220
|
st,
|
|
2225
2221
|
{
|
|
2226
2222
|
longitude: m.lng,
|
|
2227
2223
|
latitude: m.lat,
|
|
2228
|
-
onClose:
|
|
2229
|
-
children: /* @__PURE__ */
|
|
2224
|
+
onClose: b,
|
|
2225
|
+
children: /* @__PURE__ */ s(gi, { props: m.props })
|
|
2230
2226
|
}
|
|
2231
2227
|
)
|
|
2232
2228
|
]
|
|
@@ -2276,7 +2272,7 @@ Ci.propTypes = {
|
|
|
2276
2272
|
popUpParams: e.object,
|
|
2277
2273
|
onClosePopUp: e.func
|
|
2278
2274
|
};
|
|
2279
|
-
const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textContainer_1egwc_20", vi = "_title_1egwc_27", _i = "_subtitle_1egwc_33", xi = "_rightContent_1egwc_38",
|
|
2275
|
+
const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textContainer_1egwc_20", vi = "_title_1egwc_27", _i = "_subtitle_1egwc_33", xi = "_rightContent_1egwc_38", j = {
|
|
2280
2276
|
sectionBar: bi,
|
|
2281
2277
|
leftContent: fi,
|
|
2282
2278
|
textContainer: yi,
|
|
@@ -2284,23 +2280,23 @@ const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textConta
|
|
|
2284
2280
|
subtitle: _i,
|
|
2285
2281
|
rightContent: xi
|
|
2286
2282
|
}, Cs = ({
|
|
2287
|
-
leftIcon:
|
|
2283
|
+
leftIcon: i,
|
|
2288
2284
|
title: d,
|
|
2289
2285
|
subtitle: o,
|
|
2290
2286
|
rightContent: n,
|
|
2291
2287
|
mainColor: t,
|
|
2292
2288
|
width: r
|
|
2293
2289
|
}) => {
|
|
2294
|
-
const { t: l } =
|
|
2295
|
-
return /* @__PURE__ */ g("div", { className:
|
|
2296
|
-
/* @__PURE__ */ g("div", { className:
|
|
2297
|
-
|
|
2298
|
-
/* @__PURE__ */ g("div", { className:
|
|
2299
|
-
/* @__PURE__ */
|
|
2300
|
-
o && /* @__PURE__ */
|
|
2290
|
+
const { t: l } = N();
|
|
2291
|
+
return /* @__PURE__ */ g("div", { className: j.sectionBar, style: { width: r && r }, children: [
|
|
2292
|
+
/* @__PURE__ */ g("div", { className: j.leftContent, children: [
|
|
2293
|
+
i && /* @__PURE__ */ s("img", { src: i, alt: "Icono", className: j.icon }),
|
|
2294
|
+
/* @__PURE__ */ g("div", { className: j.textContainer, children: [
|
|
2295
|
+
/* @__PURE__ */ s("div", { className: j.title, children: l(d) }),
|
|
2296
|
+
o && /* @__PURE__ */ s("div", { className: j.subtitle, children: o })
|
|
2301
2297
|
] })
|
|
2302
2298
|
] }),
|
|
2303
|
-
/* @__PURE__ */
|
|
2299
|
+
/* @__PURE__ */ s("div", { className: j.rightContent, children: n })
|
|
2304
2300
|
] });
|
|
2305
2301
|
}, wi = Fe({
|
|
2306
2302
|
name: "mapSlice",
|
|
@@ -2312,20 +2308,20 @@ const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textConta
|
|
|
2312
2308
|
activeIndicatorUnit: null
|
|
2313
2309
|
},
|
|
2314
2310
|
reducers: {
|
|
2315
|
-
setShowTexts: (
|
|
2316
|
-
|
|
2311
|
+
setShowTexts: (i, d) => {
|
|
2312
|
+
i.showTexts = d.payload;
|
|
2317
2313
|
},
|
|
2318
|
-
setYear: (
|
|
2319
|
-
|
|
2314
|
+
setYear: (i, d) => {
|
|
2315
|
+
i.sliderSelectedYear = d.payload;
|
|
2320
2316
|
},
|
|
2321
|
-
setActiveIndicatorKey: (
|
|
2322
|
-
|
|
2317
|
+
setActiveIndicatorKey: (i, d) => {
|
|
2318
|
+
i.activeIndicatorKey = d.payload;
|
|
2323
2319
|
},
|
|
2324
|
-
setActiveIndicatorType: (
|
|
2325
|
-
|
|
2320
|
+
setActiveIndicatorType: (i, d) => {
|
|
2321
|
+
i.activeIndicatorType = d.payload;
|
|
2326
2322
|
},
|
|
2327
|
-
setActiveIndicatorUnit: (
|
|
2328
|
-
|
|
2323
|
+
setActiveIndicatorUnit: (i, d) => {
|
|
2324
|
+
i.activeIndicatorUnit = d.payload;
|
|
2329
2325
|
}
|
|
2330
2326
|
}
|
|
2331
2327
|
}), { setShowTexts: bs, setYear: ce, setActiveIndicatorKey: fs, setActiveIndicatorType: ys, setActiveIndicatorUnit: vs } = wi.actions, ki = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", Ni = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", Si = "_slider_a19yo_2", Ti = "_playButton_a19yo_17", Mi = "_sliderOpen_a19yo_28", Fi = "_sliderResults_a19yo_32", W = {
|
|
@@ -2333,31 +2329,31 @@ const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textConta
|
|
|
2333
2329
|
playButton: Ti,
|
|
2334
2330
|
sliderOpen: Mi,
|
|
2335
2331
|
sliderResults: Fi
|
|
2336
|
-
}, Bi = ({ onResults:
|
|
2337
|
-
const [l, a] =
|
|
2332
|
+
}, Bi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
|
|
2333
|
+
const [l, a] = L(d), c = Me(), p = (y, x) => {
|
|
2338
2334
|
a(x), c(ce(x - 2e3));
|
|
2339
|
-
}, [u, m] =
|
|
2335
|
+
}, [u, m] = L(!1), b = () => {
|
|
2340
2336
|
m(!0);
|
|
2341
2337
|
}, h = () => {
|
|
2342
2338
|
m(!1);
|
|
2343
2339
|
};
|
|
2344
2340
|
((y, x) => {
|
|
2345
2341
|
const w = ge();
|
|
2346
|
-
|
|
2342
|
+
D(() => {
|
|
2347
2343
|
w.current = y;
|
|
2348
|
-
}, [y]),
|
|
2349
|
-
function
|
|
2344
|
+
}, [y]), D(() => {
|
|
2345
|
+
function v() {
|
|
2350
2346
|
w.current();
|
|
2351
2347
|
}
|
|
2352
2348
|
{
|
|
2353
|
-
let
|
|
2354
|
-
return () => clearInterval(
|
|
2349
|
+
let k = setInterval(v, x);
|
|
2350
|
+
return () => clearInterval(k);
|
|
2355
2351
|
}
|
|
2356
2352
|
}, [x]);
|
|
2357
2353
|
})(() => {
|
|
2358
2354
|
u && (l != 2050 ? (a(l + 1), c(ce(l - 2e3 + 1))) : (a(2025), c(ce(25))));
|
|
2359
2355
|
}, 1e3);
|
|
2360
|
-
const
|
|
2356
|
+
const f = rt({
|
|
2361
2357
|
palette: {
|
|
2362
2358
|
primary: {
|
|
2363
2359
|
main: "#605b56"
|
|
@@ -2379,28 +2375,28 @@ const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textConta
|
|
|
2379
2375
|
}
|
|
2380
2376
|
}
|
|
2381
2377
|
}
|
|
2382
|
-
}),
|
|
2378
|
+
}), _ = [
|
|
2383
2379
|
{ label: "", value: 2025 },
|
|
2384
2380
|
{ label: "", value: 2032 },
|
|
2385
2381
|
{ label: "", value: 2041 },
|
|
2386
2382
|
{ label: "", value: 2050 }
|
|
2387
2383
|
];
|
|
2388
|
-
return /* @__PURE__ */
|
|
2384
|
+
return /* @__PURE__ */ s(lt, { theme: f, children: /* @__PURE__ */ g(
|
|
2389
2385
|
at,
|
|
2390
2386
|
{
|
|
2391
2387
|
sx: { width: 400 },
|
|
2392
|
-
className: `${
|
|
2388
|
+
className: `${i ? W.sliderResults : W.slider} ${r ? W.sliderOpen : ""}`,
|
|
2393
2389
|
style: { zIndex: t },
|
|
2394
2390
|
children: [
|
|
2395
2391
|
o,
|
|
2396
|
-
/* @__PURE__ */
|
|
2392
|
+
/* @__PURE__ */ s(
|
|
2397
2393
|
ot,
|
|
2398
2394
|
{
|
|
2399
2395
|
"aria-label": "TimeSlider",
|
|
2400
2396
|
value: l,
|
|
2401
2397
|
valueLabelDisplay: "on",
|
|
2402
2398
|
step: 1,
|
|
2403
|
-
marks:
|
|
2399
|
+
marks: _,
|
|
2404
2400
|
min: o,
|
|
2405
2401
|
max: n,
|
|
2406
2402
|
onChange: p,
|
|
@@ -2409,8 +2405,8 @@ const bi = "_sectionBar_1egwc_2", fi = "_leftContent_1egwc_14", yi = "_textConta
|
|
|
2409
2405
|
}
|
|
2410
2406
|
),
|
|
2411
2407
|
n,
|
|
2412
|
-
!u && /* @__PURE__ */
|
|
2413
|
-
u && /* @__PURE__ */
|
|
2408
|
+
!u && /* @__PURE__ */ s("button", { className: W.playButton, onClick: b, children: /* @__PURE__ */ s("img", { src: ki, alt: "Play" }) }),
|
|
2409
|
+
u && /* @__PURE__ */ s("button", { className: W.playButton, onClick: h, children: /* @__PURE__ */ s("img", { src: Ni, alt: "Pause" }) })
|
|
2414
2410
|
]
|
|
2415
2411
|
}
|
|
2416
2412
|
) });
|
|
@@ -2428,13 +2424,13 @@ const Li = "_TopNavMenuContainer_12mp4_2", Di = "_topNavOptions_12mp4_13", $i =
|
|
|
2428
2424
|
topNavOptions: Di,
|
|
2429
2425
|
active: $i
|
|
2430
2426
|
}, Ai = ({
|
|
2431
|
-
options:
|
|
2427
|
+
options: i = [],
|
|
2432
2428
|
containerStyles: d,
|
|
2433
2429
|
borderColor: o = "red",
|
|
2434
2430
|
textColor: n = "white"
|
|
2435
2431
|
}) => {
|
|
2436
|
-
const { t } =
|
|
2437
|
-
return /* @__PURE__ */
|
|
2432
|
+
const { t } = N();
|
|
2433
|
+
return /* @__PURE__ */ s("div", { className: de.TopNavMenuContainer, style: { ...d }, children: i.map((r, l) => /* @__PURE__ */ s(
|
|
2438
2434
|
ct,
|
|
2439
2435
|
{
|
|
2440
2436
|
to: r.url,
|
|
@@ -2469,28 +2465,28 @@ const Oi = Fe({
|
|
|
2469
2465
|
showUserMenu: !1
|
|
2470
2466
|
},
|
|
2471
2467
|
reducers: {
|
|
2472
|
-
setShowLogIn: (
|
|
2473
|
-
|
|
2468
|
+
setShowLogIn: (i, d) => {
|
|
2469
|
+
i.showLogIn = d.payload;
|
|
2474
2470
|
},
|
|
2475
|
-
setShowUserMenu: (
|
|
2476
|
-
|
|
2471
|
+
setShowUserMenu: (i, d) => {
|
|
2472
|
+
i.showUserMenu = d.payload;
|
|
2477
2473
|
}
|
|
2478
2474
|
}
|
|
2479
2475
|
}), { setShowLogIn: Ri, setShowUserMenu: Ii } = Oi.actions, Vi = "_UserMenuTrigger_uglss_2", Pi = {
|
|
2480
2476
|
UserMenuTrigger: Vi
|
|
2481
2477
|
}, zi = ({
|
|
2482
|
-
cssClass:
|
|
2478
|
+
cssClass: i,
|
|
2483
2479
|
loginLocale: d = "login",
|
|
2484
2480
|
containerStyles: o
|
|
2485
2481
|
}) => {
|
|
2486
|
-
const n = Me(), t = pe((c) => c.userState.user.isLoggedIn), r = pe((c) => c.userState.user.username), { t: l } =
|
|
2482
|
+
const n = Me(), t = pe((c) => c.userState.user.isLoggedIn), r = pe((c) => c.userState.user.username), { t: l } = N(), a = () => {
|
|
2487
2483
|
n(t ? Ri(!0) : Ii(!0));
|
|
2488
2484
|
};
|
|
2489
|
-
return /* @__PURE__ */
|
|
2485
|
+
return /* @__PURE__ */ s(
|
|
2490
2486
|
"div",
|
|
2491
2487
|
{
|
|
2492
2488
|
style: { ...o },
|
|
2493
|
-
className: `${Pi.UserMenuTrigger} link ${
|
|
2489
|
+
className: `${Pi.UserMenuTrigger} link ${i}`,
|
|
2494
2490
|
onClick: a,
|
|
2495
2491
|
children: t ? r : l(d)
|
|
2496
2492
|
}
|
|
@@ -2504,58 +2500,67 @@ zi.propTypes = {
|
|
|
2504
2500
|
cssClass: e.string,
|
|
2505
2501
|
loginLocale: e.string
|
|
2506
2502
|
};
|
|
2507
|
-
const ji = "_header_13kbt_2", qi = "_leftComponents_13kbt_13", Ei = "_centerComponents_13kbt_14", Ki = "_rightComponents_13kbt_15",
|
|
2503
|
+
const ji = "_header_13kbt_2", qi = "_leftComponents_13kbt_13", Ei = "_centerComponents_13kbt_14", Ki = "_rightComponents_13kbt_15", Zi = "_componentsContainer_13kbt_32", q = {
|
|
2508
2504
|
header: ji,
|
|
2509
2505
|
leftComponents: qi,
|
|
2510
2506
|
centerComponents: Ei,
|
|
2511
2507
|
rightComponents: Ki,
|
|
2512
|
-
componentsContainer:
|
|
2513
|
-
},
|
|
2514
|
-
cssProps:
|
|
2508
|
+
componentsContainer: Zi
|
|
2509
|
+
}, Ui = ({
|
|
2510
|
+
cssProps: i,
|
|
2515
2511
|
leftComponents: d = [],
|
|
2516
2512
|
centerComponents: o = [],
|
|
2517
2513
|
rightComponents: n = [],
|
|
2518
2514
|
zIndex: t = 10,
|
|
2519
2515
|
height: r = 60,
|
|
2520
|
-
backgroundColor: l = "#605B56"
|
|
2516
|
+
backgroundColor: l = "#605B56",
|
|
2517
|
+
isFooter: a = !1
|
|
2518
|
+
// If true, it will apply footer styles
|
|
2521
2519
|
}) => /* @__PURE__ */ g(
|
|
2522
2520
|
"div",
|
|
2523
2521
|
{
|
|
2524
|
-
className:
|
|
2522
|
+
className: q.header,
|
|
2525
2523
|
style: {
|
|
2526
|
-
...
|
|
2524
|
+
...i,
|
|
2527
2525
|
zIndex: t,
|
|
2528
2526
|
height: r,
|
|
2529
|
-
backgroundColor: l
|
|
2527
|
+
backgroundColor: l,
|
|
2528
|
+
top: a ? "auto" : 0,
|
|
2529
|
+
bottom: a ? 0 : "auto"
|
|
2530
2530
|
},
|
|
2531
2531
|
children: [
|
|
2532
|
-
/* @__PURE__ */
|
|
2533
|
-
/* @__PURE__ */
|
|
2534
|
-
/* @__PURE__ */
|
|
2532
|
+
/* @__PURE__ */ s("div", { className: q.leftComponents, children: d.map((c, p) => /* @__PURE__ */ s("div", { className: q.componentsContainer, children: c }, p)) }),
|
|
2533
|
+
/* @__PURE__ */ s("div", { className: q.centerComponents, children: o.map((c, p) => /* @__PURE__ */ s("div", { className: q.componentsContainer, children: c }, p)) }),
|
|
2534
|
+
/* @__PURE__ */ s("div", { className: q.rightComponents, children: n.map((c, p) => /* @__PURE__ */ s("div", { className: q.componentsContainer, children: c }, p)) })
|
|
2535
2535
|
]
|
|
2536
2536
|
}
|
|
2537
2537
|
);
|
|
2538
|
-
|
|
2538
|
+
Ui.propTypes = {
|
|
2539
2539
|
leftComponents: e.arrayOf(e.node),
|
|
2540
2540
|
centerComponents: e.arrayOf(e.node),
|
|
2541
|
-
rightComponents: e.arrayOf(e.node)
|
|
2541
|
+
rightComponents: e.arrayOf(e.node),
|
|
2542
|
+
cssProps: e.object,
|
|
2543
|
+
zIndex: e.number,
|
|
2544
|
+
height: e.number,
|
|
2545
|
+
backgroundColor: e.string,
|
|
2546
|
+
isFooter: e.bool
|
|
2542
2547
|
};
|
|
2543
2548
|
const Hi = "_sidebar_1jqo2_2", Gi = "_open_1jqo2_16", Yi = "_content_1jqo2_20", Wi = "_closeButton_1jqo2_26", ee = {
|
|
2544
2549
|
sidebar: Hi,
|
|
2545
2550
|
open: Gi,
|
|
2546
2551
|
content: Yi,
|
|
2547
2552
|
closeButton: Wi
|
|
2548
|
-
}, Xi = ({ width:
|
|
2553
|
+
}, Xi = ({ width: i = "300px", children: d, showRightBar: o, onCloseBar: n }) => {
|
|
2549
2554
|
const t = () => {
|
|
2550
2555
|
n();
|
|
2551
2556
|
};
|
|
2552
|
-
return /* @__PURE__ */
|
|
2557
|
+
return /* @__PURE__ */ s(
|
|
2553
2558
|
"div",
|
|
2554
2559
|
{
|
|
2555
2560
|
className: `${ee.sidebar} ${o ? ee.open : ""}`,
|
|
2556
|
-
style: { width: o ?
|
|
2561
|
+
style: { width: o ? i : 0 },
|
|
2557
2562
|
children: o && /* @__PURE__ */ g("div", { className: ee.content, children: [
|
|
2558
|
-
/* @__PURE__ */
|
|
2563
|
+
/* @__PURE__ */ s("button", { className: ee.closeButton, onClick: t, children: "×" }),
|
|
2559
2564
|
d
|
|
2560
2565
|
] })
|
|
2561
2566
|
}
|
|
@@ -2570,13 +2575,13 @@ Xi.propTypes = {
|
|
|
2570
2575
|
export {
|
|
2571
2576
|
Lt as AmbitSelector,
|
|
2572
2577
|
Et as ButtonsList,
|
|
2573
|
-
|
|
2578
|
+
E as DropdownList,
|
|
2574
2579
|
gs as EditAmbit,
|
|
2575
2580
|
Cn as FiltersAmbit,
|
|
2576
2581
|
_n as Graphic,
|
|
2577
|
-
|
|
2582
|
+
Ui as HeaderSection,
|
|
2578
2583
|
Pn as IndicatorsList,
|
|
2579
|
-
|
|
2584
|
+
Zn as LangSelector,
|
|
2580
2585
|
oi as Legend,
|
|
2581
2586
|
ai as LogoApp,
|
|
2582
2587
|
di as MapboxMap,
|