@tmf_ciclica/ciclicastorybook 1.1.98 → 1.1.100

package/dist/index.es.js

@@ -7,8 +7,8 @@ import { useTranslation as k, Trans as Ae } from "react-i18next";
 import { motion as Ie } from "framer-motion";
 import { create as vt } from "zustand";
 import * as Pe from "d3";
-import xt from "mapbox-gl";
-import { useSelector as wt, useDispatch as Nt } from "react-redux";
+import wt from "mapbox-gl";
+import { useSelector as xt, useDispatch as Nt } from "react-redux";
 import kt, { Source as Bt, Layer as St, NavigationControl as Dt, Popup as Mt } from "react-map-gl/mapbox";
 import ye from "maplibre-gl";
 import { Protocol as $t } from "pmtiles";
@@ -44,14 +44,14 @@ const jt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", Zt = "_nameDateCon
   fontColor: l,
   moreInfo: c
 }) => {
-  const { nom: u, created_at: m, id: h, isBeingProcessed: _ } = n;
+  const { nom: u, created_at: m, id: g, isBeingProcessed: y } = n;
   return /* @__PURE__ */ p(
     "div",
     {
       className: oe.ambitItem,
       style: { borderBottom: `1px solid ${l}` },
       children: [
-        /* @__PURE__ */ p("div", { className: oe.ambitNameDate, onClick: () => t(h), children: [
+        /* @__PURE__ */ p("div", { className: oe.ambitNameDate, onClick: () => t(g), children: [
           /* @__PURE__ */ p("div", { className: oe.ambitName, children: [
             /* @__PURE__ */ s(
               "img",
@@ -65,10 +65,10 @@ const jt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", Zt = "_nameDateCon
           /* @__PURE__ */ s("div", { className: oe.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: oe.ambitButtons, children: [
-          _ && /* @__PURE__ */ s("img", { src: o2 }),
-          /* @__PURE__ */ s("button", { onClick: () => o(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: i2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => d(h), children: /* @__PURE__ */ s("img", { src: n2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => i(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: t2 }) })
+          y && /* @__PURE__ */ s("img", { src: o2 }),
+          /* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: i2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: n2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: t2 }) })
         ] })
       ]
     }
@@ -127,19 +127,19 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: l = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: m = (g) => console.log(`Copy ambit: ${g}`),
-  onCLickDelete: h = (g) => console.log(`Delete ambit: ${g}`),
-  onClickFilters: _ = (g) => console.log(`Filters clicked: ${g}`),
-  onClickAmbit: f = (g) => console.log(`OnCLickAmbit: ${g}`)
+  onClickCopy: m = (C) => console.log(`Copy ambit: ${C}`),
+  onCLickDelete: g = (C) => console.log(`Delete ambit: ${C}`),
+  onClickFilters: y = (C) => console.log(`Filters clicked: ${C}`),
+  onClickAmbit: b = (C) => console.log(`OnCLickAmbit: ${C}`)
 }) => {
-  const { t: g } = k(), [y, C] = $(n);
+  const { t: C } = k(), [f, h] = $(n);
   L(() => {
-    n && C(n);
+    n && h(n);
   }, [n]);
-  const b = (x) => {
-    if (y && y.length > 0) {
-      let w = [...y];
-      w.sort((v, N) => v[x].localeCompare(N[x])), C(w);
+  const _ = (v) => {
+    if (f && f.length > 0) {
+      let x = [...f];
+      x.sort((w, N) => w[v].localeCompare(N[v])), h(x);
     }
   };
   return /* @__PURE__ */ p(
@@ -155,12 +155,12 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${i}` },
             children: [
               /* @__PURE__ */ p("div", { className: z.nameDateContainer, children: [
-                /* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => b("name"), children: [
-                  /* @__PURE__ */ s("span", { children: g(t) }),
+                /* @__PURE__ */ s("div", { className: z.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(t) }),
                   /* @__PURE__ */ s("img", { src: je })
                 ] }) }),
-                /* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => b("date"), children: [
-                  /* @__PURE__ */ s("span", { children: g(a) }),
+                /* @__PURE__ */ s("div", { className: z.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(a) }),
                   /* @__PURE__ */ s("img", { src: je })
                 ] }) })
               ] }),
@@ -168,19 +168,19 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: z.ambitListContainer, children: y && y.length > 0 && y.map((x) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: z.ambitListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ s(
           tt,
           {
-            isActive: d == x.id,
-            ambit: x,
+            isActive: d == v.id,
+            ambit: v,
             fontColor: i,
             activeColor: o,
             onClickCopy: m,
-            onClickDelete: h,
-            onClickFilters: _,
-            onClickAmbit: f
+            onClickDelete: g,
+            onClickFilters: y,
+            onClickAmbit: b
           },
-          `ambitKey${x.id}`
+          `ambitKey${v.id}`
         )) }),
         /* @__PURE__ */ s("div", { className: z.newAmbitButtonContainer, children: /* @__PURE__ */ s(
           fe,
@@ -188,7 +188,7 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...l },
             onClick: u,
             borderColor: "grey",
-            children: g(r)
+            children: C(r)
           }
         ) })
       ]
@@ -256,25 +256,25 @@ const v2 = ({
         const {
           icon: u,
           activeIcon: m,
-          isActive: h,
-          name: _,
-          onClick: f
-        } = l, g = /* @__PURE__ */ p(Me, { children: [
-          i && o === "left" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(_) }),
-          /* @__PURE__ */ s("img", { src: h ? m : u, alt: r(_) }),
-          i && o === "right" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(_) })
+          isActive: g,
+          name: y,
+          onClick: b
+        } = l, C = /* @__PURE__ */ p(Me, { children: [
+          i && o === "left" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(y) }),
+          /* @__PURE__ */ s("img", { src: g ? m : u, alt: r(y) }),
+          i && o === "right" && /* @__PURE__ */ s("span", { className: K.buttonName, children: r(y) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
             "button",
             {
-              onClick: f,
+              onClick: b,
               className: `${K.button}
-                ${h && K.active}`,
-              children: g
+                ${g && K.active}`,
+              children: C
             }
           ),
-          t && /* @__PURE__ */ s(Y, { text: _, position: a })
+          t && /* @__PURE__ */ s(Y, { text: y, position: a })
         ] }, c);
       })
     }
@@ -297,9 +297,9 @@ v2.propTypes = {
   useTooltip: e.bool,
   tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
 };
-const x2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", _e = {
-  indicatorsCategory: x2,
-  title: w2
+const w2 = "_indicatorsCategory_1cu33_2", x2 = "_title_1cu33_5", _e = {
+  indicatorsCategory: w2,
+  title: x2
 }, Q = ({
   isOpen: n,
   onClick: d,
@@ -373,7 +373,7 @@ const mi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), N2 = "data
   const { t: r } = k(), { tematicalFiltersSelected: l } = T((u) => u), c = (u) => {
     T.setState((m) => ({
       tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
-        (h) => h.code !== u
+        (g) => g.code !== u
       )
     }));
   };
@@ -484,7 +484,7 @@ function M2(n, d) {
 function ve(n) {
   return n && n.stopPropagation && n.stopPropagation(), n && n.preventDefault && n.preventDefault(), !1;
 }
-function xe(n) {
+function we(n) {
   return n == null ? [] : Array.isArray(n) ? n.slice() : [n];
 }
 function pe(n) {
@@ -526,8 +526,8 @@ let Fe = function(n) {
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(l);
       if (t.isScrolling === void 0) {
-        const h = c[0] - t.startPosition[0], _ = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(_) > Math.abs(h);
+        const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(y) > Math.abs(g);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
@@ -593,16 +593,16 @@ let Fe = function(n) {
       }, 0);
       t.pendingResizeTimeouts.push(l);
     }, t.renderThumb = (l, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (_) => {
-        t["thumb" + c] = _;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: c, value: pe(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(m, h);
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (y) => {
+        t["thumb" + c] = y;
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: pe(t.state.value), valueNow: t.state.value[c] };
+      return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(m, g);
     }, t.renderTrack = (l, c, u) => {
-      const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, h = { index: l, value: pe(t.state.value) };
-      return t.props.renderTrack(m, h);
+      const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: pe(t.state.value) };
+      return t.props.renderTrack(m, g);
     };
-    let a = xe(o.value);
-    a.length || (a = xe(o.defaultValue)), t.pendingResizeTimeouts = [];
+    let a = we(o.value);
+    a.length || (a = we(o.defaultValue)), t.pendingResizeTimeouts = [];
     const r = [];
     for (let l = 0; l < a.length; l += 1) a[l] = H(a[l], o), r.push(l);
     return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: a, zIndices: r }, t;
@@ -612,7 +612,7 @@ let Fe = function(n) {
   return i.componentDidMount = function() {
     typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
   }, d.getDerivedStateFromProps = function(o, t) {
-    const a = xe(o.value);
+    const a = we(o.value);
     return a.length ? t.pending ? null : { value: a.map((r) => H(r, o)) } : null;
   }, i.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
@@ -654,8 +654,8 @@ let Fe = function(n) {
   }, i.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const a = this.sizeKey(), r = o.getBoundingClientRect(), l = o[a], c = r[this.posMaxKey()], u = r[this.posMinKey()], m = t.getBoundingClientRect()[a.replace("client", "").toLowerCase()], h = l - m, _ = Math.abs(c - u);
-    this.state.upperBound === h && this.state.sliderLength === _ && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: _, thumbSize: m });
+    const a = this.sizeKey(), r = o.getBoundingClientRect(), l = o[a], c = r[this.posMaxKey()], u = r[this.posMinKey()], m = t.getBoundingClientRect()[a.replace("client", "").toLowerCase()], g = l - m, y = Math.abs(c - u);
+    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === m || this.setState({ upperBound: g, sliderLength: y, thumbSize: m });
   }, i.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -694,28 +694,28 @@ let Fe = function(n) {
     const t = this.state.value.slice(), { index: a } = this.state, { length: r } = t, l = t[a];
     if (o === l) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: m, minDistance: h } = this.props;
+    const { pearling: c, max: u, min: m, minDistance: g } = this.props;
     if (!c) {
       if (a > 0) {
-        const _ = t[a - 1];
-        o < _ + h && (o = _ + h);
+        const y = t[a - 1];
+        o < y + g && (o = y + g);
       }
       if (a < r - 1) {
-        const _ = t[a + 1];
-        o > _ - h && (o = _ - h);
+        const y = t[a + 1];
+        o > y - g && (o = y - g);
       }
     }
-    t[a] = o, c && r > 1 && (o > l ? (this.pushSucceeding(t, h, a), function(_, f, g, y) {
-      for (let C = 0; C < _; C += 1) {
-        const b = y - C * g;
-        f[_ - 1 - C] > b && (f[_ - 1 - C] = b);
+    t[a] = o, c && r > 1 && (o > l ? (this.pushSucceeding(t, g, a), function(y, b, C, f) {
+      for (let h = 0; h < y; h += 1) {
+        const _ = f - h * C;
+        b[y - 1 - h] > _ && (b[y - 1 - h] = _);
       }
-    }(r, t, h, u)) : o < l && (this.pushPreceding(t, h, a), function(_, f, g, y) {
-      for (let C = 0; C < _; C += 1) {
-        const b = y + C * g;
-        f[C] < b && (f[C] = b);
+    }(r, t, g, u)) : o < l && (this.pushPreceding(t, g, a), function(y, b, C, f) {
+      for (let h = 0; h < y; h += 1) {
+        const _ = f + h * C;
+        b[h] < _ && (b[h] = _);
       }
-    }(r, t, h, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(r, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, i.pushSucceeding = function(o, t, a) {
     let r, l;
     for (r = a, l = o[r] + t; o[r + 1] !== null && l > o[r + 1]; r += 1, l = o[r] + t) o[r + 1] = Le(l, this.props);
@@ -788,8 +788,8 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   fontColor: r = "#605B56",
   defaultValue: l
 }) => {
-  const { t: c } = k(), [u, m] = $([n, d]), h = (_) => {
-    m(_), o == null || o({ min: _[0], max: _[1] });
+  const { t: c } = k(), [u, m] = $([n, d]), g = (y) => {
+    m(y), o == null || o({ min: y[0], max: y[1] });
   };
   return L(() => {
     l || m([n, d]);
@@ -810,7 +810,7 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
             max: d,
             step: i,
             value: u,
-            onAfterChange: h,
+            onAfterChange: g,
             withTracks: !0,
             pearling: !0,
             minDistance: 0.1
@@ -854,20 +854,20 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
     maxValue: c,
     unit: u,
     step: m
-  } = n || {}, h = le(
+  } = n || {}, g = le(
     () => t == "cat" || i == "cat",
     [i, t]
-  ), _ = le(
+  ), y = le(
     () => t == "abs" || i == "abs",
     [i, t]
   ), {
-    tematicalFiltersSelected: f,
-    selectedIndicator: g,
-    fontColor: y,
-    inputsColor: C
-  } = T((w) => w), b = (w) => {
-    if (w) {
-      const { min: v, max: N, valueClicked: S, allValues: D } = w || {}, { code: j, type: de } = n || {}, ue = _ ? "abs" : h ? "cat" : "both";
+    tematicalFiltersSelected: b,
+    selectedIndicator: C,
+    fontColor: f,
+    inputsColor: h
+  } = T((x) => x), _ = (x) => {
+    if (x) {
+      const { min: w, max: N, valueClicked: S, allValues: D } = x || {}, { code: j, type: de } = n || {}, ue = y ? "abs" : g ? "cat" : "both";
       let R = j[0];
       de == "both" && (R = ue == "cat" ? j[1] : j[0]), ue == "cat" ? T.setState((q) => {
         let E = q.tematicalFiltersSelected.find(
@@ -890,7 +890,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
           let V = D.map((I, yt) => yt);
           return {
             tematicalFiltersSelected: [
-              ...f,
+              ...b,
               {
                 type: "cat",
                 code: R,
@@ -904,7 +904,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
         let E = q.tematicalFiltersSelected.find(
           (V) => V.code === R
         );
-        if (v == n.minValue && N == n.maxValue)
+        if (w == n.minValue && N == n.maxValue)
           return {
             tematicalFiltersSelected: q.tematicalFiltersSelected.filter(
               (V) => V.code !== R
@@ -912,7 +912,7 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
           };
         if (E) {
           let V = { ...E };
-          return V.min = v, V.max = N, {
+          return V.min = w, V.max = N, {
             tematicalFiltersSelected: q.tematicalFiltersSelected.map(
               (I) => I.code === R ? V : I
             )
@@ -920,40 +920,40 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ...f,
-              { type: "abs", code: R, min: v, max: N, name: n.name }
+              ...b,
+              { type: "abs", code: R, min: w, max: N, name: n.name }
             ]
           };
       });
     }
-  }, x = le(() => {
-    const w = {};
-    if ((f == null ? void 0 : f.length) > 0)
-      for (const v of f)
-        v.type === "cat" ? w[v.code] = new Set(v.values) : w[v.code] = [v.min, v.max];
-    return console.log("mapfilterSelected", w), w;
-  }, [f]);
+  }, v = le(() => {
+    const x = {};
+    if ((b == null ? void 0 : b.length) > 0)
+      for (const w of b)
+        w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
+    return console.log("mapfilterSelected", x), x;
+  }, [b]);
   return /* @__PURE__ */ s("div", { className: he.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
     Q,
     {
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
       title: a,
-      isOpen: g == `id${a}`,
+      isOpen: C == `id${a}`,
       onClick: () => T.setState(() => ({
-        selectedIndicator: g == `id${a}` ? "" : `id${a}`
+        selectedIndicator: C == `id${a}` ? "" : `id${a}`
       })),
       showBottomBar: !1,
       height: 42,
       titleMarginChildren: 14,
       className: "tematicalFiltersInputContainer",
-      color: y,
+      color: f,
       activeColor: d,
       children: [
         t == "both" && /* @__PURE__ */ p(
           "div",
           {
             className: he.inputTypeContainer,
-            style: { color: y },
+            style: { color: f },
             children: [
               /* @__PURE__ */ p("label", { children: [
                 /* @__PURE__ */ s(
@@ -967,8 +967,8 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: i == "abs" ? C : "white",
-                      border: `1.5px solid ${i == "abs" ? C : y}`
+                      backgroundColor: i == "abs" ? h : "white",
+                      border: `1.5px solid ${i == "abs" ? h : f}`
                     }
                   }
                 ),
@@ -986,8 +986,8 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: i == "cat" ? C : "white",
-                      border: `1.5px solid ${i == "cat" ? C : y}`
+                      backgroundColor: i == "cat" ? h : "white",
+                      border: `1.5px solid ${i == "cat" ? h : f}`
                     }
                   }
                 ),
@@ -996,26 +996,26 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
             ]
           }
         ),
-        h && /* @__PURE__ */ s("div", { className: he.checkboxContainer, children: r.map((w, v) => {
+        g && /* @__PURE__ */ s("div", { className: he.checkboxContainer, children: r.map((x, w) => {
           var N;
           return /* @__PURE__ */ s(
             ot,
             {
-              onClick: () => b({ valueClicked: v, allValues: r }),
-              indicator: w,
-              value: ((N = x[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(v)) || !x[n.code[t == "both" ? 1 : 0]]
+              onClick: () => _({ valueClicked: w, allValues: r }),
+              indicator: x,
+              value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
             },
-            `checkbox-${v}`
+            `checkbox-${w}`
           );
         }) }),
-        _ && /* @__PURE__ */ s("div", { className: he.absoluteSliderContainer, children: /* @__PURE__ */ s(
+        y && /* @__PURE__ */ s("div", { className: he.absoluteSliderContainer, children: /* @__PURE__ */ s(
           st,
           {
-            onChange: b,
+            onChange: _,
             min: l,
             max: c,
             unit: u,
-            defaultValue: x[n.code[0]] ? x[n.code[0]] : "",
+            defaultValue: v[n.code[0]] ? v[n.code[0]] : "",
             step: m
           }
         ) })
@@ -1196,56 +1196,56 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
   saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: m,
-  filtersTypes: h = ["geographical", "tematical"],
-  nameRequiredText: _,
-  onlyFilters: f = !1
+  filtersTypes: g = ["geographical", "tematical"],
+  nameRequiredText: y,
+  onlyFilters: b = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: g } = k(), { tematicalFiltersSelected: y } = T((D) => D), [C, b] = $(n || null), [x, w] = $(d || null), [v, N] = $(!1);
+  const { t: C } = k(), { tematicalFiltersSelected: f } = T((D) => D), [h, _] = $(n || null), [v, x] = $(d || null), [w, N] = $(!1);
   L(() => {
     i && i.length > 0 && T.setState((D) => ({
       tematicalFiltersSelected: i
     }));
   }, [i]), L(() => {
-    console.log("filtersSelected changed: ", y), l(y);
-  }, [y]);
+    console.log("filtersSelected changed: ", f), l(f);
+  }, [f]);
   const S = () => {
-    C ? c({ name: C, description: x }) : N(!0);
+    h ? c({ name: h, description: v }) : N(!0);
   };
   return /* @__PURE__ */ p("div", { className: J.FiltersAmbitContainer, children: [
-    !f && /* @__PURE__ */ p("div", { className: J.FiltersAmbitHeader, children: [
+    !b && /* @__PURE__ */ p("div", { className: J.FiltersAmbitHeader, children: [
       /* @__PURE__ */ s("div", { className: J.FiltersAmbitTitle, children: /* @__PURE__ */ s(
         "input",
         {
           type: "text",
           onChange: (D) => {
-            N(!1), b(D.target.value);
+            N(!1), _(D.target.value);
           },
-          value: C,
-          placeholder: g(u)
+          value: h,
+          placeholder: C(u)
         }
       ) }),
       /* @__PURE__ */ s("div", { className: J.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: J.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
         "textarea",
         {
-          value: x,
-          onChange: (D) => w(D.target.value),
-          placeholder: g(m)
+          value: v,
+          onChange: (D) => x(D.target.value),
+          placeholder: C(m)
         }
       ) }) })
     ] }),
     /* @__PURE__ */ s(
       nt,
       {
-        title: g("applied_filters"),
+        title: C("applied_filters"),
         isOpen: !0,
         textColor: a || "#fff",
         backgroundColor: r || "#605B5680",
         activeColor: t
       }
     ),
-    h.includes("geographical") && /* @__PURE__ */ s(it, { activeColor: t }),
-    h.includes("tematical") && /* @__PURE__ */ s(
+    g.includes("geographical") && /* @__PURE__ */ s(it, { activeColor: t }),
+    g.includes("tematical") && /* @__PURE__ */ s(
       lt,
       {
         indicators: o,
@@ -1255,8 +1255,8 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    v && /* @__PURE__ */ s("div", { className: J.warning, children: g(_) }),
-    !f && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(fe, { onClick: () => S(), children: g("save_ambit") }) })
+    w && /* @__PURE__ */ s("div", { className: J.warning, children: C(y) }),
+    !b && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(fe, { onClick: () => S(), children: C("save_ambit") }) })
   ] });
 };
 U2.propTypes = {
@@ -1288,13 +1288,13 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = k(), { xScale: h, ticks: _, height: f } = le(() => {
+  const { t: m } = k(), { xScale: g, ticks: y, height: b } = le(() => {
     if (n && n.length > 0) {
-      const g = (n == null ? void 0 : n.length) * (i + o) + a * 2, y = Pe.max(n, (x) => x.value) || 1, C = Pe.scaleLinear().domain([0, u || y]).range([0, d - l]), b = Array.from({ length: c + 1 }, (x, w) => u ? u / c * w : y / c * w);
+      const C = (n == null ? void 0 : n.length) * (i + o) + a * 2, f = Pe.max(n, (v) => v.value) || 1, h = Pe.scaleLinear().domain([0, u || f]).range([0, d - l]), _ = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : f / c * x);
       return {
-        xScale: C,
-        ticks: b,
-        height: g,
+        xScale: h,
+        ticks: _,
+        height: C,
         width: d,
         verticalPaddign: a,
         horizontalPaddign: r
@@ -1311,36 +1311,36 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
     a,
     u
   ]);
-  return /* @__PURE__ */ s("div", { className: W2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + r * 2, height: f, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${l + r}, 0)`, children: _.map((g, y) => {
-      const C = h(g);
-      return /* @__PURE__ */ p("g", { transform: `translate(${C}, 0)`, children: [
+  return /* @__PURE__ */ s("div", { className: W2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + r * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${l + r}, 0)`, children: y.map((C, f) => {
+      const h = g(C);
+      return /* @__PURE__ */ p("g", { transform: `translate(${h}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
           {
             y1: 0,
-            y2: f - o * 2,
+            y2: b - o * 2,
             stroke: "#ccc"
           }
         ),
         /* @__PURE__ */ s(
           "text",
           {
-            y: f - o,
+            y: b - o,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
-            children: parseInt(g)
+            children: parseInt(C)
           }
         )
-      ] }, y);
+      ] }, f);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((g, y) => {
-      const C = h(g.value), b = y * (i + o);
+    n && n.length > 0 && (n == null ? void 0 : n.map((C, f) => {
+      const h = g(C.value), _ = f * (i + o);
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${l + r}, ${b})`,
+          transform: `translate(${l + r}, ${_})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1349,21 +1349,21 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
                 y: i / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m(g.title)
+                children: m(C.title)
               }
             ),
             /* @__PURE__ */ s(
               "rect",
               {
-                width: C,
+                width: h,
                 height: i,
-                fill: g.color,
+                fill: C.color,
                 rx: 0
               }
             )
           ]
         },
-        y
+        f
       );
     }))
   ] }) }) });
@@ -1441,7 +1441,7 @@ X2.propTypes = {
   numberOfDivisions: e.number,
   leftPadding: e.number
 };
-const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu33_11", we = {
+const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu33_11", xe = {
   indicatorsCategory: J2,
   title: e0,
   list: t0
@@ -1467,15 +1467,15 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
   multiple: l = !1,
   onChangeType: c
 }) => {
-  const { t: u } = k(), { name: m, type: h } = n, [_, f] = $(!1);
+  const { t: u } = k(), { name: m, type: g } = n, [y, b] = $(!1);
   L(() => {
-    t && f(
+    t && b(
       l ? t.some(
-        (C) => C.name == String(m)
+        (h) => h.name == String(m)
       ) : t.name == m
     );
   }, [t]);
-  const g = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ p("div", { className: F.switchTypeOptions, children: [
+  const C = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ p("div", { className: F.switchTypeOptions, children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -1534,7 +1534,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
         ]
       }
     )
-  ] }) }) }), y = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ s("div", { className: F.switchTypeOptions, children: d.map((C, b) => /* @__PURE__ */ p(
+  ] }) }) }), f = () => /* @__PURE__ */ s("div", { className: F.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: F.switchType, children: /* @__PURE__ */ s("div", { className: F.switchTypeOptions, children: d.map((h, _) => /* @__PURE__ */ p(
     "div",
     {
       className: F.optionContainer,
@@ -1545,10 +1545,10 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             className: F.customRadious
           }
         ),
-        /* @__PURE__ */ s("h4", { children: u(C.unit) })
+        /* @__PURE__ */ s("h4", { children: u(h.unit) })
       ]
     },
-    b
+    _
   )) }) }) });
   return /* @__PURE__ */ p("div", { className: F.indicatorContainer, children: [
     /* @__PURE__ */ p(
@@ -1561,7 +1561,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             "div",
             {
               style: {
-                border: _ ? `1px solid ${i}` : `1px solid ${o}`
+                border: y ? `1px solid ${i}` : `1px solid ${o}`
               },
               className: F.dot
             }
@@ -1570,15 +1570,15 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             "h4",
             {
               className: F.indicatorName,
-              style: { color: _ ? i : o },
+              style: { color: y ? i : o },
               children: /* @__PURE__ */ s(Ae, { i18nKey: m, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 })
             }
           )
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === m && h === "both" && /* @__PURE__ */ s("div", { children: g() }),
-    (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ s("div", { children: y() })
+    (t == null ? void 0 : t.name) === m && g === "both" && /* @__PURE__ */ s("div", { children: C() }),
+    (t == null ? void 0 : t.name) === m && g === "twoUnits" && /* @__PURE__ */ s("div", { children: f() })
   ] });
 };
 Re.propTypes = {
@@ -1608,42 +1608,42 @@ const p0 = "_indicatorsSubCategory_1dzsi_2", m0 = "_list_1dzsi_8", Ke = {
   onClickIndicator: c,
   multiple: u,
   activeIndicatorType: m,
-  onChangeType: h
+  onChangeType: g
 }) => {
-  const { t: _ } = k(), [f, g] = $(!1);
+  const { t: y } = k(), [b, C] = $(!1);
   return L(() => {
-    g(t == r);
+    C(t == r);
   }, [t, r]), /* @__PURE__ */ p(
     Ie.div,
     {
       className: Ke.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: f ? "auto" : "43px" },
+      animate: { height: b ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ s("button", { onClick: () => a(r), children: /* @__PURE__ */ p("h3", { style: { color: f ? o : i }, children: [
-          /* @__PURE__ */ s("span", { style: { color: f ? o : i }, children: f ? "-" : "+" }),
+        /* @__PURE__ */ s("button", { onClick: () => a(r), children: /* @__PURE__ */ p("h3", { style: { color: b ? o : i }, children: [
+          /* @__PURE__ */ s("span", { style: { color: b ? o : i }, children: b ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: f ? o : i },
-              children: _(n)
+              style: { marginLeft: 12, color: b ? o : i },
+              children: y(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ s("div", { className: Ke.list, children: d == null ? void 0 : d.map((y, C) => /* @__PURE__ */ s(
+        d && /* @__PURE__ */ s("div", { className: Ke.list, children: d == null ? void 0 : d.map((f, h) => /* @__PURE__ */ s(
           Re,
           {
-            indicator: y,
+            indicator: f,
             defaultColor: i,
             activeColor: o,
             activeIndicator: l,
             onClickIndicator: c,
             multiple: u,
             activeIndicatorType: m,
-            onChangeType: h
+            onChangeType: g
           },
-          "indicator" + C
+          "indicator" + h
         )) })
       ]
     }
@@ -1673,69 +1673,69 @@ const ut = ({
   activeIndicator: c,
   onClickIndicator: u,
   multiple: m,
-  activeIndicatorType: h,
-  onChangeType: _
+  activeIndicatorType: g,
+  onChangeType: y
 }) => {
-  var C;
-  const { t: f } = k(), [g, y] = $(!1);
+  var h;
+  const { t: b } = k(), [C, f] = $(!1);
   return L(() => {
-    y(a === d);
+    f(a === d);
   }, [a, d]), /* @__PURE__ */ p(
     Ie.div,
     {
-      className: we.indicatorsCategory,
+      className: xe.indicatorsCategory,
       initial: { height: "53px" },
-      animate: { height: g ? "auto" : "53px" },
+      animate: { height: C ? "auto" : "53px" },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: g ? `1px solid ${i}` : "0px",
-        marginBottom: g ? "20px" : "0px"
+        borderBottom: C ? `1px solid ${i}` : "0px",
+        marginBottom: C ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ p("h2", { className: `${we.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ s("span", { style: { color: g ? i : o }, children: g ? "-" : "+" }),
+        /* @__PURE__ */ p("h2", { className: `${xe.title}`, onClick: () => t(d), children: [
+          /* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: g ? i : o },
-              children: f(n.name)
+              style: { marginLeft: 12, color: C ? i : o },
+              children: b(n.name)
             }
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: b, subcategory: x, indicators: w }, v) => /* @__PURE__ */ s(
+          ({ name: _, subcategory: v, indicators: x }, w) => /* @__PURE__ */ s(
             dt,
             {
-              id: x,
+              id: v,
               activeSubCategory: r,
-              subcName: b,
+              subcName: _,
               onClickSubCategory: l,
               activeIndicator: c,
               onClickIndicator: u,
               multiple: m,
               activeColor: i,
               defaultColor: o,
-              indicators: w,
-              activeIndicatorType: h,
-              onChangeType: _
+              indicators: x,
+              activeIndicatorType: g,
+              onChangeType: y
             },
-            `subcKey ${v}`
+            `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ s("div", { className: we.list, children: (C = n.indicators) == null ? void 0 : C.map((b, x) => /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ s("div", { className: xe.list, children: (h = n.indicators) == null ? void 0 : h.map((_, v) => /* @__PURE__ */ s(
           Re,
           {
-            indicator: b,
-            values: b.type == "twoUnits" && b.values,
+            indicator: _,
+            values: _.type == "twoUnits" && _.values,
             activeColor: i,
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
             multiple: m,
-            activeIndicatorType: h,
-            onChangeType: _
+            activeIndicatorType: g,
+            onChangeType: y
           },
-          `indicator${x}`
+          `indicator${v}`
         )) })
       ]
     }
@@ -1772,64 +1772,64 @@ const h0 = "_indicatorsList_fklyu_2", g0 = "_title_fklyu_6", He = {
   changeIndType: r,
   activeIndicatorType: l
 }) => {
-  const { t: c } = k(), [u, m] = $(), [h, _] = $(), [f, g] = $(), y = (v) => {
-    m(u == v ? null : v);
-  }, C = (v) => {
-    _(h == v ? null : v);
-  }, b = ({ indicator: v }) => {
-    console.log("onClickIndicator: ", v), x(v);
-  }, x = (v) => {
+  const { t: c } = k(), [u, m] = $(), [g, y] = $(), [b, C] = $(), f = (w) => {
+    m(u == w ? null : w);
+  }, h = (w) => {
+    y(g == w ? null : w);
+  }, _ = ({ indicator: w }) => {
+    console.log("onClickIndicator: ", w), v(w);
+  }, v = (w) => {
     if (!t)
-      g(
-        (f == null ? void 0 : f.name) == v.name ? null : v
+      C(
+        (b == null ? void 0 : b.name) == w.name ? null : w
       );
     else {
-      let N = f && f.length > 0 ? [...f] : [];
-      g(
+      let N = b && b.length > 0 ? [...b] : [];
+      C(
         N != null && N.some(
-          (S) => S.name == v.name
+          (S) => S.name == w.name
         ) ? N.filter(
-          (S) => S.name != String(v.name)
-        ) : [...N, v]
-      ), v.type == "both" && r("cat");
+          (S) => S.name != String(w.name)
+        ) : [...N, w]
+      ), w.type == "both" && r("cat");
     }
   };
   L(() => {
-    console.log("activeindicator changed to: ", f), o && typeof o == "function" && f && o({ activeIndicator: f });
-  }, [f]), _t(() => {
-    if (a && !f)
+    console.log("activeindicator changed to: ", b), o && typeof o == "function" && b && o({ activeIndicator: b });
+  }, [b]), _t(() => {
+    if (a && !b)
       if (t && a && Array.isArray(a)) {
-        let v = f && f.length > 0 ? [...f] : [];
-        g([...v, ...a]), w(a[0].name);
+        let w = b && b.length > 0 ? [...b] : [];
+        C([...w, ...a]), x(a[0].name);
       } else
-        x(a), w(a.name);
+        v(a), x(a.name);
   }, []);
-  const w = (v) => {
+  const x = (w) => {
     const N = n.find((S) => {
       if (S.subcategories) {
         let D = S.subcategories.find(
-          (j) => j.indicators.find((de) => de.name == v)
+          (j) => j.indicators.find((de) => de.name == w)
         );
         if (D)
-          return _(D.subcategory), D;
+          return y(D.subcategory), D;
       } else
-        return S.indicators.some((D) => D.name == v);
+        return S.indicators.some((D) => D.name == w);
     });
     N && m(N.category);
   };
   return /* @__PURE__ */ p("div", { className: He.indicatorsList, children: [
     /* @__PURE__ */ s("h2", { className: He.title, style: { color: i }, children: c("indicators.indicators") }),
-    n.map((v, N) => /* @__PURE__ */ s(
+    n.map((w, N) => /* @__PURE__ */ s(
       ut,
       {
-        id: v.category,
-        cat: v,
-        onClickCategory: y,
+        id: w.category,
+        cat: w,
+        onClickCategory: f,
         activeCategory: u,
-        onClickSubCategory: C,
-        activeSubCategory: h,
-        onClickIndicator: b,
-        activeIndicator: f,
+        onClickSubCategory: h,
+        activeSubCategory: g,
+        onClickIndicator: _,
+        activeIndicator: b,
         activeColor: d,
         defaultColor: i,
         multiple: t,
@@ -1858,7 +1858,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
   arrow: y0,
   prevImg: _0,
   langMenu: v0
-}, x0 = ({ langs: n, arrow: d, imgPrev: i }) => {
+}, w0 = ({ langs: n, arrow: d, imgPrev: i }) => {
   const [o, t] = $(!1), { i18n: a } = k(), r = n.find((c) => c.code == a.language), l = (c) => {
     a.changeLanguage(c), t(!1);
   };
@@ -1888,7 +1888,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
     )) })
   ] });
 };
-x0.propTypes = {
+w0.propTypes = {
   langs: e.arrayOf(
     e.shape({
       code: e.string,
@@ -1902,8 +1902,8 @@ x0.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titleContainer_qs4x9_59", B0 = "_infoContainer_qs4x9_65", S0 = "_titleLegendList_qs4x9_76", D0 = "_legendListContainer_qs4x9_82", M0 = "_gridContainer_qs4x9_82", $0 = "_elementLegendContainer_qs4x9_88", L0 = "_colorDot_qs4x9_94", F0 = "_absoluteValueContainer_qs4x9_100", T0 = "_absoluteValueColor_qs4x9_103", V0 = "_absoluteValueText_qs4x9_108", A0 = "_noDataContainer_qs4x9_120", I0 = "_noData_qs4x9_120", O0 = "_moreInfoContainer_qs4x9_141", M = {
-  legendContainer: w0,
+const x0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titleContainer_qs4x9_59", B0 = "_infoContainer_qs4x9_65", S0 = "_titleLegendList_qs4x9_76", D0 = "_legendListContainer_qs4x9_82", M0 = "_gridContainer_qs4x9_82", $0 = "_elementLegendContainer_qs4x9_88", L0 = "_colorDot_qs4x9_94", F0 = "_absoluteValueContainer_qs4x9_100", T0 = "_absoluteValueColor_qs4x9_103", V0 = "_absoluteValueText_qs4x9_108", A0 = "_noDataContainer_qs4x9_120", I0 = "_noData_qs4x9_120", O0 = "_moreInfoContainer_qs4x9_141", M = {
+  legendContainer: x0,
   closeButton: N0,
   titleContainer: k0,
   infoContainer: B0,
@@ -1950,11 +1950,11 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
       children: [
         /* @__PURE__ */ s("button", { className: M.closeButton, onClick: c }),
         d && /* @__PURE__ */ s("div", { className: M.titleContainer, style: { marginBottom: (!i || i.length == 0) && "15px" }, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        i && i.length > 0 && /* @__PURE__ */ s("div", { className: M.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: h }) => /* @__PURE__ */ p("li", { children: [
+        i && i.length > 0 && /* @__PURE__ */ s("div", { className: M.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: g }) => /* @__PURE__ */ p("li", { children: [
           /* @__PURE__ */ s("h3", { className: M.title, children: `${m}:` }),
           /* @__PURE__ */ p("span", { className: M.value, children: [
             "  ",
-            h
+            g
           ] })
         ] }, d)) }) }),
         /* @__PURE__ */ s("h3", { className: M.titleLegendList, style: { marginTop: i && i.length > 0 && "30px" }, children: t && /* @__PURE__ */ s(Ae, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 }) }),
@@ -1987,12 +1987,12 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ s("div", { className: M.gridContainer, children: o.map(
-            ({ title: m, color: h }) => /* @__PURE__ */ p("div", { className: M.elementLegendContainer, children: [
+            ({ title: m, color: g }) => /* @__PURE__ */ p("div", { className: M.elementLegendContainer, children: [
               /* @__PURE__ */ s(
                 "div",
                 {
                   className: M.colorDot,
-                  style: { backgroundColor: h }
+                  style: { backgroundColor: g }
                 }
               ),
               /* @__PURE__ */ p("div", { className: M.titleLegendElement, children: [
@@ -2061,7 +2061,7 @@ E0.propTypes = {
 const P0 = "_mapContainer_84pkf_2", j0 = {
   mapContainer: P0
 };
-xt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
+wt.accessToken = "pk.eyJ1IjoiY2ljbGljYSIsImEiOiJja3llODhxZ2UwYzF1Mm5xcHVhMzI3anhqIn0.-r56FLAzEH57eVsB2ZeVcA";
 const z0 = ({
   initialView: n = { latitude: 39.4699, longitude: -0.3763, zoom: 12 },
   maxZoom: d = 17,
@@ -2075,19 +2075,19 @@ const z0 = ({
   sources: u = [],
   layers: m = []
 }) => {
-  const h = ie(), [_, f] = $(null), g = wt((y) => y.mapState.showTexts);
+  const g = ie(), [y, b] = $(null), C = xt((f) => f.mapState.showTexts);
   return L(() => {
-    if (h.current) {
-      const y = h.current.getMap();
-      y.getStyle().layers.map((b) => {
-        b.type == "symbol" && b.id != "professionals" && (g ? y.setLayoutProperty(b.id, "visibility", "visible") : y.setLayoutProperty(b.id, "visibility", "none"));
+    if (g.current) {
+      const f = g.current.getMap();
+      f.getStyle().layers.map((_) => {
+        _.type == "symbol" && _.id != "professionals" && (C ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
       });
     }
-  }, [g]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: a, children: /* @__PURE__ */ p(
+  }, [C]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: a, children: /* @__PURE__ */ p(
     kt,
     {
       initialViewState: n,
-      ref: h,
+      ref: g,
       hash: !1,
       maxZoom: d,
       minZoom: i,
@@ -2095,31 +2095,31 @@ const z0 = ({
       onClick: r,
       interactiveLayerIds: l,
       children: [
-        u.length && u.map((y, C) => /* @__PURE__ */ s(
+        u.length && u.map((f, h) => /* @__PURE__ */ s(
           Bt,
           {
-            ...y,
-            children: m.length && m.map((b, x) => {
-              if (b.sourceId == y.id) return /* @__PURE__ */ s(
+            ...f,
+            children: m.length && m.map((_, v) => {
+              if (_.sourceId == f.id) return /* @__PURE__ */ s(
                 St,
                 {
-                  ...b.layer,
+                  ..._.layer,
                   beforeId: t
                 },
-                x
+                v
               );
             })
           },
-          C
+          h
         )),
         /* @__PURE__ */ s(Dt, { position: "bottom-right", visualizePitch: !0 }),
-        c && _ && /* @__PURE__ */ s(
+        c && y && /* @__PURE__ */ s(
           Mt,
           {
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => f(null),
+            onClose: () => b(null),
             children: c.content
           }
         )
@@ -2202,22 +2202,22 @@ const Z0 = "_mapContainer_b0pyr_3", K0 = {
   sources: c = [],
   layers: u = [],
   filters: m,
-  popUpParams: h,
-  onClosePopUp: _,
-  showTexts: f
+  popUpParams: g,
+  onClosePopUp: y,
+  showTexts: b
 }) => {
   console.log(m);
-  const g = ie();
+  const C = ie();
   return L(() => {
-    if (g.current) {
-      const y = g.current.getMap();
-      y.getStyle().layers.map((b) => {
-        b.type == "symbol" && b.id != "professionals" && (f ? y.setLayoutProperty(b.id, "visibility", "visible") : y.setLayoutProperty(b.id, "visibility", "none"));
+    if (C.current) {
+      const f = C.current.getMap();
+      f.getStyle().layers.map((_) => {
+        _.type == "symbol" && _.id != "professionals" && (b ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
       });
     }
-  }, [f]), L(() => {
-    let y = new $t();
-    return ye.addProtocol("pmtiles", y.tile), () => {
+  }, [b]), L(() => {
+    let f = new $t();
+    return ye.addProtocol("pmtiles", f.tile), () => {
       ye.removeProtocol("pmtiles");
     };
   }, []), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style: a && a, children: /* @__PURE__ */ p(
@@ -2225,7 +2225,7 @@ const Z0 = "_mapContainer_b0pyr_3", K0 = {
     {
       mapLib: ye,
       initialViewState: n,
-      ref: g,
+      ref: C,
       hash: !1,
       maxZoom: d,
       minZoom: i,
@@ -2233,32 +2233,32 @@ const Z0 = "_mapContainer_b0pyr_3", K0 = {
       onClick: r,
       interactiveLayerIds: l,
       children: [
-        c.length && c.map((y, C) => /* @__PURE__ */ s(
+        c.length && c.map((f, h) => /* @__PURE__ */ s(
           Ft,
           {
-            ...y,
-            children: u.length && u.map((b, x) => {
-              if (b.sourceId == y.id) return /* @__PURE__ */ s(
+            ...f,
+            children: u.length && u.map((_, v) => {
+              if (_.sourceId == f.id) return /* @__PURE__ */ s(
                 Tt,
                 {
-                  ...b.layer,
+                  ..._.layer,
                   beforeId: t,
                   filter: m && m
                 },
-                x
+                v
               );
             })
           },
-          C
+          h
         )),
         /* @__PURE__ */ s(Vt, { position: "bottom-right", visualizePitch: !0 }),
-        h && /* @__PURE__ */ s(
+        g && /* @__PURE__ */ s(
           At,
           {
-            longitude: h.lng,
-            latitude: h.lat,
-            onClose: _,
-            children: /* @__PURE__ */ s(G0, { props: h.props })
+            longitude: g.lng,
+            latitude: g.lat,
+            onClose: y,
+            children: /* @__PURE__ */ s(G0, { props: g.props })
           }
         )
       ]
@@ -2366,30 +2366,30 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
   sliderOpen: ln,
   sliderResults: cn
 }, dn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: a = !1 }) => {
-  const [r, l] = $(d), c = Nt(), u = (b, x) => {
-    l(x), c(Ne(x - 2e3));
-  }, [m, h] = $(!1), _ = () => {
-    h(!0);
-  }, f = () => {
-    h(!1);
+  const [r, l] = $(d), c = Nt(), u = (_, v) => {
+    l(v), c(Ne(v - 2e3));
+  }, [m, g] = $(!1), y = () => {
+    g(!0);
+  }, b = () => {
+    g(!1);
   };
-  ((b, x) => {
-    const w = ie();
+  ((_, v) => {
+    const x = ie();
     L(() => {
-      w.current = b;
-    }, [b]), L(() => {
-      function v() {
-        w.current();
+      x.current = _;
+    }, [_]), L(() => {
+      function w() {
+        x.current();
       }
       {
-        let N = setInterval(v, x);
+        let N = setInterval(w, v);
         return () => clearInterval(N);
       }
-    }, [x]);
+    }, [v]);
   })(() => {
     m && (r != 2050 ? (l(r + 1), c(Ne(r - 2e3 + 1))) : (l(2025), c(Ne(25))));
   }, 1e3);
-  const y = Rt({
+  const f = Rt({
     palette: {
       primary: {
         main: "#605b56"
@@ -2411,13 +2411,13 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
         }
       }
     }
-  }), C = [
+  }), h = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ s(Et, { theme: y, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ s(Et, { theme: f, children: /* @__PURE__ */ p(
     qt,
     {
       sx: { width: 400 },
@@ -2432,7 +2432,7 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
             value: r,
             valueLabelDisplay: "on",
             step: 1,
-            marks: C,
+            marks: h,
             min: i,
             max: o,
             onChange: u,
@@ -2441,8 +2441,8 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
           }
         ),
         o,
-        !m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: _, children: /* @__PURE__ */ s("img", { src: on, alt: "Play" }) }),
-        m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: f, children: /* @__PURE__ */ s("img", { src: sn, alt: "Pause" }) })
+        !m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: on, alt: "Play" }) }),
+        m && /* @__PURE__ */ s("button", { className: se.playButton, onClick: b, children: /* @__PURE__ */ s("img", { src: sn, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2529,13 +2529,13 @@ fn.propTypes = {
   userName: e.string,
   isLoggedIn: e.bool
 };
-const bn = "_elementSelector_fd7az_2", yn = "_header_fd7az_13", _n = "_nameDateContainer_fd7az_23", vn = "_elementName_fd7az_39", xn = "_elementDate_fd7az_53", wn = "_buttonsContainer_fd7az_67", Nn = "_elementListContainer_fd7az_76", kn = "_newElementButtonContainer_fd7az_80", P = {
+const bn = "_elementSelector_fd7az_2", yn = "_header_fd7az_13", _n = "_nameDateContainer_fd7az_23", vn = "_elementName_fd7az_39", wn = "_elementDate_fd7az_53", xn = "_buttonsContainer_fd7az_67", Nn = "_elementListContainer_fd7az_76", kn = "_newElementButtonContainer_fd7az_80", P = {
   elementSelector: bn,
   header: yn,
   nameDateContainer: _n,
   elementName: vn,
-  elementDate: xn,
-  buttonsContainer: wn,
+  elementDate: wn,
+  buttonsContainer: xn,
   elementListContainer: Nn,
   newElementButtonContainer: kn
 }, Bn = "_listElement_1s506_2", Sn = "_elementNameDate_1s506_17", Dn = "_elementNameContainer_1s506_27", Mn = "_elementName_1s506_17", $n = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
@@ -2583,27 +2583,29 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   columns: r,
   elementButtons: l,
   processTooltip: c,
-  defaultTooltip: u
+  defaultTooltip: u,
+  showEye: m = !0
 }) => {
-  const { nom: m, created_at: h, id: _, isBeingProcessed: f } = n, [g, y] = $(!1), { t: C } = k();
+  const { nom: g, created_at: y, id: b, isBeingProcessed: C } = n, [f, h] = $(!1), { t: _ } = k();
   return /* @__PURE__ */ p(
     "div",
     {
       className: O.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ p("div", { className: O.elementNameDate, onClick: () => d(_), children: [
+        /* @__PURE__ */ p("div", { className: O.elementNameDate, onClick: () => d(b), children: [
           r.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ p("div", { className: O.elementName, children: [
-            i ? /* @__PURE__ */ s(qn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
+            m && (i ? /* @__PURE__ */ s(qn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
                 style: { marginRight: 9 },
-                src: En
+                src: En,
+                alt: "eye"
               }
-            ),
-            /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: m })
+            )),
+            /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: g })
           ] }) }),
-          r.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: h ? new Date(h).toLocaleDateString() : "" }),
+          r.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }),
           r.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
           r.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
         ] }),
@@ -2631,11 +2633,11 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         ] }),
         a && /* @__PURE__ */ s("div", { className: O.break }),
         a && /* @__PURE__ */ p("div", { className: O.moreInfoContainer, children: [
-          /* @__PURE__ */ p("div", { className: O.moreInfo, onClick: () => y(!g), children: [
-            /* @__PURE__ */ s("span", { children: g ? "-" : "+" }),
-            C(a.label)
+          /* @__PURE__ */ p("div", { className: O.moreInfo, onClick: () => h(!f), children: [
+            /* @__PURE__ */ s("span", { children: f ? "-" : "+" }),
+            _(a.label)
           ] }),
-          a && g && /* @__PURE__ */ s("div", { className: O.moreInfoInfo, children: n[a.info] })
+          a && f && /* @__PURE__ */ s("div", { className: O.moreInfoInfo, children: n[a.info] })
         ] })
       ]
     }
@@ -2674,7 +2676,8 @@ pt.propTypes = {
     })
   }),
   processTooltip: e.string,
-  defaultTooltip: e.string
+  defaultTooltip: e.string,
+  showEye: e.bool
 };
 const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M7%2015L7%201M7%2015L1%209M7%2015L13%209'%20stroke='%23605B56'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Pn = ({
   elementsList: n,
@@ -2685,26 +2688,27 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: a = {},
   newElementButton: r,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: l = (f) => console.log(`OnCLickElement: ${f}`),
+  onClickElement: l = (C) => console.log(`OnCLickElement: ${C}`),
   columns: c,
   // {'nom': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
   //{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
   moreInfo: m = !1,
   //{label: 'x'}
-  processTooltip: h,
+  processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: _
+  defaultTooltip: y,
   //texto para el tooltip del símbolo de candado para los elementos default
+  showEye: b = !0
 }) => {
-  const { t: f } = k(), [g, y] = $(n);
+  const { t: C } = k(), [f, h] = $(n);
   L(() => {
-    n && y(n);
+    n && h(n);
   }, [n]);
-  const C = (b) => {
-    if (g && g.length > 0) {
-      let x = [...g];
-      x.sort((w, v) => w[b].localeCompare(v[b])), y(x);
+  const _ = (v) => {
+    if (f && f.length > 0) {
+      let x = [...f];
+      x.sort((w, N) => w[v].localeCompare(N[v])), h(x);
     }
   };
   return /* @__PURE__ */ p(
@@ -2720,36 +2724,37 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${i}` },
             children: [
               /* @__PURE__ */ p("div", { className: P.nameDateContainer, children: [
-                c.nom && /* @__PURE__ */ s("div", { className: P.elementName, children: /* @__PURE__ */ p("button", { onClick: () => C("name"), children: [
-                  /* @__PURE__ */ s("span", { children: f(c.nom) }),
+                c.nom && /* @__PURE__ */ s("div", { className: P.elementName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.nom) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.data && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => C("date"), children: [
-                  /* @__PURE__ */ s("span", { children: f(c.data) }),
+                c.data && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.data) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.ambit && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: f(c.ambit) }) }),
-                c.escenari && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: f(c.escenari) }) })
+                c.ambit && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.ambit) }) }),
+                c.escenari && /* @__PURE__ */ s("div", { className: P.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.escenari) }) })
               ] }),
               /* @__PURE__ */ s("div", { className: P.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: P.elementListContainer, children: g && g.length > 0 && g.map((b) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: P.elementListContainer, children: f && f.length > 0 && f.map((v) => /* @__PURE__ */ s(
           pt,
           {
-            isActive: d == b.id,
-            listelement: b,
+            isActive: d == v.id,
+            listelement: v,
             fontColor: i,
             activeColor: o,
             onClickElement: l,
             columns: c,
             elementButtons: u,
             moreInfo: m,
-            processTooltip: h,
-            defaultTooltip: _
+            processTooltip: g,
+            defaultTooltip: y,
+            showEye: b
           },
-          `elementKey${b.id}`
+          `elementKey${v.id}`
         )) }),
         r && /* @__PURE__ */ s("div", { className: P.newElementButtonContainer, children: /* @__PURE__ */ s(
           fe,
@@ -2758,7 +2763,7 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClick: r.onClick,
             borderColor: "grey",
             disabled: r.disabled || !1,
-            children: f(r.label)
+            children: C(r.label)
           }
         ) })
       ]
@@ -2809,7 +2814,8 @@ Pn.propTypes = {
     info: e.any
   }),
   processTooltip: e.string,
-  defaultTooltip: e.string
+  defaultTooltip: e.string,
+  showEye: e.bool
 };
 const ge = {
   text: "text",
@@ -2937,7 +2943,7 @@ function a1(n) {
     ...n.rules,
     value: l,
     ...Be(n.disabled) ? { disabled: n.disabled } : {}
-  })), h = B.useMemo(() => Object.defineProperties({}, {
+  })), g = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!A(c.errors, i)
@@ -2958,50 +2964,50 @@ function a1(n) {
       enumerable: !0,
       get: () => A(c.errors, i)
     }
-  }), [c, i]), _ = B.useCallback((C) => m.current.onChange({
+  }), [c, i]), y = B.useCallback((h) => m.current.onChange({
     target: {
-      value: Yn(C),
+      value: Yn(h),
       name: i
     },
     type: Xe.CHANGE
-  }), [i]), f = B.useCallback(() => m.current.onBlur({
+  }), [i]), b = B.useCallback(() => m.current.onBlur({
     target: {
       value: A(t._formValues, i),
       name: i
     },
     type: Xe.BLUR
-  }), [i, t._formValues]), g = B.useCallback((C) => {
-    const b = A(t._fields, i);
-    b && C && (b._f.ref = {
-      focus: () => C.focus && C.focus(),
-      select: () => C.select && C.select(),
-      setCustomValidity: (x) => C.setCustomValidity(x),
-      reportValidity: () => C.reportValidity()
+  }), [i, t._formValues]), C = B.useCallback((h) => {
+    const _ = A(t._fields, i);
+    _ && h && (_._f.ref = {
+      focus: () => h.focus && h.focus(),
+      select: () => h.select && h.select(),
+      setCustomValidity: (v) => h.setCustomValidity(v),
+      reportValidity: () => h.reportValidity()
     });
-  }, [t._fields, i]), y = B.useMemo(() => ({
+  }, [t._fields, i]), f = B.useMemo(() => ({
     name: i,
     value: l,
     ...Be(o) || c.disabled ? { disabled: c.disabled || o } : {},
-    onChange: _,
-    onBlur: f,
-    ref: g
-  }), [i, o, c.disabled, _, f, g, l]);
+    onChange: y,
+    onBlur: b,
+    ref: C
+  }), [i, o, c.disabled, y, b, C, l]);
   return B.useEffect(() => {
-    const C = t._options.shouldUnregister || a;
+    const h = t._options.shouldUnregister || a;
     t.register(i, {
       ...u.current.rules,
       ...Be(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const b = (x, w) => {
-      const v = A(t._fields, x);
-      v && v._f && (v._f.mount = w);
+    const _ = (v, x) => {
+      const w = A(t._fields, v);
+      w && w._f && (w._f.mount = x);
     };
-    if (b(i, !0), C) {
-      const x = ht(A(t._options.defaultValues, i));
-      Qe(t._defaultValues, i, x), Ve(A(t._formValues, i)) && Qe(t._formValues, i, x);
+    if (_(i, !0), h) {
+      const v = ht(A(t._options.defaultValues, i));
+      Qe(t._defaultValues, i, v), Ve(A(t._formValues, i)) && Qe(t._formValues, i, v);
     }
     return !r && t.register(i), () => {
-      (r ? C && !t._state.action : C) ? t.unregister(i) : b(i, !1);
+      (r ? h && !t._state.action : h) ? t.unregister(i) : _(i, !1);
     };
   }, [i, t, r, a]), B.useEffect(() => {
     t._setDisabledField({
@@ -3009,10 +3015,10 @@ function a1(n) {
       name: i
     });
   }, [o, i, t]), B.useMemo(() => ({
-    field: y,
+    field: f,
     formState: c,
-    fieldState: h
-  }), [y, c, h]);
+    fieldState: g
+  }), [f, c, g]);
 }
 const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
   errorMessage: l1
@@ -3041,22 +3047,22 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
-    onClickForgotPass: h = () => {
+    onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: _ = "forgot-password"
-  } = n, { t: f } = k(), { control: g, trigger: y, clearErrors: C } = d, [b, x] = $(!1), w = ie(r);
+    forgotPassLabel: y = "forgot-password"
+  } = n, { t: b } = k(), { control: C, trigger: f, clearErrors: h } = d, [_, v] = $(!1), x = ie(r);
   L(() => {
-    w.current !== r && (r ? y(i) : C(i), w.current = r);
-  }, [r, i, y, C]);
-  const v = () => o ? o === "password" && b ? "text" : o : "text";
+    x.current !== r && (r ? f(i) : h(i), x.current = r);
+  }, [r, i, f, h]);
+  const w = () => o ? o === "password" && _ ? "text" : o : "text";
   return /* @__PURE__ */ s(
     Ee,
     {
       name: i,
-      control: g,
+      control: C,
       rules: {
-        required: r ? `${f(t)} ${f("errorMessages.required")}` : !1,
+        required: r ? `${b(t)} ${b("errorMessages.required")}` : !1,
         maxLength: a || void 0,
         validate: l || void 0
       },
@@ -3064,7 +3070,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
         var D;
         return /* @__PURE__ */ p("div", { className: re.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: re.labelContainer, children: [
-            f(t),
+            b(t),
             " ",
             r && /* @__PURE__ */ s("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
@@ -3077,25 +3083,25 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
                 /* @__PURE__ */ s(
                   "input",
                   {
-                    type: v(),
+                    type: w(),
                     ...N,
-                    placeholder: c ? f(c) : "",
+                    placeholder: c ? b(c) : "",
                     maxLength: a || void 0
                   }
                 ),
                 o == "password" && /* @__PURE__ */ s(
                   "button",
                   {
-                    onClick: () => x(!b),
+                    onClick: () => v(!_),
                     type: "button",
                     className: re.showPasswordButton,
-                    children: b ? "🙈" : "👁️"
+                    children: _ ? "🙈" : "👁️"
                   }
                 )
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ s("div", { className: re.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: h, children: f(_) }) }),
+          o == "password" && /* @__PURE__ */ s("div", { className: re.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: b(y) }) }),
           /* @__PURE__ */ s(
             be,
             {
@@ -3131,45 +3137,45 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
-    options: h = []
-  } = n, { t: _ } = k(), { control: f, trigger: g, clearErrors: y } = d, C = ie(r);
+    options: g = []
+  } = n, { t: y } = k(), { control: b, trigger: C, clearErrors: f } = d, h = ie(r);
   return L(() => {
-    C.current !== r && (r ? g(i) : y(i), C.current = r);
-  }, [r, i, g, y]), /* @__PURE__ */ s(
+    h.current !== r && (r ? C(i) : f(i), h.current = r);
+  }, [r, i, C, f]), /* @__PURE__ */ s(
     Ee,
     {
       name: i,
-      control: f,
+      control: b,
       rules: {
-        required: r ? `${_(t)} ${_("errorMessages.required")}` : !1,
+        required: r ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: l || void 0
       },
-      render: ({ field: b, fieldState: x }) => {
-        var w;
+      render: ({ field: _, fieldState: v }) => {
+        var x;
         return /* @__PURE__ */ p("div", { className: te.selectInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: te.labelContainer, children: [
-            _(t),
+            y(t),
             " ",
-            r && /* @__PURE__ */ s("label", { style: { color: x.error ? u : "" }, children: "*" })
+            r && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p("div", { className: te.inputContainer, style: { width: m }, children: [
             /* @__PURE__ */ p(
               "select",
               {
-                ...b,
-                onChange: (v) => {
-                  const N = v.target.value, S = h.every((D) => typeof D.value == "number") ? Number(N) : N;
-                  b.onChange(S);
+                ..._,
+                onChange: (w) => {
+                  const N = w.target.value, S = g.every((D) => typeof D.value == "number") ? Number(N) : N;
+                  _.onChange(S);
                 },
                 className: te.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: _(c || "selectOption") }),
-                  h.map((v, N) => /* @__PURE__ */ s(
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
+                  g.map((w, N) => /* @__PURE__ */ s(
                     "option",
                     {
-                      value: v.value,
+                      value: w.value,
                       className: te.option,
-                      children: _(v.label)
+                      children: y(w.label)
                     },
                     N
                   ))
@@ -3188,7 +3194,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
           /* @__PURE__ */ s(
             be,
             {
-              errorMessage: (w = x.error) == null ? void 0 : w.message,
+              errorMessage: (x = v.error) == null ? void 0 : x.message,
               errorColor: u
             }
           )
@@ -3196,9 +3202,9 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
       }
     }
   );
-}, x1 = "_radioButtonContainer_1e994_2", w1 = "_wholeInputContainer_1e994_5", N1 = "_questionContainer_1e994_27", k1 = "_radioQuestion_1e994_59", B1 = "_inputContainer_1e994_63", S1 = "_radioInput_1e994_93", G = {
-  radioButtonContainer: x1,
-  wholeInputContainer: w1,
+}, w1 = "_radioButtonContainer_1e994_2", x1 = "_wholeInputContainer_1e994_5", N1 = "_questionContainer_1e994_27", k1 = "_radioQuestion_1e994_59", B1 = "_inputContainer_1e994_63", S1 = "_radioInput_1e994_93", G = {
+  radioButtonContainer: w1,
+  wholeInputContainer: x1,
   questionContainer: N1,
   radioQuestion: k1,
   inputContainer: B1,
@@ -3212,27 +3218,27 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     errorColor: r = "red",
     options: l = [],
     multi: c = !1
-  } = n, { t: u } = k(), { control: m, trigger: h, clearErrors: _ } = d, f = ({ options: C, onChange: b, actualValue: x }) => {
-    if (c && x && x.length > 0) {
-      let w = x.filter((v) => v !== C);
-      b(w);
+  } = n, { t: u } = k(), { control: m, trigger: g, clearErrors: y } = d, b = ({ options: h, onChange: _, actualValue: v }) => {
+    if (c && v && v.length > 0) {
+      let x = v.filter((w) => w !== h);
+      _(x);
     }
-  }, g = ({ options: C, onChange: b, actualValue: x }) => {
-    c ? x && x.length > 0 ? b([...x, C]) : b([C]) : b(C);
-  }, y = ie(t);
+  }, C = ({ options: h, onChange: _, actualValue: v }) => {
+    c ? v && v.length > 0 ? _([...v, h]) : _([h]) : _(h);
+  }, f = ie(t);
   return L(() => {
-    y.current !== t && (t ? h(i) : _(i), y.current = t);
-  }, [t, i, h, _]), /* @__PURE__ */ s(
+    f.current !== t && (t ? g(i) : y(i), f.current = t);
+  }, [t, i, g, y]), /* @__PURE__ */ s(
     Ee,
     {
       control: m,
       name: i,
       rules: {
-        validate: (C) => t && (C == null || C === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (h) => t && (h == null || h === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: C },
-        field: { onChange: b, onBlur: x, value: w, ref: v },
+        formState: { errors: h },
+        field: { onChange: _, onBlur: v, value: x, ref: w },
         fieldState: N
       }) => {
         var S;
@@ -3263,7 +3269,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
                 disabled: de = !1,
                 italicLabel: ue
               }, R) => {
-                const q = w && c ? w.isArray && (w == null ? void 0 : w.length) > 0 && w.some((E) => E === j) : w === j;
+                const q = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((E) => E === j) : x === j;
                 return /* @__PURE__ */ p("label", { children: [
                   /* @__PURE__ */ s(
                     "input",
@@ -3271,15 +3277,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
                       type: "radio",
                       checked: q,
                       onChange: () => {
-                        c ? q ? f({
-                          actualValue: w,
+                        c ? q ? b({
+                          actualValue: x,
                           options: l,
-                          onChange: b
-                        }) : g({
-                          actualValue: w,
+                          onChange: _
+                        }) : C({
+                          actualValue: x,
                           options: l,
-                          onChange: b
-                        }) : b(j);
+                          onChange: _
+                        }) : _(j);
                       },
                       className: G.radioInput
                     }
@@ -3402,37 +3408,37 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
 }) => {
   const {
     handleSubmit: m,
-    control: h,
-    formState: { errors: _ }
-  } = n, { t: f } = k();
+    control: g,
+    formState: { errors: y }
+  } = n, { t: b } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
     /* @__PURE__ */ p("form", { className: Se.formContainer, onSubmit: m(u), children: [
-      /* @__PURE__ */ s("div", { className: Se.formObjectContainer, children: d && d.map((g, y) => {
-        const { inputs: C } = g;
-        return g.category ? i ? /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: Se.formObjectContainer, children: d && d.map((C, f) => {
+        const { inputs: h } = C;
+        return C.category ? i ? /* @__PURE__ */ s(
           "div",
           {
             style: {
-              display: c && g.categoryId !== c ? "none" : "inherit",
+              display: c && C.categoryId !== c ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
               i,
               {
-                title: g.category,
+                title: C.category,
                 children: /* @__PURE__ */ s(
                   De,
                   {
-                    inputs: C,
-                    control: h,
+                    inputs: h,
+                    control: g,
                     inputContainerStyles: o,
                     errorColor: a,
                     formInstance: n
                   }
                 )
               },
-              `${g.category}${y}`
+              `${C.category}${f}`
             )
           }
         ) : /* @__PURE__ */ p(
@@ -3440,16 +3446,16 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
           {
             style: {
               width: "100%",
-              display: c && g.categoryId !== c ? "none" : "flex",
+              display: c && C.categoryId !== c ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
-              /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: f(g.category) }),
+              /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: b(C.category) }),
               /* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
                 De,
                 {
-                  inputs: C,
-                  control: h,
+                  inputs: h,
+                  control: g,
                   inputContainerStyles: o,
                   errorColor: a,
                   reactHookFormInstance: n
@@ -3457,20 +3463,20 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
               ) })
             ]
           },
-          `${g.category}${y}`
+          `${C.category}${f}`
         ) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
           De,
           {
             inputContainerStyles: o,
-            inputs: C,
-            control: h,
+            inputs: h,
+            control: g,
             errorColor: a,
             reactHookFormInstance: n
           }
-        ) }, `inputKey${y}`);
+        ) }, `inputKey${f}`);
       }) }),
       /* @__PURE__ */ p("div", { className: Se.buttonContainer, children: [
-        /* @__PURE__ */ s(fe, { containerStyles: l, type: "submit", children: f(r) }),
+        /* @__PURE__ */ s(fe, { containerStyles: l, type: "submit", children: b(r) }),
         /* @__PURE__ */ s(be, { errorMessage: t, errorColor: a })
       ] })
     ] })
@@ -3611,7 +3617,7 @@ export {
   X2 as Graphic,
   z1 as HeaderSection,
   C0 as IndicatorsList,
-  x0 as LangSelector,
+  w0 as LangSelector,
   R0 as Legend,
   Pn as ListSelector,
   fn as LogInButton,