@tmf_ciclica/ciclicastorybook 1.1.84 → 1.1.86

package/dist/index.es.js

@@ -3,13 +3,13 @@ import { jsxs as m, jsx as s, Fragment as Se } from "react/jsx-runtime";
 import * as te from "react";
 import B, { useState as D, useEffect as V, useMemo as he, useLayoutEffect as yt, useRef as $e } from "react";
 import e from "prop-types";
-import { useTranslation as N, Trans as Ve } from "react-i18next";
+import { useTranslation as k, Trans as Ve } from "react-i18next";
 import { motion as Ae } from "framer-motion";
 import { create as _t } from "zustand";
 import * as Ee from "d3";
 import vt from "mapbox-gl";
 import { useSelector as wt, useDispatch as xt } from "react-redux";
-import Nt, { Source as kt, Layer as Bt, NavigationControl as St, Popup as Dt } from "react-map-gl/mapbox";
+import kt, { Source as Nt, Layer as Bt, NavigationControl as St, Popup as Dt } from "react-map-gl/mapbox";
 import fe from "maplibre-gl";
 import { Protocol as Mt } from "pmtiles";
 import Lt, { Source as Ft, Layer as Tt, NavigationControl as $t, Popup as Vt } from "react-map-gl/maplibre";
@@ -40,9 +40,9 @@ const jt = "_ambitSelector_mcunf_2", qt = "_header_mcunf_13", zt = "_nameDateCon
   onClickFilters: i,
   onClickAmbit: t,
   isActive: r,
-  activeColor: l,
+  activeColor: c,
   fontColor: a,
-  moreInfo: c
+  moreInfo: l
 }) => {
   const { nom: u, created_at: h, id: g, isBeingProcessed: y } = n;
   return /* @__PURE__ */ m(
@@ -60,7 +60,7 @@ const jt = "_ambitSelector_mcunf_2", qt = "_header_mcunf_13", zt = "_nameDateCon
                 src: r ? o2 : s2
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: r ? l : a }, children: u })
+            /* @__PURE__ */ s("span", { style: { color: r ? c : a }, children: u })
           ] }),
           /* @__PURE__ */ s("div", { className: ne.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
@@ -121,30 +121,30 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   nameLabel: t,
   dateLabel: r,
-  newAmbitLabel: l = "New field",
+  newAmbitLabel: c = "New field",
   buttonContainerStyles: a = {},
-  containerStyles: c = {},
+  containerStyles: l = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: h = (f) => console.log(`Copy ambit: ${f}`),
   onCLickDelete: g = (f) => console.log(`Delete ambit: ${f}`),
   onClickFilters: y = (f) => console.log(`Filters clicked: ${f}`),
   onClickAmbit: C = (f) => console.log(`OnCLickAmbit: ${f}`)
 }) => {
-  const { t: f } = N(), [_, p] = D(n);
+  const { t: f } = k(), [_, p] = D(n);
   V(() => {
     n && p(n);
   }, [n]);
   const b = (v) => {
     if (_ && _.length > 0) {
       let x = [..._];
-      x.sort((w, k) => w[v].localeCompare(k[v])), p(x);
+      x.sort((w, N) => w[v].localeCompare(N[v])), p(x);
     }
   };
   return /* @__PURE__ */ m(
     "div",
     {
       className: z.ambitSelector,
-      style: { color: o, ...c },
+      style: { color: o, ...l },
       children: [
         /* @__PURE__ */ m(
           "div",
@@ -186,7 +186,7 @@ const je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: f(l)
+            children: f(c)
           }
         ) })
       ]
@@ -228,7 +228,7 @@ const c2 = "_buttonsContainer_1audx_2", d2 = "_vertical_1audx_6", u2 = "_horizon
   bottom: f2,
   right: b2
 }, Y = ({ text: n, position: d, styleCustom: o = null }) => {
-  const { t: i } = N();
+  const { t: i } = k();
   return /* @__PURE__ */ s("div", { className: `tooltip ${y2[d]}`, style: o, children: i(n) });
 };
 Y.propTypes = {
@@ -244,13 +244,13 @@ const _2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: l } = N();
+  const { t: c } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       className: `${Z.buttonsContainer} ${d === "vertical" && Z.vertical}
           ${d === "horizontal" && Z.horizontal}`,
-      children: n.map((a, c) => {
+      children: n.map((a, l) => {
         const {
           icon: u,
           activeIcon: h,
@@ -258,9 +258,9 @@ const _2 = ({
           name: y,
           onClick: C
         } = a, f = /* @__PURE__ */ m(Se, { children: [
-          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(y) }),
-          /* @__PURE__ */ s("img", { src: g ? h : u, alt: l(y) }),
-          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: l(y) })
+          o && i === "left" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) }),
+          /* @__PURE__ */ s("img", { src: g ? h : u, alt: c(y) }),
+          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) })
         ] });
         return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
@@ -273,7 +273,7 @@ const _2 = ({
             }
           ),
           t && /* @__PURE__ */ s(Y, { text: y, position: r })
-        ] }, c);
+        ] }, l);
       })
     }
   );
@@ -306,23 +306,23 @@ const v2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", be = {
   activeColor: t = "#F8A925",
   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: l = 53,
+  height: c = 53,
   //Adjust height if you change fontSize
   titleFontStyles: a,
-  showBottomBar: c = !0,
+  showBottomBar: l = !0,
   titleMarginChildren: u = 25
 }) => {
-  const { t: h } = N();
+  const { t: h } = k();
   return /* @__PURE__ */ m(
     Ae.div,
     {
       className: be.indicatorsCategory,
-      initial: { height: `${l}px` },
-      animate: { height: n ? "auto" : `${l}px` },
+      initial: { height: `${c}px` },
+      animate: { height: n ? "auto" : `${c}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && c ? `1px solid ${t}` : "0px",
+        borderBottom: n && l ? `1px solid ${t}` : "0px",
         marginBottom: n ? "20px" : "0px"
       },
       children: [
@@ -357,9 +357,9 @@ W.propTypes = {
   showBottomBar: e.bool,
   titleFontStyles: e.object
 };
-const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", N2 = "_AppliedFiltersContainer_cokx9_2", k2 = "_AppliedFilterContent_cokx9_11", qe = {
-  AppliedFiltersContainer: N2,
-  AppliedFilterContent: k2
+const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", k2 = "_AppliedFiltersContainer_cokx9_2", N2 = "_AppliedFilterContent_cokx9_11", qe = {
+  AppliedFiltersContainer: k2,
+  AppliedFilterContent: N2
 }, T = _t((n) => ({
   activeCategory: "",
   activeSubCategory: "",
@@ -368,7 +368,7 @@ const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
   fontColor: "#605B56",
   inputsColor: "#605B56"
 })), tt = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = N(), { tematicalFiltersSelected: a } = T((u) => u), c = (u) => {
+  const { t: c } = k(), { tematicalFiltersSelected: a } = T((u) => u), l = (u) => {
     T.setState((h) => ({
       tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (g) => g.code !== u
@@ -380,11 +380,11 @@ const oi = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
     {
       isOpen: o,
       onClick: d,
-      title: n ? l(n) : "Applied Filters",
+      title: n ? c(n) : "Applied Filters",
       activeColor: r,
       children: /* @__PURE__ */ s("div", { className: qe.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, h) => /* @__PURE__ */ m("div", { className: qe.AppliedFilterContent, style: { color: i, background: t }, children: [
-        l(u.name),
-        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
+        c(u.name),
+        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => l(u.code), style: { cursor: "pointer" } })
       ] }, h)) })
     }
   );
@@ -404,13 +404,13 @@ tt.propTypes = {
   activeColor: e.string
 };
 const nt = ({ title: n, onClick: d, isOpen: o = !0, textColor: i = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: l } = N(), { tematicalFiltersSelected: a } = T((c) => c);
+  const { t: c } = k(), { tematicalFiltersSelected: a } = T((l) => l);
   return /* @__PURE__ */ s(
     W,
     {
       isOpen: o,
       onClick: d,
-      title: n ? l(n) : "Geographical Filters",
+      title: n ? c(n) : "Geographical Filters",
       activeColor: r,
       children: "A"
     }
@@ -433,7 +433,7 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
   indicator: i,
   value: t
 }) => {
-  const { t: r } = N(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = T((u) => u);
+  const { t: r } = k(), { title: c } = i || {}, { fontColor: a, inputsColor: l } = T((u) => u);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -450,12 +450,12 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
             value: t,
             readOnly: !0,
             style: {
-              border: `1.5px solid ${t ? c : a}`,
-              backgroundColor: t ? c : "white"
+              border: `1.5px solid ${t ? l : a}`,
+              backgroundColor: t ? l : "white"
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "checkmark", children: r(l) })
+        /* @__PURE__ */ s("span", { className: "checkmark", children: r(c) })
       ]
     }
   );
@@ -517,18 +517,18 @@ let Le = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      const l = t.getMousePosition(a), u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
       t.move(h);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const c = t.getTouchPosition(a);
+      const l = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
+        const g = l[0] - t.startPosition[0], y = l[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]), h = t.getValueFromPosition(u);
+      const u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
       t.move(h);
     }, t.onKeyDown = (a) => {
       if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
@@ -559,51 +559,51 @@ let Le = function(n) {
     }, t.onSliderMouseDown = (a) => {
       if (!t.props.disabled && a.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const c = t.getMousePosition(a);
-          t.forceValueFromPosition(c[0], (u) => {
-            t.start(u, c[0]), de(t.getMouseEventMap());
+          const l = t.getMousePosition(a);
+          t.forceValueFromPosition(l[0], (u) => {
+            t.start(u, l[0]), de(t.getMouseEventMap());
           });
         }
         ye(a);
       }
     }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const c = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
+        const l = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, t.createOnKeyDown = (a) => (c) => {
-      t.props.disabled || (t.start(a), de(t.getKeyDownEventMap()), ye(c));
-    }, t.createOnMouseDown = (a) => (c) => {
-      if (t.props.disabled || c.button === 2) return;
+    }, t.createOnKeyDown = (a) => (l) => {
+      t.props.disabled || (t.start(a), de(t.getKeyDownEventMap()), ye(l));
+    }, t.createOnMouseDown = (a) => (l) => {
+      if (t.props.disabled || l.button === 2) return;
       t.setState({ pending: !0 });
-      const u = t.getMousePosition(c);
-      t.start(a, u[0]), de(t.getMouseEventMap()), ye(c);
-    }, t.createOnTouchStart = (a) => (c) => {
-      if (t.props.disabled || c.touches.length > 1) return;
+      const u = t.getMousePosition(l);
+      t.start(a, u[0]), de(t.getMouseEventMap()), ye(l);
+    }, t.createOnTouchStart = (a) => (l) => {
+      if (t.props.disabled || l.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(c);
+      const u = t.getTouchPosition(l);
       t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(h) {
         h.stopPropagation && h.stopPropagation();
-      }(c);
+      }(l);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
       t.pendingResizeTimeouts.push(a);
-    }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (y) => {
-        t["thumb" + c] = y;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: ce(t.state.value), valueNow: t.state.value[c] };
+    }, t.renderThumb = (a, l) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), h = { ref: (y) => {
+        t["thumb" + l] = y;
+      }, key: t.props.thumbClassName + "-" + l, className: u, style: a, onMouseDown: t.createOnMouseDown(l), onTouchStart: t.createOnTouchStart(l), onFocus: t.createOnKeyDown(l), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[l], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[l] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[l] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: l, value: ce(t.state.value), valueNow: t.state.value[l] };
       return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
-    }, t.renderTrack = (a, c, u) => {
-      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: a, value: ce(t.state.value) };
+    }, t.renderTrack = (a, l, u) => {
+      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(l, t.state.upperBound - u) }, g = { index: a, value: ce(t.state.value) };
       return t.props.renderTrack(h, g);
     };
     let r = _e(i.value);
     r.length || (r = _e(i.defaultValue)), t.pendingResizeTimeouts = [];
-    const l = [];
-    for (let a = 0; a < r.length; a += 1) r[a] = H(r[a], i), l.push(a);
-    return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
+    const c = [];
+    for (let a = 0; a < r.length; a += 1) r[a] = H(r[a], i), c.push(a);
+    return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: c }, t;
   }
   D2(d, n);
   var o = d.prototype;
@@ -611,7 +611,7 @@ let Le = function(n) {
     typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
   }, d.getDerivedStateFromProps = function(i, t) {
     const r = _e(i.value);
-    return r.length ? t.pending ? null : { value: r.map((l) => H(l, i)) } : null;
+    return r.length ? t.pending ? null : { value: r.map((c) => H(c, i)) } : null;
   }, o.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, o.componentWillUnmount = function() {
@@ -626,10 +626,10 @@ let Le = function(n) {
     return ce(this.state.value);
   }, o.getClosestIndex = function(i) {
     let t = Number.MAX_VALUE, r = -1;
-    const { value: l } = this.state, a = l.length;
-    for (let c = 0; c < a; c += 1) {
-      const u = this.calcOffset(l[c]), h = Math.abs(i - u);
-      h < t && (t = h, r = c);
+    const { value: c } = this.state, a = c.length;
+    for (let l = 0; l < a; l += 1) {
+      const u = this.calcOffset(c[l]), h = Math.abs(i - u);
+      h < t && (t = h, r = l);
     }
     return r;
   }, o.getMousePosition = function(i) {
@@ -652,7 +652,7 @@ let Le = function(n) {
   }, o.resize = function() {
     const { slider: i, thumb0: t } = this;
     if (!i || !t) return;
-    const r = this.sizeKey(), l = i.getBoundingClientRect(), a = i[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, y = Math.abs(c - u);
+    const r = this.sizeKey(), c = i.getBoundingClientRect(), a = i[r], l = c[this.posMaxKey()], u = c[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, y = Math.abs(l - u);
     this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: y, thumbSize: h });
   }, o.calcOffset = function(i) {
     const t = this.props.max - this.props.min;
@@ -660,15 +660,15 @@ let Le = function(n) {
   }, o.calcValue = function(i) {
     return i / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, o.calcOffsetFromPosition = function(i) {
-    const { slider: t } = this, r = t.getBoundingClientRect(), l = r[this.posMaxKey()], a = r[this.posMinKey()];
-    let c = i - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
-    return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
+    const { slider: t } = this, r = t.getBoundingClientRect(), c = r[this.posMaxKey()], a = r[this.posMinKey()];
+    let l = i - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? c : a));
+    return this.props.invert && (l = this.state.sliderLength - l), l -= this.state.thumbSize / 2, l;
   }, o.forceValueFromPosition = function(i, t) {
-    const r = this.calcOffsetFromPosition(i), l = this.getClosestIndex(r), a = H(this.calcValue(r), this.props), c = this.state.value.slice();
-    c[l] = a;
-    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(l), this.fireChangeEvent("onChange");
+    const r = this.calcOffsetFromPosition(i), c = this.getClosestIndex(r), a = H(this.calcValue(r), this.props), l = this.state.value.slice();
+    l[c] = a;
+    for (let u = 0; u < l.length - 1; u += 1) if (l[u + 1] - l[u] < this.props.minDistance) return;
+    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: l }, () => {
+      t(c), this.fireChangeEvent("onChange");
     });
   }, o.clearPendingResizeTimeouts = function() {
     do {
@@ -678,8 +678,8 @@ let Le = function(n) {
   }, o.start = function(i, t) {
     const r = this["thumb" + i];
     r && r.focus();
-    const { zIndices: l } = this.state;
-    l.splice(l.indexOf(i), 1), l.push(i), this.setState((a) => ({ startValue: a.value[i], startPosition: t !== void 0 ? t : a.startPosition, index: i, zIndices: l }));
+    const { zIndices: c } = this.state;
+    c.splice(c.indexOf(i), 1), c.push(i), this.setState((a) => ({ startValue: a.value[i], startPosition: t !== void 0 ? t : a.startPosition, index: i, zIndices: c }));
   }, o.moveUpByStep = function(i) {
     i === void 0 && (i = this.props.step);
     const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t - i : t + i, this.props);
@@ -689,36 +689,36 @@ let Le = function(n) {
     const t = this.state.value[this.state.index], r = H(this.props.invert && this.props.orientation === "horizontal" ? t + i : t - i, this.props);
     this.move(Math.max(r, this.props.min));
   }, o.move = function(i) {
-    const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
+    const t = this.state.value.slice(), { index: r } = this.state, { length: c } = t, a = t[r];
     if (i === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
-    if (!c) {
+    const { pearling: l, max: u, min: h, minDistance: g } = this.props;
+    if (!l) {
       if (r > 0) {
         const y = t[r - 1];
         i < y + g && (i = y + g);
       }
-      if (r < l - 1) {
+      if (r < c - 1) {
         const y = t[r + 1];
         i > y - g && (i = y - g);
       }
     }
-    t[r] = i, c && l > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, C, f, _) {
+    t[r] = i, l && c > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, C, f, _) {
       for (let p = 0; p < y; p += 1) {
         const b = _ - p * f;
         C[y - 1 - p] > b && (C[y - 1 - p] = b);
       }
-    }(l, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, C, f, _) {
+    }(c, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, C, f, _) {
       for (let p = 0; p < y; p += 1) {
         const b = _ + p * f;
         C[p] < b && (C[p] = b);
       }
-    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(c, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(i, t, r) {
-    let l, a;
-    for (l = r, a = i[l] + t; i[l + 1] !== null && a > i[l + 1]; l += 1, a = i[l] + t) i[l + 1] = Me(a, this.props);
+    let c, a;
+    for (c = r, a = i[c] + t; i[c + 1] !== null && a > i[c + 1]; c += 1, a = i[c] + t) i[c + 1] = Me(a, this.props);
   }, o.pushPreceding = function(i, t, r) {
-    for (let l = r, a = i[l] - t; i[l - 1] !== null && a < i[l - 1]; l -= 1, a = i[l] - t) i[l - 1] = Me(a, this.props);
+    for (let c = r, a = i[c] - t; i[c - 1] !== null && a < i[c - 1]; c -= 1, a = i[c] - t) i[c - 1] = Me(a, this.props);
   }, o.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, o.orthogonalAxisKey = function() {
@@ -743,28 +743,28 @@ let Le = function(n) {
   }, o.renderThumbs = function(i) {
     const { length: t } = i, r = [];
     for (let a = 0; a < t; a += 1) r[a] = this.buildThumbStyle(i[a], a);
-    const l = [];
-    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
-    return l;
+    const c = [];
+    for (let a = 0; a < t; a += 1) c[a] = this.renderThumb(r[a], a);
+    return c;
   }, o.renderTracks = function(i) {
     const t = [], r = i.length - 1;
     t.push(this.renderTrack(0, 0, i[0]));
-    for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, i[l], i[l + 1]));
+    for (let c = 0; c < r; c += 1) t.push(this.renderTrack(c + 1, i[c], i[c + 1]));
     return t.push(this.renderTrack(r + 1, i[r], this.state.upperBound)), t;
   }, o.renderMarks = function() {
     let { marks: i } = this.props;
     const t = this.props.max - this.props.min + 1;
-    return typeof i == "boolean" ? i = Array.from({ length: t }).map((r, l) => l) : typeof i == "number" && (i = Array.from({ length: t }).map((r, l) => l).filter((r) => r % i == 0)), i.map(parseFloat).sort((r, l) => r - l).map((r) => {
-      const l = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(l) };
+    return typeof i == "boolean" ? i = Array.from({ length: t }).map((r, c) => c) : typeof i == "number" && (i = Array.from({ length: t }).map((r, c) => c).filter((r) => r % i == 0)), i.map(parseFloat).sort((r, c) => r - c).map((r) => {
+      const c = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(c) };
       return this.props.renderMark(a);
     });
   }, o.render = function() {
     const i = [], { value: t } = this.state, r = t.length;
     for (let u = 0; u < r; u += 1) i[u] = this.calcOffset(t[u], u);
-    const l = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), c = this.props.marks ? this.renderMarks() : null;
+    const c = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), l = 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 }, l, a, c);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, c, a, l);
   }, d;
 }(B.Component);
 Le.displayName = "ReactSlider", Le.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) };
@@ -783,10 +783,10 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   onChange: i,
   width: t = 300,
   unit: r,
-  fontColor: l = "#605B56",
+  fontColor: c = "#605B56",
   defaultValue: a
 }) => {
-  const { t: c } = N(), [u, h] = D([n, d]), g = (y) => {
+  const { t: l } = k(), [u, h] = D([n, d]), g = (y) => {
     h(y), i == null || i({ min: y[0], max: y[1] });
   };
   return V(() => {
@@ -795,9 +795,9 @@ const L2 = "_container_15vgv_2", F2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
     "div",
     {
       className: Q.container,
-      style: { width: `${t}px`, color: `${l}` },
+      style: { width: `${t}px`, color: `${c}` },
       children: [
-        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
+        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: l(r) }) }),
         /* @__PURE__ */ s(
           M2,
           {
@@ -847,9 +847,9 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   const [o, i] = D(), {
     type: t,
     name: r,
-    values: l,
+    values: c,
     minValue: a,
-    maxValue: c,
+    maxValue: l,
     unit: u,
     step: h
   } = n || {}, g = he(
@@ -865,7 +865,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
     inputsColor: p
   } = T((x) => x), b = (x) => {
     if (x) {
-      const { min: w, max: k, valueClicked: L, allValues: F } = x || {}, { code: q, type: ae } = n || {}, le = y ? "abs" : g ? "cat" : "both";
+      const { min: w, max: N, valueClicked: L, allValues: F } = x || {}, { code: q, type: ae } = n || {}, le = y ? "abs" : g ? "cat" : "both";
       let R = q[0];
       ae == "both" && (R = le == "cat" ? q[1] : q[0]), le == "cat" ? T.setState((P) => {
         let E = P.tematicalFiltersSelected.find(
@@ -902,7 +902,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
         let E = P.tematicalFiltersSelected.find(
           ($) => $.code === R
         );
-        if (w == n.minValue && k == n.maxValue)
+        if (w == n.minValue && N == n.maxValue)
           return {
             tematicalFiltersSelected: P.tematicalFiltersSelected.filter(
               ($) => $.code !== R
@@ -910,7 +910,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           };
         if (E) {
           let $ = { ...E };
-          return $.min = w, $.max = k, {
+          return $.min = w, $.max = N, {
             tematicalFiltersSelected: P.tematicalFiltersSelected.map(
               (I) => I.code === R ? $ : I
             )
@@ -919,7 +919,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           return {
             tematicalFiltersSelected: [
               ...C,
-              { type: "abs", code: R, min: w, max: k, name: n.name }
+              { type: "abs", code: R, min: w, max: N, name: n.name }
             ]
           };
       });
@@ -994,14 +994,14 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
             ]
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: l.map((x, w) => {
-          var k;
+        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: c.map((x, w) => {
+          var N;
           return /* @__PURE__ */ s(
             it,
             {
-              onClick: () => b({ valueClicked: w, allValues: l }),
+              onClick: () => b({ valueClicked: w, allValues: c }),
               indicator: x,
-              value: ((k = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : k.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
+              value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
             },
             `checkbox-${w}`
           );
@@ -1011,7 +1011,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           {
             onChange: b,
             min: a,
-            max: c,
+            max: l,
             unit: u,
             defaultValue: v[n.code[0]] ? v[n.code[0]] : "",
             step: h
@@ -1042,15 +1042,15 @@ const st = ({
   activeColor: o
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: i } = T((l) => l), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: i } = T((c) => c), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     W,
     {
       title: t,
       isOpen: i == `id${t}`,
       onClick: () => {
-        T.setState((l) => ({
-          activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
+        T.setState((c) => ({
+          activeSubcategory: c.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
@@ -1059,10 +1059,10 @@ const st = ({
       height: 48,
       color: d,
       activeColor: o,
-      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ s(
+      children: r == null ? void 0 : r.map((c, a) => /* @__PURE__ */ s(
         Ie,
         {
-          indicator: l,
+          indicator: c,
           fontColor: d,
           activeColor: o
         },
@@ -1089,7 +1089,7 @@ const rt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = T((a) => a);
+  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: c } = T((a) => a);
   return n && /* @__PURE__ */ s(
     W,
     {
@@ -1102,24 +1102,24 @@ const rt = ({
       isOpen: r === `id${o}`,
       titleFontStyles: { fontSize: 18, fontWeight: "bold" },
       showBottomBar: !1,
-      color: l,
+      color: c,
       activeColor: d,
-      children: i ? i.map((a, c) => /* @__PURE__ */ s(
+      children: i ? i.map((a, l) => /* @__PURE__ */ s(
         st,
         {
           subcategory: a,
-          fontColor: l,
+          fontColor: c,
           activeColor: d
         },
-        `subcategory-${c}`
-      )) : t && t.map((a, c) => /* @__PURE__ */ s(
+        `subcategory-${l}`
+      )) : t && t.map((a, l) => /* @__PURE__ */ s(
         Ie,
         {
           indicator: a,
-          fontColor: l,
+          fontColor: c,
           activeColor: d
         },
-        `indicator-${c}`
+        `indicator-${l}`
       ))
     }
   );
@@ -1142,7 +1142,7 @@ const at = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = N();
+  const { tematicalFiltersSelected: c } = T((l) => l), { t: a } = k();
   return V(() => {
     i && T.setState(() => ({ fontColor: i }));
   }, [i]), V(() => {
@@ -1154,10 +1154,10 @@ const at = ({
       title: o ? a(o) : "Tematical filters",
       color: i,
       activeColor: r,
-      children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
+      children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ s(
         rt,
         {
-          category: c,
+          category: l,
           fontColor: i,
           activeColor: r
         },
@@ -1189,9 +1189,9 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
   indicators: i,
   activeColor: t,
   textColor: r,
-  backgroundColor: l,
+  backgroundColor: c,
   onChangeAppliedFilters: a,
-  saveAmbit: c,
+  saveAmbit: l,
   namePlaceholder: u,
   descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
@@ -1199,7 +1199,7 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
   onlyFilters: C = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: f } = N(), { tematicalFiltersSelected: _ } = T((F) => F), [p, b] = D(n || null), [v, x] = D(d || null), [w, k] = D(!1);
+  const { t: f } = k(), { tematicalFiltersSelected: _ } = T((F) => F), [p, b] = D(n || null), [v, x] = D(d || null), [w, N] = D(!1);
   V(() => {
     o && o.length > 0 && T.setState((F) => ({
       tematicalFiltersSelected: o
@@ -1208,7 +1208,7 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
     console.log("filtersSelected changed: ", _), a(_);
   }, [_]);
   const L = () => {
-    p ? c({ name: p, description: v }) : k(!0);
+    p ? l({ name: p, description: v }) : N(!0);
   };
   return /* @__PURE__ */ m("div", { className: X.FiltersAmbitContainer, children: [
     !C && /* @__PURE__ */ m("div", { className: X.FiltersAmbitHeader, children: [
@@ -1217,7 +1217,7 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           type: "text",
           onChange: (F) => {
-            k(!1), b(F.target.value);
+            N(!1), b(F.target.value);
           },
           value: p,
           placeholder: f(u)
@@ -1238,7 +1238,7 @@ const E2 = "_FiltersAmbitContainer_1g9xx_2", j2 = "_FiltersAmbitHeader_1g9xx_7",
         title: f("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
-        backgroundColor: l || "#605B5680",
+        backgroundColor: c || "#605B5680",
         activeColor: t
       }
     ),
@@ -1281,36 +1281,36 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
   gap: i = 23,
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
-  horizontalPaddign: l = 20,
+  horizontalPaddign: c = 20,
   leftPadding: a = 200,
-  numberOfDivisions: c = 7,
+  numberOfDivisions: l = 7,
   maxValue: u = null
 }) => {
-  const { t: h } = N(), { xScale: g, ticks: y, height: C } = he(() => {
+  const { t: h } = k(), { xScale: g, ticks: y, height: C } = he(() => {
     if (n && n.length > 0) {
-      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Ee.max(n, (v) => v.value) || 1, p = Ee.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : _ / c * x);
+      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Ee.max(n, (v) => v.value) || 1, p = Ee.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: l + 1 }, (v, x) => u ? u / l * x : _ / l * x);
       return {
         xScale: p,
         ticks: b,
         height: f,
         width: d,
         verticalPaddign: r,
-        horizontalPaddign: l
+        horizontalPaddign: c
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
   }, [
     n,
     d,
-    c,
+    l,
     o,
     i,
-    l,
+    c,
     r,
     u
   ]);
-  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + l * 2, height: C, children: /* @__PURE__ */ m("g", { transform: `translate(0,${i})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${a + l}, 0)`, children: y.map((f, _) => {
+  return /* @__PURE__ */ s("div", { className: G2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + c * 2, height: C, children: /* @__PURE__ */ m("g", { transform: `translate(0,${i})`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${a + c}, 0)`, children: y.map((f, _) => {
       const p = g(f);
       return /* @__PURE__ */ m("g", { transform: `translate(${p}, 0)`, children: [
         /* @__PURE__ */ s(
@@ -1338,7 +1338,7 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
       return /* @__PURE__ */ m(
         "g",
         {
-          transform: `translate(${a + l}, ${b})`,
+          transform: `translate(${a + c}, ${b})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1392,11 +1392,11 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", ze = {
   borderColor: i = "#605B56",
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
-  maxValue: l = null,
+  maxValue: c = null,
   numberOfDivisions: a = 7,
-  leftPadding: c = 200
+  leftPadding: l = 200
 }) => {
-  const { t: u } = N();
+  const { t: u } = k();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1413,9 +1413,9 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", ze = {
             data: n,
             width: d,
             fontColor: r,
-            maxValue: l,
+            maxValue: c,
             numberOfDivisions: a,
-            leftPadding: c
+            leftPadding: l
           }
         )
       ]
@@ -1461,11 +1461,11 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
   defaultColor: i = "#92898A",
   activeIndicator: t,
   activeIndicatorType: r,
-  onClickIndicator: l,
+  onClickIndicator: c,
   multiple: a = !1,
-  onChangeType: c
+  onChangeType: l
 }) => {
-  const { t: u } = N(), { name: h, type: g } = n, [y, C] = D(!1);
+  const { t: u } = k(), { name: h, type: g } = n, [y, C] = D(!1);
   V(() => {
     t && C(
       a ? t.some(
@@ -1478,7 +1478,7 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.optionContainer,
-        onClick: () => c("cat"),
+        onClick: () => l("cat"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1507,7 +1507,7 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.optionContainer,
-        onClick: () => c("abs"),
+        onClick: () => l("abs"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1553,7 +1553,7 @@ const X2 = "_indicatorsCategory_1cu33_2", J2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.indicatorNameContainer,
-        onClick: () => l({ indicator: n }),
+        onClick: () => c({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
             "div",
@@ -1601,17 +1601,17 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
   activeColor: i,
   activeSubCategory: t,
   onClickSubCategory: r,
-  id: l,
+  id: c,
   activeIndicator: a,
-  onClickIndicator: c,
+  onClickIndicator: l,
   multiple: u,
   activeIndicatorType: h,
   onChangeType: g
 }) => {
-  const { t: y } = N(), [C, f] = D(!1);
+  const { t: y } = k(), [C, f] = D(!1);
   return V(() => {
-    f(t == l);
-  }, [t, l]), /* @__PURE__ */ m(
+    f(t == c);
+  }, [t, c]), /* @__PURE__ */ m(
     Ae.div,
     {
       className: Ze.indicatorsSubCategory,
@@ -1619,7 +1619,7 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
       animate: { height: C ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ s("button", { onClick: () => r(l), children: /* @__PURE__ */ m("h3", { style: { color: C ? i : o }, children: [
+        /* @__PURE__ */ s("button", { onClick: () => r(c), children: /* @__PURE__ */ m("h3", { style: { color: C ? i : o }, children: [
           /* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
@@ -1636,7 +1636,7 @@ const u0 = "_indicatorsSubCategory_1dzsi_2", p0 = "_list_1dzsi_8", Ze = {
             defaultColor: o,
             activeColor: i,
             activeIndicator: a,
-            onClickIndicator: c,
+            onClickIndicator: l,
             multiple: u,
             activeIndicatorType: h,
             onChangeType: g
@@ -1666,16 +1666,16 @@ const dt = ({
   defaultColor: i,
   onClickCategory: t,
   activeCategory: r,
-  activeSubCategory: l,
+  activeSubCategory: c,
   onClickSubCategory: a,
-  activeIndicator: c,
+  activeIndicator: l,
   onClickIndicator: u,
   multiple: h,
   activeIndicatorType: g,
   onChangeType: y
 }) => {
   var p;
-  const { t: C } = N(), [f, _] = D(!1);
+  const { t: C } = k(), [f, _] = D(!1);
   return V(() => {
     _(r === d);
   }, [r, d]), /* @__PURE__ */ m(
@@ -1706,10 +1706,10 @@ const dt = ({
             ct,
             {
               id: v,
-              activeSubCategory: l,
+              activeSubCategory: c,
               subcName: b,
               onClickSubCategory: a,
-              activeIndicator: c,
+              activeIndicator: l,
               onClickIndicator: u,
               multiple: h,
               activeColor: o,
@@ -1727,7 +1727,7 @@ const dt = ({
             values: b.type == "twoUnits" && b.values,
             activeColor: o,
             defaultColor: i,
-            activeIndicator: c,
+            activeIndicator: l,
             onClickIndicator: u,
             multiple: h,
             activeIndicatorType: g,
@@ -1767,10 +1767,10 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
   // Si multiple es true, debe ser un array de strings, sino un string
   defaultValue: r = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
-  changeIndType: l,
+  changeIndType: c,
   activeIndicatorType: a
 }) => {
-  const { t: c } = N(), [u, h] = D(), [g, y] = D(), [C, f] = D(), _ = (w) => {
+  const { t: l } = k(), [u, h] = D(), [g, y] = D(), [C, f] = D(), _ = (w) => {
     h(u == w ? null : w);
   }, p = (w) => {
     y(g == w ? null : w);
@@ -1782,14 +1782,14 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         (C == null ? void 0 : C.name) == w.name ? null : w
       );
     else {
-      let k = C && C.length > 0 ? [...C] : [];
+      let N = C && C.length > 0 ? [...C] : [];
       f(
-        k != null && k.some(
+        N != null && N.some(
           (L) => L.name == w.name
-        ) ? k.filter(
+        ) ? N.filter(
           (L) => L.name != String(w.name)
-        ) : [...k, w]
-      ), w.type == "both" && l("cat");
+        ) : [...N, w]
+      ), w.type == "both" && c("cat");
     }
   };
   V(() => {
@@ -1803,7 +1803,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         v(r), x(r.name);
   }, []);
   const x = (w) => {
-    const k = n.find((L) => {
+    const N = n.find((L) => {
       if (L.subcategories) {
         let F = L.subcategories.find(
           (q) => q.indicators.find((ae) => ae.name == w)
@@ -1813,11 +1813,11 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
       } else
         return L.indicators.some((F) => F.name == w);
     });
-    k && h(k.category);
+    N && h(N.category);
   };
   return /* @__PURE__ */ m("div", { className: He.indicatorsList, children: [
-    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: c("indicators.indicators") }),
-    n.map((w, k) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: l("indicators.indicators") }),
+    n.map((w, N) => /* @__PURE__ */ s(
       dt,
       {
         id: w.category,
@@ -1832,10 +1832,10 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         defaultColor: o,
         multiple: t,
         onChange: i,
-        onChangeType: l,
+        onChangeType: c,
         activeIndicatorType: a
       },
-      `categoryKey${k}`
+      `categoryKey${N}`
     ))
   ] });
 };
@@ -1857,8 +1857,8 @@ const C0 = "_langSelector_o9enq_2", f0 = "_currentLang_o9enq_14", b0 = "_arrow_o
   prevImg: y0,
   langMenu: _0
 }, v0 = ({ langs: n, arrow: d, imgPrev: o }) => {
-  const [i, t] = D(!1), { i18n: r } = N(), l = n.find((c) => c.code == r.language), a = (c) => {
-    r.changeLanguage(c), t(!1);
+  const [i, t] = D(!1), { i18n: r } = k(), c = n.find((l) => l.code == r.language), a = (l) => {
+    r.changeLanguage(l), t(!1);
   };
   return /* @__PURE__ */ m("div", { className: J.langSelector, children: [
     /* @__PURE__ */ m(
@@ -1870,19 +1870,19 @@ const C0 = "_langSelector_o9enq_2", f0 = "_currentLang_o9enq_14", b0 = "_arrow_o
         },
         children: [
           o && /* @__PURE__ */ s("img", { className: J.prevImg, src: o }),
-          (l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
+          (c == null ? void 0 : c.titleSelected) || (c == null ? void 0 : c.title),
           /* @__PURE__ */ s("img", { src: d, className: J.arrow })
         ]
       }
     ),
-    i && /* @__PURE__ */ s("div", { className: J.langMenu, children: n.map((c) => /* @__PURE__ */ s(
+    i && /* @__PURE__ */ s("div", { className: J.langMenu, children: n.map((l) => /* @__PURE__ */ s(
       "button",
       {
-        className: (l == null ? void 0 : l.code) == c.code ? J.active : "",
-        onClick: () => a(c.code),
-        children: c.title
+        className: (c == null ? void 0 : c.code) == l.code ? J.active : "",
+        onClick: () => a(l.code),
+        children: l.title
       },
-      c.code
+      l.code
     )) })
   ] });
 };
@@ -1900,11 +1900,11 @@ v0.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titleContainer_jhxfb_59", k0 = "_infoContainer_jhxfb_65", B0 = "_titleLegendList_jhxfb_76", S0 = "_legendListContainer_jhxfb_83", D0 = "_gridContainer_jhxfb_83", M0 = "_elementLegendContainer_jhxfb_89", L0 = "_colorDot_jhxfb_95", F0 = "_absoluteValueContainer_jhxfb_101", T0 = "_absoluteValueColor_jhxfb_104", $0 = "_absoluteValueText_jhxfb_109", V0 = "_noDataContainer_jhxfb_121", A0 = "_noData_jhxfb_121", I0 = "_moreInfoContainer_jhxfb_142", S = {
+const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", k0 = "_titleContainer_jhxfb_59", N0 = "_infoContainer_jhxfb_65", B0 = "_titleLegendList_jhxfb_76", S0 = "_legendListContainer_jhxfb_83", D0 = "_gridContainer_jhxfb_83", M0 = "_elementLegendContainer_jhxfb_89", L0 = "_colorDot_jhxfb_95", F0 = "_absoluteValueContainer_jhxfb_101", T0 = "_absoluteValueColor_jhxfb_104", $0 = "_absoluteValueText_jhxfb_109", V0 = "_noDataContainer_jhxfb_121", A0 = "_noData_jhxfb_121", I0 = "_moreInfoContainer_jhxfb_142", S = {
   legendContainer: w0,
   closeButton: x0,
-  titleContainer: N0,
-  infoContainer: k0,
+  titleContainer: k0,
+  infoContainer: N0,
   titleLegendList: B0,
   legendListContainer: S0,
   gridContainer: D0,
@@ -1934,19 +1934,19 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
   absoluteValue: r,
   //Function to be called when the button is clicked (optional).
   //If this is null or undefined the button wont be displayed.
-  onClickMoreInfo: l,
+  onClickMoreInfo: c,
   //If not passed it will read t("moreInformation")
   buttonTitle: a,
-  onClickClose: c
+  onClickClose: l
 }) => {
-  const { t: u } = N();
+  const { t: u } = k();
   return /* @__PURE__ */ m(
     "div",
     {
       style: n ? { ...n } : {},
       className: `${S.legendContainer}`,
       children: [
-        /* @__PURE__ */ s("button", { className: S.closeButton, onClick: c }),
+        /* @__PURE__ */ s("button", { className: S.closeButton, onClick: l }),
         d && /* @__PURE__ */ s("div", { className: S.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
         o && o.length > 0 && /* @__PURE__ */ s("div", { className: S.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: h, value: g }) => /* @__PURE__ */ m("li", { children: [
           /* @__PURE__ */ s("h3", { className: S.title, children: `${h}:` }),
@@ -1955,7 +1955,7 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
             g
           ] })
         ] }, d)) }) }),
-        /* @__PURE__ */ s("h3", { className: S.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "&lt;" } }) : u("mainUse") }),
+        /* @__PURE__ */ s("h3", { className: S.titleLegendList, children: t ? /* @__PURE__ */ s(Ve, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" }, tOptions: { interpolation: { escapeValue: !0 } } }) : u("mainUse") }),
         /* @__PURE__ */ m("div", { className: S.legendListContainer, children: [
           r ? /* @__PURE__ */ m("div", { className: S.absoluteValueContainer, children: [
             /* @__PURE__ */ s(
@@ -2012,7 +2012,7 @@ const w0 = "_legendContainer_jhxfb_3", x0 = "_closeButton_jhxfb_31", N0 = "_titl
             /* @__PURE__ */ s("div", { className: S.absoluteValueText, children: /* @__PURE__ */ s("span", { children: u(r.noDataText) }) })
           ] })
         ] }),
-        l && /* @__PURE__ */ s("button", { className: S.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
+        c && /* @__PURE__ */ s("button", { className: S.moreInfoContainer, onClick: c, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2047,7 +2047,7 @@ O0.propTypes = {
 const R0 = "_logo_1ewa6_2", Ke = {
   logo: R0
 }, P0 = ({ src: n, alt: d, href: o }) => {
-  const { t: i } = N(), t = /* @__PURE__ */ s("img", { src: n, alt: i(d) });
+  const { t: i } = k(), t = /* @__PURE__ */ s("img", { src: n, alt: i(d) });
   return o ? /* @__PURE__ */ s("div", { className: Ke.logo, children: /* @__PURE__ */ s("a", { href: o, children: t }) }) : /* @__PURE__ */ s("div", { className: Ke.logo, children: t });
 };
 P0.propTypes = {
@@ -2067,9 +2067,9 @@ const q0 = ({
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = "",
-  onClick: l = "",
+  onClick: c = "",
   interactiveLayers: a = [],
-  popUp: c = !1,
+  popUp: l = !1,
   sources: u = [],
   layers: h = []
 }) => {
@@ -2082,7 +2082,7 @@ const q0 = ({
       });
     }
   }, [f]), /* @__PURE__ */ s("div", { className: `${j0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
-    Nt,
+    kt,
     {
       initialViewState: n,
       ref: g,
@@ -2090,11 +2090,11 @@ const q0 = ({
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: l,
+      onClick: c,
       interactiveLayerIds: a,
       children: [
         u.length && u.map((_, p) => /* @__PURE__ */ s(
-          kt,
+          Nt,
           {
             ..._,
             children: h.length && h.map((b, v) => {
@@ -2111,14 +2111,14 @@ const q0 = ({
           p
         )),
         /* @__PURE__ */ s(St, { position: "bottom-right", visualizePitch: !0 }),
-        c && y && /* @__PURE__ */ s(
+        l && y && /* @__PURE__ */ s(
           Dt,
           {
-            longitude: c.longitude,
-            latitude: c.latitude,
-            anchor: c.anchor,
+            longitude: l.longitude,
+            latitude: l.latitude,
+            anchor: l.anchor,
             onClose: () => C(null),
-            children: c.content
+            children: l.content
           }
         )
       ]
@@ -2176,7 +2176,7 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
   FeaturePopUp: H0,
   title: K0
 }, U0 = ({ props: n }) => {
-  const { t: d } = N();
+  const { t: d } = k();
   return /* @__PURE__ */ s("div", { className: Ue.FeaturePopUp, children: n.map((o) => /* @__PURE__ */ m("p", { children: [
     /* @__PURE__ */ m("span", { className: Ue.title, children: [
       /* @__PURE__ */ s(Ve, { i18nKey: o.name, components: { sup: /* @__PURE__ */ s("sup", {}) }, values: { lt: "<" } }),
@@ -2195,9 +2195,9 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = {},
-  onClick: l = "",
+  onClick: c = "",
   interactiveLayers: a = [],
-  sources: c = [],
+  sources: l = [],
   layers: u = [],
   filters: h,
   popUpParams: g,
@@ -2228,10 +2228,10 @@ const z0 = "_mapContainer_b0pyr_3", Z0 = {
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: l,
+      onClick: c,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((_, p) => /* @__PURE__ */ s(
+        l.length && l.map((_, p) => /* @__PURE__ */ s(
           Ft,
           {
             ..._,
@@ -2321,12 +2321,12 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
   mainColor: t,
   width: r
 }) => {
-  const { t: l } = N();
+  const { t: c } = k();
   return /* @__PURE__ */ m("div", { className: K.sectionBar, style: { width: r && r }, children: [
     /* @__PURE__ */ m("div", { className: K.leftContent, children: [
       n && /* @__PURE__ */ s("img", { src: n, alt: "Icono", className: K.icon }),
       /* @__PURE__ */ m("div", { className: K.textContainer, children: [
-        /* @__PURE__ */ s("div", { className: K.title, children: l(d) }),
+        /* @__PURE__ */ s("div", { className: K.title, children: c(d) }),
         o && /* @__PURE__ */ s("div", { className: K.subtitle, children: o })
       ] })
     ] }),
@@ -2364,8 +2364,8 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
   sliderOpen: an,
   sliderResults: ln
 }, cn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: i = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [l, a] = D(d), c = xt(), u = (b, v) => {
-    a(v), c(we(v - 2e3));
+  const [c, a] = D(d), l = xt(), u = (b, v) => {
+    a(v), l(we(v - 2e3));
   }, [h, g] = D(!1), y = () => {
     g(!0);
   }, C = () => {
@@ -2380,12 +2380,12 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
         x.current();
       }
       {
-        let k = setInterval(w, v);
-        return () => clearInterval(k);
+        let N = setInterval(w, v);
+        return () => clearInterval(N);
       }
     }, [v]);
   })(() => {
-    h && (l != 2050 ? (a(l + 1), c(we(l - 2e3 + 1))) : (a(2025), c(we(25))));
+    h && (c != 2050 ? (a(c + 1), l(we(c - 2e3 + 1))) : (a(2025), l(we(25))));
   }, 1e3);
   const _ = Ot({
     palette: {
@@ -2427,7 +2427,7 @@ const Y0 = "_sectionBar_1egwc_2", W0 = "_leftContent_1egwc_14", Q0 = "_textConta
           It,
           {
             "aria-label": "TimeSlider",
-            value: l,
+            value: c,
             valueLabelDisplay: "on",
             step: 1,
             marks: p,
@@ -2461,21 +2461,25 @@ const dn = "_TopNavMenuContainer_12mp4_2", un = "_topNavOptions_12mp4_13", pn =
   options: n = [],
   containerStyles: d,
   borderColor: o = "red",
-  textColor: i = "white"
+  textColor: i = "white",
+  onChangeNavLink: t = (r) => {
+    console.log("Changed NavLink", r);
+  }
 }) => {
-  const { t } = N();
-  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
+  const { t: r } = k();
+  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((c, a) => /* @__PURE__ */ s(
     Et,
     {
-      to: r.url,
-      className: ({ isActive: a }) => `${xe.topNavOptions} ${a ? xe.active : ""} `,
-      style: ({ isActive: a }) => ({
+      to: c.url,
+      className: ({ isActive: l }) => `${xe.topNavOptions} ${l ? xe.active : ""} `,
+      onClick: () => t(c.url),
+      style: ({ isActive: l }) => ({
         color: i,
-        borderBottom: a ? `5px solid ${o}` : "5px solid transparent"
+        borderBottom: l ? `5px solid ${o}` : "5px solid transparent"
       }),
-      children: t(r.name)
+      children: r(c.name)
     },
-    l
+    a
   )) });
 };
 mn.propTypes = {
@@ -2497,21 +2501,21 @@ const hn = "_LogInButton_1vxj5_2", gn = {
   containerStyles: i,
   userName: t = "",
   isLoggedIn: r = !1,
-  onClickLogIn: l = () => {
+  onClickLogIn: c = () => {
     console.log("Login clicked");
   },
   onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: c } = N();
+  const { t: l } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       style: { ...i },
       className: `${gn.LogInButton} link ${n}`,
-      onClick: r ? a : l,
-      children: r ? t || c(o) : c(d)
+      onClick: r ? a : c,
+      children: r ? t || l(o) : l(d)
     }
   );
 };
@@ -2523,7 +2527,7 @@ Cn.propTypes = {
   userName: e.string,
   isLoggedIn: e.bool
 };
-const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateContainer_fd7az_23", _n = "_elementName_fd7az_39", vn = "_elementDate_fd7az_53", wn = "_buttonsContainer_fd7az_67", xn = "_elementListContainer_fd7az_76", Nn = "_newElementButtonContainer_fd7az_80", j = {
+const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateContainer_fd7az_23", _n = "_elementName_fd7az_39", vn = "_elementDate_fd7az_53", wn = "_buttonsContainer_fd7az_67", xn = "_elementListContainer_fd7az_76", kn = "_newElementButtonContainer_fd7az_80", j = {
   elementSelector: fn,
   header: bn,
   nameDateContainer: yn,
@@ -2531,9 +2535,9 @@ const fn = "_elementSelector_fd7az_2", bn = "_header_fd7az_13", yn = "_nameDateC
   elementDate: vn,
   buttonsContainer: wn,
   elementListContainer: xn,
-  newElementButtonContainer: Nn
-}, kn = "_listElement_1s506_2", Bn = "_elementNameDate_1s506_17", Sn = "_elementNameContainer_1s506_27", Dn = "_elementName_1s506_17", Mn = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
-  listElement: kn,
+  newElementButtonContainer: kn
+}, Nn = "_listElement_1s506_2", Bn = "_elementNameDate_1s506_17", Sn = "_elementNameContainer_1s506_27", Dn = "_elementName_1s506_17", Mn = "_elementDate_1s506_42", Ln = "_elementButtons_1s506_45", Fn = "_moreInfoContainer_1s506_68", Tn = "_moreInfo_1s506_68", O = {
+  listElement: Nn,
   elementNameDate: Bn,
   elementNameContainer: Sn,
   elementName: Dn,
@@ -2574,12 +2578,12 @@ const Pn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   activeColor: i,
   fontColor: t,
   moreInfo: r,
-  columns: l,
+  columns: c,
   elementButtons: a,
-  processTooltip: c,
+  processTooltip: l,
   defaultTooltip: u
 }) => {
-  const { nom: h, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = D(!1), { t: p } = N();
+  const { nom: h, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = D(!1), { t: p } = k();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -2587,7 +2591,7 @@ const Pn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
       style: { borderBottom: `1px solid ${t}` },
       children: [
         /* @__PURE__ */ m("div", { className: O.elementNameDate, onClick: () => d(y), children: [
-          l.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
+          c.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
             o ? /* @__PURE__ */ s(Rn, { style: { color: i, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
@@ -2597,14 +2601,14 @@ const Pn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             ),
             /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: h })
           ] }) }),
-          l.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: g ? new Date(g).toLocaleDateString() : "" }),
-          l.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
-          l.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
+          c.data && /* @__PURE__ */ s("div", { className: O.elementDate, children: g ? new Date(g).toLocaleDateString() : "" }),
+          c.ambit && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.ambit }),
+          c.escenari && /* @__PURE__ */ s("div", { className: O.elementDate, children: n.escenari })
         ] }),
         /* @__PURE__ */ m("div", { className: O.elementButtons, children: [
           n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: In }),
-            /* @__PURE__ */ s(Y, { text: c, position: "left" })
+            /* @__PURE__ */ s(Y, { text: l, position: "left" })
           ] }),
           a.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("button", { onClick: () => a.filter.onclick(n), children: /* @__PURE__ */ s("img", { src: An }) }),
@@ -2677,10 +2681,10 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   buttonContainerStyles: t = {},
   containerStyles: r = {},
-  newElementButton: l,
+  newElementButton: c,
   //{label: 'text', onClick: function()}/null
   onClickElement: a = (C) => console.log(`OnCLickElement: ${C}`),
-  columns: c,
+  columns: l,
   // {'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}
@@ -2691,7 +2695,7 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   defaultTooltip: y
   //texto para el tooltip del símbolo de candado para los elementos default
 }) => {
-  const { t: C } = N(), [f, _] = D(n);
+  const { t: C } = k(), [f, _] = D(n);
   V(() => {
     n && _(n);
   }, [n]);
@@ -2714,16 +2718,16 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${o}` },
             children: [
               /* @__PURE__ */ m("div", { className: j.nameDateContainer, children: [
-                c.nom && /* @__PURE__ */ s("div", { className: j.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
-                  /* @__PURE__ */ s("span", { children: C(c.nom) }),
+                l.nom && /* @__PURE__ */ s("div", { className: j.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(l.nom) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.data && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
-                  /* @__PURE__ */ s("span", { children: C(c.data) }),
+                l.data && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(l.data) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                c.ambit && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.ambit) }) }),
-                c.escenari && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.escenari) }) })
+                l.ambit && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.ambit) }) }),
+                l.escenari && /* @__PURE__ */ s("div", { className: j.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.escenari) }) })
               ] }),
               /* @__PURE__ */ s("div", { className: j.buttonsContainer })
             ]
@@ -2737,7 +2741,7 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             fontColor: o,
             activeColor: i,
             onClickElement: a,
-            columns: c,
+            columns: l,
             elementButtons: u,
             moreInfo: h,
             processTooltip: g,
@@ -2745,13 +2749,13 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `elementKey${b.id}`
         )) }),
-        l && /* @__PURE__ */ s("div", { className: j.newElementButtonContainer, children: /* @__PURE__ */ s(
+        c && /* @__PURE__ */ s("div", { className: j.newElementButtonContainer, children: /* @__PURE__ */ s(
           ge,
           {
             style: { ...t },
-            onClick: l.onClick,
+            onClick: c.onClick,
             borderColor: "grey",
-            children: C(l.label)
+            children: C(c.label)
           }
         ) })
       ]
@@ -2842,19 +2846,19 @@ var ht = (n) => /^\w*$/.test(n), Te = (n) => n === void 0, e1 = (n) => Array.isA
     return o;
   const i = (ht(d) ? [d] : gt(d)).reduce((t, r) => pt(t) ? t : t[r], n);
   return Te(i) || i === n ? Te(n[d]) ? o : n[d] : i;
-}, Ne = (n) => typeof n == "boolean", We = (n, d, o) => {
+}, ke = (n) => typeof n == "boolean", We = (n, d, o) => {
   let i = -1;
-  const t = ht(d) ? [d] : gt(d), r = t.length, l = r - 1;
+  const t = ht(d) ? [d] : gt(d), r = t.length, c = r - 1;
   for (; ++i < r; ) {
     const a = t[i];
-    let c = o;
-    if (i !== l) {
+    let l = o;
+    if (i !== c) {
       const u = n[a];
-      c = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
+      l = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
     }
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[a] = c, n = n[a];
+    n[a] = l, n = n[a];
   }
 };
 const Qe = {
@@ -2872,15 +2876,15 @@ var t1 = (n, d, o, i = !0) => {
   for (const r in n)
     Object.defineProperty(t, r, {
       get: () => {
-        const l = r;
-        return d._proxyFormState[l] !== Xe.all && (d._proxyFormState[l] = !i || Xe.all), o && (o[l] = !0), n[l];
+        const c = r;
+        return d._proxyFormState[c] !== Xe.all && (d._proxyFormState[c] = !i || Xe.all), o && (o[c] = !0), n[c];
       }
     });
   return t;
 };
 const ft = typeof window < "u" ? te.useLayoutEffect : te.useEffect;
 function n1(n) {
-  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [l, a] = B.useState(o._formState), c = B.useRef({
+  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [c, a] = B.useState(o._formState), l = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2892,7 +2896,7 @@ function n1(n) {
   });
   return ft(() => o._subscribe({
     name: t,
-    formState: c.current,
+    formState: l.current,
     exact: r,
     callback: (u) => {
       !i && a({
@@ -2901,57 +2905,57 @@ function n1(n) {
       });
     }
   }), [t, i, r]), B.useEffect(() => {
-    c.current.isValid && o._setValid(!0);
-  }, [o]), B.useMemo(() => t1(l, o, c.current, !1), [l, o]);
+    l.current.isValid && o._setValid(!0);
+  }, [o]), B.useMemo(() => t1(c, o, l.current, !1), [c, o]);
 }
 var i1 = (n) => typeof n == "string", o1 = (n, d, o, i, t) => i1(n) ? A(o, n, t) : Array.isArray(n) ? n.map((r) => A(o, r)) : o;
 function s1(n) {
-  const d = Re(), { control: o = d.control, name: i, defaultValue: t, disabled: r, exact: l } = n || {}, a = B.useRef(t), [c, u] = B.useState(o._getWatch(i, a.current));
+  const d = Re(), { control: o = d.control, name: i, defaultValue: t, disabled: r, exact: c } = n || {}, a = B.useRef(t), [l, u] = B.useState(o._getWatch(i, a.current));
   return ft(() => o._subscribe({
     name: i,
     formState: {
       values: !0
     },
-    exact: l,
+    exact: c,
     callback: (h) => !r && u(o1(i, o._names, h.values || o._formValues, !1, a.current))
-  }), [i, o, r, l]), B.useEffect(() => o._removeUnmounted()), c;
+  }), [i, o, r, c]), B.useEffect(() => o._removeUnmounted()), l;
 }
 function r1(n) {
-  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, l = Qn(t._names.array, o), a = s1({
+  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, c = Qn(t._names.array, o), a = s1({
     control: t,
     name: o,
     defaultValue: A(t._formValues, o, A(t._defaultValues, o, n.defaultValue)),
     exact: !0
-  }), c = n1({
+  }), l = n1({
     control: t,
     name: o,
     exact: !0
   }), u = B.useRef(n), h = B.useRef(t.register(o, {
     ...n.rules,
     value: a,
-    ...Ne(n.disabled) ? { disabled: n.disabled } : {}
+    ...ke(n.disabled) ? { disabled: n.disabled } : {}
   })), g = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!A(c.errors, o)
+      get: () => !!A(l.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!A(c.dirtyFields, o)
+      get: () => !!A(l.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!A(c.touchedFields, o)
+      get: () => !!A(l.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!A(c.validatingFields, o)
+      get: () => !!A(l.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => A(c.errors, o)
+      get: () => A(l.errors, o)
     }
-  }), [c, o]), y = B.useCallback((p) => h.current.onChange({
+  }), [l, o]), y = B.useCallback((p) => h.current.onChange({
     target: {
       value: Yn(p),
       name: o
@@ -2974,16 +2978,16 @@ function r1(n) {
   }, [t._fields, o]), _ = B.useMemo(() => ({
     name: o,
     value: a,
-    ...Ne(i) || c.disabled ? { disabled: c.disabled || i } : {},
+    ...ke(i) || l.disabled ? { disabled: l.disabled || i } : {},
     onChange: y,
     onBlur: C,
     ref: f
-  }), [o, i, c.disabled, y, C, f, a]);
+  }), [o, i, l.disabled, y, C, f, a]);
   return B.useEffect(() => {
     const p = t._options.shouldUnregister || r;
     t.register(o, {
       ...u.current.rules,
-      ...Ne(u.current.disabled) ? { disabled: u.current.disabled } : {}
+      ...ke(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
     const b = (v, x) => {
       const w = A(t._fields, v);
@@ -2993,19 +2997,19 @@ function r1(n) {
       const v = mt(A(t._options.defaultValues, o));
       We(t._defaultValues, o, v), Te(A(t._formValues, o)) && We(t._formValues, o, v);
     }
-    return !l && t.register(o), () => {
-      (l ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
+    return !c && t.register(o), () => {
+      (c ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
     };
-  }, [o, t, l, r]), B.useEffect(() => {
+  }, [o, t, c, r]), B.useEffect(() => {
     t._setDisabledField({
       disabled: i,
       name: o
     });
   }, [i, o, t]), B.useMemo(() => ({
     field: _,
-    formState: c,
+    formState: l,
     fieldState: g
-  }), [_, c, g]);
+  }), [_, l, g]);
 }
 const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   errorMessage: a1
@@ -3014,7 +3018,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   errorColor: d = "red",
   containerStyles: o
 }) => {
-  const { t: i } = N();
+  const { t: i } = k();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -3029,23 +3033,23 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
     width: h = 325,
     onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: y = "forgot-password"
-  } = n, { t: C } = N(), [f, _] = D(!1), p = () => i ? i === "password" && f ? "text" : i : "text";
+  } = n, { t: C } = k(), [f, _] = D(!1), p = () => i ? i === "password" && f ? "text" : i : "text";
   return /* @__PURE__ */ s(
     Pe,
     {
       name: o,
       control: d,
       rules: {
-        required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
+        required: c ? `${C(t)} ${C("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
@@ -3055,7 +3059,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
           /* @__PURE__ */ m("h3", { className: oe.labelContainer, children: [
             C(t),
             " ",
-            l && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
+            c && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m(
             "div",
@@ -3068,7 +3072,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
                   {
                     type: p(),
                     ...b,
-                    placeholder: c ? C(c) : "",
+                    placeholder: l ? C(l) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3096,7 +3100,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       }
     }
   );
-}, c1 = "_formContainer_b071f_2", d1 = "_formObjectContainer_b071f_11", u1 = "_buttonContainer_b071f_22", ke = {
+}, c1 = "_formContainer_b071f_2", d1 = "_formObjectContainer_b071f_11", u1 = "_buttonContainer_b071f_22", Ne = {
   formContainer: c1,
   formObjectContainer: d1,
   buttonContainer: u1
@@ -3115,20 +3119,20 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
     width: h = 325,
     options: g = []
-  } = n, { t: y } = N();
+  } = n, { t: y } = k();
   return /* @__PURE__ */ s(
     Pe,
     {
       name: o,
       control: d,
       rules: {
-        required: l ? `${y(t)} ${y("errorMessages.required")}` : !1,
+        required: c ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: a || void 0
       },
       render: ({ field: C, fieldState: f }) => {
@@ -3137,7 +3141,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
           /* @__PURE__ */ m("h3", { className: ee.labelContainer, children: [
             y(t),
             " ",
-            l && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
+            c && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m("div", { className: ee.inputContainer, style: { width: h }, children: [
             /* @__PURE__ */ m(
@@ -3150,7 +3154,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
                 },
                 className: ee.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(l || "selectOption") }),
                   g.map((p, b) => /* @__PURE__ */ s(
                     "option",
                     {
@@ -3183,12 +3187,12 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       }
     }
   );
-}, v1 = "_radioButtonContainer_3bp8g_2", w1 = "_wholeInputContainer_3bp8g_5", x1 = "_questionContainer_3bp8g_27", N1 = "_radioQuestion_3bp8g_59", k1 = "_inputContainer_3bp8g_63", B1 = "_required_3bp8g_92", S1 = "_radioInput_3bp8g_109", U = {
+}, v1 = "_radioButtonContainer_3bp8g_2", w1 = "_wholeInputContainer_3bp8g_5", x1 = "_questionContainer_3bp8g_27", k1 = "_radioQuestion_3bp8g_59", N1 = "_inputContainer_3bp8g_63", B1 = "_required_3bp8g_92", S1 = "_radioInput_3bp8g_109", U = {
   radioButtonContainer: v1,
   wholeInputContainer: w1,
   questionContainer: x1,
-  radioQuestion: N1,
-  inputContainer: k1,
+  radioQuestion: k1,
+  inputContainer: N1,
   required: B1,
   radioInput: S1
 }, D1 = ({ input: n, control: d }) => {
@@ -3197,14 +3201,14 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: l,
+    required: c,
     validateFunction: a,
-    placeholder: c,
+    placeholder: l,
     errorColor: u = "red",
     width: h = 325,
     options: g = [],
     multi: y = !1
-  } = n, { t: C } = N(), f = ({ options: p, onChange: b, actualValue: v }) => {
+  } = n, { t: C } = k(), f = ({ options: p, onChange: b, actualValue: v }) => {
     if (y && v && v.length > 0) {
       let x = v.filter((w) => w !== p);
       b(x);
@@ -3218,12 +3222,12 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       control: d,
       name: o,
       rules: {
-        validate: (p) => l && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
+        validate: (p) => c && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
       },
       render: ({
         formState: { errors: p },
         field: { onChange: b, onBlur: v, value: x, ref: w },
-        fieldState: k
+        fieldState: N
       }) => {
         var L;
         return /* @__PURE__ */ s("div", { id: o + "id", className: U.radioButtonContainer, children: /* @__PURE__ */ m("div", { className: U.wholeInputContainer, children: [
@@ -3231,7 +3235,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
             "h3",
             {
               htmlFor: o + "id",
-              className: `${U.radioQuestion} ${l && U.required}`,
+              className: `${U.radioQuestion} ${c && U.required}`,
               children: C(t)
             }
           ) }),
@@ -3272,7 +3276,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
             /* @__PURE__ */ s(
               Ce,
               {
-                errorMessage: (L = k.error) == null ? void 0 : L.message,
+                errorMessage: (L = N.error) == null ? void 0 : L.message,
                 errorColor: u
               }
             )
@@ -3285,7 +3289,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   const { inputType: r } = i;
   switch (r) {
     case pe.text:
-      const { code: l, type: a, label: c, maxLength: u, required: h, validateFunction: g } = i;
+      const { code: c, type: a, label: l, maxLength: u, required: h, validateFunction: g } = i;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -3334,9 +3338,9 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   inputContainerStyles: i,
   generalError: t,
   errorColor: r = "red",
-  submitButtonLabel: l = "Submit",
+  submitButtonLabel: c = "Submit",
   submitButtonStyles: a = { width: 325 },
-  activeCategory: c = null,
+  activeCategory: l = null,
   // If provided, only the category with this categoryId will be displayed.
   onSubmit: u = (h) => console.log("Form submitted with data: ", h)
 }) => {
@@ -3346,17 +3350,17 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
     watch: y,
     control: C,
     formState: { errors: f }
-  } = n, { t: _ } = N();
+  } = n, { t: _ } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
-    /* @__PURE__ */ m("form", { className: ke.formContainer, onSubmit: g(u), children: [
-      /* @__PURE__ */ s("div", { className: ke.formObjectContainer, children: d && d.map((p, b) => {
+    /* @__PURE__ */ m("form", { className: Ne.formContainer, onSubmit: g(u), children: [
+      /* @__PURE__ */ s("div", { className: Ne.formObjectContainer, children: d && d.map((p, b) => {
         const { inputs: v } = p;
         return p.category ? o ? /* @__PURE__ */ s(
           "div",
           {
             style: {
-              display: c && p.categoryId !== c ? "none" : "inherit",
+              display: l && p.categoryId !== l ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
@@ -3381,7 +3385,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
           {
             style: {
               width: "100%",
-              display: c && p.categoryId !== c ? "none" : "flex",
+              display: l && p.categoryId !== l ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
@@ -3408,8 +3412,8 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
           }
         ) }, `inputKey${b}`);
       }) }),
-      /* @__PURE__ */ m("div", { className: ke.buttonContainer, children: [
-        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(l) }),
+      /* @__PURE__ */ m("div", { className: Ne.buttonContainer, children: [
+        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(c) }),
         /* @__PURE__ */ s(Ce, { errorMessage: t, errorColor: r })
       ] })
     ] })
@@ -3427,7 +3431,7 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
   rightComponents: i = [],
   zIndex: t = 10,
   height: r = 60,
-  backgroundColor: l = "#605B56",
+  backgroundColor: c = "#605B56",
   isFooter: a = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ m(
@@ -3438,14 +3442,14 @@ const Pe = (n) => n.render(r1(n)), a1 = "_errorMessage_1xiyb_2", l1 = {
       ...n,
       zIndex: t,
       height: r,
-      backgroundColor: l,
+      backgroundColor: c,
       top: a ? "auto" : 0,
       bottom: a ? 0 : "auto"
     },
     children: [
-      /* @__PURE__ */ s("div", { className: G.leftComponents, children: d.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) }),
-      /* @__PURE__ */ s("div", { className: G.centerComponents, children: o.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) }),
-      /* @__PURE__ */ s("div", { className: G.rightComponents, children: i.map((c, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: c }, u)) })
+      /* @__PURE__ */ s("div", { className: G.leftComponents, children: d.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ s("div", { className: G.centerComponents, children: o.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ s("div", { className: G.rightComponents, children: i.map((l, u) => /* @__PURE__ */ s("div", { className: G.componentsContainer, children: l }, u)) })
     ]
   }
 );