@tmf_ciclica/ciclicastorybook 1.1.98 → 1.1.101

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";
@@ -39,36 +39,36 @@ const jt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", Zt = "_nameDateCon
   onClickDelete: i,
   onClickFilters: o,
   onClickAmbit: t,
-  isActive: a,
-  activeColor: r,
+  isActive: r,
+  activeColor: a,
   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",
               {
                 style: { marginRight: 9 },
-                src: a ? s2 : r2
+                src: r ? s2 : r2
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: a ? r : l }, children: u })
+            /* @__PURE__ */ s("span", { style: { color: r ? a : l }, children: u })
           ] }),
           /* @__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 }) })
         ] })
       ]
     }
@@ -100,8 +100,8 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   fontColor: i = "#605B56",
   borderColor: o = "#605B56",
   type: t = "button",
-  containerStyles: a = {},
-  disabled: r = !1
+  containerStyles: r = {},
+  disabled: a = !1
 }) => /* @__PURE__ */ s(
   "button",
   {
@@ -109,11 +109,11 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     style: {
       color: i,
       border: `1.5px solid ${o}`,
-      ...a
+      ...r
     },
     onClick: d,
     type: t,
-    disabled: r,
+    disabled: a,
     children: n
   }
 ), c2 = ({
@@ -122,24 +122,24 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   fontColor: i = "#605B56",
   activeColor: o,
   nameLabel: t,
-  dateLabel: a,
-  newAmbitLabel: r = "New field",
+  dateLabel: r,
+  newAmbitLabel: a = "New field",
   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(r) }),
                   /* @__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(a)
           }
         ) })
       ]
@@ -244,9 +244,9 @@ const v2 = ({
   showName: i = !0,
   namePosition: o = "right",
   useTooltip: t = !1,
-  tooltipPosition: a = "top"
+  tooltipPosition: r = "top"
 }) => {
-  const { t: r } = k();
+  const { t: a } = k();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -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: a(y) }),
+          /* @__PURE__ */ s("img", { src: g ? m : u, alt: a(y) }),
+          i && o === "right" && /* @__PURE__ */ s("span", { className: K.buttonName, children: a(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: r })
         ] }, c);
       })
     }
@@ -297,18 +297,18 @@ 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,
   children: i,
   color: o,
   activeColor: t = "#F8A925",
-  title: a = "Title",
+  title: r = "Title",
   //Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
-  height: r = 53,
+  height: a = 53,
   //Adjust height if you change fontSize
   titleFontStyles: l,
   showBottomBar: c = !0,
@@ -319,8 +319,8 @@ const x2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", _e = {
     Ie.div,
     {
       className: _e.indicatorsCategory,
-      initial: { height: `${r}px` },
-      animate: { height: n ? "auto" : `${r}px` },
+      initial: { height: `${a}px` },
+      animate: { height: n ? "auto" : `${a}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
@@ -339,7 +339,7 @@ const x2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", _e = {
             onClick: d,
             children: [
               /* @__PURE__ */ s("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
-              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: m(a) })
+              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: m(r) })
             ]
           }
         ),
@@ -369,11 +369,11 @@ const mi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), N2 = "data
   tematicalFiltersSelected: [],
   fontColor: "#605B56",
   inputsColor: "#605B56"
-})), nt = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: a }) => {
-  const { t: r } = k(), { tematicalFiltersSelected: l } = T((u) => u), c = (u) => {
+})), nt = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
+  const { t: a } = k(), { tematicalFiltersSelected: l } = T((u) => u), c = (u) => {
     T.setState((m) => ({
       tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
-        (h) => h.code !== u
+        (g) => g.code !== u
       )
     }));
   };
@@ -382,10 +382,10 @@ const mi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), N2 = "data
     {
       isOpen: i,
       onClick: d,
-      title: n ? r(n) : "Applied Filters",
-      activeColor: a,
+      title: n ? a(n) : "Applied Filters",
+      activeColor: r,
       children: /* @__PURE__ */ s("div", { className: ze.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, m) => /* @__PURE__ */ p("div", { className: ze.AppliedFilterContent, style: { color: o, background: t }, children: [
-        r(u.name),
+        a(u.name),
         /* @__PURE__ */ s("img", { src: N2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
       ] }, m)) })
     }
@@ -405,15 +405,15 @@ nt.propTypes = {
   ),
   activeColor: e.string
 };
-const it = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: a }) => {
-  const { t: r } = k(), { tematicalFiltersSelected: l } = T((c) => c);
+const it = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
+  const { t: a } = k(), { tematicalFiltersSelected: l } = T((c) => c);
   return /* @__PURE__ */ s(
     Q,
     {
       isOpen: i,
       onClick: d,
-      title: n ? r(n) : "Geographical Filters",
-      activeColor: a,
+      title: n ? a(n) : "Geographical Filters",
+      activeColor: r,
       children: "A"
     }
   );
@@ -435,7 +435,7 @@ const S2 = "_checkboxContainer_zld97_2", D2 = {
   indicator: o,
   value: t
 }) => {
-  const { t: a } = k(), { title: r } = o || {}, { fontColor: l, inputsColor: c } = T((u) => u);
+  const { t: r } = k(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = T((u) => u);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -457,7 +457,7 @@ const S2 = "_checkboxContainer_zld97_2", D2 = {
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "checkmark", children: a(r) })
+        /* @__PURE__ */ s("span", { className: "checkmark", children: r(a) })
       ]
     }
   );
@@ -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,47 +593,47 @@ 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 = [];
-    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;
+    let r = we(o.value);
+    r.length || (r = we(o.defaultValue)), t.pendingResizeTimeouts = [];
+    const a = [];
+    for (let l = 0; l < r.length; l += 1) r[l] = H(r[l], o), a.push(l);
+    return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, t;
   }
   M2(d, n);
   var i = d.prototype;
   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);
-    return a.length ? t.pending ? null : { value: a.map((r) => H(r, o)) } : null;
+    const r = we(o.value);
+    return r.length ? t.pending ? null : { value: r.map((a) => H(a, o)) } : null;
   }, i.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, i.componentWillUnmount = function() {
     this.clearPendingResizeTimeouts(), this.resizeObserver && this.resizeObserver.disconnect();
   }, i.onEnd = function(o) {
     o && function(t) {
-      Object.keys(t).forEach((a) => {
-        typeof document < "u" && document.removeEventListener(a, t[a], !1);
+      Object.keys(t).forEach((r) => {
+        typeof document < "u" && document.removeEventListener(r, t[r], !1);
       });
     }(o), this.hasMoved && this.fireChangeEvent("onAfterChange"), this.setState({ pending: !1 }), this.hasMoved = !1;
   }, i.getValue = function() {
     return pe(this.state.value);
   }, i.getClosestIndex = function(o) {
-    let t = Number.MAX_VALUE, a = -1;
-    const { value: r } = this.state, l = r.length;
+    let t = Number.MAX_VALUE, r = -1;
+    const { value: a } = this.state, l = a.length;
     for (let c = 0; c < l; c += 1) {
-      const u = this.calcOffset(r[c]), m = Math.abs(o - u);
-      m < t && (t = m, a = c);
+      const u = this.calcOffset(a[c]), m = Math.abs(o - u);
+      m < t && (t = m, r = c);
     }
-    return a;
+    return r;
   }, i.getMousePosition = function(o) {
     return [o["page" + this.axisKey()], o["page" + this.orthogonalAxisKey()]];
   }, i.getTouchPosition = function(o) {
@@ -654,23 +654,23 @@ 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 r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], m = t.getBoundingClientRect()[r.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;
   }, i.calcValue = function(o) {
     return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, i.calcOffsetFromPosition = function(o) {
-    const { slider: t } = this, a = t.getBoundingClientRect(), r = a[this.posMaxKey()], l = a[this.posMinKey()];
-    let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? r : l));
+    const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], l = r[this.posMinKey()];
+    let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : l));
     return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
   }, i.forceValueFromPosition = function(o, t) {
-    const a = this.calcOffsetFromPosition(o), r = this.getClosestIndex(a), l = H(this.calcValue(a), this.props), c = this.state.value.slice();
-    c[r] = l;
+    const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), l = H(this.calcValue(r), this.props), c = this.state.value.slice();
+    c[a] = l;
     for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
     this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
-      t(r), this.fireChangeEvent("onChange");
+      t(a), this.fireChangeEvent("onChange");
     });
   }, i.clearPendingResizeTimeouts = function() {
     do {
@@ -678,49 +678,49 @@ let Fe = function(n) {
       clearTimeout(o);
     } while (this.pendingResizeTimeouts.length);
   }, i.start = function(o, t) {
-    const a = this["thumb" + o];
-    a && a.focus();
-    const { zIndices: r } = this.state;
-    r.splice(r.indexOf(o), 1), r.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: r }));
+    const r = this["thumb" + o];
+    r && r.focus();
+    const { zIndices: a } = this.state;
+    a.splice(a.indexOf(o), 1), a.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: a }));
   }, i.moveUpByStep = function(o) {
     o === void 0 && (o = this.props.step);
-    const t = this.state.value[this.state.index], a = H(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
-    this.move(Math.min(a, this.props.max));
+    const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
+    this.move(Math.min(r, this.props.max));
   }, i.moveDownByStep = function(o) {
     o === void 0 && (o = this.props.step);
-    const t = this.state.value[this.state.index], a = H(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
-    this.move(Math.max(a, this.props.min));
+    const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
+    this.move(Math.max(r, this.props.min));
   }, i.move = function(o) {
-    const t = this.state.value.slice(), { index: a } = this.state, { length: r } = t, l = t[a];
+    const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
     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);
+      if (r > 0) {
+        const y = t[r - 1];
+        o < y + g && (o = y + g);
       }
-      if (a < r - 1) {
-        const _ = t[a + 1];
-        o > _ - h && (o = _ - h);
+      if (r < a - 1) {
+        const y = t[r + 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[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), 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);
+    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), 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"));
-  }, 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);
-  }, i.pushPreceding = function(o, t, a) {
-    for (let 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);
+    }(a, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+  }, i.pushSucceeding = function(o, t, r) {
+    let a, l;
+    for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Le(l, this.props);
+  }, i.pushPreceding = function(o, t, r) {
+    for (let a = r, l = o[a] - t; o[a - 1] !== null && l < o[a - 1]; a -= 1, l = o[a] - t) o[a - 1] = Le(l, this.props);
   }, i.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, i.orthogonalAxisKey = function() {
@@ -734,39 +734,39 @@ let Fe = function(n) {
   }, i.fireChangeEvent = function(o) {
     this.props[o] && this.props[o](pe(this.state.value), this.state.index);
   }, i.buildThumbStyle = function(o, t) {
-    const a = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
-    return a[this.posMinKey()] = o + "px", a;
+    const r = { position: "absolute", touchAction: "none", willChange: this.state.index >= 0 ? this.posMinKey() : void 0, zIndex: this.state.zIndices.indexOf(t) + 1 };
+    return r[this.posMinKey()] = o + "px", r;
   }, i.buildTrackStyle = function(o, t) {
-    const a = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
-    return a[this.posMinKey()] = o, a[this.posMaxKey()] = t, a;
+    const r = { position: "absolute", willChange: this.state.index >= 0 ? this.posMinKey() + "," + this.posMaxKey() : void 0 };
+    return r[this.posMinKey()] = o, r[this.posMaxKey()] = t, r;
   }, i.buildMarkStyle = function(o) {
     var t;
     return (t = { position: "absolute" })[this.posMinKey()] = o, t;
   }, i.renderThumbs = function(o) {
-    const { length: t } = o, a = [];
-    for (let l = 0; l < t; l += 1) a[l] = this.buildThumbStyle(o[l], l);
-    const r = [];
-    for (let l = 0; l < t; l += 1) r[l] = this.renderThumb(a[l], l);
-    return r;
+    const { length: t } = o, r = [];
+    for (let l = 0; l < t; l += 1) r[l] = this.buildThumbStyle(o[l], l);
+    const a = [];
+    for (let l = 0; l < t; l += 1) a[l] = this.renderThumb(r[l], l);
+    return a;
   }, i.renderTracks = function(o) {
-    const t = [], a = o.length - 1;
+    const t = [], r = o.length - 1;
     t.push(this.renderTrack(0, 0, o[0]));
-    for (let r = 0; r < a; r += 1) t.push(this.renderTrack(r + 1, o[r], o[r + 1]));
-    return t.push(this.renderTrack(a + 1, o[a], this.state.upperBound)), t;
+    for (let a = 0; a < r; a += 1) t.push(this.renderTrack(a + 1, o[a], o[a + 1]));
+    return t.push(this.renderTrack(r + 1, o[r], this.state.upperBound)), t;
   }, i.renderMarks = function() {
     let { marks: o } = this.props;
     const t = this.props.max - this.props.min + 1;
-    return typeof o == "boolean" ? o = Array.from({ length: t }).map((a, r) => r) : typeof o == "number" && (o = Array.from({ length: t }).map((a, r) => r).filter((a) => a % o == 0)), o.map(parseFloat).sort((a, r) => a - r).map((a) => {
-      const r = this.calcOffset(a), l = { key: a, className: this.props.markClassName, style: this.buildMarkStyle(r) };
+    return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, a) => a) : typeof o == "number" && (o = Array.from({ length: t }).map((r, a) => a).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, a) => r - a).map((r) => {
+      const a = this.calcOffset(r), l = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
       return this.props.renderMark(l);
     });
   }, i.render = function() {
-    const o = [], { value: t } = this.state, a = t.length;
-    for (let u = 0; u < a; u += 1) o[u] = this.calcOffset(t[u], u);
-    const r = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
+    const o = [], { value: t } = this.state, r = t.length;
+    for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
+    const a = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
     return B.createElement("div", { ref: (u) => {
       this.slider = u, this.resizeElementRef.current = u;
-    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, r, l, c);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, l, c);
   }, d;
 }(B.Component);
 Fe.displayName = "ReactSlider", Fe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, 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: (n) => B.createElement("div", n), renderTrack: (n) => B.createElement("div", n), renderMark: (n) => B.createElement("span", n) };
@@ -784,12 +784,12 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   step: i = 1,
   onChange: o,
   width: t = 300,
-  unit: a,
-  fontColor: r = "#605B56",
+  unit: r,
+  fontColor: a = "#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]);
@@ -797,9 +797,9 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
     "div",
     {
       className: X.container,
-      style: { width: `${t}px`, color: `${r}` },
+      style: { width: `${t}px`, color: `${a}` },
       children: [
-        /* @__PURE__ */ s("div", { className: X.unitLabel, children: /* @__PURE__ */ s("span", { children: c(a) }) }),
+        /* @__PURE__ */ s("div", { className: X.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
         /* @__PURE__ */ s(
           $2,
           {
@@ -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
@@ -848,30 +848,30 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
 }) => {
   const [i, o] = $(), {
     type: t,
-    name: a,
-    values: r,
+    name: r,
+    values: a,
     minValue: l,
     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";
-      let R = j[0];
-      de == "both" && (R = ue == "cat" ? j[1] : j[0]), ue == "cat" ? T.setState((q) => {
+    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: P, type: de } = n || {}, ue = y ? "abs" : g ? "cat" : "both";
+      let O = P[0];
+      de == "both" && (O = ue == "cat" ? P[1] : P[0]), ue == "cat" ? T.setState((q) => {
         let E = q.tematicalFiltersSelected.find(
-          (V) => V.code === R
+          (V) => V.code === O
         );
         if (E) {
           let V = [E.values];
@@ -879,21 +879,21 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
             (I) => I !== S
           ) : V = [...E.values, S], V.length == D.length ? {
             tematicalFiltersSelected: q.tematicalFiltersSelected.filter(
-              (I) => I.code !== R
+              (I) => I.code !== O
             )
           } : {
             tematicalFiltersSelected: q.tematicalFiltersSelected.map(
-              (I) => I.code === R ? { ...I, values: V } : I
+              (I) => I.code === O ? { ...I, values: V } : I
             )
           };
         } else {
           let V = D.map((I, yt) => yt);
           return {
             tematicalFiltersSelected: [
-              ...f,
+              ...b,
               {
                 type: "cat",
-                code: R,
+                code: O,
                 values: V.filter((I) => I !== S),
                 name: n.name
               }
@@ -902,58 +902,58 @@ const O2 = "_tematicalFiltersInputContainer_1vm1r_2", R2 = "_inputTypeContainer_
         }
       }) : ue == "abs" && T.setState((q) => {
         let E = q.tematicalFiltersSelected.find(
-          (V) => V.code === R
+          (V) => V.code === O
         );
-        if (v == n.minValue && N == n.maxValue)
+        if (w == n.minValue && N == n.maxValue)
           return {
             tematicalFiltersSelected: q.tematicalFiltersSelected.filter(
-              (V) => V.code !== R
+              (V) => V.code !== O
             )
           };
         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
+              (I) => I.code === O ? V : I
             )
           };
         } else
           return {
             tematicalFiltersSelected: [
-              ...f,
-              { type: "abs", code: R, min: v, max: N, name: n.name }
+              ...b,
+              { type: "abs", code: O, 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}`,
+      title: r,
+      isOpen: C == `id${r}`,
       onClick: () => T.setState(() => ({
-        selectedIndicator: g == `id${a}` ? "" : `id${a}`
+        selectedIndicator: C == `id${r}` ? "" : `id${r}`
       })),
       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: a.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: a }),
+              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
           }
         ) })
@@ -1044,15 +1044,15 @@ const rt = ({
   activeColor: i
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: o } = T((r) => r), { name: t, indicators: a } = n || {};
+  const { activeSubcategory: o } = T((a) => a), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     Q,
     {
       title: t,
       isOpen: o == `id${t}`,
       onClick: () => {
-        T.setState((r) => ({
-          activeSubcategory: r.activeSubcategory === `id${t}` ? "" : `id${t}`
+        T.setState((a) => ({
+          activeSubcategory: a.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
@@ -1061,10 +1061,10 @@ const rt = ({
       height: 48,
       color: d,
       activeColor: i,
-      children: a == null ? void 0 : a.map((r, l) => /* @__PURE__ */ s(
+      children: r == null ? void 0 : r.map((a, l) => /* @__PURE__ */ s(
         Oe,
         {
-          indicator: r,
+          indicator: a,
           fontColor: d,
           activeColor: i
         },
@@ -1091,26 +1091,26 @@ const at = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: i, subcategories: o, indicators: t } = n || {}, { activeCategory: a, fontColor: r } = T((l) => l);
+  const { name: i, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = T((l) => l);
   return n && /* @__PURE__ */ s(
     Q,
     {
       onClick: () => {
         T.setState((l) => ({
-          activeCategory: a === `id${i}` ? "" : `id${i}`
+          activeCategory: r === `id${i}` ? "" : `id${i}`
         }));
       },
       title: i,
-      isOpen: a === `id${i}`,
+      isOpen: r === `id${i}`,
       titleFontStyles: { fontSize: 18, fontWeight: "bold" },
       showBottomBar: !1,
-      color: r,
+      color: a,
       activeColor: d,
       children: o ? o.map((l, c) => /* @__PURE__ */ s(
         rt,
         {
           subcategory: l,
-          fontColor: r,
+          fontColor: a,
           activeColor: d
         },
         `subcategory-${c}`
@@ -1118,7 +1118,7 @@ const at = ({
         Oe,
         {
           indicator: l,
-          fontColor: r,
+          fontColor: a,
           activeColor: d
         },
         `indicator-${c}`
@@ -1142,9 +1142,9 @@ const lt = ({
   fontColor: o = "#605B56",
   //The color of the slider and the checkbox when is checked
   inputsColor: t = "#605B56",
-  activeColor: a
+  activeColor: r
 }) => {
-  const { tematicalFiltersSelected: r } = T((c) => c), { t: l } = k();
+  const { tematicalFiltersSelected: a } = T((c) => c), { t: l } = k();
   return L(() => {
     o && T.setState(() => ({ fontColor: o }));
   }, [o]), L(() => {
@@ -1155,13 +1155,13 @@ const lt = ({
       isOpen: d,
       title: i ? l(i) : "Tematical filters",
       color: o,
-      activeColor: a,
+      activeColor: r,
       children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
         at,
         {
           category: c,
           fontColor: o,
-          activeColor: a
+          activeColor: r
         },
         `category-${u}`
       ))
@@ -1190,73 +1190,73 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
   defaultFilters: i,
   indicators: o,
   activeColor: t,
-  textColor: a,
-  backgroundColor: r,
+  textColor: r,
+  backgroundColor: a,
   onChangeAppliedFilters: l,
   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",
+        textColor: r || "#fff",
+        backgroundColor: a || "#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,
         inputsColor: t,
-        textColor: a,
+        textColor: r,
         title: "tematical_filters",
         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 = {
@@ -1282,22 +1282,22 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
   barHeight: i = 25,
   gap: o = 23,
   fontColor: t = "#605B56",
-  verticalPaddign: a = 10,
-  horizontalPaddign: r = 20,
+  verticalPaddign: r = 10,
+  horizontalPaddign: a = 20,
   leftPadding: l = 200,
   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) + r * 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
+        verticalPaddign: r,
+        horizontalPaddign: a
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
@@ -1307,40 +1307,40 @@ const G2 = "_barChartContainer_d2f1z_2", W2 = {
     c,
     i,
     o,
-    r,
     a,
+    r,
     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 + a * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${l + a}, 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 + a}, ${_})`,
           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
       );
     }))
   ] }) }) });
@@ -1393,8 +1393,8 @@ const Y2 = "_graphicContainer_c9zrg_2", Q2 = "_titleContainer_c9zrg_14", Ze = {
   containerStyle: i,
   borderColor: o = "#605B56",
   title: t = "Graphic Title",
-  fontColor: a = "#605B56",
-  maxValue: r = null,
+  fontColor: r = "#605B56",
+  maxValue: a = null,
   numberOfDivisions: l = 7,
   leftPadding: c = 200
 }) => {
@@ -1414,8 +1414,8 @@ const Y2 = "_graphicContainer_c9zrg_2", Q2 = "_titleContainer_c9zrg_14", Ze = {
           {
             data: n,
             width: d,
-            fontColor: a,
-            maxValue: r,
+            fontColor: r,
+            maxValue: a,
             numberOfDivisions: l,
             leftPadding: c
           }
@@ -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
@@ -1462,20 +1462,20 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
   activeColor: i,
   defaultColor: o = "#92898A",
   activeIndicator: t,
-  activeIndicatorType: a,
-  onClickIndicator: r,
+  activeIndicatorType: r,
+  onClickIndicator: a,
   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",
       {
@@ -1487,8 +1487,8 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             {
               className: `${F.customRadious}`,
               style: {
-                backgroundColor: a === "cat" ? i : "transparent",
-                borderColor: a === "cat" ? i : o
+                backgroundColor: r === "cat" ? i : "transparent",
+                borderColor: r === "cat" ? i : o
               }
             }
           ),
@@ -1497,7 +1497,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             {
               className: F.optionText,
               style: {
-                color: a === "cat" ? i : o
+                color: r === "cat" ? i : o
               },
               children: u("indicators.cat")
             }
@@ -1516,8 +1516,8 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             {
               className: `${F.customRadious}`,
               style: {
-                backgroundColor: a === "abs" ? i : "transparent",
-                borderColor: a === "abs" ? i : o
+                backgroundColor: r === "abs" ? i : "transparent",
+                borderColor: r === "abs" ? i : o
               }
             }
           ),
@@ -1526,7 +1526,7 @@ const J2 = "_indicatorsCategory_1cu33_2", e0 = "_title_1cu33_5", t0 = "_list_1cu
             {
               className: F.optionText,
               style: {
-                color: a === "abs" ? i : o
+                color: r === "abs" ? i : o
               },
               children: u("indicators.abs")
             }
@@ -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,23 +1545,23 @@ 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(
       "div",
       {
         className: F.indicatorNameContainer,
-        onClick: () => r({ indicator: n }),
+        onClick: () => a({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
             "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 = {
@@ -1602,48 +1602,48 @@ const p0 = "_indicatorsSubCategory_1dzsi_2", m0 = "_list_1dzsi_8", Ke = {
   defaultColor: i,
   activeColor: o,
   activeSubCategory: t,
-  onClickSubCategory: a,
-  id: r,
+  onClickSubCategory: r,
+  id: a,
   activeIndicator: l,
   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);
-  }, [t, r]), /* @__PURE__ */ p(
+    C(t == a);
+  }, [t, a]), /* @__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: () => r(a), 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
         )) })
       ]
     }
@@ -1667,75 +1667,75 @@ const ut = ({
   activeColor: i,
   defaultColor: o,
   onClickCategory: t,
-  activeCategory: a,
-  activeSubCategory: r,
+  activeCategory: r,
+  activeSubCategory: a,
   onClickSubCategory: l,
   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);
-  }, [a, d]), /* @__PURE__ */ p(
+    f(r === d);
+  }, [r, 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,
-              activeSubCategory: r,
-              subcName: b,
+              id: v,
+              activeSubCategory: a,
+              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}`
         )) })
       ]
     }
@@ -1767,74 +1767,74 @@ const h0 = "_indicatorsList_fklyu_2", g0 = "_title_fklyu_6", He = {
   // Selección multiple
   multiple: t = !1,
   // Si multiple es true, debe ser un array de strings, sino un string
-  defaultValue: a = null,
+  defaultValue: r = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
-  changeIndType: r,
+  changeIndType: a,
   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" && a("cat");
     }
   };
   L(() => {
-    console.log("activeindicator changed to: ", f), o && typeof o == "function" && f && o({ activeIndicator: f });
-  }, [f]), _t(() => {
-    if (a && !f)
-      if (t && a && Array.isArray(a)) {
-        let v = f && f.length > 0 ? [...f] : [];
-        g([...v, ...a]), w(a[0].name);
+    console.log("activeindicator changed to: ", b), o && typeof o == "function" && b && o({ activeIndicator: b });
+  }, [b]), _t(() => {
+    if (r && !b)
+      if (t && r && Array.isArray(r)) {
+        let w = b && b.length > 0 ? [...b] : [];
+        C([...w, ...r]), x(r[0].name);
       } else
-        x(a), w(a.name);
+        v(r), x(r.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)
+          (P) => P.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,
         onChange: o,
-        onChangeType: r,
+        onChangeType: a,
         activeIndicatorType: l
       },
       `categoryKey${N}`
@@ -1858,9 +1858,9 @@ 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 }) => {
-  const [o, t] = $(!1), { i18n: a } = k(), r = n.find((c) => c.code == a.language), l = (c) => {
-    a.changeLanguage(c), t(!1);
+}, w0 = ({ langs: n, arrow: d, imgPrev: i }) => {
+  const [o, t] = $(!1), { i18n: r } = k(), a = n.find((c) => c.code == r.language), l = (c) => {
+    r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ p("div", { className: ee.langSelector, children: [
     /* @__PURE__ */ p(
@@ -1872,7 +1872,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
         },
         children: [
           i && /* @__PURE__ */ s("img", { className: ee.prevImg, src: i }),
-          (r == null ? void 0 : r.titleSelected) || (r == null ? void 0 : r.title),
+          (a == null ? void 0 : a.titleSelected) || (a == null ? void 0 : a.title),
           /* @__PURE__ */ s("img", { src: d, className: ee.arrow })
         ]
       }
@@ -1880,7 +1880,7 @@ const f0 = "_langSelector_o9enq_2", b0 = "_currentLang_o9enq_14", y0 = "_arrow_o
     o && /* @__PURE__ */ s("div", { className: ee.langMenu, children: n.map((c) => /* @__PURE__ */ s(
       "button",
       {
-        className: (r == null ? void 0 : r.code) == c.code ? ee.active : "",
+        className: (a == null ? void 0 : a.code) == c.code ? ee.active : "",
         onClick: () => l(c.code),
         children: c.title
       },
@@ -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,
@@ -1933,10 +1933,10 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
   //Should be an object with {maxColor, minColor, maxValue, minValue}
   //If this has is not null or undefined, the legendList values wont be displayed.
   //It will display only the absolute value indicator.
-  absoluteValue: a,
+  absoluteValue: r,
   //Function to be called when the button is clicked (optional).
   //If this is null or undefined the button wont be displayed.
-  onClickMoreInfo: r,
+  onClickMoreInfo: a,
   //If not passed it will read t("moreInformation")
   buttonTitle: l,
   onClickClose: c
@@ -1950,49 +1950,49 @@ 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 }) }),
         /* @__PURE__ */ p("div", { className: M.legendListContainer, children: [
-          a ? /* @__PURE__ */ p("div", { className: M.absoluteValueContainer, children: [
+          r ? /* @__PURE__ */ p("div", { className: M.absoluteValueContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
                 className: M.absoluteValueColor,
                 style: {
-                  background: `linear-gradient(to bottom, ${a.maxColor} 0%, ${a.midColor ? `${a.midColor} 50%,` : ""} ${a.minColor} 100%)`
+                  background: `linear-gradient(to bottom, ${r.maxColor} 0%, ${r.midColor ? `${r.midColor} 50%,` : ""} ${r.minColor} 100%)`
                 }
               }
             ),
             /* @__PURE__ */ p("div", { className: M.absoluteValueText, children: [
               /* @__PURE__ */ p("span", { children: [
-                a.maxValue,
+                r.maxValue,
                 " ",
-                u(a.unit)
+                u(r.unit)
               ] }),
-              a.midValue && /* @__PURE__ */ p("span", { children: [
-                a.midValue,
+              r.midValue && /* @__PURE__ */ p("span", { children: [
+                r.midValue,
                 " ",
-                u(a.unit)
+                u(r.unit)
               ] }),
               /* @__PURE__ */ p("span", { children: [
-                a.minValue,
+                r.minValue,
                 " ",
-                u(a.unit)
+                u(r.unit)
               ] })
             ] })
           ] }) : 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: [
@@ -2001,20 +2001,20 @@ const w0 = "_legendContainer_qs4x9_3", N0 = "_closeButton_qs4x9_31", k0 = "_titl
               ] })
             ] }, d)
           ) }),
-          a.noDataColor && /* @__PURE__ */ p("div", { className: M.noDataContainer, children: [
+          r.noDataColor && /* @__PURE__ */ p("div", { className: M.noDataContainer, children: [
             /* @__PURE__ */ s(
               "div",
               {
                 className: M.noData,
                 style: {
-                  background: a.noDataColor
+                  background: r.noDataColor
                 }
               }
             ),
-            /* @__PURE__ */ s("div", { className: M.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(a.noDataText) }) })
+            /* @__PURE__ */ s("div", { className: M.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(r.noDataText) }) })
           ] })
         ] }),
-        r && /* @__PURE__ */ s("button", { className: M.moreInfoContainer, onClick: r, children: l || u("moreInformation") })
+        a && /* @__PURE__ */ s("button", { className: M.moreInfoContainer, onClick: a, children: l || u("moreInformation") })
       ]
     }
   );
@@ -2061,65 +2061,65 @@ 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,
   minZoom: i = 8,
   mapStyle: o,
   firstSymbolLayer: t,
-  cssProps: a = "",
-  onClick: r = "",
+  cssProps: r = "",
+  onClick: a = "",
   interactiveLayers: l = [],
   popUp: c = !1,
   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: r, children: /* @__PURE__ */ p(
     kt,
     {
       initialViewState: n,
-      ref: h,
+      ref: g,
       hash: !1,
       maxZoom: d,
       minZoom: i,
       mapStyle: o,
-      onClick: r,
+      onClick: a,
       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
           }
         )
@@ -2196,69 +2196,69 @@ const Z0 = "_mapContainer_b0pyr_3", K0 = {
   minZoom: i = 8,
   mapStyle: o,
   firstSymbolLayer: t,
-  cssProps: a = {},
-  onClick: r = "",
+  cssProps: r = {},
+  onClick: a = "",
   interactiveLayers: l = [],
   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(
+  }, []), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
     Lt,
     {
       mapLib: ye,
       initialViewState: n,
-      ref: g,
+      ref: C,
       hash: !1,
       maxZoom: d,
       minZoom: i,
       mapStyle: o,
-      onClick: r,
+      onClick: a,
       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 })
           }
         )
       ]
@@ -2321,14 +2321,14 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
   subtitle: i,
   rightContent: o,
   mainColor: t,
-  width: a
+  width: r
 }) => {
-  const { t: r } = k();
-  return /* @__PURE__ */ p("div", { className: U.sectionBar, style: { width: a && a }, children: [
+  const { t: a } = k();
+  return /* @__PURE__ */ p("div", { className: U.sectionBar, style: { width: r && r }, children: [
     /* @__PURE__ */ p("div", { className: U.leftContent, children: [
       n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: U.icon }),
       /* @__PURE__ */ p("div", { className: U.textContainer, children: [
-        /* @__PURE__ */ s("div", { className: U.title, children: r(d) }),
+        /* @__PURE__ */ s("div", { className: U.title, children: a(d) }),
         i && /* @__PURE__ */ s("div", { className: U.subtitle, children: i })
       ] })
     ] }),
@@ -2365,31 +2365,31 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
   playButton: an,
   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);
+}, dn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
+  const [a, 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))));
+    m && (a != 2050 ? (l(a + 1), c(Ne(a - 2e3 + 1))) : (l(2025), c(Ne(25))));
   }, 1e3);
-  const y = Rt({
+  const f = Rt({
     palette: {
       primary: {
         main: "#605b56"
@@ -2411,17 +2411,17 @@ 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 },
-      className: `${n ? se.sliderResults : se.slider} ${a ? se.sliderOpen : ""}`,
+      className: `${n ? se.sliderResults : se.slider} ${r ? se.sliderOpen : ""}`,
       style: { zIndex: t },
       children: [
         i,
@@ -2429,10 +2429,10 @@ const Y0 = "_sectionBar_1egwc_2", Q0 = "_leftContent_1egwc_14", X0 = "_textConta
           Ot,
           {
             "aria-label": "TimeSlider",
-            value: r,
+            value: a,
             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" }) })
       ]
     }
   ) });
@@ -2464,22 +2464,22 @@ const un = "_TopNavMenuContainer_12mp4_2", pn = "_topNavOptions_12mp4_13", mn =
   containerStyles: d,
   borderColor: i = "red",
   textColor: o = "white",
-  onChangeNavLink: t = (a) => {
-    console.log("Changed NavLink", a);
+  onChangeNavLink: t = (r) => {
+    console.log("Changed NavLink", r);
   }
 }) => {
-  const { t: a } = k();
-  return /* @__PURE__ */ s("div", { className: ke.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
+  const { t: r } = k();
+  return /* @__PURE__ */ s("div", { className: ke.TopNavMenuContainer, style: { ...d }, children: n.map((a, l) => /* @__PURE__ */ s(
     Pt,
     {
-      to: r.url,
+      to: a.url,
       className: ({ isActive: c }) => `${ke.topNavOptions} ${c ? ke.active : ""} `,
-      onClick: () => t(r.url),
+      onClick: () => t(a.url),
       style: ({ isActive: c }) => ({
         color: o,
         borderBottom: c ? `5px solid ${i}` : "5px solid transparent"
       }),
-      children: a(r.name)
+      children: r(a.name)
     },
     l
   )) });
@@ -2502,8 +2502,8 @@ const gn = "_LogInButton_1vxj5_2", Cn = {
   loggedInLabel: i = "Log out",
   containerStyles: o,
   userName: t = "",
-  isLoggedIn: a = !1,
-  onClickLogIn: r = () => {
+  isLoggedIn: r = !1,
+  onClickLogIn: a = () => {
     console.log("Login clicked");
   },
   onClickLogOut: l = () => {
@@ -2516,8 +2516,8 @@ const gn = "_LogInButton_1vxj5_2", Cn = {
     {
       style: { ...o },
       className: `${Cn.LogInButton} link ${n}`,
-      onClick: a ? l : r,
-      children: a ? t || c(i) : c(d)
+      onClick: r ? l : a,
+      children: r ? t || c(i) : c(d)
     }
   );
 };
@@ -2529,16 +2529,16 @@ 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", j = {
   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 = {
+}, 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", R = {
   listElement: Bn,
   elementNameDate: Sn,
   elementNameContainer: Dn,
@@ -2579,35 +2579,32 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   isActive: i,
   activeColor: o,
   fontColor: t,
-  moreInfo: a,
-  columns: r,
+  moreInfo: r,
+  columns: a,
   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,
+      className: R.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ p("div", { className: O.elementNameDate, onClick: () => d(_), 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(
-              "img",
-              {
-                style: { marginRight: 9 },
-                src: En
-              }
-            ),
-            /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: m })
-          ] }) }),
-          r.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: h ? new Date(h).toLocaleDateString() : "" }),
-          r.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
-          r.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
-        ] }),
-        /* @__PURE__ */ p("div", { className: O.elementButtons, children: [
+        /* @__PURE__ */ s("div", { className: R.elementNameDate, onClick: () => d(b), children: Object.keys(a).map((v) => v === "nom" ? /* @__PURE__ */ s("div", { className: R.elementNameContainer, children: /* @__PURE__ */ p("div", { className: R.elementName, children: [
+          m && (i ? /* @__PURE__ */ s(qn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
+            "img",
+            {
+              style: { marginRight: 9 },
+              src: En,
+              alt: "eye"
+            }
+          )),
+          /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: g })
+        ] }) }) : v == "data" ? /* @__PURE__ */ s("div", { className: R.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }) : /* @__PURE__ */ s("div", { className: R.elementDate, children: n[v] })) }),
+        /* @__PURE__ */ p("div", { className: R.elementButtons, children: [
           n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: On }),
             /* @__PURE__ */ s(Y, { text: c, position: "left" })
@@ -2629,13 +2626,13 @@ const En = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             /* @__PURE__ */ s(Y, { text: u, position: "left" })
           ] })
         ] }),
-        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)
+        r && /* @__PURE__ */ s("div", { className: R.break }),
+        r && /* @__PURE__ */ p("div", { className: R.moreInfoContainer, children: [
+          /* @__PURE__ */ p("div", { className: R.moreInfo, onClick: () => h(!f), children: [
+            /* @__PURE__ */ s("span", { children: f ? "-" : "+" }),
+            _(r.label)
           ] }),
-          a && g && /* @__PURE__ */ s("div", { className: O.moreInfoInfo, children: n[a.info] })
+          r && f && /* @__PURE__ */ s("div", { className: R.moreInfoInfo, children: n[r.info] })
         ] })
       ]
     }
@@ -2674,7 +2671,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,
@@ -2682,83 +2680,80 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   fontColor: i = "#605B56",
   activeColor: o,
   buttonContainerStyles: t = {},
-  containerStyles: a = {},
-  newElementButton: r,
+  containerStyles: r = {},
+  newElementButton: a,
   //{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(
     "div",
     {
-      className: P.elementSelector,
-      style: { color: i, ...a },
+      className: j.elementSelector,
+      style: { color: i, ...r },
       children: [
         /* @__PURE__ */ p(
           "div",
           {
-            className: P.header,
+            className: j.header,
             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) }),
-                  /* @__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) }),
-                  /* @__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) }) })
-              ] }),
-              /* @__PURE__ */ s("div", { className: P.buttonsContainer })
+              /* @__PURE__ */ s("div", { className: j.nameDateContainer, children: Object.keys(c).map((v) => v === "nom" ? /* @__PURE__ */ s("div", { className: j.elementName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
+                /* @__PURE__ */ s("span", { children: C(c.nom) }),
+                /* @__PURE__ */ s("img", { src: Ye, alt: "order arrow" })
+              ] }) }, v) : v === "data" ? /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
+                /* @__PURE__ */ s("span", { children: C(c.data) }),
+                /* @__PURE__ */ s("img", { src: Ye, alt: "order arrow" })
+              ] }) }, v) : /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(c[v]) }) }, v)) }),
+              /* @__PURE__ */ s("div", { className: j.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: P.elementListContainer, children: g && g.length > 0 && g.map((b) => /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: j.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(
+        a && /* @__PURE__ */ s("div", { className: j.newElementButtonContainer, children: /* @__PURE__ */ s(
           fe,
           {
             style: { ...t },
-            onClick: r.onClick,
+            onClick: a.onClick,
             borderColor: "grey",
-            disabled: r.disabled || !1,
-            children: f(r.label)
+            disabled: a.disabled || !1,
+            children: C(a.label)
           }
         ) })
       ]
@@ -2809,7 +2804,8 @@ Pn.propTypes = {
     info: e.any
   }),
   processTooltip: e.string,
-  defaultTooltip: e.string
+  defaultTooltip: e.string,
+  showEye: e.bool
 };
 const ge = {
   text: "text",
@@ -2847,15 +2843,15 @@ function ht(n) {
 var gt = (n) => /^\w*$/.test(n), Ve = (n) => n === void 0, t1 = (n) => Array.isArray(n) ? n.filter(Boolean) : [], Ct = (n) => t1(n.replace(/["|']|\]/g, "").split(/\.|\[/)), A = (n, d, i) => {
   if (!d || !ce(n))
     return i;
-  const o = (gt(d) ? [d] : Ct(d)).reduce((t, a) => mt(t) ? t : t[a], n);
+  const o = (gt(d) ? [d] : Ct(d)).reduce((t, r) => mt(t) ? t : t[r], n);
   return Ve(o) || o === n ? Ve(n[d]) ? i : n[d] : o;
 }, Be = (n) => typeof n == "boolean", Qe = (n, d, i) => {
   let o = -1;
-  const t = gt(d) ? [d] : Ct(d), a = t.length, r = a - 1;
-  for (; ++o < a; ) {
+  const t = gt(d) ? [d] : Ct(d), r = t.length, a = r - 1;
+  for (; ++o < r; ) {
     const l = t[o];
     let c = i;
-    if (o !== r) {
+    if (o !== a) {
       const u = n[l];
       c = ce(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
     }
@@ -2876,18 +2872,18 @@ var n1 = (n, d, i, o = !0) => {
   const t = {
     defaultValues: d._defaultValues
   };
-  for (const a in n)
-    Object.defineProperty(t, a, {
+  for (const r in n)
+    Object.defineProperty(t, r, {
       get: () => {
-        const r = a;
-        return d._proxyFormState[r] !== Je.all && (d._proxyFormState[r] = !o || Je.all), i && (i[r] = !0), n[r];
+        const a = r;
+        return d._proxyFormState[a] !== Je.all && (d._proxyFormState[a] = !o || Je.all), i && (i[a] = !0), n[a];
       }
     });
   return t;
 };
 const bt = typeof window < "u" ? ne.useLayoutEffect : ne.useEffect;
 function i1(n) {
-  const d = qe(), { control: i = d.control, disabled: o, name: t, exact: a } = n || {}, [r, l] = B.useState(i._formState), c = B.useRef({
+  const d = qe(), { control: i = d.control, disabled: o, name: t, exact: r } = n || {}, [a, l] = B.useState(i._formState), c = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2900,31 +2896,31 @@ function i1(n) {
   return bt(() => i._subscribe({
     name: t,
     formState: c.current,
-    exact: a,
+    exact: r,
     callback: (u) => {
       !o && l({
         ...i._formState,
         ...u
       });
     }
-  }), [t, o, a]), B.useEffect(() => {
+  }), [t, o, r]), B.useEffect(() => {
     c.current.isValid && i._setValid(!0);
-  }, [i]), B.useMemo(() => n1(r, i, c.current, !1), [r, i]);
+  }, [i]), B.useMemo(() => n1(a, i, c.current, !1), [a, i]);
 }
-var o1 = (n) => typeof n == "string", s1 = (n, d, i, o, t) => o1(n) ? A(i, n, t) : Array.isArray(n) ? n.map((a) => A(i, a)) : i;
+var o1 = (n) => typeof n == "string", s1 = (n, d, i, o, t) => o1(n) ? A(i, n, t) : Array.isArray(n) ? n.map((r) => A(i, r)) : i;
 function r1(n) {
-  const d = qe(), { control: i = d.control, name: o, defaultValue: t, disabled: a, exact: r } = n || {}, l = B.useRef(t), [c, u] = B.useState(i._getWatch(o, l.current));
+  const d = qe(), { control: i = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, l = B.useRef(t), [c, u] = B.useState(i._getWatch(o, l.current));
   return bt(() => i._subscribe({
     name: o,
     formState: {
       values: !0
     },
-    exact: r,
-    callback: (m) => !a && u(s1(o, i._names, m.values || i._formValues, !1, l.current))
-  }), [o, i, a, r]), B.useEffect(() => i._removeUnmounted()), c;
+    exact: a,
+    callback: (m) => !r && u(s1(o, i._names, m.values || i._formValues, !1, l.current))
+  }), [o, i, r, a]), B.useEffect(() => i._removeUnmounted()), c;
 }
 function a1(n) {
-  const d = qe(), { name: i, disabled: o, control: t = d.control, shouldUnregister: a } = n, r = Xn(t._names.array, i), l = r1({
+  const d = qe(), { name: i, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = Xn(t._names.array, i), l = r1({
     control: t,
     name: i,
     defaultValue: A(t._formValues, i, A(t._defaultValues, i, n.defaultValue)),
@@ -2937,7 +2933,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,61 +2954,61 @@ 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 || r;
     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);
+    return !a && t.register(i), () => {
+      (a ? h && !t._state.action : h) ? t.unregister(i) : _(i, !1);
     };
-  }, [i, t, r, a]), B.useEffect(() => {
+  }, [i, t, a, r]), B.useEffect(() => {
     t._setDisabledField({
       disabled: o,
       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
@@ -3035,38 +3031,38 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     code: i,
     type: o,
     label: t,
-    maxLength: a,
-    required: r,
+    maxLength: r,
+    required: a,
     validateFunction: l,
     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(a);
   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 !== a && (a ? f(i) : h(i), x.current = a);
+  }, [a, 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,
-        maxLength: a || void 0,
+        required: a ? `${b(t)} ${b("errorMessages.required")}` : !1,
+        maxLength: r || void 0,
         validate: l || void 0
       },
       render: ({ field: N, fieldState: S }) => {
         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: "*" })
+            a && /* @__PURE__ */ s("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p(
             "div",
@@ -3077,25 +3073,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) : "",
-                    maxLength: a || void 0
+                    placeholder: c ? b(c) : "",
+                    maxLength: r || 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,
             {
@@ -3125,51 +3121,51 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     code: i,
     type: o,
     label: t,
-    maxLength: a,
-    required: r,
+    maxLength: r,
+    required: a,
     validateFunction: l,
     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(a);
   return L(() => {
-    C.current !== r && (r ? g(i) : y(i), C.current = r);
-  }, [r, i, g, y]), /* @__PURE__ */ s(
+    h.current !== a && (a ? C(i) : f(i), h.current = a);
+  }, [a, i, C, f]), /* @__PURE__ */ s(
     Ee,
     {
       name: i,
-      control: f,
+      control: b,
       rules: {
-        required: r ? `${_(t)} ${_("errorMessages.required")}` : !1,
+        required: a ? `${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: "*" })
+            a && /* @__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 +3184,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 +3192,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,
@@ -3208,31 +3204,31 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
     code: i,
     label: o,
     required: t,
-    validateFunction: a,
-    errorColor: r = "red",
+    validateFunction: r,
+    errorColor: a = "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;
@@ -3248,7 +3244,7 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
                 t && /* @__PURE__ */ s(
                   "label",
                   {
-                    style: { color: N.error ? r : "" },
+                    style: { color: N.error ? a : "" },
                     children: "*"
                   }
                 )
@@ -3259,11 +3255,11 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
             l.map(
               ({
                 label: D,
-                value: j,
+                value: P,
                 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;
+              }, O) => {
+                const q = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((E) => E === P) : x === P;
                 return /* @__PURE__ */ p("label", { children: [
                   /* @__PURE__ */ s(
                     "input",
@@ -3271,29 +3267,29 @@ 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: _
+                        }) : _(P);
                       },
                       className: G.radioInput
                     }
                   ),
                   /* @__PURE__ */ s("span", { className: "radio-custom" }),
                   u(D)
-                ] }, `inputRadio ${R}`);
+                ] }, `inputRadio ${O}`);
               }
             ),
             /* @__PURE__ */ s(
               be,
               {
                 errorMessage: (S = N.error) == null ? void 0 : S.message,
-                errorColor: r
+                errorColor: a
               }
             )
           ] })
@@ -3306,15 +3302,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
   inputContainerStyles: d,
   reactHookFormInstance: i
 }) => {
-  const { watch: o } = i, t = o(), a = le(() => n.map((r) => {
-    const l = typeof r.required == "function" ? r.required(t) : r.required;
+  const { watch: o } = i, t = o(), r = le(() => n.map((a) => {
+    const l = typeof a.required == "function" ? a.required(t) : a.required;
     return {
-      ...r,
+      ...a,
       required: l
     };
   }), [n, t]);
-  return /* @__PURE__ */ s("div", { className: ae.inputsContainer, children: a == null ? void 0 : a.map((r, l) => {
-    const { inputType: c } = r;
+  return /* @__PURE__ */ s("div", { className: ae.inputsContainer, children: r == null ? void 0 : r.map((a, l) => {
+    const { inputType: c } = a;
     switch (c) {
       case ge.text:
         return /* @__PURE__ */ s(
@@ -3325,12 +3321,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
             children: /* @__PURE__ */ s(
               et,
               {
-                input: r,
+                input: a,
                 reactHookFormInstance: i
               }
             )
           },
-          `${r.code}${l}`
+          `${a.code}${l}`
         );
       case ge.password:
         return /* @__PURE__ */ s(
@@ -3341,12 +3337,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
             children: /* @__PURE__ */ s(
               et,
               {
-                input: r,
+                input: a,
                 reactHookFormInstance: i
               }
             )
           },
-          `${r.code}${l}`
+          `${a.code}${l}`
         );
       case ge.select:
         return /* @__PURE__ */ s(
@@ -3357,12 +3353,12 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
             children: /* @__PURE__ */ s(
               v1,
               {
-                input: r,
+                input: a,
                 reactHookFormInstance: i
               }
             )
           },
-          `${r.code}${l}`
+          `${a.code}${l}`
         );
       case ge.radioList:
         return /* @__PURE__ */ s(
@@ -3373,15 +3369,15 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
             children: /* @__PURE__ */ s(
               D1,
               {
-                input: r,
+                input: a,
                 reactHookFormInstance: i
               }
             )
           },
-          `${r.code}${l}`
+          `${a.code}${l}`
         );
       default:
-        return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h4", { children: "Default" }) }, `${r.code}${l}`);
+        return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h4", { children: "Default" }) }, `${a.code}${l}`);
     }
   }) });
 }, yi = ({
@@ -3393,8 +3389,8 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
   CategoryComponent: i,
   inputContainerStyles: o,
   generalError: t,
-  errorColor: a = "red",
-  submitButtonLabel: r = "Submit",
+  errorColor: r = "red",
+  submitButtonLabel: a = "Submit",
   submitButtonStyles: l = { width: 325 },
   activeCategory: c = null,
   // If provided, only the category with this categoryId will be displayed.
@@ -3402,37 +3398,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,
+                    errorColor: r,
                     formInstance: n
                   }
                 )
               },
-              `${g.category}${y}`
+              `${C.category}${f}`
             )
           }
         ) : /* @__PURE__ */ p(
@@ -3440,38 +3436,38 @@ 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,
+                  errorColor: r,
                   reactHookFormInstance: n
                 }
               ) })
             ]
           },
-          `${g.category}${y}`
+          `${C.category}${f}`
         ) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
           De,
           {
             inputContainerStyles: o,
-            inputs: C,
-            control: h,
-            errorColor: a,
+            inputs: h,
+            control: g,
+            errorColor: r,
             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(be, { errorMessage: t, errorColor: a })
+        /* @__PURE__ */ s(fe, { containerStyles: l, type: "submit", children: b(a) }),
+        /* @__PURE__ */ s(be, { errorMessage: t, errorColor: r })
       ] })
     ] })
   );
@@ -3490,13 +3486,13 @@ const Ee = (n) => n.render(a1(n)), l1 = "_errorMessage_1xiyb_2", c1 = {
   message: i,
   submessage: o,
   buttons: t,
-  maxHeight: a = "450px",
-  maxWidth: r = "450px"
+  maxHeight: r = "450px",
+  maxWidth: a = "450px"
 }) => /* @__PURE__ */ s("div", { className: Z.overlay, children: /* @__PURE__ */ p(
   "div",
   {
     className: Z.modal,
-    style: { maxHeight: a, maxWidth: r },
+    style: { maxHeight: r, maxWidth: a },
     children: [
       /* @__PURE__ */ s("button", { className: Z.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
       d && /* @__PURE__ */ s("img", { src: d, alt: "icon", className: Z.icon }),
@@ -3534,8 +3530,8 @@ const R1 = "_header_13kbt_2", q1 = "_leftComponents_13kbt_13", E1 = "_centerComp
   centerComponents: i = [],
   rightComponents: o = [],
   zIndex: t = 10,
-  height: a = 60,
-  backgroundColor: r = "#605B56",
+  height: r = 60,
+  backgroundColor: a = "#605B56",
   isFooter: l = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ p(
@@ -3545,8 +3541,8 @@ const R1 = "_header_13kbt_2", q1 = "_leftComponents_13kbt_13", E1 = "_centerComp
     style: {
       ...n,
       zIndex: t,
-      height: a,
-      backgroundColor: r,
+      height: r,
+      backgroundColor: a,
       top: l ? "auto" : 0,
       bottom: l ? 0 : "auto"
     },
@@ -3611,7 +3607,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,