@tmf_ciclica/ciclicastorybook 1.1.25 → 1.1.27
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/ciclicastorybook.css +1 -1
- package/dist/index.cjs.js +3 -3
- package/dist/index.es.js +677 -728
- package/package.json +3 -2
package/dist/index.es.js
CHANGED
|
@@ -1,81 +1,80 @@
|
|
|
1
1
|
import { jsxs as m, jsx as r, Fragment as qe } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import U, { useState as B, useMemo as te, useEffect as L, useLayoutEffect as Ee, useRef as he } from "react";
|
|
3
3
|
import e from "prop-types";
|
|
4
|
-
import { useTranslation as
|
|
5
|
-
import { motion as
|
|
4
|
+
import { useTranslation as w, Trans as me } from "react-i18next";
|
|
5
|
+
import { motion as ge } from "framer-motion";
|
|
6
6
|
import { create as Ke } from "zustand";
|
|
7
7
|
import * as ye from "d3";
|
|
8
|
-
import
|
|
9
|
-
import { useSelector as
|
|
10
|
-
import
|
|
8
|
+
import Ue from "mapbox-gl";
|
|
9
|
+
import { useSelector as ce, useDispatch as Te } from "react-redux";
|
|
10
|
+
import Ze, { Source as He, Layer as Ge, NavigationControl as Ye, Popup as We } from "react-map-gl/mapbox";
|
|
11
11
|
import ie from "maplibre-gl";
|
|
12
12
|
import { Protocol as Xe } from "pmtiles";
|
|
13
13
|
import Je, { Source as Qe, Layer as et, NavigationControl as tt, Popup as nt } from "react-map-gl/maplibre";
|
|
14
14
|
import { createSlice as Me } from "@reduxjs/toolkit";
|
|
15
15
|
import it from "@mui/material/Slider";
|
|
16
|
-
import { createTheme as
|
|
16
|
+
import { createTheme as st, Box as ot } from "@mui/material";
|
|
17
17
|
import { ThemeProvider as rt } from "@emotion/react";
|
|
18
18
|
import { NavLink as at } from "react-router-dom";
|
|
19
|
-
const lt = "
|
|
19
|
+
const lt = "_ambitSelector_f07c1_2", ct = "_header_f07c1_13", dt = "_nameDateContainer_f07c1_23", pt = "_ambitName_f07c1_39", ut = "_ambitDate_f07c1_48", ht = "_buttonsContainer_f07c1_51", q = {
|
|
20
20
|
ambitSelector: lt,
|
|
21
21
|
header: ct,
|
|
22
22
|
nameDateContainer: dt,
|
|
23
23
|
ambitName: pt,
|
|
24
24
|
ambitDate: ut,
|
|
25
25
|
buttonsContainer: ht
|
|
26
|
-
}, mt = "_ambitItem_1ueih_2", gt = "_ambitNameDate_1ueih_16",
|
|
26
|
+
}, mt = "_ambitItem_1ueih_2", gt = "_ambitNameDate_1ueih_16", bt = "_ambitName_1ueih_16", ft = "_ambitDate_1ueih_35", yt = "_ambitButtons_1ueih_38", H = {
|
|
27
27
|
ambitItem: mt,
|
|
28
28
|
ambitNameDate: gt,
|
|
29
|
-
ambitName:
|
|
30
|
-
ambitDate:
|
|
31
|
-
ambitButtons:
|
|
32
|
-
}, yt = "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", vt = "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", _t = "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", xt = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='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", wt = "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", kt = "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", Fe = ({
|
|
29
|
+
ambitName: bt,
|
|
30
|
+
ambitDate: ft,
|
|
31
|
+
ambitButtons: yt
|
|
32
|
+
}, Ct = "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", vt = "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", Ce = "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", _t = "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", xt = "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", $e = ({
|
|
33
33
|
ambit: i,
|
|
34
34
|
onClickCopy: d,
|
|
35
|
-
onClickDelete:
|
|
35
|
+
onClickDelete: o,
|
|
36
36
|
onClickFilters: n,
|
|
37
37
|
onClickAmbit: t,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
isBeingProcessed: s,
|
|
39
|
+
isActive: l,
|
|
40
|
+
activeColor: a,
|
|
41
|
+
fontColor: c,
|
|
42
|
+
moreInfo: p
|
|
42
43
|
}) => {
|
|
43
|
-
const { name:
|
|
44
|
+
const { name: u, date: h, id: g } = i;
|
|
44
45
|
return /* @__PURE__ */ m(
|
|
45
46
|
"div",
|
|
46
47
|
{
|
|
47
48
|
className: H.ambitItem,
|
|
48
|
-
style: { borderBottom: `1px solid ${
|
|
49
|
+
style: { borderBottom: `1px solid ${c}` },
|
|
49
50
|
children: [
|
|
50
|
-
/* @__PURE__ */ m("div", { className: H.ambitNameDate, onClick: () => t(
|
|
51
|
+
/* @__PURE__ */ m("div", { className: H.ambitNameDate, onClick: () => t(g), children: [
|
|
51
52
|
/* @__PURE__ */ m("div", { className: H.ambitName, children: [
|
|
52
53
|
/* @__PURE__ */ r(
|
|
53
54
|
"img",
|
|
54
55
|
{
|
|
55
|
-
|
|
56
|
-
src: o ? wt : kt
|
|
56
|
+
src: l ? _t : xt
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
/* @__PURE__ */ r("span", { style: { color:
|
|
59
|
+
/* @__PURE__ */ r("span", { style: { color: l ? a : c }, children: u })
|
|
60
60
|
] }),
|
|
61
|
-
/* @__PURE__ */ r("div", { className: H.ambitDate, children: new Date(
|
|
61
|
+
/* @__PURE__ */ r("div", { className: H.ambitDate, children: new Date(h).toLocaleDateString() })
|
|
62
62
|
] }),
|
|
63
63
|
/* @__PURE__ */ m("div", { className: H.ambitButtons, children: [
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */ r("button", { onClick: () => n(
|
|
66
|
-
/* @__PURE__ */ r("button", { onClick: () => d(
|
|
67
|
-
/* @__PURE__ */ r("button", { onClick: () =>
|
|
64
|
+
s && /* @__PURE__ */ r("img", { src: Ce }),
|
|
65
|
+
/* @__PURE__ */ r("button", { onClick: () => n(g), children: /* @__PURE__ */ r("img", { src: Ce }) }),
|
|
66
|
+
/* @__PURE__ */ r("button", { onClick: () => d(g), children: /* @__PURE__ */ r("img", { src: vt }) }),
|
|
67
|
+
/* @__PURE__ */ r("button", { onClick: () => o(g), children: /* @__PURE__ */ r("img", { src: Ct }) })
|
|
68
68
|
] })
|
|
69
69
|
]
|
|
70
70
|
}
|
|
71
71
|
);
|
|
72
72
|
};
|
|
73
|
-
|
|
73
|
+
$e.propTypes = {
|
|
74
74
|
ambit: e.shape({
|
|
75
75
|
name: e.string.isRequired,
|
|
76
76
|
date: e.string.isRequired,
|
|
77
|
-
id: e.string.isRequired
|
|
78
|
-
isBeingProcessed: e.bool
|
|
77
|
+
id: e.string.isRequired
|
|
79
78
|
}).isRequired,
|
|
80
79
|
onClickCopy: e.func.isRequired,
|
|
81
80
|
onClickDelete: e.func.isRequired,
|
|
@@ -88,66 +87,51 @@ Fe.propTypes = {
|
|
|
88
87
|
moreInfo: e.object
|
|
89
88
|
// Optional, can be used for additional info
|
|
90
89
|
};
|
|
91
|
-
const
|
|
90
|
+
const kt = "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", wt = ({
|
|
92
91
|
ambitList: i,
|
|
93
92
|
activeAmbitId: d,
|
|
94
|
-
fontColor:
|
|
93
|
+
fontColor: o = "#605B56",
|
|
95
94
|
activeColor: n,
|
|
96
95
|
nameLabel: t,
|
|
97
|
-
dateLabel:
|
|
96
|
+
dateLabel: s,
|
|
98
97
|
onClickCopy: l = (u) => console.log(`Copy ambit: ${u}`),
|
|
99
98
|
onCLickDelete: a = (u) => console.log(`Delete ambit: ${u}`),
|
|
100
99
|
onClickFilters: c = (u) => console.log(`Filters clicked: ${u}`),
|
|
101
100
|
onClickAmbit: p = (u) => console.log(`OnCLickAmbit: ${u}`)
|
|
102
101
|
}) => {
|
|
103
|
-
const { t: u } =
|
|
104
|
-
|
|
105
|
-
i && g(i);
|
|
106
|
-
}, [i]);
|
|
107
|
-
const C = (b) => {
|
|
108
|
-
if (h && h.length > 0) {
|
|
109
|
-
let f = [...h];
|
|
110
|
-
f.sort((v, y) => v[b].localeCompare(y[b])), g(f);
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
return /* @__PURE__ */ m("div", { className: q.ambitSelector, style: { color: s }, children: [
|
|
102
|
+
const { t: u } = w();
|
|
103
|
+
return /* @__PURE__ */ m("div", { className: q.ambitSelector, style: { color: o }, children: [
|
|
114
104
|
/* @__PURE__ */ m(
|
|
115
105
|
"div",
|
|
116
106
|
{
|
|
117
107
|
className: q.header,
|
|
118
|
-
style: { borderBottom: `1px solid ${
|
|
108
|
+
style: { borderBottom: `1px solid ${o}` },
|
|
119
109
|
children: [
|
|
120
110
|
/* @__PURE__ */ m("div", { className: q.nameDateContainer, children: [
|
|
121
|
-
/* @__PURE__ */ r("div", { className: q.ambitName, children: /* @__PURE__ */
|
|
122
|
-
|
|
123
|
-
/* @__PURE__ */ r("img", { src: ve })
|
|
124
|
-
] }) }),
|
|
125
|
-
/* @__PURE__ */ r("div", { className: q.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
|
|
126
|
-
/* @__PURE__ */ r("span", { children: u(o) }),
|
|
127
|
-
/* @__PURE__ */ r("img", { src: ve })
|
|
128
|
-
] }) })
|
|
111
|
+
/* @__PURE__ */ r("div", { className: q.ambitName, children: /* @__PURE__ */ r("span", { children: u(t) }) }),
|
|
112
|
+
/* @__PURE__ */ r("div", { className: q.ambitDate, children: /* @__PURE__ */ r("span", { children: u(s) }) })
|
|
129
113
|
] }),
|
|
130
114
|
/* @__PURE__ */ r("div", { className: q.buttonsContainer })
|
|
131
115
|
]
|
|
132
116
|
}
|
|
133
117
|
),
|
|
134
|
-
|
|
135
|
-
|
|
118
|
+
i && i.length > 0 && i.map((h) => /* @__PURE__ */ r(
|
|
119
|
+
$e,
|
|
136
120
|
{
|
|
137
|
-
isActive: d ==
|
|
138
|
-
ambit:
|
|
139
|
-
fontColor:
|
|
121
|
+
isActive: d == h.id,
|
|
122
|
+
ambit: h,
|
|
123
|
+
fontColor: o,
|
|
140
124
|
activeColor: n,
|
|
141
125
|
onClickCopy: l,
|
|
142
126
|
onClickDelete: a,
|
|
143
127
|
onClickFilters: c,
|
|
144
128
|
onClickAmbit: p
|
|
145
129
|
},
|
|
146
|
-
`ambitKey${
|
|
130
|
+
`ambitKey${h.id}`
|
|
147
131
|
))
|
|
148
132
|
] });
|
|
149
133
|
};
|
|
150
|
-
|
|
134
|
+
wt.propTypes = {
|
|
151
135
|
ambitList: e.arrayOf(
|
|
152
136
|
e.shape({
|
|
153
137
|
name: e.string.isRequired,
|
|
@@ -161,25 +145,23 @@ Nt.propTypes = {
|
|
|
161
145
|
onClickCopy: e.func.isRequired,
|
|
162
146
|
onCLickDelete: e.func.isRequired,
|
|
163
147
|
onClickFilters: e.func.isRequired,
|
|
164
|
-
onClickAmbit: e.func.isRequired
|
|
165
|
-
nameLabel: e.string,
|
|
166
|
-
dateLabel: e.string
|
|
148
|
+
onClickAmbit: e.func.isRequired
|
|
167
149
|
};
|
|
168
|
-
const
|
|
169
|
-
buttonsContainer:
|
|
170
|
-
vertical:
|
|
171
|
-
horizontal:
|
|
172
|
-
button:
|
|
173
|
-
active:
|
|
174
|
-
buttonName:
|
|
175
|
-
},
|
|
176
|
-
left:
|
|
177
|
-
top:
|
|
178
|
-
bottom:
|
|
150
|
+
const Nt = "_buttonsContainer_1audx_2", St = "_vertical_1audx_6", Tt = "_horizontal_1audx_9", Mt = "_button_1audx_2", $t = "_active_1audx_25", Lt = "_buttonName_1audx_28", I = {
|
|
151
|
+
buttonsContainer: Nt,
|
|
152
|
+
vertical: St,
|
|
153
|
+
horizontal: Tt,
|
|
154
|
+
button: Mt,
|
|
155
|
+
active: $t,
|
|
156
|
+
buttonName: Lt
|
|
157
|
+
}, Ft = "_left_19lnt_3", Bt = "_top_19lnt_33", Dt = "_bottom_19lnt_66", At = "_right_19lnt_97", Ot = {
|
|
158
|
+
left: Ft,
|
|
159
|
+
top: Bt,
|
|
160
|
+
bottom: Dt,
|
|
179
161
|
right: At
|
|
180
|
-
}, Le = ({ text: i, position: d, styleCustom:
|
|
181
|
-
const { t: n } =
|
|
182
|
-
return /* @__PURE__ */ r("div", { className: `tooltip ${
|
|
162
|
+
}, Le = ({ text: i, position: d, styleCustom: o = null }) => {
|
|
163
|
+
const { t: n } = w();
|
|
164
|
+
return /* @__PURE__ */ r("div", { className: `tooltip ${Ot[d]}`, style: o, children: n(i) });
|
|
183
165
|
};
|
|
184
166
|
Le.propTypes = {
|
|
185
167
|
text: e.string.isRequired,
|
|
@@ -189,40 +171,40 @@ Le.propTypes = {
|
|
|
189
171
|
const Rt = ({
|
|
190
172
|
buttons: i = [],
|
|
191
173
|
orientation: d = "horizontal",
|
|
192
|
-
showName:
|
|
174
|
+
showName: o = !0,
|
|
193
175
|
namePosition: n = "right",
|
|
194
176
|
useTooltip: t = !1,
|
|
195
|
-
tooltipPosition:
|
|
177
|
+
tooltipPosition: s = "top"
|
|
196
178
|
}) => {
|
|
197
|
-
const { t: l } =
|
|
179
|
+
const { t: l } = w();
|
|
198
180
|
return /* @__PURE__ */ r(
|
|
199
181
|
"div",
|
|
200
182
|
{
|
|
201
|
-
className: `${
|
|
202
|
-
${d === "horizontal" &&
|
|
183
|
+
className: `${I.buttonsContainer} ${d === "vertical" && I.vertical}
|
|
184
|
+
${d === "horizontal" && I.horizontal}`,
|
|
203
185
|
children: i.map((a, c) => {
|
|
204
186
|
const {
|
|
205
187
|
icon: p,
|
|
206
188
|
activeIcon: u,
|
|
207
189
|
isActive: h,
|
|
208
190
|
name: g,
|
|
209
|
-
onClick:
|
|
210
|
-
} = a,
|
|
211
|
-
|
|
191
|
+
onClick: b
|
|
192
|
+
} = a, C = /* @__PURE__ */ m(qe, { children: [
|
|
193
|
+
o && n === "left" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) }),
|
|
212
194
|
/* @__PURE__ */ r("img", { src: h ? u : p, alt: l(g) }),
|
|
213
|
-
|
|
195
|
+
o && n === "right" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) })
|
|
214
196
|
] });
|
|
215
197
|
return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
|
|
216
198
|
/* @__PURE__ */ r(
|
|
217
199
|
"button",
|
|
218
200
|
{
|
|
219
|
-
onClick:
|
|
220
|
-
className: `${
|
|
221
|
-
${h &&
|
|
222
|
-
children:
|
|
201
|
+
onClick: b,
|
|
202
|
+
className: `${I.button}
|
|
203
|
+
${h && I.active}`,
|
|
204
|
+
children: C
|
|
223
205
|
}
|
|
224
206
|
),
|
|
225
|
-
t && /* @__PURE__ */ r(Le, { text: g, position:
|
|
207
|
+
t && /* @__PURE__ */ r(Le, { text: g, position: s })
|
|
226
208
|
] }, c);
|
|
227
209
|
})
|
|
228
210
|
}
|
|
@@ -245,16 +227,16 @@ Rt.propTypes = {
|
|
|
245
227
|
useTooltip: e.bool,
|
|
246
228
|
tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
|
|
247
229
|
};
|
|
248
|
-
const
|
|
249
|
-
indicatorsCategory:
|
|
250
|
-
title:
|
|
251
|
-
},
|
|
230
|
+
const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", se = {
|
|
231
|
+
indicatorsCategory: It,
|
|
232
|
+
title: zt
|
|
233
|
+
}, j = ({
|
|
252
234
|
isOpen: i,
|
|
253
235
|
onClick: d,
|
|
254
|
-
children:
|
|
236
|
+
children: o,
|
|
255
237
|
color: n,
|
|
256
238
|
activeColor: t = "#F8A925",
|
|
257
|
-
title:
|
|
239
|
+
title: s = "Title",
|
|
258
240
|
//Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
|
|
259
241
|
height: l = 53,
|
|
260
242
|
//Adjust height if you change fontSize
|
|
@@ -262,11 +244,11 @@ const Vt = "_indicatorsCategory_1cu33_2", jt = "_title_1cu33_5", oe = {
|
|
|
262
244
|
showBottomBar: c = !0,
|
|
263
245
|
titleMarginChildren: p = 25
|
|
264
246
|
}) => {
|
|
265
|
-
const { t: u } =
|
|
247
|
+
const { t: u } = w();
|
|
266
248
|
return /* @__PURE__ */ m(
|
|
267
|
-
|
|
249
|
+
ge.div,
|
|
268
250
|
{
|
|
269
|
-
className:
|
|
251
|
+
className: se.indicatorsCategory,
|
|
270
252
|
initial: { height: `${l}px` },
|
|
271
253
|
animate: { height: i ? "auto" : `${l}px` },
|
|
272
254
|
transition: { duration: 0.4 },
|
|
@@ -283,20 +265,20 @@ const Vt = "_indicatorsCategory_1cu33_2", jt = "_title_1cu33_5", oe = {
|
|
|
283
265
|
...a,
|
|
284
266
|
marginBottom: p || "auto"
|
|
285
267
|
},
|
|
286
|
-
className: `${
|
|
268
|
+
className: `${se.title}`,
|
|
287
269
|
onClick: d,
|
|
288
270
|
children: [
|
|
289
271
|
/* @__PURE__ */ r("span", { style: { color: i ? t : n }, children: i ? "-" : "+" }),
|
|
290
|
-
/* @__PURE__ */ r("span", { style: { marginLeft: 12, color: i ? t : n }, children: u(
|
|
272
|
+
/* @__PURE__ */ r("span", { style: { marginLeft: 12, color: i ? t : n }, children: u(s) })
|
|
291
273
|
]
|
|
292
274
|
}
|
|
293
275
|
),
|
|
294
|
-
/* @__PURE__ */ r("div", { className:
|
|
276
|
+
/* @__PURE__ */ r("div", { className: se.content, children: o })
|
|
295
277
|
]
|
|
296
278
|
}
|
|
297
279
|
);
|
|
298
280
|
};
|
|
299
|
-
|
|
281
|
+
j.propTypes = {
|
|
300
282
|
isOpen: e.bool,
|
|
301
283
|
onClick: e.func,
|
|
302
284
|
children: e.node,
|
|
@@ -307,9 +289,9 @@ z.propTypes = {
|
|
|
307
289
|
showBottomBar: e.bool,
|
|
308
290
|
titleFontStyles: e.object
|
|
309
291
|
};
|
|
310
|
-
const
|
|
311
|
-
AppliedFiltersContainer:
|
|
312
|
-
AppliedFilterContent:
|
|
292
|
+
const os = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Vt = "_AppliedFiltersContainer_s8ooe_2", jt = "_AppliedFilterContent_s8ooe_10", ve = {
|
|
293
|
+
AppliedFiltersContainer: Vt,
|
|
294
|
+
AppliedFilterContent: jt
|
|
313
295
|
}, T = Ke((i) => ({
|
|
314
296
|
activeCategory: "",
|
|
315
297
|
activeSubCategory: "",
|
|
@@ -317,8 +299,8 @@ const ao = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), zt = "data
|
|
|
317
299
|
tematicalFiltersSelected: [],
|
|
318
300
|
fontColor: "#605B56",
|
|
319
301
|
inputsColor: "#605B56"
|
|
320
|
-
})),
|
|
321
|
-
const { t: l } =
|
|
302
|
+
})), Fe = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
|
|
303
|
+
const { t: l } = w(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
|
|
322
304
|
T.setState((u) => ({
|
|
323
305
|
tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
|
|
324
306
|
(h) => h.code !== p
|
|
@@ -326,20 +308,20 @@ const ao = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), zt = "data
|
|
|
326
308
|
}));
|
|
327
309
|
};
|
|
328
310
|
return /* @__PURE__ */ r(
|
|
329
|
-
|
|
311
|
+
j,
|
|
330
312
|
{
|
|
331
|
-
isOpen:
|
|
313
|
+
isOpen: o,
|
|
332
314
|
onClick: d,
|
|
333
315
|
title: i ? l(i) : "Applied Filters",
|
|
334
|
-
activeColor:
|
|
335
|
-
children: /* @__PURE__ */ r("div", { className:
|
|
316
|
+
activeColor: s,
|
|
317
|
+
children: /* @__PURE__ */ r("div", { className: ve.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ m("div", { className: ve.AppliedFilterContent, style: { color: n, background: t }, children: [
|
|
336
318
|
l(p.name),
|
|
337
|
-
/* @__PURE__ */ r("img", { src:
|
|
319
|
+
/* @__PURE__ */ r("img", { src: kt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
|
|
338
320
|
] }, u)) })
|
|
339
321
|
}
|
|
340
322
|
);
|
|
341
323
|
};
|
|
342
|
-
|
|
324
|
+
Fe.propTypes = {
|
|
343
325
|
isOpen: e.bool,
|
|
344
326
|
onClick: e.func,
|
|
345
327
|
title: e.string,
|
|
@@ -353,15 +335,15 @@ De.propTypes = {
|
|
|
353
335
|
),
|
|
354
336
|
activeColor: e.string
|
|
355
337
|
};
|
|
356
|
-
const Be = ({ title: i, onClick: d, isOpen:
|
|
357
|
-
const { t: l } =
|
|
338
|
+
const Be = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
|
|
339
|
+
const { t: l } = w(), { tematicalFiltersSelected: a } = T((c) => c);
|
|
358
340
|
return /* @__PURE__ */ r(
|
|
359
|
-
|
|
341
|
+
j,
|
|
360
342
|
{
|
|
361
|
-
isOpen:
|
|
343
|
+
isOpen: o,
|
|
362
344
|
onClick: d,
|
|
363
345
|
title: i ? l(i) : "Geographical Filters",
|
|
364
|
-
activeColor:
|
|
346
|
+
activeColor: s,
|
|
365
347
|
children: "A"
|
|
366
348
|
}
|
|
367
349
|
);
|
|
@@ -374,22 +356,22 @@ Be.propTypes = {
|
|
|
374
356
|
backgroundColor: e.string,
|
|
375
357
|
activeColor: e.string
|
|
376
358
|
};
|
|
377
|
-
const
|
|
378
|
-
checkboxContainer:
|
|
379
|
-
},
|
|
359
|
+
const Pt = "_checkboxContainer_zld97_2", qt = {
|
|
360
|
+
checkboxContainer: Pt
|
|
361
|
+
}, De = ({
|
|
380
362
|
onClick: i,
|
|
381
363
|
containerStyles: d,
|
|
382
|
-
color:
|
|
364
|
+
color: o = "#605B56",
|
|
383
365
|
indicator: n,
|
|
384
366
|
value: t
|
|
385
367
|
}) => {
|
|
386
|
-
const { t:
|
|
368
|
+
const { t: s } = w(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
|
|
387
369
|
return /* @__PURE__ */ m(
|
|
388
370
|
"div",
|
|
389
371
|
{
|
|
390
|
-
style: { ...d, color:
|
|
372
|
+
style: { ...d, color: o },
|
|
391
373
|
role: "checkbox",
|
|
392
|
-
className:
|
|
374
|
+
className: qt.checkboxContainer,
|
|
393
375
|
onClick: i,
|
|
394
376
|
children: [
|
|
395
377
|
/* @__PURE__ */ r(
|
|
@@ -405,12 +387,12 @@ const Et = "_checkboxContainer_zld97_2", Kt = {
|
|
|
405
387
|
}
|
|
406
388
|
}
|
|
407
389
|
),
|
|
408
|
-
/* @__PURE__ */ r("span", { className: "checkmark", children:
|
|
390
|
+
/* @__PURE__ */ r("span", { className: "checkmark", children: s(l) })
|
|
409
391
|
]
|
|
410
392
|
}
|
|
411
393
|
);
|
|
412
394
|
};
|
|
413
|
-
|
|
395
|
+
De.propTypes = {
|
|
414
396
|
onClick: e.func,
|
|
415
397
|
value: e.bool,
|
|
416
398
|
containerStyles: e.object,
|
|
@@ -421,15 +403,15 @@ $e.propTypes = {
|
|
|
421
403
|
}),
|
|
422
404
|
checkedColor: e.string
|
|
423
405
|
};
|
|
424
|
-
function
|
|
425
|
-
return
|
|
426
|
-
return
|
|
427
|
-
},
|
|
406
|
+
function de(i, d) {
|
|
407
|
+
return de = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, n) {
|
|
408
|
+
return o.__proto__ = n, o;
|
|
409
|
+
}, de(i, d);
|
|
428
410
|
}
|
|
429
|
-
function
|
|
430
|
-
i.prototype = Object.create(d.prototype), i.prototype.constructor = i,
|
|
411
|
+
function Et(i, d) {
|
|
412
|
+
i.prototype = Object.create(d.prototype), i.prototype.constructor = i, de(i, d);
|
|
431
413
|
}
|
|
432
|
-
function
|
|
414
|
+
function oe(i) {
|
|
433
415
|
return i && i.stopPropagation && i.stopPropagation(), i && i.preventDefault && i.preventDefault(), !1;
|
|
434
416
|
}
|
|
435
417
|
function re(i) {
|
|
@@ -443,18 +425,18 @@ function X(i) {
|
|
|
443
425
|
typeof document < "u" && document.addEventListener(d, i[d], !1);
|
|
444
426
|
});
|
|
445
427
|
}
|
|
446
|
-
function
|
|
447
|
-
return
|
|
448
|
-
let t =
|
|
428
|
+
function z(i, d) {
|
|
429
|
+
return pe(function(o, n) {
|
|
430
|
+
let t = o;
|
|
449
431
|
return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
|
|
450
432
|
}(i, d), d);
|
|
451
433
|
}
|
|
452
|
-
function
|
|
453
|
-
const
|
|
454
|
-
let n = i -
|
|
455
|
-
return 2 * Math.abs(
|
|
434
|
+
function pe(i, d) {
|
|
435
|
+
const o = (i - d.min) % d.step;
|
|
436
|
+
let n = i - o;
|
|
437
|
+
return 2 * Math.abs(o) >= d.step && (n += o > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
|
|
456
438
|
}
|
|
457
|
-
let
|
|
439
|
+
let ue = function(i) {
|
|
458
440
|
function d(n) {
|
|
459
441
|
var t;
|
|
460
442
|
(t = i.call(this, n) || this).onKeyUp = () => {
|
|
@@ -514,20 +496,20 @@ let he = function(i) {
|
|
|
514
496
|
t.start(p, c[0]), X(t.getMouseEventMap());
|
|
515
497
|
});
|
|
516
498
|
}
|
|
517
|
-
|
|
499
|
+
oe(a);
|
|
518
500
|
}
|
|
519
501
|
}, t.onSliderClick = (a) => {
|
|
520
502
|
if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
|
|
521
|
-
const c = t.getMousePosition(a), p =
|
|
503
|
+
const c = t.getMousePosition(a), p = z(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
|
|
522
504
|
t.props.onSliderClick(p);
|
|
523
505
|
}
|
|
524
506
|
}, t.createOnKeyDown = (a) => (c) => {
|
|
525
|
-
t.props.disabled || (t.start(a), X(t.getKeyDownEventMap()),
|
|
507
|
+
t.props.disabled || (t.start(a), X(t.getKeyDownEventMap()), oe(c));
|
|
526
508
|
}, t.createOnMouseDown = (a) => (c) => {
|
|
527
509
|
if (t.props.disabled || c.button === 2) return;
|
|
528
510
|
t.setState({ pending: !0 });
|
|
529
511
|
const p = t.getMousePosition(c);
|
|
530
|
-
t.start(a, p[0]), X(t.getMouseEventMap()),
|
|
512
|
+
t.start(a, p[0]), X(t.getMouseEventMap()), oe(c);
|
|
531
513
|
}, t.createOnTouchStart = (a) => (c) => {
|
|
532
514
|
if (t.props.disabled || c.touches.length > 1) return;
|
|
533
515
|
t.setState({ pending: !0 });
|
|
@@ -549,194 +531,194 @@ let he = function(i) {
|
|
|
549
531
|
const u = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - p) }, h = { index: a, value: W(t.state.value) };
|
|
550
532
|
return t.props.renderTrack(u, h);
|
|
551
533
|
};
|
|
552
|
-
let
|
|
553
|
-
|
|
534
|
+
let s = re(n.value);
|
|
535
|
+
s.length || (s = re(n.defaultValue)), t.pendingResizeTimeouts = [];
|
|
554
536
|
const l = [];
|
|
555
|
-
for (let a = 0; a <
|
|
556
|
-
return t.resizeObserver = null, t.resizeElementRef =
|
|
537
|
+
for (let a = 0; a < s.length; a += 1) s[a] = z(s[a], n), l.push(a);
|
|
538
|
+
return t.resizeObserver = null, t.resizeElementRef = U.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: s, zIndices: l }, t;
|
|
557
539
|
}
|
|
558
|
-
|
|
559
|
-
var
|
|
560
|
-
return
|
|
540
|
+
Et(d, i);
|
|
541
|
+
var o = d.prototype;
|
|
542
|
+
return o.componentDidMount = function() {
|
|
561
543
|
typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
|
|
562
544
|
}, d.getDerivedStateFromProps = function(n, t) {
|
|
563
|
-
const
|
|
564
|
-
return
|
|
565
|
-
},
|
|
545
|
+
const s = re(n.value);
|
|
546
|
+
return s.length ? t.pending ? null : { value: s.map((l) => z(l, n)) } : null;
|
|
547
|
+
}, o.componentDidUpdate = function() {
|
|
566
548
|
this.state.upperBound === 0 && this.resize();
|
|
567
|
-
},
|
|
549
|
+
}, o.componentWillUnmount = function() {
|
|
568
550
|
this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
|
|
569
|
-
},
|
|
551
|
+
}, o.onEnd = function(n) {
|
|
570
552
|
n && function(t) {
|
|
571
|
-
Object.keys(t).forEach((
|
|
572
|
-
typeof document < "u" && document.removeEventListener(
|
|
553
|
+
Object.keys(t).forEach((s) => {
|
|
554
|
+
typeof document < "u" && document.removeEventListener(s, t[s], !1);
|
|
573
555
|
});
|
|
574
556
|
}(n), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
|
|
575
|
-
},
|
|
557
|
+
}, o.getValue = function() {
|
|
576
558
|
return W(this.state.value);
|
|
577
|
-
},
|
|
578
|
-
let t = Number.MAX_VALUE,
|
|
559
|
+
}, o.getClosestIndex = function(n) {
|
|
560
|
+
let t = Number.MAX_VALUE, s = -1;
|
|
579
561
|
const { value: l } = this.state, a = l.length;
|
|
580
562
|
for (let c = 0; c < a; c += 1) {
|
|
581
563
|
const p = this.calcOffset(l[c]), u = Math.abs(n - p);
|
|
582
|
-
u < t && (t = u,
|
|
564
|
+
u < t && (t = u, s = c);
|
|
583
565
|
}
|
|
584
|
-
return
|
|
585
|
-
},
|
|
566
|
+
return s;
|
|
567
|
+
}, o.getMousePosition = function(n) {
|
|
586
568
|
return [n["page" + this.axisKey()], n["page" + this.orthogonalAxisKey()]];
|
|
587
|
-
},
|
|
569
|
+
}, o.getTouchPosition = function(n) {
|
|
588
570
|
const t = n.touches[0];
|
|
589
571
|
return [t["page" + this.axisKey()], t["page" + this.orthogonalAxisKey()]];
|
|
590
|
-
},
|
|
572
|
+
}, o.getKeyDownEventMap = function() {
|
|
591
573
|
return { keydown: this.onKeyDown, keyup: this.onKeyUp, focusout: this.onBlur };
|
|
592
|
-
},
|
|
574
|
+
}, o.getMouseEventMap = function() {
|
|
593
575
|
return { mousemove: this.onMouseMove, mouseup: this.onMouseUp };
|
|
594
|
-
},
|
|
576
|
+
}, o.getTouchEventMap = function() {
|
|
595
577
|
return { touchmove: this.onTouchMove, touchend: this.onTouchEnd };
|
|
596
|
-
},
|
|
578
|
+
}, o.getValueFromPosition = function(n) {
|
|
597
579
|
const t = n / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);
|
|
598
|
-
return
|
|
599
|
-
},
|
|
580
|
+
return z(this.state.startValue + t, this.props);
|
|
581
|
+
}, o.getDiffPosition = function(n) {
|
|
600
582
|
let t = n - this.state.startPosition;
|
|
601
583
|
return this.props.invert && (t *= -1), t;
|
|
602
|
-
},
|
|
584
|
+
}, o.resize = function() {
|
|
603
585
|
const { slider: n, thumb0: t } = this;
|
|
604
586
|
if (!n || !t) return;
|
|
605
|
-
const
|
|
587
|
+
const s = this.sizeKey(), l = n.getBoundingClientRect(), a = n[s], c = l[this.posMaxKey()], p = l[this.posMinKey()], u = t.getBoundingClientRect()[s.replace("client", "").toLowerCase()], h = a - u, g = Math.abs(c - p);
|
|
606
588
|
this.state.upperBound === h && this.state.sliderLength === g && this.state.thumbSize === u || this.setState({ upperBound: h, sliderLength: g, thumbSize: u });
|
|
607
|
-
},
|
|
589
|
+
}, o.calcOffset = function(n) {
|
|
608
590
|
const t = this.props.max - this.props.min;
|
|
609
591
|
return t === 0 ? 0 : (n - this.props.min) / t * this.state.upperBound;
|
|
610
|
-
},
|
|
592
|
+
}, o.calcValue = function(n) {
|
|
611
593
|
return n / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
|
|
612
|
-
},
|
|
613
|
-
const { slider: t } = this,
|
|
594
|
+
}, o.calcOffsetFromPosition = function(n) {
|
|
595
|
+
const { slider: t } = this, s = t.getBoundingClientRect(), l = s[this.posMaxKey()], a = s[this.posMinKey()];
|
|
614
596
|
let c = n - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
|
|
615
597
|
return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
|
|
616
|
-
},
|
|
617
|
-
const
|
|
598
|
+
}, o.forceValueFromPosition = function(n, t) {
|
|
599
|
+
const s = this.calcOffsetFromPosition(n), l = this.getClosestIndex(s), a = z(this.calcValue(s), this.props), c = this.state.value.slice();
|
|
618
600
|
c[l] = a;
|
|
619
601
|
for (let p = 0; p < c.length - 1; p += 1) if (c[p + 1] - c[p] < this.props.minDistance) return;
|
|
620
602
|
this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
|
|
621
603
|
t(l), this.fireChangeEvent("onChange");
|
|
622
604
|
});
|
|
623
|
-
},
|
|
605
|
+
}, o.clearPendingResizeTimeouts = function() {
|
|
624
606
|
do {
|
|
625
607
|
const n = this.pendingResizeTimeouts.shift();
|
|
626
608
|
clearTimeout(n);
|
|
627
609
|
} while (this.pendingResizeTimeouts.length);
|
|
628
|
-
},
|
|
629
|
-
const
|
|
630
|
-
|
|
610
|
+
}, o.start = function(n, t) {
|
|
611
|
+
const s = this["thumb" + n];
|
|
612
|
+
s && s.focus();
|
|
631
613
|
const { zIndices: l } = this.state;
|
|
632
614
|
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 }));
|
|
633
|
-
},
|
|
615
|
+
}, o.moveUpByStep = function(n) {
|
|
634
616
|
n === void 0 && (n = this.props.step);
|
|
635
|
-
const t = this.state.value[this.state.index],
|
|
636
|
-
this.move(Math.min(
|
|
637
|
-
},
|
|
617
|
+
const t = this.state.value[this.state.index], s = z(this.props.invert && this.props.orientation === "horizontal" ? t - n : t + n, this.props);
|
|
618
|
+
this.move(Math.min(s, this.props.max));
|
|
619
|
+
}, o.moveDownByStep = function(n) {
|
|
638
620
|
n === void 0 && (n = this.props.step);
|
|
639
|
-
const t = this.state.value[this.state.index],
|
|
640
|
-
this.move(Math.max(
|
|
641
|
-
},
|
|
642
|
-
const t = this.state.value.slice(), { index:
|
|
621
|
+
const t = this.state.value[this.state.index], s = z(this.props.invert && this.props.orientation === "horizontal" ? t + n : t - n, this.props);
|
|
622
|
+
this.move(Math.max(s, this.props.min));
|
|
623
|
+
}, o.move = function(n) {
|
|
624
|
+
const t = this.state.value.slice(), { index: s } = this.state, { length: l } = t, a = t[s];
|
|
643
625
|
if (n === a) return;
|
|
644
626
|
this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
|
|
645
627
|
const { pearling: c, max: p, min: u, minDistance: h } = this.props;
|
|
646
628
|
if (!c) {
|
|
647
|
-
if (
|
|
648
|
-
const g = t[
|
|
629
|
+
if (s > 0) {
|
|
630
|
+
const g = t[s - 1];
|
|
649
631
|
n < g + h && (n = g + h);
|
|
650
632
|
}
|
|
651
|
-
if (
|
|
652
|
-
const g = t[
|
|
633
|
+
if (s < l - 1) {
|
|
634
|
+
const g = t[s + 1];
|
|
653
635
|
n > g - h && (n = g - h);
|
|
654
636
|
}
|
|
655
637
|
}
|
|
656
|
-
t[
|
|
638
|
+
t[s] = n, c && l > 1 && (n > a ? (this.pushSucceeding(t, h, s), function(g, b, C, f) {
|
|
657
639
|
for (let v = 0; v < g; v += 1) {
|
|
658
|
-
const y = f - v *
|
|
659
|
-
|
|
640
|
+
const y = f - v * C;
|
|
641
|
+
b[g - 1 - v] > y && (b[g - 1 - v] = y);
|
|
660
642
|
}
|
|
661
|
-
}(l, t, h, p)) : n < a && (this.pushPreceding(t, h,
|
|
643
|
+
}(l, t, h, p)) : n < a && (this.pushPreceding(t, h, s), function(g, b, C, f) {
|
|
662
644
|
for (let v = 0; v < g; v += 1) {
|
|
663
|
-
const y = f + v *
|
|
664
|
-
|
|
645
|
+
const y = f + v * C;
|
|
646
|
+
b[v] < y && (b[v] = y);
|
|
665
647
|
}
|
|
666
648
|
}(l, t, h, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
|
|
667
|
-
},
|
|
649
|
+
}, o.pushSucceeding = function(n, t, s) {
|
|
668
650
|
let l, a;
|
|
669
|
-
for (l =
|
|
670
|
-
},
|
|
671
|
-
for (let l =
|
|
672
|
-
},
|
|
651
|
+
for (l = s, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = pe(a, this.props);
|
|
652
|
+
}, o.pushPreceding = function(n, t, s) {
|
|
653
|
+
for (let l = s, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = pe(a, this.props);
|
|
654
|
+
}, o.axisKey = function() {
|
|
673
655
|
return this.props.orientation === "vertical" ? "Y" : "X";
|
|
674
|
-
},
|
|
656
|
+
}, o.orthogonalAxisKey = function() {
|
|
675
657
|
return this.props.orientation === "vertical" ? "X" : "Y";
|
|
676
|
-
},
|
|
658
|
+
}, o.posMinKey = function() {
|
|
677
659
|
return this.props.orientation === "vertical" ? this.props.invert ? "bottom" : "top" : this.props.invert ? "right" : "left";
|
|
678
|
-
},
|
|
660
|
+
}, o.posMaxKey = function() {
|
|
679
661
|
return this.props.orientation === "vertical" ? this.props.invert ? "top" : "bottom" : this.props.invert ? "left" : "right";
|
|
680
|
-
},
|
|
662
|
+
}, o.sizeKey = function() {
|
|
681
663
|
return this.props.orientation === "vertical" ? "clientHeight" : "clientWidth";
|
|
682
|
-
},
|
|
664
|
+
}, o.fireChangeEvent = function(n) {
|
|
683
665
|
this.props[n] && this.props[n](W(this.state.value), this.state.index);
|
|
684
|
-
},
|
|
685
|
-
const
|
|
686
|
-
return
|
|
687
|
-
},
|
|
688
|
-
const
|
|
689
|
-
return
|
|
690
|
-
},
|
|
666
|
+
}, o.buildThumbStyle = function(n, t) {
|
|
667
|
+
const s = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
|
|
668
|
+
return s[this.posMinKey()] = n + "px", s;
|
|
669
|
+
}, o.buildTrackStyle = function(n, t) {
|
|
670
|
+
const s = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
|
|
671
|
+
return s[this.posMinKey()] = n, s[this.posMaxKey()] = t, s;
|
|
672
|
+
}, o.buildMarkStyle = function(n) {
|
|
691
673
|
var t;
|
|
692
674
|
return (t = { position: "absolute" })[this.posMinKey()] = n, t;
|
|
693
|
-
},
|
|
694
|
-
const { length: t } = n,
|
|
695
|
-
for (let a = 0; a < t; a += 1)
|
|
675
|
+
}, o.renderThumbs = function(n) {
|
|
676
|
+
const { length: t } = n, s = [];
|
|
677
|
+
for (let a = 0; a < t; a += 1) s[a] = this.buildThumbStyle(n[a], a);
|
|
696
678
|
const l = [];
|
|
697
|
-
for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(
|
|
679
|
+
for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(s[a], a);
|
|
698
680
|
return l;
|
|
699
|
-
},
|
|
700
|
-
const t = [],
|
|
681
|
+
}, o.renderTracks = function(n) {
|
|
682
|
+
const t = [], s = n.length - 1;
|
|
701
683
|
t.push(this.renderTrack(0, 0, n[0]));
|
|
702
|
-
for (let l = 0; l <
|
|
703
|
-
return t.push(this.renderTrack(
|
|
704
|
-
},
|
|
684
|
+
for (let l = 0; l < s; l += 1) t.push(this.renderTrack(l + 1, n[l], n[l + 1]));
|
|
685
|
+
return t.push(this.renderTrack(s + 1, n[s], this.state.upperBound)), t;
|
|
686
|
+
}, o.renderMarks = function() {
|
|
705
687
|
let { marks: n } = this.props;
|
|
706
688
|
const t = this.props.max - this.props.min + 1;
|
|
707
|
-
return typeof n == "boolean" ? n = Array.from({ length: t }).map((
|
|
708
|
-
const l = this.calcOffset(
|
|
689
|
+
return typeof n == "boolean" ? n = Array.from({ length: t }).map((s, l) => l) : typeof n == "number" && (n = Array.from({ length: t }).map((s, l) => l).filter((s) => s % n == 0)), n.map(parseFloat).sort((s, l) => s - l).map((s) => {
|
|
690
|
+
const l = this.calcOffset(s), a = { key: s, className: this.props.markClassName, style: this.buildMarkStyle(l) };
|
|
709
691
|
return this.props.renderMark(a);
|
|
710
692
|
});
|
|
711
|
-
},
|
|
712
|
-
const n = [], { value: t } = this.state,
|
|
713
|
-
for (let p = 0; p <
|
|
693
|
+
}, o.render = function() {
|
|
694
|
+
const n = [], { value: t } = this.state, s = t.length;
|
|
695
|
+
for (let p = 0; p < s; p += 1) n[p] = this.calcOffset(t[p], p);
|
|
714
696
|
const l = this.props.withTracks ? this.renderTracks(n) : null, a = this.renderThumbs(n), c = this.props.marks ? this.renderMarks() : null;
|
|
715
|
-
return
|
|
697
|
+
return U.createElement("div", { ref: (p) => {
|
|
716
698
|
this.slider = p, this.resizeElementRef.current = p;
|
|
717
699
|
}, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
|
|
718
700
|
}, d;
|
|
719
|
-
}(
|
|
720
|
-
|
|
721
|
-
var
|
|
722
|
-
const
|
|
723
|
-
container:
|
|
724
|
-
unitLabel:
|
|
725
|
-
slider:
|
|
726
|
-
thumb:
|
|
727
|
-
track:
|
|
728
|
-
labels:
|
|
729
|
-
},
|
|
701
|
+
}(U.Component);
|
|
702
|
+
ue.displayName = "ReactSlider", ue.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) => U.createElement("div", i), renderTrack: (i) => U.createElement("div", i), renderMark: (i) => U.createElement("span", i) };
|
|
703
|
+
var Kt = ue;
|
|
704
|
+
const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_12", Gt = "_thumb_15vgv_18", Yt = "_track_15vgv_27", Wt = "_labels_15vgv_33", E = {
|
|
705
|
+
container: Ut,
|
|
706
|
+
unitLabel: Zt,
|
|
707
|
+
slider: Ht,
|
|
708
|
+
thumb: Gt,
|
|
709
|
+
track: Yt,
|
|
710
|
+
labels: Wt
|
|
711
|
+
}, Ae = ({
|
|
730
712
|
min: i = 0,
|
|
731
713
|
max: d = 100,
|
|
732
|
-
step:
|
|
714
|
+
step: o = 1,
|
|
733
715
|
onChange: n,
|
|
734
716
|
width: t = 300,
|
|
735
|
-
unit:
|
|
717
|
+
unit: s,
|
|
736
718
|
fontColor: l = "#605B56",
|
|
737
719
|
value: a = [i, d]
|
|
738
720
|
}) => {
|
|
739
|
-
const { t: c } =
|
|
721
|
+
const { t: c } = w(), p = (u) => {
|
|
740
722
|
n == null || n({ min: u[0], max: u[1] });
|
|
741
723
|
};
|
|
742
724
|
return /* @__PURE__ */ m(
|
|
@@ -745,16 +727,16 @@ const Ht = "_container_15vgv_2", Gt = "_unitLabel_15vgv_9", Yt = "_slider_15vgv_
|
|
|
745
727
|
className: E.container,
|
|
746
728
|
style: { width: `${t}px`, color: `${l}` },
|
|
747
729
|
children: [
|
|
748
|
-
/* @__PURE__ */ r("div", { className: E.unitLabel, children: /* @__PURE__ */ r("span", { children: c(
|
|
730
|
+
/* @__PURE__ */ r("div", { className: E.unitLabel, children: /* @__PURE__ */ r("span", { children: c(s) }) }),
|
|
749
731
|
/* @__PURE__ */ r(
|
|
750
|
-
|
|
732
|
+
Kt,
|
|
751
733
|
{
|
|
752
734
|
className: E.slider,
|
|
753
735
|
thumbClassName: E.thumb,
|
|
754
736
|
trackClassName: E.track,
|
|
755
737
|
min: i,
|
|
756
738
|
max: d,
|
|
757
|
-
step:
|
|
739
|
+
step: o,
|
|
758
740
|
value: a,
|
|
759
741
|
onChange: p,
|
|
760
742
|
withTracks: !0,
|
|
@@ -770,7 +752,7 @@ const Ht = "_container_15vgv_2", Gt = "_unitLabel_15vgv_9", Yt = "_slider_15vgv_
|
|
|
770
752
|
}
|
|
771
753
|
);
|
|
772
754
|
};
|
|
773
|
-
|
|
755
|
+
Ae.propTypes = {
|
|
774
756
|
min: e.number,
|
|
775
757
|
max: e.number,
|
|
776
758
|
step: e.number,
|
|
@@ -782,91 +764,91 @@ Oe.propTypes = {
|
|
|
782
764
|
fontColor: e.string,
|
|
783
765
|
value: e.arrayOf(e.number)
|
|
784
766
|
};
|
|
785
|
-
const
|
|
786
|
-
tematicalFiltersInputContainer:
|
|
787
|
-
inputTypeContainer:
|
|
788
|
-
checkboxContainer:
|
|
789
|
-
absoluteSliderContainer:
|
|
767
|
+
const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_1vm1r_2", Qt = "_checkboxContainer_1vm1r_28", en = "_absoluteSliderContainer_1vm1r_37", J = {
|
|
768
|
+
tematicalFiltersInputContainer: Xt,
|
|
769
|
+
inputTypeContainer: Jt,
|
|
770
|
+
checkboxContainer: Qt,
|
|
771
|
+
absoluteSliderContainer: en
|
|
790
772
|
}, be = ({
|
|
791
773
|
indicator: i,
|
|
792
774
|
//onChangeBothType
|
|
793
775
|
activeColor: d
|
|
794
776
|
}) => {
|
|
795
|
-
const [
|
|
777
|
+
const [o, n] = B(), {
|
|
796
778
|
type: t,
|
|
797
|
-
name:
|
|
779
|
+
name: s,
|
|
798
780
|
values: l,
|
|
799
781
|
minValue: a,
|
|
800
782
|
maxValue: c,
|
|
801
783
|
unit: p
|
|
802
784
|
} = i || {}, u = te(
|
|
803
|
-
() => t == "cat" ||
|
|
804
|
-
[
|
|
785
|
+
() => t == "cat" || o == "cat",
|
|
786
|
+
[o, t]
|
|
805
787
|
), h = te(
|
|
806
|
-
() => t == "abs" ||
|
|
807
|
-
[
|
|
788
|
+
() => t == "abs" || o == "abs",
|
|
789
|
+
[o, t]
|
|
808
790
|
), {
|
|
809
791
|
tematicalFiltersSelected: g,
|
|
810
|
-
selectedIndicator:
|
|
811
|
-
fontColor:
|
|
792
|
+
selectedIndicator: b,
|
|
793
|
+
fontColor: C,
|
|
812
794
|
inputsColor: f
|
|
813
795
|
} = T((x) => x), v = (x) => {
|
|
814
796
|
if (x) {
|
|
815
|
-
const { min:
|
|
816
|
-
let
|
|
817
|
-
ne == "both" && (
|
|
818
|
-
let
|
|
819
|
-
(
|
|
797
|
+
const { min: k, max: _, valueClicked: N, allValues: D } = x || {}, { code: A, type: ne } = i || {}, Z = h ? "abs" : u ? "cat" : "both";
|
|
798
|
+
let O = A[0];
|
|
799
|
+
ne == "both" && (O = Z == "cat" ? A[1] : A[0]), Z == "cat" ? T.setState((P) => {
|
|
800
|
+
let R = P.tematicalFiltersSelected.find(
|
|
801
|
+
($) => $.code === O
|
|
820
802
|
);
|
|
821
|
-
if (
|
|
822
|
-
let
|
|
823
|
-
if (
|
|
824
|
-
if (
|
|
825
|
-
(
|
|
826
|
-
),
|
|
803
|
+
if (R) {
|
|
804
|
+
let $ = [R.values];
|
|
805
|
+
if (R.values.includes(N)) {
|
|
806
|
+
if ($ = R.values.filter(
|
|
807
|
+
(F) => F !== N
|
|
808
|
+
), $.length < 1)
|
|
827
809
|
return {
|
|
828
810
|
tematicalFiltersSelected: P.tematicalFiltersSelected.filter(
|
|
829
|
-
(
|
|
811
|
+
(F) => F.code !== O
|
|
830
812
|
)
|
|
831
813
|
};
|
|
832
814
|
} else
|
|
833
|
-
|
|
815
|
+
$ = [...R.values, N];
|
|
834
816
|
return {
|
|
835
817
|
tematicalFiltersSelected: P.tematicalFiltersSelected.map(
|
|
836
|
-
(
|
|
818
|
+
(F) => F.code === O ? { ...F, values: $ } : F
|
|
837
819
|
)
|
|
838
820
|
};
|
|
839
821
|
} else {
|
|
840
|
-
console.log("entra aqui: ",
|
|
841
|
-
let
|
|
822
|
+
console.log("entra aqui: ", D, " ", N);
|
|
823
|
+
let $ = D.map((F, Pe) => Pe);
|
|
842
824
|
return {
|
|
843
825
|
tematicalFiltersSelected: [
|
|
844
826
|
...g,
|
|
845
827
|
{
|
|
846
828
|
type: "cat",
|
|
847
|
-
code:
|
|
848
|
-
values:
|
|
829
|
+
code: O,
|
|
830
|
+
values: $.filter((F) => F !== N),
|
|
849
831
|
name: i.name
|
|
850
832
|
}
|
|
851
833
|
]
|
|
852
834
|
};
|
|
853
835
|
}
|
|
854
|
-
}) :
|
|
855
|
-
let
|
|
856
|
-
(
|
|
836
|
+
}) : Z == "abs" && T.setState((P) => {
|
|
837
|
+
let R = P.tematicalFiltersSelected.find(
|
|
838
|
+
($) => $.code === O
|
|
857
839
|
);
|
|
858
|
-
if (
|
|
859
|
-
let
|
|
860
|
-
return
|
|
840
|
+
if (R) {
|
|
841
|
+
let $ = { ...R };
|
|
842
|
+
return $.min = k, $.max = _, {
|
|
861
843
|
tematicalFiltersSelected: P.tematicalFiltersSelected.map(
|
|
862
|
-
(
|
|
844
|
+
(F) => F.code === O ? $ : F
|
|
863
845
|
)
|
|
864
846
|
};
|
|
865
847
|
} else
|
|
866
848
|
return {
|
|
867
849
|
tematicalFiltersSelected: [
|
|
868
850
|
...g,
|
|
869
|
-
{ type: "abs", code:
|
|
851
|
+
{ type: "abs", code: O, min: k, max: _ }
|
|
870
852
|
]
|
|
871
853
|
};
|
|
872
854
|
});
|
|
@@ -874,31 +856,31 @@ const Qt = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
|
|
|
874
856
|
}, y = te(() => {
|
|
875
857
|
const x = {};
|
|
876
858
|
if ((g == null ? void 0 : g.length) > 0)
|
|
877
|
-
for (const
|
|
878
|
-
|
|
859
|
+
for (const k of g)
|
|
860
|
+
k.type === "cat" ? x[k.code] = new Set(k.values) : x[k.code] = [k.min, k.max];
|
|
879
861
|
return x;
|
|
880
862
|
}, [g]);
|
|
881
863
|
return /* @__PURE__ */ r("div", { className: J.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
|
|
882
|
-
|
|
864
|
+
j,
|
|
883
865
|
{
|
|
884
866
|
titleFontStyles: { fontSize: 16, fontWeight: 400 },
|
|
885
|
-
title:
|
|
886
|
-
isOpen:
|
|
867
|
+
title: s,
|
|
868
|
+
isOpen: b == `id${s}`,
|
|
887
869
|
onClick: () => T.setState(() => ({
|
|
888
|
-
selectedIndicator:
|
|
870
|
+
selectedIndicator: b == `id${s}` ? "" : `id${s}`
|
|
889
871
|
})),
|
|
890
872
|
showBottomBar: !1,
|
|
891
873
|
height: 38,
|
|
892
874
|
titleMarginChildren: 14,
|
|
893
875
|
className: "tematicalFiltersInputContainer",
|
|
894
|
-
color:
|
|
876
|
+
color: C,
|
|
895
877
|
activeColor: d,
|
|
896
878
|
children: [
|
|
897
879
|
t == "both" && /* @__PURE__ */ m(
|
|
898
880
|
"div",
|
|
899
881
|
{
|
|
900
882
|
className: J.inputTypeContainer,
|
|
901
|
-
style: { color:
|
|
883
|
+
style: { color: C },
|
|
902
884
|
children: [
|
|
903
885
|
/* @__PURE__ */ m("label", { children: [
|
|
904
886
|
/* @__PURE__ */ r(
|
|
@@ -912,8 +894,8 @@ const Qt = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
|
|
|
912
894
|
},
|
|
913
895
|
style: {
|
|
914
896
|
marginRight: 4,
|
|
915
|
-
backgroundColor:
|
|
916
|
-
border: `1.5px solid ${
|
|
897
|
+
backgroundColor: o == "abs" ? f : "white",
|
|
898
|
+
border: `1.5px solid ${o == "abs" ? f : C}`
|
|
917
899
|
}
|
|
918
900
|
}
|
|
919
901
|
),
|
|
@@ -931,8 +913,8 @@ const Qt = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
|
|
|
931
913
|
},
|
|
932
914
|
style: {
|
|
933
915
|
marginRight: 4,
|
|
934
|
-
backgroundColor:
|
|
935
|
-
border: `1.5px solid ${
|
|
916
|
+
backgroundColor: o == "cat" ? f : "white",
|
|
917
|
+
border: `1.5px solid ${o == "cat" ? f : C}`
|
|
936
918
|
}
|
|
937
919
|
}
|
|
938
920
|
),
|
|
@@ -941,20 +923,20 @@ const Qt = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
|
|
|
941
923
|
]
|
|
942
924
|
}
|
|
943
925
|
),
|
|
944
|
-
u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x,
|
|
926
|
+
u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x, k) => {
|
|
945
927
|
var _;
|
|
946
928
|
return /* @__PURE__ */ r(
|
|
947
|
-
|
|
929
|
+
De,
|
|
948
930
|
{
|
|
949
|
-
onClick: () => v({ valueClicked:
|
|
931
|
+
onClick: () => v({ valueClicked: k, allValues: l }),
|
|
950
932
|
indicator: x,
|
|
951
|
-
value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(
|
|
933
|
+
value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(k)) || !y[i.code[t == "both" ? 1 : 0]]
|
|
952
934
|
},
|
|
953
|
-
`checkbox-${
|
|
935
|
+
`checkbox-${k}`
|
|
954
936
|
);
|
|
955
937
|
}) }),
|
|
956
938
|
h && /* @__PURE__ */ r("div", { className: J.absoluteSliderContainer, children: /* @__PURE__ */ r(
|
|
957
|
-
|
|
939
|
+
Ae,
|
|
958
940
|
{
|
|
959
941
|
onChange: v,
|
|
960
942
|
min: a,
|
|
@@ -982,15 +964,15 @@ be.propTypes = {
|
|
|
982
964
|
activeColor: e.string
|
|
983
965
|
//onChangeBothType: PropTypes.func,
|
|
984
966
|
};
|
|
985
|
-
const
|
|
967
|
+
const Oe = ({
|
|
986
968
|
subcategory: i,
|
|
987
969
|
fontColor: d,
|
|
988
|
-
activeColor:
|
|
970
|
+
activeColor: o
|
|
989
971
|
//onChangeBothType,
|
|
990
972
|
}) => {
|
|
991
|
-
const { activeSubcategory: n } = T((l) => l), { name: t, indicators:
|
|
973
|
+
const { activeSubcategory: n } = T((l) => l), { name: t, indicators: s } = i || {};
|
|
992
974
|
return /* @__PURE__ */ r(
|
|
993
|
-
|
|
975
|
+
j,
|
|
994
976
|
{
|
|
995
977
|
title: t,
|
|
996
978
|
isOpen: n == `id${t}`,
|
|
@@ -1004,8 +986,8 @@ const Ae = ({
|
|
|
1004
986
|
titleMarginChildren: 20,
|
|
1005
987
|
height: 49,
|
|
1006
988
|
color: d,
|
|
1007
|
-
activeColor:
|
|
1008
|
-
children:
|
|
989
|
+
activeColor: o,
|
|
990
|
+
children: s == null ? void 0 : s.map((l, a) => /* @__PURE__ */ r(
|
|
1009
991
|
be,
|
|
1010
992
|
{
|
|
1011
993
|
indicator: l,
|
|
@@ -1016,7 +998,7 @@ const Ae = ({
|
|
|
1016
998
|
}
|
|
1017
999
|
);
|
|
1018
1000
|
};
|
|
1019
|
-
|
|
1001
|
+
Oe.propTypes = {
|
|
1020
1002
|
subcategory: e.shape({
|
|
1021
1003
|
name: e.string,
|
|
1022
1004
|
indicators: e.arrayOf(
|
|
@@ -1029,28 +1011,28 @@ Ae.propTypes = {
|
|
|
1029
1011
|
activeColor: e.string
|
|
1030
1012
|
//onChangeBothType: PropTypes.func,
|
|
1031
1013
|
};
|
|
1032
|
-
const
|
|
1014
|
+
const Re = ({
|
|
1033
1015
|
category: i,
|
|
1034
1016
|
// onChangeBothType,
|
|
1035
1017
|
activeColor: d
|
|
1036
1018
|
}) => {
|
|
1037
|
-
const { name:
|
|
1019
|
+
const { name: o, subcategories: n, indicators: t } = i || {}, { activeCategory: s, fontColor: l } = T((a) => a);
|
|
1038
1020
|
return i && /* @__PURE__ */ r(
|
|
1039
|
-
|
|
1021
|
+
j,
|
|
1040
1022
|
{
|
|
1041
1023
|
onClick: () => {
|
|
1042
1024
|
T.setState((a) => ({
|
|
1043
|
-
activeCategory:
|
|
1025
|
+
activeCategory: s === `id${o}` ? "" : `id${o}`
|
|
1044
1026
|
}));
|
|
1045
1027
|
},
|
|
1046
|
-
title:
|
|
1047
|
-
isOpen:
|
|
1028
|
+
title: o,
|
|
1029
|
+
isOpen: s === `id${o}`,
|
|
1048
1030
|
titleFontStyles: { fontSize: 18, fontWeight: "bold" },
|
|
1049
1031
|
showBottomBar: !1,
|
|
1050
1032
|
color: l,
|
|
1051
1033
|
activeColor: d,
|
|
1052
1034
|
children: n ? n.map((a, c) => /* @__PURE__ */ r(
|
|
1053
|
-
|
|
1035
|
+
Oe,
|
|
1054
1036
|
{
|
|
1055
1037
|
subcategory: a,
|
|
1056
1038
|
fontColor: l,
|
|
@@ -1069,7 +1051,7 @@ const Ie = ({
|
|
|
1069
1051
|
}
|
|
1070
1052
|
);
|
|
1071
1053
|
};
|
|
1072
|
-
|
|
1054
|
+
Re.propTypes = {
|
|
1073
1055
|
category: e.shape({
|
|
1074
1056
|
name: e.string.isRequired,
|
|
1075
1057
|
subcategories: e.array,
|
|
@@ -1078,42 +1060,42 @@ Ie.propTypes = {
|
|
|
1078
1060
|
activeColor: e.string
|
|
1079
1061
|
//onChangeBothType: PropTypes.func,
|
|
1080
1062
|
};
|
|
1081
|
-
const
|
|
1063
|
+
const Ie = ({
|
|
1082
1064
|
indicators: i,
|
|
1083
1065
|
isOpen: d = !0,
|
|
1084
|
-
title:
|
|
1066
|
+
title: o,
|
|
1085
1067
|
fontColor: n = "#605B56",
|
|
1086
1068
|
//The color of the slider and the checkbox when is checked
|
|
1087
1069
|
inputsColor: t = "#605B56",
|
|
1088
|
-
activeColor:
|
|
1070
|
+
activeColor: s
|
|
1089
1071
|
}) => {
|
|
1090
|
-
const { tematicalFiltersSelected: l } = T((c) => c), { t: a } =
|
|
1091
|
-
return
|
|
1072
|
+
const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = w();
|
|
1073
|
+
return L(() => {
|
|
1092
1074
|
console.log("filtersSelected changed: ", l);
|
|
1093
|
-
}, [l]),
|
|
1075
|
+
}, [l]), L(() => {
|
|
1094
1076
|
n && T.setState(() => ({ fontColor: n }));
|
|
1095
|
-
}, [n]),
|
|
1077
|
+
}, [n]), L(() => {
|
|
1096
1078
|
t && T.setState(() => ({ inputsColor: t }));
|
|
1097
1079
|
}, [t]), /* @__PURE__ */ r(
|
|
1098
|
-
|
|
1080
|
+
j,
|
|
1099
1081
|
{
|
|
1100
1082
|
isOpen: d,
|
|
1101
|
-
title:
|
|
1083
|
+
title: o ? a(o) : "Tematical filters",
|
|
1102
1084
|
color: n,
|
|
1103
|
-
activeColor:
|
|
1085
|
+
activeColor: s,
|
|
1104
1086
|
children: i == null ? void 0 : i.map((c, p) => /* @__PURE__ */ r(
|
|
1105
|
-
|
|
1087
|
+
Re,
|
|
1106
1088
|
{
|
|
1107
1089
|
category: c,
|
|
1108
1090
|
fontColor: n,
|
|
1109
|
-
activeColor:
|
|
1091
|
+
activeColor: s
|
|
1110
1092
|
},
|
|
1111
1093
|
`category-${p}`
|
|
1112
1094
|
))
|
|
1113
1095
|
}
|
|
1114
1096
|
);
|
|
1115
1097
|
};
|
|
1116
|
-
|
|
1098
|
+
Ie.propTypes = {
|
|
1117
1099
|
isOpen: e.bool,
|
|
1118
1100
|
title: e.string,
|
|
1119
1101
|
indicators: e.arrayOf(e.object),
|
|
@@ -1122,29 +1104,29 @@ Re.propTypes = {
|
|
|
1122
1104
|
inputsColor: e.string,
|
|
1123
1105
|
activeColor: e.string
|
|
1124
1106
|
};
|
|
1125
|
-
const
|
|
1126
|
-
FiltersAmbitContainer:
|
|
1127
|
-
FiltersAmbitHeader:
|
|
1128
|
-
FiltersAmbitTitle:
|
|
1129
|
-
FiltersAmbitDescription:
|
|
1130
|
-
FiltersAmbitDescriptionTitle:
|
|
1131
|
-
},
|
|
1107
|
+
const tn = "_FiltersAmbitContainer_6o4gt_2", nn = "_FiltersAmbitHeader_6o4gt_7", sn = "_FiltersAmbitTitle_6o4gt_15", on = "_FiltersAmbitDescription_6o4gt_22", rn = "_FiltersAmbitDescriptionTitle_6o4gt_33", G = {
|
|
1108
|
+
FiltersAmbitContainer: tn,
|
|
1109
|
+
FiltersAmbitHeader: nn,
|
|
1110
|
+
FiltersAmbitTitle: sn,
|
|
1111
|
+
FiltersAmbitDescription: on,
|
|
1112
|
+
FiltersAmbitDescriptionTitle: rn
|
|
1113
|
+
}, an = ({
|
|
1132
1114
|
ambitName: i,
|
|
1133
1115
|
ambitDescription: d,
|
|
1134
|
-
defaultFilters:
|
|
1116
|
+
defaultFilters: o,
|
|
1135
1117
|
indicators: n,
|
|
1136
1118
|
activeColor: t,
|
|
1137
|
-
textColor:
|
|
1119
|
+
textColor: s,
|
|
1138
1120
|
backgroundColor: l,
|
|
1139
1121
|
onChangeAppliedFilters: a,
|
|
1140
1122
|
saveAmbit: c
|
|
1141
1123
|
}) => {
|
|
1142
|
-
const { t: p } =
|
|
1143
|
-
return
|
|
1144
|
-
|
|
1145
|
-
tematicalFiltersSelected:
|
|
1124
|
+
const { t: p } = w(), { tematicalFiltersSelected: u } = T((h) => h);
|
|
1125
|
+
return L(() => {
|
|
1126
|
+
o && o.length > 0 && T.setState((h) => ({
|
|
1127
|
+
tematicalFiltersSelected: o
|
|
1146
1128
|
}));
|
|
1147
|
-
}, [
|
|
1129
|
+
}, [o]), L(() => {
|
|
1148
1130
|
console.log("filtersSelected changed: ", u), a(u);
|
|
1149
1131
|
}, [u]), /* @__PURE__ */ m("div", { className: G.FiltersAmbitContainer, children: [
|
|
1150
1132
|
/* @__PURE__ */ m("div", { className: G.FiltersAmbitHeader, children: [
|
|
@@ -1155,22 +1137,22 @@ const on = "_FiltersAmbitContainer_6o4gt_2", sn = "_FiltersAmbitHeader_6o4gt_7",
|
|
|
1155
1137
|
] })
|
|
1156
1138
|
] }),
|
|
1157
1139
|
/* @__PURE__ */ r(
|
|
1158
|
-
|
|
1140
|
+
Fe,
|
|
1159
1141
|
{
|
|
1160
1142
|
title: p("applied_filters"),
|
|
1161
1143
|
isOpen: !0,
|
|
1162
|
-
textColor:
|
|
1144
|
+
textColor: s || "#fff",
|
|
1163
1145
|
backgroundColor: l || "#605B5680",
|
|
1164
1146
|
activeColor: t
|
|
1165
1147
|
}
|
|
1166
1148
|
),
|
|
1167
1149
|
/* @__PURE__ */ r(Be, { activeColor: t }),
|
|
1168
1150
|
/* @__PURE__ */ r(
|
|
1169
|
-
|
|
1151
|
+
Ie,
|
|
1170
1152
|
{
|
|
1171
1153
|
indicators: n,
|
|
1172
1154
|
inputsColor: t,
|
|
1173
|
-
textColor:
|
|
1155
|
+
textColor: s,
|
|
1174
1156
|
title: "tematical_filters",
|
|
1175
1157
|
activeColor: t
|
|
1176
1158
|
}
|
|
@@ -1178,7 +1160,7 @@ const on = "_FiltersAmbitContainer_6o4gt_2", sn = "_FiltersAmbitHeader_6o4gt_7",
|
|
|
1178
1160
|
/* @__PURE__ */ r("div", { className: "buttonContainer", children: /* @__PURE__ */ r("button", { className: "mainButton", onClick: c, children: p("guardar_ambit") }) })
|
|
1179
1161
|
] });
|
|
1180
1162
|
};
|
|
1181
|
-
|
|
1163
|
+
an.propTypes = {
|
|
1182
1164
|
indicators: e.arrayOf(e.object).isRequired,
|
|
1183
1165
|
ambitName: e.string,
|
|
1184
1166
|
ambitDescription: e.string,
|
|
@@ -1189,29 +1171,29 @@ cn.propTypes = {
|
|
|
1189
1171
|
onChangeAppliedFilters: e.func,
|
|
1190
1172
|
saveAmbit: e.func
|
|
1191
1173
|
};
|
|
1192
|
-
const
|
|
1193
|
-
barChartContainer:
|
|
1194
|
-
},
|
|
1174
|
+
const ln = "_barChartContainer_d2f1z_2", cn = {
|
|
1175
|
+
barChartContainer: ln
|
|
1176
|
+
}, ze = ({
|
|
1195
1177
|
data: i,
|
|
1196
1178
|
width: d = 700,
|
|
1197
|
-
barHeight:
|
|
1179
|
+
barHeight: o = 25,
|
|
1198
1180
|
gap: n = 23,
|
|
1199
1181
|
fontColor: t = "#605B56",
|
|
1200
|
-
verticalPaddign:
|
|
1182
|
+
verticalPaddign: s = 10,
|
|
1201
1183
|
horizontalPaddign: l = 20,
|
|
1202
1184
|
leftPadding: a = 200,
|
|
1203
1185
|
numberOfDivisions: c = 7,
|
|
1204
1186
|
maxValue: p = null
|
|
1205
1187
|
}) => {
|
|
1206
|
-
const { t: u } =
|
|
1188
|
+
const { t: u } = w(), { xScale: h, ticks: g, height: b } = te(() => {
|
|
1207
1189
|
if (i && i.length > 0) {
|
|
1208
|
-
const
|
|
1190
|
+
const C = (i == null ? void 0 : i.length) * (o + n) + s * 2, f = ye.max(i, (x) => x.value) || 1, v = ye.scaleLinear().domain([0, p || f]).range([0, d - a]), y = Array.from({ length: c + 1 }, (x, k) => p ? p / c * k : f / c * k);
|
|
1209
1191
|
return {
|
|
1210
1192
|
xScale: v,
|
|
1211
1193
|
ticks: y,
|
|
1212
|
-
height:
|
|
1194
|
+
height: C,
|
|
1213
1195
|
width: d,
|
|
1214
|
-
verticalPaddign:
|
|
1196
|
+
verticalPaddign: s,
|
|
1215
1197
|
horizontalPaddign: l
|
|
1216
1198
|
};
|
|
1217
1199
|
} else
|
|
@@ -1220,38 +1202,38 @@ const dn = "_barChartContainer_d2f1z_2", pn = {
|
|
|
1220
1202
|
i,
|
|
1221
1203
|
d,
|
|
1222
1204
|
c,
|
|
1223
|
-
|
|
1205
|
+
o,
|
|
1224
1206
|
n,
|
|
1225
1207
|
l,
|
|
1226
|
-
|
|
1208
|
+
s,
|
|
1227
1209
|
p
|
|
1228
1210
|
]);
|
|
1229
|
-
return /* @__PURE__ */ r("div", { className:
|
|
1230
|
-
/* @__PURE__ */ r("g", { transform: `translate(${a + l}, 0)`, children: g.map((
|
|
1231
|
-
const v = h(
|
|
1211
|
+
return /* @__PURE__ */ r("div", { className: cn.barChartContainer, children: /* @__PURE__ */ r("svg", { width: d + l * 2, height: b, children: /* @__PURE__ */ m("g", { transform: `translate(0,${n})`, children: [
|
|
1212
|
+
/* @__PURE__ */ r("g", { transform: `translate(${a + l}, 0)`, children: g.map((C, f) => {
|
|
1213
|
+
const v = h(C);
|
|
1232
1214
|
return /* @__PURE__ */ m("g", { transform: `translate(${v}, 0)`, children: [
|
|
1233
1215
|
/* @__PURE__ */ r(
|
|
1234
1216
|
"line",
|
|
1235
1217
|
{
|
|
1236
1218
|
y1: 0,
|
|
1237
|
-
y2:
|
|
1219
|
+
y2: b - n * 2,
|
|
1238
1220
|
stroke: "#ccc"
|
|
1239
1221
|
}
|
|
1240
1222
|
),
|
|
1241
1223
|
/* @__PURE__ */ r(
|
|
1242
1224
|
"text",
|
|
1243
1225
|
{
|
|
1244
|
-
y:
|
|
1226
|
+
y: b - n,
|
|
1245
1227
|
textAnchor: "middle",
|
|
1246
1228
|
fontSize: 10,
|
|
1247
1229
|
fill: t,
|
|
1248
|
-
children: parseInt(
|
|
1230
|
+
children: parseInt(C)
|
|
1249
1231
|
}
|
|
1250
1232
|
)
|
|
1251
1233
|
] }, f);
|
|
1252
1234
|
}) }),
|
|
1253
|
-
i && i.length > 0 && (i == null ? void 0 : i.map((
|
|
1254
|
-
const v = h(
|
|
1235
|
+
i && i.length > 0 && (i == null ? void 0 : i.map((C, f) => {
|
|
1236
|
+
const v = h(C.value), y = f * (o + n);
|
|
1255
1237
|
return /* @__PURE__ */ m(
|
|
1256
1238
|
"g",
|
|
1257
1239
|
{
|
|
@@ -1261,18 +1243,18 @@ const dn = "_barChartContainer_d2f1z_2", pn = {
|
|
|
1261
1243
|
"text",
|
|
1262
1244
|
{
|
|
1263
1245
|
x: -24,
|
|
1264
|
-
y:
|
|
1246
|
+
y: o / 2 + 5,
|
|
1265
1247
|
textAnchor: "end",
|
|
1266
1248
|
fill: t,
|
|
1267
|
-
children: u(
|
|
1249
|
+
children: u(C.title)
|
|
1268
1250
|
}
|
|
1269
1251
|
),
|
|
1270
1252
|
/* @__PURE__ */ r(
|
|
1271
1253
|
"rect",
|
|
1272
1254
|
{
|
|
1273
1255
|
width: v,
|
|
1274
|
-
height:
|
|
1275
|
-
fill:
|
|
1256
|
+
height: o,
|
|
1257
|
+
fill: C.color,
|
|
1276
1258
|
rx: 0
|
|
1277
1259
|
}
|
|
1278
1260
|
)
|
|
@@ -1283,7 +1265,7 @@ const dn = "_barChartContainer_d2f1z_2", pn = {
|
|
|
1283
1265
|
}))
|
|
1284
1266
|
] }) }) });
|
|
1285
1267
|
};
|
|
1286
|
-
|
|
1268
|
+
ze.propTypes = {
|
|
1287
1269
|
data: e.arrayOf(
|
|
1288
1270
|
e.shape({
|
|
1289
1271
|
title: e.string,
|
|
@@ -1299,37 +1281,37 @@ Ve.propTypes = {
|
|
|
1299
1281
|
numberOfDivisions: e.number,
|
|
1300
1282
|
fontColor: e.string
|
|
1301
1283
|
};
|
|
1302
|
-
const
|
|
1303
|
-
graphicContainer:
|
|
1304
|
-
titleContainer:
|
|
1305
|
-
},
|
|
1284
|
+
const dn = "_graphicContainer_c9zrg_2", pn = "_titleContainer_c9zrg_14", _e = {
|
|
1285
|
+
graphicContainer: dn,
|
|
1286
|
+
titleContainer: pn
|
|
1287
|
+
}, un = ({
|
|
1306
1288
|
data: i,
|
|
1307
1289
|
graphWidth: d = 700,
|
|
1308
|
-
containerStyle:
|
|
1290
|
+
containerStyle: o,
|
|
1309
1291
|
borderColor: n = "#605B56",
|
|
1310
1292
|
title: t = "Graphic Title",
|
|
1311
|
-
fontColor:
|
|
1293
|
+
fontColor: s = "#605B56",
|
|
1312
1294
|
maxValue: l = null,
|
|
1313
1295
|
numberOfDivisions: a = 7,
|
|
1314
1296
|
leftPadding: c = 200
|
|
1315
1297
|
}) => {
|
|
1316
|
-
const { t: p } =
|
|
1298
|
+
const { t: p } = w();
|
|
1317
1299
|
return /* @__PURE__ */ m(
|
|
1318
1300
|
"div",
|
|
1319
1301
|
{
|
|
1320
|
-
className:
|
|
1302
|
+
className: _e.graphicContainer,
|
|
1321
1303
|
style: {
|
|
1322
|
-
...
|
|
1304
|
+
...o || {},
|
|
1323
1305
|
border: `1.5px solid ${n}`
|
|
1324
1306
|
},
|
|
1325
1307
|
children: [
|
|
1326
|
-
/* @__PURE__ */ r("div", { className:
|
|
1308
|
+
/* @__PURE__ */ r("div", { className: _e.titleContainer, children: /* @__PURE__ */ r("h2", { children: p(t) }) }),
|
|
1327
1309
|
/* @__PURE__ */ r(
|
|
1328
|
-
|
|
1310
|
+
ze,
|
|
1329
1311
|
{
|
|
1330
1312
|
data: i,
|
|
1331
1313
|
width: d,
|
|
1332
|
-
fontColor:
|
|
1314
|
+
fontColor: s,
|
|
1333
1315
|
maxValue: l,
|
|
1334
1316
|
numberOfDivisions: a,
|
|
1335
1317
|
leftPadding: c
|
|
@@ -1339,7 +1321,7 @@ const un = "_graphicContainer_c9zrg_2", hn = "_titleContainer_c9zrg_14", xe = {
|
|
|
1339
1321
|
}
|
|
1340
1322
|
);
|
|
1341
1323
|
};
|
|
1342
|
-
|
|
1324
|
+
un.propTypes = {
|
|
1343
1325
|
data: e.arrayOf(
|
|
1344
1326
|
e.shape({
|
|
1345
1327
|
color: e.string.isRequired,
|
|
@@ -1356,41 +1338,41 @@ mn.propTypes = {
|
|
|
1356
1338
|
numberOfDivisions: e.number,
|
|
1357
1339
|
leftPadding: e.number
|
|
1358
1340
|
};
|
|
1359
|
-
const
|
|
1360
|
-
indicatorsCategory:
|
|
1361
|
-
title:
|
|
1362
|
-
list:
|
|
1363
|
-
},
|
|
1364
|
-
indicatorContainer:
|
|
1365
|
-
indicatorNameContainer:
|
|
1366
|
-
dot:
|
|
1367
|
-
indicatorName:
|
|
1368
|
-
switchExternalContainer:
|
|
1369
|
-
switchType:
|
|
1370
|
-
switchTypeOptions:
|
|
1371
|
-
optionContainer:
|
|
1372
|
-
customRadious:
|
|
1373
|
-
optionText:
|
|
1341
|
+
const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu33_11", ae = {
|
|
1342
|
+
indicatorsCategory: hn,
|
|
1343
|
+
title: mn,
|
|
1344
|
+
list: gn
|
|
1345
|
+
}, bn = "_indicatorContainer_lw8gx_2", fn = "_indicatorNameContainer_lw8gx_11", yn = "_dot_lw8gx_20", Cn = "_indicatorName_lw8gx_11", vn = "_switchExternalContainer_lw8gx_31", _n = "_switchType_lw8gx_40", xn = "_switchTypeOptions_lw8gx_44", kn = "_optionContainer_lw8gx_55", wn = "_customRadious_lw8gx_65", Nn = "_optionText_lw8gx_72", S = {
|
|
1346
|
+
indicatorContainer: bn,
|
|
1347
|
+
indicatorNameContainer: fn,
|
|
1348
|
+
dot: yn,
|
|
1349
|
+
indicatorName: Cn,
|
|
1350
|
+
switchExternalContainer: vn,
|
|
1351
|
+
switchType: _n,
|
|
1352
|
+
switchTypeOptions: xn,
|
|
1353
|
+
optionContainer: kn,
|
|
1354
|
+
customRadious: wn,
|
|
1355
|
+
optionText: Nn
|
|
1374
1356
|
}, fe = ({
|
|
1375
1357
|
indicator: i,
|
|
1376
1358
|
values: d = [],
|
|
1377
|
-
activeColor:
|
|
1359
|
+
activeColor: o,
|
|
1378
1360
|
defaultColor: n = "#92898A",
|
|
1379
1361
|
activeIndicator: t,
|
|
1380
|
-
activeIndicatorType:
|
|
1362
|
+
activeIndicatorType: s,
|
|
1381
1363
|
onClickIndicator: l,
|
|
1382
1364
|
multiple: a = !1,
|
|
1383
1365
|
onChangeType: c
|
|
1384
1366
|
}) => {
|
|
1385
|
-
const { t: p } =
|
|
1386
|
-
|
|
1387
|
-
t &&
|
|
1367
|
+
const { t: p } = w(), { name: u, type: h } = i, [g, b] = B(!1);
|
|
1368
|
+
L(() => {
|
|
1369
|
+
t && b(
|
|
1388
1370
|
a ? t.some(
|
|
1389
1371
|
(v) => v.name == String(u)
|
|
1390
1372
|
) : t.name == u
|
|
1391
1373
|
);
|
|
1392
1374
|
}, [t]);
|
|
1393
|
-
const
|
|
1375
|
+
const C = () => /* @__PURE__ */ r("div", { className: S.switchExternalContainer, children: /* @__PURE__ */ r("div", { className: S.switchType, children: /* @__PURE__ */ m("div", { className: S.switchTypeOptions, children: [
|
|
1394
1376
|
/* @__PURE__ */ m(
|
|
1395
1377
|
"div",
|
|
1396
1378
|
{
|
|
@@ -1402,8 +1384,8 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1402
1384
|
{
|
|
1403
1385
|
className: `${S.customRadious}`,
|
|
1404
1386
|
style: {
|
|
1405
|
-
backgroundColor:
|
|
1406
|
-
borderColor:
|
|
1387
|
+
backgroundColor: s === "cat" ? o : "transparent",
|
|
1388
|
+
borderColor: s === "cat" ? o : n
|
|
1407
1389
|
}
|
|
1408
1390
|
}
|
|
1409
1391
|
),
|
|
@@ -1412,7 +1394,7 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1412
1394
|
{
|
|
1413
1395
|
className: S.optionText,
|
|
1414
1396
|
style: {
|
|
1415
|
-
color:
|
|
1397
|
+
color: s === "cat" ? o : n
|
|
1416
1398
|
},
|
|
1417
1399
|
children: p("indicators.cat")
|
|
1418
1400
|
}
|
|
@@ -1431,8 +1413,8 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1431
1413
|
{
|
|
1432
1414
|
className: `${S.customRadious}`,
|
|
1433
1415
|
style: {
|
|
1434
|
-
backgroundColor:
|
|
1435
|
-
borderColor:
|
|
1416
|
+
backgroundColor: s === "abs" ? o : "transparent",
|
|
1417
|
+
borderColor: s === "abs" ? o : n
|
|
1436
1418
|
}
|
|
1437
1419
|
}
|
|
1438
1420
|
),
|
|
@@ -1441,7 +1423,7 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1441
1423
|
{
|
|
1442
1424
|
className: S.optionText,
|
|
1443
1425
|
style: {
|
|
1444
|
-
color:
|
|
1426
|
+
color: s === "abs" ? o : n
|
|
1445
1427
|
},
|
|
1446
1428
|
children: p("indicators.abs")
|
|
1447
1429
|
}
|
|
@@ -1480,7 +1462,7 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1480
1462
|
"div",
|
|
1481
1463
|
{
|
|
1482
1464
|
style: {
|
|
1483
|
-
border: g ? `1px solid ${
|
|
1465
|
+
border: g ? `1px solid ${o}` : `1px solid ${n}`
|
|
1484
1466
|
},
|
|
1485
1467
|
className: S.dot
|
|
1486
1468
|
}
|
|
@@ -1489,14 +1471,14 @@ const gn = "_indicatorsCategory_1cu33_2", Cn = "_title_1cu33_5", bn = "_list_1cu
|
|
|
1489
1471
|
"h4",
|
|
1490
1472
|
{
|
|
1491
1473
|
className: S.indicatorName,
|
|
1492
|
-
style: { color: g ?
|
|
1493
|
-
children: /* @__PURE__ */ r(
|
|
1474
|
+
style: { color: g ? o : n },
|
|
1475
|
+
children: /* @__PURE__ */ r(me, { i18nKey: u, components: { sup: /* @__PURE__ */ r("sup", {}) } })
|
|
1494
1476
|
}
|
|
1495
1477
|
)
|
|
1496
1478
|
]
|
|
1497
1479
|
}
|
|
1498
1480
|
),
|
|
1499
|
-
(t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */ r("div", { children:
|
|
1481
|
+
(t == null ? void 0 : t.name) === u && h === "both" && /* @__PURE__ */ r("div", { children: C() }),
|
|
1500
1482
|
(t == null ? void 0 : t.name) === u && h === "twoUnits" && /* @__PURE__ */ r("div", { children: f() })
|
|
1501
1483
|
]
|
|
1502
1484
|
}
|
|
@@ -1514,16 +1496,16 @@ fe.propTypes = {
|
|
|
1514
1496
|
multiple: e.bool,
|
|
1515
1497
|
onClickIndicator: e.func
|
|
1516
1498
|
};
|
|
1517
|
-
const
|
|
1518
|
-
indicatorsSubCategory:
|
|
1519
|
-
list:
|
|
1520
|
-
},
|
|
1499
|
+
const Sn = "_indicatorsSubCategory_1dzsi_2", Tn = "_list_1dzsi_8", xe = {
|
|
1500
|
+
indicatorsSubCategory: Sn,
|
|
1501
|
+
list: Tn
|
|
1502
|
+
}, Ve = ({
|
|
1521
1503
|
subcName: i,
|
|
1522
1504
|
indicators: d,
|
|
1523
|
-
defaultColor:
|
|
1505
|
+
defaultColor: o,
|
|
1524
1506
|
activeColor: n,
|
|
1525
1507
|
activeSubCategory: t,
|
|
1526
|
-
onClickSubCategory:
|
|
1508
|
+
onClickSubCategory: s,
|
|
1527
1509
|
id: l,
|
|
1528
1510
|
activeIndicator: a,
|
|
1529
1511
|
onClickIndicator: c,
|
|
@@ -1531,32 +1513,32 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Fn = "_list_1dzsi_8", we = {
|
|
|
1531
1513
|
activeIndicatorType: u,
|
|
1532
1514
|
onChangeType: h
|
|
1533
1515
|
}) => {
|
|
1534
|
-
const { t: g } =
|
|
1535
|
-
return
|
|
1536
|
-
|
|
1516
|
+
const { t: g } = w(), [b, C] = B(!1);
|
|
1517
|
+
return L(() => {
|
|
1518
|
+
C(t == l);
|
|
1537
1519
|
}, [t, l]), /* @__PURE__ */ m(
|
|
1538
|
-
|
|
1520
|
+
ge.div,
|
|
1539
1521
|
{
|
|
1540
|
-
className:
|
|
1522
|
+
className: xe.indicatorsSubCategory,
|
|
1541
1523
|
initial: { height: "43px" },
|
|
1542
|
-
animate: { height:
|
|
1524
|
+
animate: { height: b ? "auto" : "43px" },
|
|
1543
1525
|
transition: { duration: 0.4 },
|
|
1544
1526
|
children: [
|
|
1545
|
-
/* @__PURE__ */ r("button", { onClick: () =>
|
|
1546
|
-
/* @__PURE__ */ r("span", { style: { color:
|
|
1527
|
+
/* @__PURE__ */ r("button", { onClick: () => s(l), children: /* @__PURE__ */ m("h3", { style: { color: b ? n : o }, children: [
|
|
1528
|
+
/* @__PURE__ */ r("span", { style: { color: b ? n : o }, children: b ? "-" : "+" }),
|
|
1547
1529
|
/* @__PURE__ */ r(
|
|
1548
1530
|
"span",
|
|
1549
1531
|
{
|
|
1550
|
-
style: { marginLeft: 12, color:
|
|
1532
|
+
style: { marginLeft: 12, color: b ? n : o },
|
|
1551
1533
|
children: g(i)
|
|
1552
1534
|
}
|
|
1553
1535
|
)
|
|
1554
1536
|
] }) }),
|
|
1555
|
-
d && /* @__PURE__ */ r("div", { className:
|
|
1537
|
+
d && /* @__PURE__ */ r("div", { className: xe.list, children: d == null ? void 0 : d.map((f, v) => /* @__PURE__ */ r(
|
|
1556
1538
|
fe,
|
|
1557
1539
|
{
|
|
1558
1540
|
indicator: f,
|
|
1559
|
-
defaultColor:
|
|
1541
|
+
defaultColor: o,
|
|
1560
1542
|
activeColor: n,
|
|
1561
1543
|
activeIndicator: a,
|
|
1562
1544
|
onClickIndicator: c,
|
|
@@ -1570,7 +1552,7 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Fn = "_list_1dzsi_8", we = {
|
|
|
1570
1552
|
}
|
|
1571
1553
|
);
|
|
1572
1554
|
};
|
|
1573
|
-
|
|
1555
|
+
Ve.propTypes = {
|
|
1574
1556
|
subcName: e.string,
|
|
1575
1557
|
indicators: e.array,
|
|
1576
1558
|
activeColor: e.string,
|
|
@@ -1582,13 +1564,13 @@ je.propTypes = {
|
|
|
1582
1564
|
onClickSubCategory: e.func,
|
|
1583
1565
|
onClickIndicator: e.func
|
|
1584
1566
|
};
|
|
1585
|
-
const
|
|
1567
|
+
const je = ({
|
|
1586
1568
|
cat: i,
|
|
1587
1569
|
id: d,
|
|
1588
|
-
activeColor:
|
|
1570
|
+
activeColor: o,
|
|
1589
1571
|
defaultColor: n,
|
|
1590
1572
|
onClickCategory: t,
|
|
1591
|
-
activeCategory:
|
|
1573
|
+
activeCategory: s,
|
|
1592
1574
|
activeSubCategory: l,
|
|
1593
1575
|
onClickSubCategory: a,
|
|
1594
1576
|
activeIndicator: c,
|
|
@@ -1598,35 +1580,35 @@ const ze = ({
|
|
|
1598
1580
|
onChangeType: g
|
|
1599
1581
|
}) => {
|
|
1600
1582
|
var v;
|
|
1601
|
-
const { t:
|
|
1602
|
-
return
|
|
1603
|
-
f(
|
|
1604
|
-
}, [
|
|
1605
|
-
|
|
1583
|
+
const { t: b } = w(), [C, f] = B(!1);
|
|
1584
|
+
return L(() => {
|
|
1585
|
+
f(s === d);
|
|
1586
|
+
}, [s, d]), /* @__PURE__ */ m(
|
|
1587
|
+
ge.div,
|
|
1606
1588
|
{
|
|
1607
1589
|
className: ae.indicatorsCategory,
|
|
1608
1590
|
initial: { height: "53px" },
|
|
1609
|
-
animate: { height:
|
|
1591
|
+
animate: { height: C ? "auto" : "53px" },
|
|
1610
1592
|
transition: { duration: 0.4 },
|
|
1611
1593
|
style: {
|
|
1612
1594
|
backgroundColor: "white",
|
|
1613
|
-
borderBottom:
|
|
1614
|
-
marginBottom:
|
|
1595
|
+
borderBottom: C ? `1px solid ${o}` : "0px",
|
|
1596
|
+
marginBottom: C ? "20px" : "0px"
|
|
1615
1597
|
},
|
|
1616
1598
|
children: [
|
|
1617
1599
|
/* @__PURE__ */ m("h2", { className: `${ae.title}`, onClick: () => t(d), children: [
|
|
1618
|
-
/* @__PURE__ */ r("span", { style: { color:
|
|
1600
|
+
/* @__PURE__ */ r("span", { style: { color: C ? o : n }, children: C ? "-" : "+" }),
|
|
1619
1601
|
/* @__PURE__ */ r(
|
|
1620
1602
|
"span",
|
|
1621
1603
|
{
|
|
1622
|
-
style: { marginLeft: 12, color:
|
|
1623
|
-
children:
|
|
1604
|
+
style: { marginLeft: 12, color: C ? o : n },
|
|
1605
|
+
children: b(i.name)
|
|
1624
1606
|
}
|
|
1625
1607
|
)
|
|
1626
1608
|
] }),
|
|
1627
1609
|
i.subcategories ? i.subcategories.map(
|
|
1628
|
-
({ name: y, subcategory: x, indicators:
|
|
1629
|
-
|
|
1610
|
+
({ name: y, subcategory: x, indicators: k }, _) => /* @__PURE__ */ r(
|
|
1611
|
+
Ve,
|
|
1630
1612
|
{
|
|
1631
1613
|
id: x,
|
|
1632
1614
|
activeSubCategory: l,
|
|
@@ -1635,9 +1617,9 @@ const ze = ({
|
|
|
1635
1617
|
activeIndicator: c,
|
|
1636
1618
|
onClickIndicator: p,
|
|
1637
1619
|
multiple: u,
|
|
1638
|
-
activeColor:
|
|
1620
|
+
activeColor: o,
|
|
1639
1621
|
defaultColor: n,
|
|
1640
|
-
indicators:
|
|
1622
|
+
indicators: k,
|
|
1641
1623
|
activeIndicatorType: h,
|
|
1642
1624
|
onChangeType: g
|
|
1643
1625
|
},
|
|
@@ -1648,7 +1630,7 @@ const ze = ({
|
|
|
1648
1630
|
{
|
|
1649
1631
|
indicator: y,
|
|
1650
1632
|
values: y.type == "twoUnits" && y.values,
|
|
1651
|
-
activeColor:
|
|
1633
|
+
activeColor: o,
|
|
1652
1634
|
defaultColor: n,
|
|
1653
1635
|
activeIndicator: c,
|
|
1654
1636
|
onClickIndicator: p,
|
|
@@ -1662,7 +1644,7 @@ const ze = ({
|
|
|
1662
1644
|
}
|
|
1663
1645
|
);
|
|
1664
1646
|
};
|
|
1665
|
-
|
|
1647
|
+
je.propTypes = {
|
|
1666
1648
|
cat: e.object,
|
|
1667
1649
|
id: e.string,
|
|
1668
1650
|
onChange: e.func,
|
|
@@ -1676,24 +1658,24 @@ ze.propTypes = {
|
|
|
1676
1658
|
activeColor: e.string,
|
|
1677
1659
|
defaultColor: e.string
|
|
1678
1660
|
};
|
|
1679
|
-
const
|
|
1680
|
-
indicatorsList:
|
|
1681
|
-
title:
|
|
1682
|
-
},
|
|
1661
|
+
const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", ke = {
|
|
1662
|
+
indicatorsList: Mn,
|
|
1663
|
+
title: $n
|
|
1664
|
+
}, Ln = ({
|
|
1683
1665
|
indicators: i,
|
|
1684
1666
|
activeColor: d,
|
|
1685
|
-
defaultColor:
|
|
1667
|
+
defaultColor: o = "#92898A",
|
|
1686
1668
|
// Función que se ejecuta al seleccionar un indicador, recibe el o los ikeys como parametro
|
|
1687
1669
|
onChange: n,
|
|
1688
1670
|
// Selección multiple
|
|
1689
1671
|
multiple: t = !1,
|
|
1690
1672
|
// Si multiple es true, debe ser un array de strings, sino un string
|
|
1691
|
-
defaultValue:
|
|
1673
|
+
defaultValue: s = null,
|
|
1692
1674
|
//si el indicador es tipo "both" cuando se cambia el tipo
|
|
1693
1675
|
changeIndType: l,
|
|
1694
1676
|
activeIndicatorType: a
|
|
1695
1677
|
}) => {
|
|
1696
|
-
const { t: c } =
|
|
1678
|
+
const { t: c } = w(), [p, u] = B(), [h, g] = B(), [b, C] = B(), f = (_) => {
|
|
1697
1679
|
u(p == _ ? null : _);
|
|
1698
1680
|
}, v = (_) => {
|
|
1699
1681
|
g(h == _ ? null : _);
|
|
@@ -1701,47 +1683,47 @@ const Ln = "_indicatorsList_fklyu_2", Dn = "_title_fklyu_6", ke = {
|
|
|
1701
1683
|
console.log("onClickIndicator: ", _), x(_);
|
|
1702
1684
|
}, x = (_) => {
|
|
1703
1685
|
if (!t)
|
|
1704
|
-
|
|
1705
|
-
(
|
|
1686
|
+
C(
|
|
1687
|
+
(b == null ? void 0 : b.name) == _.name ? null : _
|
|
1706
1688
|
);
|
|
1707
1689
|
else {
|
|
1708
|
-
let N =
|
|
1709
|
-
|
|
1690
|
+
let N = b && b.length > 0 ? [...b] : [];
|
|
1691
|
+
C(
|
|
1710
1692
|
N != null && N.some(
|
|
1711
|
-
(
|
|
1693
|
+
(D) => D.name == _.name
|
|
1712
1694
|
) ? N.filter(
|
|
1713
|
-
(
|
|
1695
|
+
(D) => D.name != String(_.name)
|
|
1714
1696
|
) : [...N, _]
|
|
1715
1697
|
), _.type == "both" && l("cat");
|
|
1716
1698
|
}
|
|
1717
1699
|
};
|
|
1718
|
-
|
|
1719
|
-
console.log("activeindicator changed to: ",
|
|
1720
|
-
}, [
|
|
1721
|
-
if (
|
|
1722
|
-
if (t &&
|
|
1723
|
-
let _ =
|
|
1724
|
-
|
|
1700
|
+
L(() => {
|
|
1701
|
+
console.log("activeindicator changed to: ", b), n && typeof n == "function" && b && n({ activeIndicator: b });
|
|
1702
|
+
}, [b]), Ee(() => {
|
|
1703
|
+
if (s && !b)
|
|
1704
|
+
if (t && s && Array.isArray(s)) {
|
|
1705
|
+
let _ = b && b.length > 0 ? [...b] : [];
|
|
1706
|
+
C([..._, ...s]), k(s[0].name);
|
|
1725
1707
|
} else
|
|
1726
|
-
x(
|
|
1708
|
+
x(s), k(s.name);
|
|
1727
1709
|
}, []);
|
|
1728
|
-
const
|
|
1729
|
-
const N = i.find((
|
|
1730
|
-
if (
|
|
1731
|
-
let
|
|
1732
|
-
(ne) => ne.indicators.find((
|
|
1710
|
+
const k = (_) => {
|
|
1711
|
+
const N = i.find((D) => {
|
|
1712
|
+
if (D.subcategories) {
|
|
1713
|
+
let A = D.subcategories.find(
|
|
1714
|
+
(ne) => ne.indicators.find((Z) => Z.name == _)
|
|
1733
1715
|
);
|
|
1734
|
-
if (
|
|
1735
|
-
return g(
|
|
1716
|
+
if (A)
|
|
1717
|
+
return g(A.subcategory), A;
|
|
1736
1718
|
} else
|
|
1737
|
-
return
|
|
1719
|
+
return D.indicators.some((A) => A.name == _);
|
|
1738
1720
|
});
|
|
1739
1721
|
N && u(N.category);
|
|
1740
1722
|
};
|
|
1741
1723
|
return /* @__PURE__ */ m("div", { className: ke.indicatorsList, children: [
|
|
1742
|
-
/* @__PURE__ */ r("h2", { className: ke.title, style: { color:
|
|
1724
|
+
/* @__PURE__ */ r("h2", { className: ke.title, style: { color: o }, children: c("indicators.indicators") }),
|
|
1743
1725
|
i.map((_, N) => /* @__PURE__ */ r(
|
|
1744
|
-
|
|
1726
|
+
je,
|
|
1745
1727
|
{
|
|
1746
1728
|
id: _.category,
|
|
1747
1729
|
cat: _,
|
|
@@ -1750,9 +1732,9 @@ const Ln = "_indicatorsList_fklyu_2", Dn = "_title_fklyu_6", ke = {
|
|
|
1750
1732
|
onClickSubCategory: v,
|
|
1751
1733
|
activeSubCategory: h,
|
|
1752
1734
|
onClickIndicator: y,
|
|
1753
|
-
activeIndicator:
|
|
1735
|
+
activeIndicator: b,
|
|
1754
1736
|
activeColor: d,
|
|
1755
|
-
defaultColor:
|
|
1737
|
+
defaultColor: o,
|
|
1756
1738
|
multiple: t,
|
|
1757
1739
|
onChange: n,
|
|
1758
1740
|
onChangeType: l,
|
|
@@ -1762,7 +1744,7 @@ const Ln = "_indicatorsList_fklyu_2", Dn = "_title_fklyu_6", ke = {
|
|
|
1762
1744
|
))
|
|
1763
1745
|
] });
|
|
1764
1746
|
};
|
|
1765
|
-
|
|
1747
|
+
Ln.propTypes = {
|
|
1766
1748
|
indicators: e.arrayOf(e.object),
|
|
1767
1749
|
activeColor: e.string,
|
|
1768
1750
|
defaultColor: e.string,
|
|
@@ -1773,15 +1755,15 @@ Bn.propTypes = {
|
|
|
1773
1755
|
defaultValue: e.oneOfType([e.object, e.array]),
|
|
1774
1756
|
activeIndicatorType: e.string
|
|
1775
1757
|
};
|
|
1776
|
-
const
|
|
1777
|
-
langSelector:
|
|
1778
|
-
currentLang:
|
|
1779
|
-
arrow:
|
|
1780
|
-
prevImg:
|
|
1781
|
-
langMenu:
|
|
1782
|
-
},
|
|
1783
|
-
const [n, t] = B(!1), { i18n:
|
|
1784
|
-
|
|
1758
|
+
const Fn = "_langSelector_1of0g_2", Bn = "_currentLang_1of0g_7", Dn = "_arrow_1of0g_19", An = "_prevImg_1of0g_22", On = "_langMenu_1of0g_26", K = {
|
|
1759
|
+
langSelector: Fn,
|
|
1760
|
+
currentLang: Bn,
|
|
1761
|
+
arrow: Dn,
|
|
1762
|
+
prevImg: An,
|
|
1763
|
+
langMenu: On
|
|
1764
|
+
}, Rn = ({ langs: i, arrow: d, imgPrev: o }) => {
|
|
1765
|
+
const [n, t] = B(!1), { i18n: s } = w(), l = i.find((c) => c.code == s.language), a = (c) => {
|
|
1766
|
+
s.changeLanguage(c), t(!1);
|
|
1785
1767
|
};
|
|
1786
1768
|
return /* @__PURE__ */ m("div", { className: K.langSelector, children: [
|
|
1787
1769
|
/* @__PURE__ */ m(
|
|
@@ -1792,7 +1774,7 @@ const $n = "_langSelector_1of0g_2", On = "_currentLang_1of0g_7", An = "_arrow_1o
|
|
|
1792
1774
|
t(!n);
|
|
1793
1775
|
},
|
|
1794
1776
|
children: [
|
|
1795
|
-
|
|
1777
|
+
o && /* @__PURE__ */ r("img", { className: K.prevImg, src: o }),
|
|
1796
1778
|
l.titleSelected || l.title,
|
|
1797
1779
|
/* @__PURE__ */ r("img", { src: d, className: K.arrow })
|
|
1798
1780
|
]
|
|
@@ -1809,7 +1791,7 @@ const $n = "_langSelector_1of0g_2", On = "_currentLang_1of0g_7", An = "_arrow_1o
|
|
|
1809
1791
|
)) })
|
|
1810
1792
|
] });
|
|
1811
1793
|
};
|
|
1812
|
-
|
|
1794
|
+
Rn.propTypes = {
|
|
1813
1795
|
langs: e.arrayOf(
|
|
1814
1796
|
e.shape({
|
|
1815
1797
|
code: e.string,
|
|
@@ -1823,27 +1805,27 @@ Vn.propTypes = {
|
|
|
1823
1805
|
arrow: e.object,
|
|
1824
1806
|
imgPrev: e.object
|
|
1825
1807
|
};
|
|
1826
|
-
const
|
|
1827
|
-
legendContainer:
|
|
1808
|
+
const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titleContainer_atg3j_46", jn = "_infoContainer_atg3j_52", Pn = "_titleLegendList_atg3j_63", qn = "_legendListContainer_atg3j_70", En = "_gridContainer_atg3j_70", Kn = "_elementLegendContainer_atg3j_76", Un = "_colorDot_atg3j_82", Zn = "_absoluteValueContainer_atg3j_88", Hn = "_absoluteValueColor_atg3j_91", Gn = "_absoluteValueText_atg3j_96", Yn = "_moreInfoContainer_atg3j_108", M = {
|
|
1809
|
+
legendContainer: In,
|
|
1828
1810
|
closeButton: zn,
|
|
1829
|
-
titleContainer:
|
|
1830
|
-
infoContainer:
|
|
1831
|
-
titleLegendList:
|
|
1832
|
-
legendListContainer:
|
|
1833
|
-
gridContainer:
|
|
1834
|
-
elementLegendContainer:
|
|
1835
|
-
colorDot:
|
|
1836
|
-
absoluteValueContainer:
|
|
1837
|
-
absoluteValueColor:
|
|
1838
|
-
absoluteValueText:
|
|
1839
|
-
moreInfoContainer:
|
|
1840
|
-
},
|
|
1811
|
+
titleContainer: Vn,
|
|
1812
|
+
infoContainer: jn,
|
|
1813
|
+
titleLegendList: Pn,
|
|
1814
|
+
legendListContainer: qn,
|
|
1815
|
+
gridContainer: En,
|
|
1816
|
+
elementLegendContainer: Kn,
|
|
1817
|
+
colorDot: Un,
|
|
1818
|
+
absoluteValueContainer: Zn,
|
|
1819
|
+
absoluteValueColor: Hn,
|
|
1820
|
+
absoluteValueText: Gn,
|
|
1821
|
+
moreInfoContainer: Yn
|
|
1822
|
+
}, Wn = ({
|
|
1841
1823
|
//JSON with the styles of the container (optional)
|
|
1842
1824
|
containerStyles: i,
|
|
1843
1825
|
//Title on top of the legend
|
|
1844
1826
|
title: d,
|
|
1845
1827
|
//Array to display the info behind the title should have: [{title, value}, ...]
|
|
1846
|
-
infoList:
|
|
1828
|
+
infoList: o,
|
|
1847
1829
|
//Array to display the items of the legend: [{title, color}, ...]
|
|
1848
1830
|
//color should be a string with hexadecimal value
|
|
1849
1831
|
legendList: n,
|
|
@@ -1852,7 +1834,7 @@ const jn = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Pn = "_titl
|
|
|
1852
1834
|
//Should be an object with {maxColor, minColor, maxValue, minValue}
|
|
1853
1835
|
//If this has is not null or undefined, the legendList values wont be displayed.
|
|
1854
1836
|
//It will display only the absolute value indicator.
|
|
1855
|
-
absoluteValue:
|
|
1837
|
+
absoluteValue: s,
|
|
1856
1838
|
//Function to be called when the button is clicked (optional).
|
|
1857
1839
|
//If this is null or undefined the button wont be displayed.
|
|
1858
1840
|
onClickMoreInfo: l,
|
|
@@ -1860,7 +1842,7 @@ const jn = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Pn = "_titl
|
|
|
1860
1842
|
buttonTitle: a,
|
|
1861
1843
|
onClickClose: c
|
|
1862
1844
|
}) => {
|
|
1863
|
-
const { t: p } =
|
|
1845
|
+
const { t: p } = w();
|
|
1864
1846
|
return /* @__PURE__ */ m(
|
|
1865
1847
|
"div",
|
|
1866
1848
|
{
|
|
@@ -1869,34 +1851,34 @@ const jn = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Pn = "_titl
|
|
|
1869
1851
|
children: [
|
|
1870
1852
|
/* @__PURE__ */ r("button", { className: M.closeButton, onClick: c }),
|
|
1871
1853
|
d && /* @__PURE__ */ r("div", { className: M.titleContainer, children: /* @__PURE__ */ r("h2", { children: d }) }),
|
|
1872
|
-
|
|
1854
|
+
o && o.length > 0 && /* @__PURE__ */ r("div", { className: M.infoContainer, children: /* @__PURE__ */ r("ul", { children: o.map(({ title: u, value: h }) => /* @__PURE__ */ m("li", { children: [
|
|
1873
1855
|
/* @__PURE__ */ r("h3", { className: M.title, children: `${u}:` }),
|
|
1874
1856
|
/* @__PURE__ */ m("span", { className: M.value, children: [
|
|
1875
1857
|
" ",
|
|
1876
1858
|
h
|
|
1877
1859
|
] })
|
|
1878
1860
|
] }, d)) }) }),
|
|
1879
|
-
/* @__PURE__ */ r("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ r(
|
|
1880
|
-
/* @__PURE__ */ r("div", { className: M.legendListContainer, children:
|
|
1861
|
+
/* @__PURE__ */ r("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ r(me, { i18nKey: t, components: { sup: /* @__PURE__ */ r("sup", {}) } }) : p("mainUse") }),
|
|
1862
|
+
/* @__PURE__ */ r("div", { className: M.legendListContainer, children: s ? /* @__PURE__ */ m("div", { className: M.absoluteValueContainer, children: [
|
|
1881
1863
|
/* @__PURE__ */ r(
|
|
1882
1864
|
"div",
|
|
1883
1865
|
{
|
|
1884
1866
|
className: M.absoluteValueColor,
|
|
1885
1867
|
style: {
|
|
1886
|
-
background: `linear-gradient(to bottom, ${
|
|
1868
|
+
background: `linear-gradient(to bottom, ${s.maxColor} 0%, ${s.minColor} 100%)`
|
|
1887
1869
|
}
|
|
1888
1870
|
}
|
|
1889
1871
|
),
|
|
1890
1872
|
/* @__PURE__ */ m("div", { className: M.absoluteValueText, children: [
|
|
1891
1873
|
/* @__PURE__ */ m("span", { children: [
|
|
1892
|
-
|
|
1874
|
+
s.maxValue,
|
|
1893
1875
|
" ",
|
|
1894
|
-
p(
|
|
1876
|
+
p(s.unit)
|
|
1895
1877
|
] }),
|
|
1896
1878
|
/* @__PURE__ */ m("span", { children: [
|
|
1897
|
-
|
|
1879
|
+
s.minValue,
|
|
1898
1880
|
" ",
|
|
1899
|
-
p(
|
|
1881
|
+
p(s.unit)
|
|
1900
1882
|
] })
|
|
1901
1883
|
] })
|
|
1902
1884
|
] }) : n && n.length > 0 && /* @__PURE__ */ r("div", { className: M.gridContainer, children: n.map(
|
|
@@ -1919,7 +1901,7 @@ const jn = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Pn = "_titl
|
|
|
1919
1901
|
}
|
|
1920
1902
|
);
|
|
1921
1903
|
};
|
|
1922
|
-
|
|
1904
|
+
Wn.propTypes = {
|
|
1923
1905
|
title: e.string,
|
|
1924
1906
|
containerStyles: e.object,
|
|
1925
1907
|
infoList: e.arrayOf(
|
|
@@ -1945,51 +1927,51 @@ Jn.propTypes = {
|
|
|
1945
1927
|
buttonTitle: e.string,
|
|
1946
1928
|
onClickClose: e.func
|
|
1947
1929
|
};
|
|
1948
|
-
const
|
|
1949
|
-
logo:
|
|
1950
|
-
},
|
|
1951
|
-
const { t: n } =
|
|
1952
|
-
return
|
|
1930
|
+
const Xn = "_logo_1ewa6_2", we = {
|
|
1931
|
+
logo: Xn
|
|
1932
|
+
}, Jn = ({ src: i, alt: d, href: o }) => {
|
|
1933
|
+
const { t: n } = w(), t = /* @__PURE__ */ r("img", { src: i, alt: n(d) });
|
|
1934
|
+
return o ? /* @__PURE__ */ r("div", { className: we.logo, children: /* @__PURE__ */ r("a", { href: o, children: t }) }) : /* @__PURE__ */ r("div", { className: we.logo, children: t });
|
|
1953
1935
|
};
|
|
1954
|
-
|
|
1936
|
+
Jn.propTypes = {
|
|
1955
1937
|
src: e.string.isRequired,
|
|
1956
1938
|
alt: e.string.isRequired,
|
|
1957
1939
|
href: e.string,
|
|
1958
1940
|
className: e.string
|
|
1959
1941
|
};
|
|
1960
|
-
const
|
|
1961
|
-
mapContainer:
|
|
1942
|
+
const Qn = "_mapContainer_84pkf_2", ei = {
|
|
1943
|
+
mapContainer: Qn
|
|
1962
1944
|
};
|
|
1963
|
-
|
|
1964
|
-
const
|
|
1945
|
+
Ue.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
|
|
1946
|
+
const ti = ({
|
|
1965
1947
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
1966
1948
|
maxZoom: d = 17,
|
|
1967
|
-
minZoom:
|
|
1949
|
+
minZoom: o = 8,
|
|
1968
1950
|
mapStyle: n,
|
|
1969
1951
|
firstSymbolLayer: t,
|
|
1970
|
-
cssProps:
|
|
1952
|
+
cssProps: s = "",
|
|
1971
1953
|
onClick: l = "",
|
|
1972
1954
|
interactiveLayers: a = [],
|
|
1973
1955
|
popUp: c = !1,
|
|
1974
1956
|
sources: p = [],
|
|
1975
1957
|
layers: u = []
|
|
1976
1958
|
}) => {
|
|
1977
|
-
const h =
|
|
1978
|
-
return
|
|
1959
|
+
const h = he(), [g, b] = B(null), C = ce((f) => f.mapState.showTexts);
|
|
1960
|
+
return L(() => {
|
|
1979
1961
|
if (h.current) {
|
|
1980
1962
|
const f = h.current.getMap();
|
|
1981
1963
|
f.getStyle().layers.map((y) => {
|
|
1982
|
-
y.type == "symbol" && y.id != "professionals" && (
|
|
1964
|
+
y.type == "symbol" && y.id != "professionals" && (C ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
|
|
1983
1965
|
});
|
|
1984
1966
|
}
|
|
1985
|
-
}, [
|
|
1986
|
-
|
|
1967
|
+
}, [C]), /* @__PURE__ */ r("div", { className: `${ei.mapContainer}`, style: s, children: /* @__PURE__ */ m(
|
|
1968
|
+
Ze,
|
|
1987
1969
|
{
|
|
1988
1970
|
initialViewState: i,
|
|
1989
1971
|
ref: h,
|
|
1990
1972
|
hash: !1,
|
|
1991
1973
|
maxZoom: d,
|
|
1992
|
-
minZoom:
|
|
1974
|
+
minZoom: o,
|
|
1993
1975
|
mapStyle: n,
|
|
1994
1976
|
onClick: l,
|
|
1995
1977
|
interactiveLayerIds: a,
|
|
@@ -2018,7 +2000,7 @@ const ii = ({
|
|
|
2018
2000
|
longitude: c.longitude,
|
|
2019
2001
|
latitude: c.latitude,
|
|
2020
2002
|
anchor: c.anchor,
|
|
2021
|
-
onClose: () =>
|
|
2003
|
+
onClose: () => b(null),
|
|
2022
2004
|
children: c.content
|
|
2023
2005
|
}
|
|
2024
2006
|
)
|
|
@@ -2026,7 +2008,7 @@ const ii = ({
|
|
|
2026
2008
|
}
|
|
2027
2009
|
) });
|
|
2028
2010
|
};
|
|
2029
|
-
|
|
2011
|
+
ti.propTypes = {
|
|
2030
2012
|
initialView: e.shape({
|
|
2031
2013
|
latitude: e.number.isRequired,
|
|
2032
2014
|
longitude: e.number.isRequired,
|
|
@@ -2071,29 +2053,29 @@ ii.propTypes = {
|
|
|
2071
2053
|
})
|
|
2072
2054
|
)
|
|
2073
2055
|
};
|
|
2074
|
-
const
|
|
2075
|
-
mapContainer:
|
|
2076
|
-
},
|
|
2077
|
-
FeaturePopUp:
|
|
2078
|
-
title:
|
|
2079
|
-
},
|
|
2080
|
-
const { t: d } =
|
|
2081
|
-
return /* @__PURE__ */ r("div", { className:
|
|
2082
|
-
/* @__PURE__ */ m("span", { className:
|
|
2083
|
-
/* @__PURE__ */ r(
|
|
2056
|
+
const ni = "_mapContainer_b0pyr_3", ii = {
|
|
2057
|
+
mapContainer: ni
|
|
2058
|
+
}, si = "_FeaturePopUp_1gd6w_2", oi = "_title_1gd6w_2", Ne = {
|
|
2059
|
+
FeaturePopUp: si,
|
|
2060
|
+
title: oi
|
|
2061
|
+
}, ri = ({ props: i }) => {
|
|
2062
|
+
const { t: d } = w();
|
|
2063
|
+
return /* @__PURE__ */ r("div", { className: Ne.FeaturePopUp, children: i.map((o) => /* @__PURE__ */ m("p", { children: [
|
|
2064
|
+
/* @__PURE__ */ m("span", { className: Ne.title, children: [
|
|
2065
|
+
/* @__PURE__ */ r(me, { i18nKey: o.name, components: { sup: /* @__PURE__ */ r("sup", {}) } }),
|
|
2084
2066
|
": "
|
|
2085
2067
|
] }),
|
|
2086
|
-
|
|
2068
|
+
o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
|
|
2087
2069
|
" ",
|
|
2088
|
-
d(
|
|
2070
|
+
d(o.unit)
|
|
2089
2071
|
] })) });
|
|
2090
|
-
},
|
|
2072
|
+
}, ai = ({
|
|
2091
2073
|
initialView: i = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
|
|
2092
2074
|
maxZoom: d = 17,
|
|
2093
|
-
minZoom:
|
|
2075
|
+
minZoom: o = 8,
|
|
2094
2076
|
mapStyle: n,
|
|
2095
2077
|
firstSymbolLayer: t,
|
|
2096
|
-
cssProps:
|
|
2078
|
+
cssProps: s = {},
|
|
2097
2079
|
onClick: l = "",
|
|
2098
2080
|
interactiveLayers: a = [],
|
|
2099
2081
|
sources: c = [],
|
|
@@ -2101,31 +2083,31 @@ const oi = "_mapContainer_b0pyr_3", si = {
|
|
|
2101
2083
|
filters: u,
|
|
2102
2084
|
popUpParams: h,
|
|
2103
2085
|
onClosePopUp: g,
|
|
2104
|
-
showTexts:
|
|
2086
|
+
showTexts: b
|
|
2105
2087
|
}) => {
|
|
2106
2088
|
console.log(u);
|
|
2107
|
-
const
|
|
2108
|
-
return
|
|
2109
|
-
if (
|
|
2110
|
-
const f =
|
|
2089
|
+
const C = he();
|
|
2090
|
+
return L(() => {
|
|
2091
|
+
if (C.current) {
|
|
2092
|
+
const f = C.current.getMap();
|
|
2111
2093
|
f.getStyle().layers.map((y) => {
|
|
2112
|
-
y.type == "symbol" && y.id != "professionals" && (
|
|
2094
|
+
y.type == "symbol" && y.id != "professionals" && (b ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
|
|
2113
2095
|
});
|
|
2114
2096
|
}
|
|
2115
|
-
}, [
|
|
2097
|
+
}, [b]), L(() => {
|
|
2116
2098
|
let f = new Xe();
|
|
2117
2099
|
return ie.addProtocol("pmtiles", f.tile), () => {
|
|
2118
2100
|
ie.removeProtocol("pmtiles");
|
|
2119
2101
|
};
|
|
2120
|
-
}, []), /* @__PURE__ */ r("div", { className: `${
|
|
2102
|
+
}, []), /* @__PURE__ */ r("div", { className: `${ii.mapContainer}`, style: s && s, children: /* @__PURE__ */ m(
|
|
2121
2103
|
Je,
|
|
2122
2104
|
{
|
|
2123
2105
|
mapLib: ie,
|
|
2124
2106
|
initialViewState: i,
|
|
2125
|
-
ref:
|
|
2107
|
+
ref: C,
|
|
2126
2108
|
hash: !1,
|
|
2127
2109
|
maxZoom: d,
|
|
2128
|
-
minZoom:
|
|
2110
|
+
minZoom: o,
|
|
2129
2111
|
mapStyle: n,
|
|
2130
2112
|
onClick: l,
|
|
2131
2113
|
interactiveLayerIds: a,
|
|
@@ -2155,14 +2137,14 @@ const oi = "_mapContainer_b0pyr_3", si = {
|
|
|
2155
2137
|
longitude: h.lng,
|
|
2156
2138
|
latitude: h.lat,
|
|
2157
2139
|
onClose: g,
|
|
2158
|
-
children: /* @__PURE__ */ r(
|
|
2140
|
+
children: /* @__PURE__ */ r(ri, { props: h.props })
|
|
2159
2141
|
}
|
|
2160
2142
|
)
|
|
2161
2143
|
]
|
|
2162
2144
|
}
|
|
2163
2145
|
) });
|
|
2164
2146
|
};
|
|
2165
|
-
|
|
2147
|
+
ai.propTypes = {
|
|
2166
2148
|
initialView: e.shape({
|
|
2167
2149
|
latitude: e.number.isRequired,
|
|
2168
2150
|
longitude: e.number.isRequired,
|
|
@@ -2205,33 +2187,34 @@ ci.propTypes = {
|
|
|
2205
2187
|
popUpParams: e.object,
|
|
2206
2188
|
onClosePopUp: e.func
|
|
2207
2189
|
};
|
|
2208
|
-
const
|
|
2209
|
-
sectionBar:
|
|
2210
|
-
leftContent:
|
|
2211
|
-
textContainer:
|
|
2212
|
-
title:
|
|
2213
|
-
subtitle:
|
|
2214
|
-
rightContent:
|
|
2215
|
-
},
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
const { t: l } = k();
|
|
2224
|
-
return /* @__PURE__ */ m("div", { className: j.sectionBar, style: { width: o && o }, children: [
|
|
2225
|
-
/* @__PURE__ */ m("div", { className: j.leftContent, children: [
|
|
2226
|
-
i && /* @__PURE__ */ r("img", { src: i, alt: "Icono", className: j.icon }),
|
|
2227
|
-
/* @__PURE__ */ m("div", { className: j.textContainer, children: [
|
|
2228
|
-
/* @__PURE__ */ r("div", { className: j.title, children: l(d) }),
|
|
2229
|
-
s && /* @__PURE__ */ r("div", { className: j.subtitle, children: s })
|
|
2190
|
+
const li = "_sectionBar_1nshk_2", ci = "_leftContent_1nshk_14", di = "_textContainer_1nshk_20", pi = "_title_1nshk_27", ui = "_subtitle_1nshk_33", hi = "_rightContent_1nshk_38", V = {
|
|
2191
|
+
sectionBar: li,
|
|
2192
|
+
leftContent: ci,
|
|
2193
|
+
textContainer: di,
|
|
2194
|
+
title: pi,
|
|
2195
|
+
subtitle: ui,
|
|
2196
|
+
rightContent: hi
|
|
2197
|
+
}, mi = ({ leftIcon: i, title: d, subtitle: o, rightContent: n, mainColor: t }) => {
|
|
2198
|
+
const { t: s } = w();
|
|
2199
|
+
return /* @__PURE__ */ m("div", { className: V.sectionBar, children: [
|
|
2200
|
+
/* @__PURE__ */ m("div", { className: V.leftContent, children: [
|
|
2201
|
+
i && /* @__PURE__ */ r("img", { src: i, alt: "Icono", className: V.icon }),
|
|
2202
|
+
/* @__PURE__ */ m("div", { className: V.textContainer, children: [
|
|
2203
|
+
/* @__PURE__ */ r("div", { className: V.title, style: t ? { color: t } : {}, children: s(d) }),
|
|
2204
|
+
o && /* @__PURE__ */ r("div", { className: V.subtitle, children: o })
|
|
2230
2205
|
] })
|
|
2231
2206
|
] }),
|
|
2232
|
-
/* @__PURE__ */ r("div", { className:
|
|
2207
|
+
/* @__PURE__ */ r("div", { className: V.rightContent, children: n })
|
|
2233
2208
|
] });
|
|
2234
|
-
}
|
|
2209
|
+
};
|
|
2210
|
+
mi.propTypes = {
|
|
2211
|
+
leftIcon: e.node.isRequired,
|
|
2212
|
+
title: e.string.isRequired,
|
|
2213
|
+
subtitle: e.string,
|
|
2214
|
+
rightContent: e.node.isRequired,
|
|
2215
|
+
mainColor: e.string
|
|
2216
|
+
};
|
|
2217
|
+
const gi = Me({
|
|
2235
2218
|
name: "mapSlice",
|
|
2236
2219
|
initialState: {
|
|
2237
2220
|
showTexts: !0,
|
|
@@ -2257,26 +2240,26 @@ const di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textConta
|
|
|
2257
2240
|
i.activeIndicatorUnit = d.payload;
|
|
2258
2241
|
}
|
|
2259
2242
|
}
|
|
2260
|
-
}), { setShowTexts:
|
|
2243
|
+
}), { setShowTexts: rs, setYear: le, setActiveIndicatorKey: as, setActiveIndicatorType: ls, setActiveIndicatorUnit: cs } = gi.actions, bi = "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", fi = "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", yi = "_slider_a19yo_2", Ci = "_playButton_a19yo_17", vi = "_sliderOpen_a19yo_28", _i = "_sliderResults_a19yo_32", Y = {
|
|
2261
2244
|
slider: yi,
|
|
2262
|
-
playButton:
|
|
2263
|
-
sliderOpen:
|
|
2264
|
-
sliderResults:
|
|
2265
|
-
},
|
|
2245
|
+
playButton: Ci,
|
|
2246
|
+
sliderOpen: vi,
|
|
2247
|
+
sliderResults: _i
|
|
2248
|
+
}, xi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: s = !1 }) => {
|
|
2266
2249
|
const [l, a] = B(d), c = Te(), p = (y, x) => {
|
|
2267
2250
|
a(x), c(le(x - 2e3));
|
|
2268
2251
|
}, [u, h] = B(!1), g = () => {
|
|
2269
2252
|
h(!0);
|
|
2270
|
-
},
|
|
2253
|
+
}, b = () => {
|
|
2271
2254
|
h(!1);
|
|
2272
2255
|
};
|
|
2273
2256
|
((y, x) => {
|
|
2274
|
-
const
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
}, [y]),
|
|
2257
|
+
const k = he();
|
|
2258
|
+
L(() => {
|
|
2259
|
+
k.current = y;
|
|
2260
|
+
}, [y]), L(() => {
|
|
2278
2261
|
function _() {
|
|
2279
|
-
|
|
2262
|
+
k.current();
|
|
2280
2263
|
}
|
|
2281
2264
|
{
|
|
2282
2265
|
let N = setInterval(_, x);
|
|
@@ -2286,7 +2269,7 @@ const di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textConta
|
|
|
2286
2269
|
})(() => {
|
|
2287
2270
|
u && (l != 2050 ? (a(l + 1), c(le(l - 2e3 + 1))) : (a(2025), c(le(25))));
|
|
2288
2271
|
}, 1e3);
|
|
2289
|
-
const f =
|
|
2272
|
+
const f = st({
|
|
2290
2273
|
palette: {
|
|
2291
2274
|
primary: {
|
|
2292
2275
|
main: "#605b56"
|
|
@@ -2315,13 +2298,13 @@ const di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textConta
|
|
|
2315
2298
|
{ label: "", value: 2050 }
|
|
2316
2299
|
];
|
|
2317
2300
|
return /* @__PURE__ */ r(rt, { theme: f, children: /* @__PURE__ */ m(
|
|
2318
|
-
|
|
2301
|
+
ot,
|
|
2319
2302
|
{
|
|
2320
2303
|
sx: { width: 400 },
|
|
2321
|
-
className: `${i ? Y.sliderResults : Y.slider} ${
|
|
2304
|
+
className: `${i ? Y.sliderResults : Y.slider} ${s ? Y.sliderOpen : ""}`,
|
|
2322
2305
|
style: { zIndex: t },
|
|
2323
2306
|
children: [
|
|
2324
|
-
|
|
2307
|
+
o,
|
|
2325
2308
|
/* @__PURE__ */ r(
|
|
2326
2309
|
it,
|
|
2327
2310
|
{
|
|
@@ -2330,7 +2313,7 @@ const di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textConta
|
|
|
2330
2313
|
valueLabelDisplay: "on",
|
|
2331
2314
|
step: 1,
|
|
2332
2315
|
marks: v,
|
|
2333
|
-
min:
|
|
2316
|
+
min: o,
|
|
2334
2317
|
max: n,
|
|
2335
2318
|
onChange: p,
|
|
2336
2319
|
color: "primary",
|
|
@@ -2339,12 +2322,12 @@ const di = "_sectionBar_1egwc_2", pi = "_leftContent_1egwc_14", ui = "_textConta
|
|
|
2339
2322
|
),
|
|
2340
2323
|
n,
|
|
2341
2324
|
!u && /* @__PURE__ */ r("button", { className: Y.playButton, onClick: g, children: /* @__PURE__ */ r("img", { src: bi, alt: "Play" }) }),
|
|
2342
|
-
u && /* @__PURE__ */ r("button", { className: Y.playButton, onClick:
|
|
2325
|
+
u && /* @__PURE__ */ r("button", { className: Y.playButton, onClick: b, children: /* @__PURE__ */ r("img", { src: fi, alt: "Pause" }) })
|
|
2343
2326
|
]
|
|
2344
2327
|
}
|
|
2345
2328
|
) });
|
|
2346
2329
|
};
|
|
2347
|
-
|
|
2330
|
+
xi.propTypes = {
|
|
2348
2331
|
defaultYear: e.number,
|
|
2349
2332
|
onResults: e.bool,
|
|
2350
2333
|
firstYear: e.number,
|
|
@@ -2352,40 +2335,32 @@ wi.propTypes = {
|
|
|
2352
2335
|
zIndex: e.number,
|
|
2353
2336
|
rightBarOpen: e.bool
|
|
2354
2337
|
};
|
|
2355
|
-
const ki = "
|
|
2338
|
+
const ki = "_TopNavMenuContainer_ku22g_2", wi = "_topNavOptions_ku22g_11", Se = {
|
|
2356
2339
|
TopNavMenuContainer: ki,
|
|
2357
|
-
topNavOptions:
|
|
2358
|
-
|
|
2359
|
-
},
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
const { t: n } = k(), t = d.textColor || "inherit", o = d.borderColor || "transparent", l = d.height || "100%";
|
|
2365
|
-
return /* @__PURE__ */ r(
|
|
2366
|
-
"div",
|
|
2340
|
+
topNavOptions: wi
|
|
2341
|
+
}, Ni = ({ options: i = [], cssProps: d = {}, activeColor: o }) => {
|
|
2342
|
+
const { t: n } = w(), t = d.textColor || "inherit";
|
|
2343
|
+
d.borderColor;
|
|
2344
|
+
const s = d.height || "calc(70px - 10px);";
|
|
2345
|
+
return /* @__PURE__ */ r("div", { className: Se.TopNavMenuContainer, children: i.map((l, a) => /* @__PURE__ */ r(
|
|
2346
|
+
at,
|
|
2367
2347
|
{
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
}),
|
|
2380
|
-
children: n(a.name)
|
|
2381
|
-
},
|
|
2382
|
-
c
|
|
2383
|
-
))
|
|
2384
|
-
}
|
|
2385
|
-
);
|
|
2348
|
+
to: l.url,
|
|
2349
|
+
className: ({ isActive: c }) => `${Se.topNavOptions}`,
|
|
2350
|
+
style: {
|
|
2351
|
+
color: t,
|
|
2352
|
+
height: s,
|
|
2353
|
+
boxShadow: isActive ? `0 5px 0 0 ${o}` : "inherit"
|
|
2354
|
+
},
|
|
2355
|
+
children: n(l.name)
|
|
2356
|
+
},
|
|
2357
|
+
a
|
|
2358
|
+
)) });
|
|
2386
2359
|
};
|
|
2387
|
-
|
|
2388
|
-
options: e.arrayOf(
|
|
2360
|
+
Ni.propTypes = {
|
|
2361
|
+
options: e.arrayOf(
|
|
2362
|
+
e.object
|
|
2363
|
+
),
|
|
2389
2364
|
cssProps: e.shape({
|
|
2390
2365
|
borderColor: e.string.isRequired,
|
|
2391
2366
|
textColor: e.string.isRequired
|
|
@@ -2394,7 +2369,7 @@ Ti.propTypes = {
|
|
|
2394
2369
|
// activeColor: PropTypes.string,
|
|
2395
2370
|
// defaultColor: PropTypes.string
|
|
2396
2371
|
};
|
|
2397
|
-
const
|
|
2372
|
+
const Si = Me({
|
|
2398
2373
|
name: "userSlice",
|
|
2399
2374
|
initialState: {
|
|
2400
2375
|
user: {
|
|
@@ -2412,15 +2387,15 @@ const Mi = Me({
|
|
|
2412
2387
|
i.showUserMenu = d.payload;
|
|
2413
2388
|
}
|
|
2414
2389
|
}
|
|
2415
|
-
}), { setShowLogIn:
|
|
2416
|
-
UserMenuTrigger:
|
|
2417
|
-
},
|
|
2418
|
-
const
|
|
2419
|
-
|
|
2390
|
+
}), { setShowLogIn: Ti, setShowUserMenu: Mi } = Si.actions, $i = "_UserMenuTrigger_uglss_2", Li = {
|
|
2391
|
+
UserMenuTrigger: $i
|
|
2392
|
+
}, Fi = ({ cssClass: i, loginLocale: d = "login" }) => {
|
|
2393
|
+
const o = Te(), n = ce((a) => a.userState.user.isLoggedIn), t = ce((a) => a.userState.user.username), { t: s } = w(), l = () => {
|
|
2394
|
+
o(n ? Ti(!0) : Mi(!0));
|
|
2420
2395
|
};
|
|
2421
|
-
return /* @__PURE__ */ r("div", { className: `${
|
|
2396
|
+
return /* @__PURE__ */ r("div", { className: `${Li.UserMenuTrigger} link ${i}`, onClick: l, children: n ? t : s(d) });
|
|
2422
2397
|
};
|
|
2423
|
-
|
|
2398
|
+
Fi.propTypes = {
|
|
2424
2399
|
onClickLoggedIn: e.func.isRequired,
|
|
2425
2400
|
onClickLoggedOut: e.func.isRequired,
|
|
2426
2401
|
log: e.bool,
|
|
@@ -2428,43 +2403,17 @@ $i.propTypes = {
|
|
|
2428
2403
|
cssClass: e.string,
|
|
2429
2404
|
loginLocale: e.string
|
|
2430
2405
|
};
|
|
2431
|
-
const
|
|
2432
|
-
header:
|
|
2433
|
-
leftComponents:
|
|
2434
|
-
centerComponents:
|
|
2435
|
-
rightComponents:
|
|
2436
|
-
},
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
rightComponents: n = []
|
|
2441
|
-
}) => /* @__PURE__ */ m("div", { className: Q.header, style: i, children: [
|
|
2442
|
-
/* @__PURE__ */ r(
|
|
2443
|
-
"div",
|
|
2444
|
-
{
|
|
2445
|
-
className: Q.leftComponents,
|
|
2446
|
-
style: { height: i.height },
|
|
2447
|
-
children: d.map((t, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
|
|
2448
|
-
}
|
|
2449
|
-
),
|
|
2450
|
-
/* @__PURE__ */ r(
|
|
2451
|
-
"div",
|
|
2452
|
-
{
|
|
2453
|
-
className: Q.centerComponents,
|
|
2454
|
-
style: { height: i.height },
|
|
2455
|
-
children: s.map((t, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
|
|
2456
|
-
}
|
|
2457
|
-
),
|
|
2458
|
-
/* @__PURE__ */ r(
|
|
2459
|
-
"div",
|
|
2460
|
-
{
|
|
2461
|
-
className: Q.rightComponents,
|
|
2462
|
-
style: { height: i.height },
|
|
2463
|
-
children: n.map((t, o) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, o))
|
|
2464
|
-
}
|
|
2465
|
-
)
|
|
2406
|
+
const Bi = "_header_t7qdl_2", Di = "_leftComponents_t7qdl_12", Ai = "_centerComponents_t7qdl_13", Oi = "_rightComponents_t7qdl_14", Q = {
|
|
2407
|
+
header: Bi,
|
|
2408
|
+
leftComponents: Di,
|
|
2409
|
+
centerComponents: Ai,
|
|
2410
|
+
rightComponents: Oi
|
|
2411
|
+
}, Ri = ({ cssProps: i, leftComponents: d = [], centerComponents: o = [], rightComponents: n = [] }) => /* @__PURE__ */ m("div", { className: Q.header, style: i, children: [
|
|
2412
|
+
/* @__PURE__ */ r("div", { className: Q.leftComponents, style: { height: i.height }, children: d.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) }),
|
|
2413
|
+
/* @__PURE__ */ r("div", { className: Q.centerComponents, style: { height: i.height }, children: o.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) }),
|
|
2414
|
+
/* @__PURE__ */ r("div", { className: Q.rightComponents, style: { height: i.height }, children: n.map((t, s) => /* @__PURE__ */ r("div", { style: { height: i.height }, children: t }, s)) })
|
|
2466
2415
|
] });
|
|
2467
|
-
|
|
2416
|
+
Ri.propTypes = {
|
|
2468
2417
|
cssProps: e.shape({
|
|
2469
2418
|
backgroundColor: e.string.isRequired,
|
|
2470
2419
|
height: e.string.isRequired,
|
|
@@ -2475,51 +2424,51 @@ Vi.propTypes = {
|
|
|
2475
2424
|
centerComponents: e.arrayOf(e.node),
|
|
2476
2425
|
rightComponents: e.arrayOf(e.node)
|
|
2477
2426
|
};
|
|
2478
|
-
const
|
|
2479
|
-
sidebar:
|
|
2427
|
+
const Ii = "_sidebar_1jqo2_2", zi = "_open_1jqo2_16", Vi = "_content_1jqo2_20", ji = "_closeButton_1jqo2_26", ee = {
|
|
2428
|
+
sidebar: Ii,
|
|
2480
2429
|
open: zi,
|
|
2481
|
-
content:
|
|
2482
|
-
closeButton:
|
|
2483
|
-
},
|
|
2430
|
+
content: Vi,
|
|
2431
|
+
closeButton: ji
|
|
2432
|
+
}, Pi = ({ width: i = "300px", children: d, showRightBar: o, onCloseBar: n }) => {
|
|
2484
2433
|
const t = () => {
|
|
2485
2434
|
n();
|
|
2486
2435
|
};
|
|
2487
2436
|
return /* @__PURE__ */ r(
|
|
2488
2437
|
"div",
|
|
2489
2438
|
{
|
|
2490
|
-
className: `${ee.sidebar} ${
|
|
2491
|
-
style: { width:
|
|
2492
|
-
children:
|
|
2439
|
+
className: `${ee.sidebar} ${o ? ee.open : ""}`,
|
|
2440
|
+
style: { width: o ? i : 0 },
|
|
2441
|
+
children: o && /* @__PURE__ */ m("div", { className: ee.content, children: [
|
|
2493
2442
|
/* @__PURE__ */ r("button", { className: ee.closeButton, onClick: t, children: "×" }),
|
|
2494
2443
|
d
|
|
2495
2444
|
] })
|
|
2496
2445
|
}
|
|
2497
2446
|
);
|
|
2498
2447
|
};
|
|
2499
|
-
|
|
2448
|
+
Pi.propTypes = {
|
|
2500
2449
|
width: e.string,
|
|
2501
2450
|
children: e.node,
|
|
2502
2451
|
showRightBar: e.bool,
|
|
2503
2452
|
onCloseBar: e.func
|
|
2504
2453
|
};
|
|
2505
2454
|
export {
|
|
2506
|
-
|
|
2455
|
+
wt as AmbitSelector,
|
|
2507
2456
|
Rt as ButtonsList,
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2457
|
+
j as DropdownList,
|
|
2458
|
+
os as EditAmbit,
|
|
2459
|
+
an as FiltersAmbit,
|
|
2460
|
+
un as Graphic,
|
|
2461
|
+
Ri as HeaderSection,
|
|
2462
|
+
Ln as IndicatorsList,
|
|
2463
|
+
Rn as LangSelector,
|
|
2464
|
+
Wn as Legend,
|
|
2465
|
+
Jn as LogoApp,
|
|
2466
|
+
ti as MapboxMap,
|
|
2467
|
+
ai as MaplibreMap,
|
|
2468
|
+
Pi as RightSidebar,
|
|
2469
|
+
mi as SectionBar,
|
|
2470
|
+
xi as TimeSlider,
|
|
2522
2471
|
Le as Tooltip,
|
|
2523
|
-
|
|
2524
|
-
|
|
2472
|
+
Ni as TopNavMenu,
|
|
2473
|
+
Fi as UserMenuTrigger
|
|
2525
2474
|
};
|