@tmf_ciclica/ciclicastorybook 1.1.80 → 1.1.81

package/dist/index.es.js

@@ -40,9 +40,9 @@ const qt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", jt = "_nameDateCon
   onClickFilters: i,
   onClickAmbit: t,
   isActive: r,
-  activeColor: c,
+  activeColor: l,
   fontColor: a,
-  moreInfo: l
+  moreInfo: c
 }) => {
   const { nom: u, created_at: h, id: g, isBeingProcessed: y } = n;
   return /* @__PURE__ */ m(
@@ -60,7 +60,7 @@ const qt = "_ambitSelector_mcunf_2", zt = "_header_mcunf_13", jt = "_nameDateCon
                 src: r ? o2 : s2
               }
             ),
-            /* @__PURE__ */ s("span", { style: { color: r ? c : a }, children: u })
+            /* @__PURE__ */ s("span", { style: { color: r ? l : a }, children: u })
           ] }),
           /* @__PURE__ */ s("div", { className: ne.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
@@ -121,9 +121,9 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   nameLabel: t,
   dateLabel: r,
-  newAmbitLabel: c = "New field",
+  newAmbitLabel: l = "New field",
   buttonContainerStyles: a = {},
-  containerStyles: l = {},
+  containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: h = (f) => console.log(`Copy ambit: ${f}`),
   onCLickDelete: g = (f) => console.log(`Delete ambit: ${f}`),
@@ -144,7 +144,7 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     "div",
     {
       className: j.ambitSelector,
-      style: { color: o, ...l },
+      style: { color: o, ...c },
       children: [
         /* @__PURE__ */ m(
           "div",
@@ -186,7 +186,7 @@ const qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: f(c)
+            children: f(l)
           }
         ) })
       ]
@@ -244,13 +244,13 @@ const _2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: c } = k();
+  const { t: l } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       className: `${Z.buttonsContainer} ${d === "vertical" && Z.vertical}
           ${d === "horizontal" && Z.horizontal}`,
-      children: n.map((a, l) => {
+      children: n.map((a, c) => {
         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: c(y) }),
-          /* @__PURE__ */ s("img", { src: g ? h : u, alt: c(y) }),
-          o && i === "right" && /* @__PURE__ */ s("span", { className: Z.buttonName, children: c(y) })
+          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) })
         ] });
         return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
@@ -273,7 +273,7 @@ const _2 = ({
             }
           ),
           t && /* @__PURE__ */ s(Y, { text: y, position: r })
-        ] }, l);
+        ] }, c);
       })
     }
   );
@@ -306,10 +306,10 @@ 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: c = 53,
+  height: l = 53,
   //Adjust height if you change fontSize
   titleFontStyles: a,
-  showBottomBar: l = !0,
+  showBottomBar: c = !0,
   titleMarginChildren: u = 25
 }) => {
   const { t: h } = k();
@@ -317,12 +317,12 @@ const v2 = "_indicatorsCategory_1cu33_2", w2 = "_title_1cu33_5", be = {
     Ae.div,
     {
       className: be.indicatorsCategory,
-      initial: { height: `${c}px` },
-      animate: { height: n ? "auto" : `${c}px` },
+      initial: { height: `${l}px` },
+      animate: { height: n ? "auto" : `${l}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && l ? `1px solid ${t}` : "0px",
+        borderBottom: n && c ? `1px solid ${t}` : "0px",
         marginBottom: n ? "20px" : "0px"
       },
       children: [
@@ -368,7 +368,7 @@ const ni = () => /* @__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: c } = k(), { tematicalFiltersSelected: a } = D((u) => u), l = (u) => {
+  const { t: l } = k(), { tematicalFiltersSelected: a } = D((u) => u), c = (u) => {
     D.setState((h) => ({
       tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (g) => g.code !== u
@@ -380,11 +380,11 @@ const ni = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), x2 = "data
     {
       isOpen: o,
       onClick: d,
-      title: n ? c(n) : "Applied Filters",
+      title: n ? l(n) : "Applied Filters",
       activeColor: r,
       children: /* @__PURE__ */ s("div", { className: ze.AppliedFiltersContainer, children: a == null ? void 0 : a.map((u, h) => /* @__PURE__ */ m("div", { className: ze.AppliedFilterContent, style: { color: i, background: t }, children: [
-        c(u.name),
-        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => l(u.code), style: { cursor: "pointer" } })
+        l(u.name),
+        /* @__PURE__ */ s("img", { src: x2, alt: "CloseIcon", onClick: () => c(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: c } = k(), { tematicalFiltersSelected: a } = D((l) => l);
+  const { t: l } = k(), { tematicalFiltersSelected: a } = D((c) => c);
   return /* @__PURE__ */ s(
     W,
     {
       isOpen: o,
       onClick: d,
-      title: n ? c(n) : "Geographical Filters",
+      title: n ? l(n) : "Geographical Filters",
       activeColor: r,
       children: "A"
     }
@@ -433,7 +433,7 @@ const B2 = "_checkboxContainer_zld97_2", S2 = {
   indicator: i,
   value: t
 }) => {
-  const { t: r } = k(), { title: c } = i || {}, { fontColor: a, inputsColor: l } = D((u) => u);
+  const { t: r } = k(), { title: l } = i || {}, { fontColor: a, inputsColor: c } = D((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 ? l : a}`,
-              backgroundColor: t ? l : "white"
+              border: `1.5px solid ${t ? c : a}`,
+              backgroundColor: t ? c : "white"
             }
           }
         ),
-        /* @__PURE__ */ s("span", { className: "checkmark", children: r(c) })
+        /* @__PURE__ */ s("span", { className: "checkmark", children: r(l) })
       ]
     }
   );
@@ -517,18 +517,18 @@ let Fe = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const l = t.getMousePosition(a), u = t.getDiffPosition(l[0]), h = t.getValueFromPosition(u);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
       t.move(h);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const l = t.getTouchPosition(a);
+      const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const g = l[0] - t.startPosition[0], y = l[1] - t.startPosition[1];
+        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(l[0]), h = t.getValueFromPosition(u);
+      const u = t.getDiffPosition(c[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 Fe = function(n) {
     }, t.onSliderMouseDown = (a) => {
       if (!t.props.disabled && a.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const l = t.getMousePosition(a);
-          t.forceValueFromPosition(l[0], (u) => {
-            t.start(u, l[0]), de(t.getMouseEventMap());
+          const c = t.getMousePosition(a);
+          t.forceValueFromPosition(c[0], (u) => {
+            t.start(u, c[0]), de(t.getMouseEventMap());
           });
         }
         ye(a);
       }
     }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const l = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
+        const c = t.getMousePosition(a), u = H(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, 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.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.setState({ pending: !0 });
-      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;
+      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;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(l);
+      const u = t.getTouchPosition(c);
       t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), de(t.getTouchEventMap()), function(h) {
         h.stopPropagation && h.stopPropagation();
-      }(l);
+      }(c);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
       t.pendingResizeTimeouts.push(a);
-    }, 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] };
+    }, 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] };
       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, 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) };
+    }, 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) };
       return t.props.renderTrack(h, g);
     };
     let r = _e(i.value);
     r.length || (r = _e(i.defaultValue)), t.pendingResizeTimeouts = [];
-    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;
+    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;
   }
   M2(d, n);
   var o = d.prototype;
@@ -611,7 +611,7 @@ let Fe = 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((c) => H(c, i)) } : null;
+    return r.length ? t.pending ? null : { value: r.map((l) => H(l, i)) } : null;
   }, o.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, o.componentWillUnmount = function() {
@@ -626,10 +626,10 @@ let Fe = function(n) {
     return ce(this.state.value);
   }, o.getClosestIndex = function(i) {
     let t = Number.MAX_VALUE, r = -1;
-    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);
+    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);
     }
     return r;
   }, o.getMousePosition = function(i) {
@@ -652,7 +652,7 @@ let Fe = function(n) {
   }, o.resize = function() {
     const { slider: i, thumb0: t } = this;
     if (!i || !t) return;
-    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);
+    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);
     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 Fe = 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(), 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;
+    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;
   }, o.forceValueFromPosition = function(i, t) {
-    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");
+    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");
     });
   }, o.clearPendingResizeTimeouts = function() {
     do {
@@ -678,8 +678,8 @@ let Fe = function(n) {
   }, o.start = function(i, t) {
     const r = this["thumb" + i];
     r && r.focus();
-    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 }));
+    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 }));
   }, 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 Fe = 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: c } = t, a = t[r];
+    const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (i === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: l, max: u, min: h, minDistance: g } = this.props;
-    if (!l) {
+    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
+    if (!c) {
       if (r > 0) {
         const y = t[r - 1];
         i < y + g && (i = y + g);
       }
-      if (r < c - 1) {
+      if (r < l - 1) {
         const y = t[r + 1];
         i > y - g && (i = y - g);
       }
     }
-    t[r] = i, l && c > 1 && (i > a ? (this.pushSucceeding(t, g, r), function(y, C, f, _) {
+    t[r] = i, c && l > 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);
       }
-    }(c, t, g, u)) : i < a && (this.pushPreceding(t, g, r), function(y, C, f, _) {
+    }(l, 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);
       }
-    }(c, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(i, t, r) {
-    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] = Le(a, this.props);
+    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] = Le(a, this.props);
   }, o.pushPreceding = function(i, t, r) {
-    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] = Le(a, this.props);
+    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] = Le(a, this.props);
   }, o.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, o.orthogonalAxisKey = function() {
@@ -743,28 +743,28 @@ let Fe = 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 c = [];
-    for (let a = 0; a < t; a += 1) c[a] = this.renderThumb(r[a], a);
-    return c;
+    const l = [];
+    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
+    return l;
   }, o.renderTracks = function(i) {
     const t = [], r = i.length - 1;
     t.push(this.renderTrack(0, 0, i[0]));
-    for (let c = 0; c < r; c += 1) t.push(this.renderTrack(c + 1, i[c], i[c + 1]));
+    for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, i[l], i[l + 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, 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 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 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 c = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), l = this.props.marks ? this.renderMarks() : null;
+    const l = this.props.withTracks ? this.renderTracks(i) : null, a = this.renderThumbs(i), 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 }, c, a, l);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, 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) };
@@ -783,10 +783,10 @@ const F2 = "_container_15vgv_2", D2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
   onChange: i,
   width: t = 300,
   unit: r,
-  fontColor: c = "#605B56",
+  fontColor: l = "#605B56",
   defaultValue: a
 }) => {
-  const { t: l } = k(), [u, h] = S([n, d]), g = (y) => {
+  const { t: c } = k(), [u, h] = S([n, d]), g = (y) => {
     h(y), i == null || i({ min: y[0], max: y[1] });
   };
   return T(() => {
@@ -795,9 +795,9 @@ const F2 = "_container_15vgv_2", D2 = "_unitLabel_15vgv_9", T2 = "_slider_15vgv_
     "div",
     {
       className: Q.container,
-      style: { width: `${t}px`, color: `${c}` },
+      style: { width: `${t}px`, color: `${l}` },
       children: [
-        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: l(r) }) }),
+        /* @__PURE__ */ s("div", { className: Q.unitLabel, children: /* @__PURE__ */ s("span", { children: c(r) }) }),
         /* @__PURE__ */ s(
           L2,
           {
@@ -847,9 +847,9 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   const [o, i] = S(), {
     type: t,
     name: r,
-    values: c,
+    values: l,
     minValue: a,
-    maxValue: l,
+    maxValue: c,
     unit: u,
     step: h
   } = n || {}, g = he(
@@ -866,22 +866,22 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
   } = D((x) => x), b = (x) => {
     if (x) {
       const { min: w, max: N, valueClicked: L, allValues: F } = x || {}, { code: z, type: ae } = n || {}, le = y ? "abs" : g ? "cat" : "both";
-      let E = z[0];
-      ae == "both" && (E = le == "cat" ? z[1] : z[0]), le == "cat" ? D.setState((R) => {
-        let P = R.tematicalFiltersSelected.find(
-          ($) => $.code === E
+      let R = z[0];
+      ae == "both" && (R = le == "cat" ? z[1] : z[0]), le == "cat" ? D.setState((E) => {
+        let P = E.tematicalFiltersSelected.find(
+          ($) => $.code === R
         );
         if (P) {
           let $ = [P.values];
           return P.values.includes(L) ? $ = P.values.filter(
             (I) => I !== L
           ) : $ = [...P.values, L], $.length == F.length ? {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.filter(
-              (I) => I.code !== E
+            tematicalFiltersSelected: E.tematicalFiltersSelected.filter(
+              (I) => I.code !== R
             )
           } : {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.map(
-              (I) => I.code === E ? { ...I, values: $ } : I
+            tematicalFiltersSelected: E.tematicalFiltersSelected.map(
+              (I) => I.code === R ? { ...I, values: $ } : I
             )
           };
         } else {
@@ -891,35 +891,35 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
               ...C,
               {
                 type: "cat",
-                code: E,
+                code: R,
                 values: $.filter((I) => I !== L),
                 name: n.name
               }
             ]
           };
         }
-      }) : le == "abs" && D.setState((R) => {
-        let P = R.tematicalFiltersSelected.find(
-          ($) => $.code === E
+      }) : le == "abs" && D.setState((E) => {
+        let P = E.tematicalFiltersSelected.find(
+          ($) => $.code === R
         );
         if (w == n.minValue && N == n.maxValue)
           return {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.filter(
-              ($) => $.code !== E
+            tematicalFiltersSelected: E.tematicalFiltersSelected.filter(
+              ($) => $.code !== R
             )
           };
         if (P) {
           let $ = { ...P };
           return $.min = w, $.max = N, {
-            tematicalFiltersSelected: R.tematicalFiltersSelected.map(
-              (I) => I.code === E ? $ : I
+            tematicalFiltersSelected: E.tematicalFiltersSelected.map(
+              (I) => I.code === R ? $ : I
             )
           };
         } else
           return {
             tematicalFiltersSelected: [
               ...C,
-              { type: "abs", code: E, min: w, max: N, name: n.name }
+              { type: "abs", code: R, min: w, max: N, name: n.name }
             ]
           };
       });
@@ -994,12 +994,12 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
             ]
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: c.map((x, w) => {
+        g && /* @__PURE__ */ s("div", { className: ue.checkboxContainer, children: l.map((x, w) => {
           var N;
           return /* @__PURE__ */ s(
             it,
             {
-              onClick: () => b({ valueClicked: w, allValues: c }),
+              onClick: () => b({ valueClicked: w, allValues: l }),
               indicator: x,
               value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(w)) || !v[n.code[t == "both" ? 1 : 0]]
             },
@@ -1011,7 +1011,7 @@ const I2 = "_tematicalFiltersInputContainer_1vm1r_2", O2 = "_inputTypeContainer_
           {
             onChange: b,
             min: a,
-            max: l,
+            max: c,
             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 } = D((c) => c), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: i } = D((l) => l), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ s(
     W,
     {
       title: t,
       isOpen: i == `id${t}`,
       onClick: () => {
-        D.setState((c) => ({
-          activeSubcategory: c.activeSubcategory === `id${t}` ? "" : `id${t}`
+        D.setState((l) => ({
+          activeSubcategory: l.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((c, a) => /* @__PURE__ */ s(
+      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ s(
         Ie,
         {
-          indicator: c,
+          indicator: l,
           fontColor: d,
           activeColor: o
         },
@@ -1089,7 +1089,7 @@ const rt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: c } = D((a) => a);
+  const { name: o, subcategories: i, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = D((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: c,
+      color: l,
       activeColor: d,
-      children: i ? i.map((a, l) => /* @__PURE__ */ s(
+      children: i ? i.map((a, c) => /* @__PURE__ */ s(
         st,
         {
           subcategory: a,
-          fontColor: c,
+          fontColor: l,
           activeColor: d
         },
-        `subcategory-${l}`
-      )) : t && t.map((a, l) => /* @__PURE__ */ s(
+        `subcategory-${c}`
+      )) : t && t.map((a, c) => /* @__PURE__ */ s(
         Ie,
         {
           indicator: a,
-          fontColor: c,
+          fontColor: l,
           activeColor: d
         },
-        `indicator-${l}`
+        `indicator-${c}`
       ))
     }
   );
@@ -1142,7 +1142,7 @@ const at = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: c } = D((l) => l), { t: a } = k();
+  const { tematicalFiltersSelected: l } = D((c) => c), { t: a } = k();
   return T(() => {
     i && D.setState(() => ({ fontColor: i }));
   }, [i]), T(() => {
@@ -1154,10 +1154,10 @@ const at = ({
       title: o ? a(o) : "Tematical filters",
       color: i,
       activeColor: r,
-      children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ s(
+      children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ s(
         rt,
         {
-          category: l,
+          category: c,
           fontColor: i,
           activeColor: r
         },
@@ -1189,9 +1189,9 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
   indicators: i,
   activeColor: t,
   textColor: r,
-  backgroundColor: c,
+  backgroundColor: l,
   onChangeAppliedFilters: a,
-  saveAmbit: l,
+  saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
@@ -1208,7 +1208,7 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
     console.log("filtersSelected changed: ", _), a(_);
   }, [_]);
   const L = () => {
-    p ? l({ name: p, description: v }) : N(!0);
+    p ? c({ name: p, description: v }) : N(!0);
   };
   return /* @__PURE__ */ m("div", { className: J.FiltersAmbitContainer, children: [
     !C && /* @__PURE__ */ m("div", { className: J.FiltersAmbitHeader, children: [
@@ -1238,7 +1238,7 @@ const P2 = "_FiltersAmbitContainer_1g9xx_2", q2 = "_FiltersAmbitHeader_1g9xx_7",
         title: f("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
-        backgroundColor: c || "#605B5680",
+        backgroundColor: l || "#605B5680",
         activeColor: t
       }
     ),
@@ -1281,36 +1281,36 @@ const U2 = "_barChartContainer_d2f1z_2", G2 = {
   gap: i = 23,
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
-  horizontalPaddign: c = 20,
+  horizontalPaddign: l = 20,
   leftPadding: a = 200,
-  numberOfDivisions: l = 7,
+  numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
   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, _ = Pe.max(n, (v) => v.value) || 1, p = Pe.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: l + 1 }, (v, x) => u ? u / l * x : _ / l * x);
+      const f = (n == null ? void 0 : n.length) * (o + i) + r * 2, _ = Pe.max(n, (v) => v.value) || 1, p = Pe.scaleLinear().domain([0, u || _]).range([0, d - a]), b = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : _ / c * x);
       return {
         xScale: p,
         ticks: b,
         height: f,
         width: d,
         verticalPaddign: r,
-        horizontalPaddign: c
+        horizontalPaddign: l
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
   }, [
     n,
     d,
-    l,
+    c,
     o,
     i,
-    c,
+    l,
     r,
     u
   ]);
-  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, _) => {
+  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, _) => {
       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 + c}, ${b})`,
+          transform: `translate(${a + l}, ${b})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1392,9 +1392,9 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", je = {
   borderColor: i = "#605B56",
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
-  maxValue: c = null,
+  maxValue: l = null,
   numberOfDivisions: a = 7,
-  leftPadding: l = 200
+  leftPadding: c = 200
 }) => {
   const { t: u } = k();
   return /* @__PURE__ */ m(
@@ -1413,9 +1413,9 @@ const Y2 = "_graphicContainer_c9zrg_2", W2 = "_titleContainer_c9zrg_14", je = {
             data: n,
             width: d,
             fontColor: r,
-            maxValue: c,
+            maxValue: l,
             numberOfDivisions: a,
-            leftPadding: l
+            leftPadding: c
           }
         )
       ]
@@ -1461,9 +1461,9 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
   defaultColor: i = "#92898A",
   activeIndicator: t,
   activeIndicatorType: r,
-  onClickIndicator: c,
+  onClickIndicator: l,
   multiple: a = !1,
-  onChangeType: l
+  onChangeType: c
 }) => {
   const { t: u } = k(), { name: h, type: g } = n, [y, C] = S(!1);
   T(() => {
@@ -1478,7 +1478,7 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.optionContainer,
-        onClick: () => l("cat"),
+        onClick: () => c("cat"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1507,7 +1507,7 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.optionContainer,
-        onClick: () => l("abs"),
+        onClick: () => c("abs"),
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1553,7 +1553,7 @@ const J2 = "_indicatorsCategory_1cu33_2", X2 = "_title_1cu33_5", e0 = "_list_1cu
       "div",
       {
         className: M.indicatorNameContainer,
-        onClick: () => c({ indicator: n }),
+        onClick: () => l({ 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: c,
+  id: l,
   activeIndicator: a,
-  onClickIndicator: l,
+  onClickIndicator: c,
   multiple: u,
   activeIndicatorType: h,
   onChangeType: g
 }) => {
   const { t: y } = k(), [C, f] = S(!1);
   return T(() => {
-    f(t == c);
-  }, [t, c]), /* @__PURE__ */ m(
+    f(t == l);
+  }, [t, l]), /* @__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(c), children: /* @__PURE__ */ m("h3", { style: { color: C ? i : o }, children: [
+        /* @__PURE__ */ s("button", { onClick: () => r(l), 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: l,
+            onClickIndicator: c,
             multiple: u,
             activeIndicatorType: h,
             onChangeType: g
@@ -1666,9 +1666,9 @@ const dt = ({
   defaultColor: i,
   onClickCategory: t,
   activeCategory: r,
-  activeSubCategory: c,
+  activeSubCategory: l,
   onClickSubCategory: a,
-  activeIndicator: l,
+  activeIndicator: c,
   onClickIndicator: u,
   multiple: h,
   activeIndicatorType: g,
@@ -1706,10 +1706,10 @@ const dt = ({
             ct,
             {
               id: v,
-              activeSubCategory: c,
+              activeSubCategory: l,
               subcName: b,
               onClickSubCategory: a,
-              activeIndicator: l,
+              activeIndicator: c,
               onClickIndicator: u,
               multiple: h,
               activeColor: o,
@@ -1727,7 +1727,7 @@ const dt = ({
             values: b.type == "twoUnits" && b.values,
             activeColor: o,
             defaultColor: i,
-            activeIndicator: l,
+            activeIndicator: c,
             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: c,
+  changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: l } = k(), [u, h] = S(), [g, y] = S(), [C, f] = S(), _ = (w) => {
+  const { t: c } = k(), [u, h] = S(), [g, y] = S(), [C, f] = S(), _ = (w) => {
     h(u == w ? null : w);
   }, p = (w) => {
     y(g == w ? null : w);
@@ -1789,7 +1789,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         ) ? N.filter(
           (L) => L.name != String(w.name)
         ) : [...N, w]
-      ), w.type == "both" && c("cat");
+      ), w.type == "both" && l("cat");
     }
   };
   T(() => {
@@ -1816,7 +1816,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
     N && h(N.category);
   };
   return /* @__PURE__ */ m("div", { className: He.indicatorsList, children: [
-    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: l("indicators.indicators") }),
+    /* @__PURE__ */ s("h2", { className: He.title, style: { color: o }, children: c("indicators.indicators") }),
     n.map((w, N) => /* @__PURE__ */ s(
       dt,
       {
@@ -1832,7 +1832,7 @@ const m0 = "_indicatorsList_fklyu_2", h0 = "_title_fklyu_6", He = {
         defaultColor: o,
         multiple: t,
         onChange: i,
-        onChangeType: c,
+        onChangeType: l,
         activeIndicatorType: a
       },
       `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] = S(!1), { i18n: r } = k(), c = n.find((l) => l.code == r.language), a = (l) => {
-    r.changeLanguage(l), t(!1);
+  const [i, t] = S(!1), { i18n: r } = k(), l = n.find((c) => c.code == r.language), a = (c) => {
+    r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ m("div", { className: X.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: X.prevImg, src: o }),
-          (c == null ? void 0 : c.titleSelected) || (c == null ? void 0 : c.title),
+          (l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
           /* @__PURE__ */ s("img", { src: d, className: X.arrow })
         ]
       }
     ),
-    i && /* @__PURE__ */ s("div", { className: X.langMenu, children: n.map((l) => /* @__PURE__ */ s(
+    i && /* @__PURE__ */ s("div", { className: X.langMenu, children: n.map((c) => /* @__PURE__ */ s(
       "button",
       {
-        className: (c == null ? void 0 : c.code) == l.code ? X.active : "",
-        onClick: () => a(l.code),
-        children: l.title
+        className: (l == null ? void 0 : l.code) == c.code ? X.active : "",
+        onClick: () => a(c.code),
+        children: c.title
       },
-      l.code
+      c.code
     )) })
   ] });
 };
@@ -1932,10 +1932,10 @@ const w0 = "_legendContainer_1q5gf_3", x0 = "_closeButton_1q5gf_31", k0 = "_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: c,
+  onClickMoreInfo: l,
   //If not passed it will read t("moreInformation")
   buttonTitle: a,
-  onClickClose: l
+  onClickClose: c
 }) => {
   const { t: u } = k();
   return /* @__PURE__ */ m(
@@ -1944,7 +1944,7 @@ const w0 = "_legendContainer_1q5gf_3", x0 = "_closeButton_1q5gf_31", k0 = "_titl
       style: n ? { ...n } : {},
       className: `${V.legendContainer}`,
       children: [
-        /* @__PURE__ */ s("button", { className: V.closeButton, onClick: l }),
+        /* @__PURE__ */ s("button", { className: V.closeButton, onClick: c }),
         d && /* @__PURE__ */ s("div", { className: V.titleContainer, children: /* @__PURE__ */ s("h2", { children: d }) }),
         o && o.length > 0 && /* @__PURE__ */ s("div", { className: V.infoContainer, children: /* @__PURE__ */ s("ul", { children: o.map(({ title: h, value: g }) => /* @__PURE__ */ m("li", { children: [
           /* @__PURE__ */ s("h3", { className: V.title, children: `${h}:` }),
@@ -1996,7 +1996,7 @@ const w0 = "_legendContainer_1q5gf_3", x0 = "_closeButton_1q5gf_31", k0 = "_titl
             ] })
           ] }, d)
         ) }) }),
-        c && /* @__PURE__ */ s("button", { className: V.moreInfoContainer, onClick: c, children: a || u("moreInformation") })
+        l && /* @__PURE__ */ s("button", { className: V.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2050,9 +2050,9 @@ const P0 = ({
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = "",
-  onClick: c = "",
+  onClick: l = "",
   interactiveLayers: a = [],
-  popUp: l = !1,
+  popUp: c = !1,
   sources: u = [],
   layers: h = []
 }) => {
@@ -2073,7 +2073,7 @@ const P0 = ({
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: c,
+      onClick: l,
       interactiveLayerIds: a,
       children: [
         u.length && u.map((_, p) => /* @__PURE__ */ s(
@@ -2094,14 +2094,14 @@ const P0 = ({
           p
         )),
         /* @__PURE__ */ s(St, { position: "bottom-right", visualizePitch: !0 }),
-        l && y && /* @__PURE__ */ s(
+        c && y && /* @__PURE__ */ s(
           Mt,
           {
-            longitude: l.longitude,
-            latitude: l.latitude,
-            anchor: l.anchor,
+            longitude: c.longitude,
+            latitude: c.latitude,
+            anchor: c.anchor,
             onClose: () => C(null),
-            children: l.content
+            children: c.content
           }
         )
       ]
@@ -2178,9 +2178,9 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
   mapStyle: i,
   firstSymbolLayer: t,
   cssProps: r = {},
-  onClick: c = "",
+  onClick: l = "",
   interactiveLayers: a = [],
-  sources: l = [],
+  sources: c = [],
   layers: u = [],
   filters: h,
   popUpParams: g,
@@ -2211,10 +2211,10 @@ const q0 = "_mapContainer_b0pyr_3", z0 = {
       maxZoom: d,
       minZoom: o,
       mapStyle: i,
-      onClick: c,
+      onClick: l,
       interactiveLayerIds: a,
       children: [
-        l.length && l.map((_, p) => /* @__PURE__ */ s(
+        c.length && c.map((_, p) => /* @__PURE__ */ s(
           Dt,
           {
             ..._,
@@ -2304,12 +2304,12 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
   mainColor: t,
   width: r
 }) => {
-  const { t: c } = k();
+  const { t: l } = 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: c(d) }),
+        /* @__PURE__ */ s("div", { className: K.title, children: l(d) }),
         o && /* @__PURE__ */ s("div", { className: K.subtitle, children: o })
       ] })
     ] }),
@@ -2347,8 +2347,8 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
   sliderOpen: sn,
   sliderResults: rn
 }, an = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: i = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [c, a] = S(d), l = xt(), u = (b, v) => {
-    a(v), l(we(v - 2e3));
+  const [l, a] = S(d), c = xt(), u = (b, v) => {
+    a(v), c(we(v - 2e3));
   }, [h, g] = S(!1), y = () => {
     g(!0);
   }, C = () => {
@@ -2368,7 +2368,7 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
       }
     }, [v]);
   })(() => {
-    h && (c != 2050 ? (a(c + 1), l(we(c - 2e3 + 1))) : (a(2025), l(we(25))));
+    h && (l != 2050 ? (a(l + 1), c(we(l - 2e3 + 1))) : (a(2025), c(we(25))));
   }, 1e3);
   const _ = Ot({
     palette: {
@@ -2410,7 +2410,7 @@ const U0 = "_sectionBar_1egwc_2", G0 = "_leftContent_1egwc_14", Y0 = "_textConta
           It,
           {
             "aria-label": "TimeSlider",
-            value: c,
+            value: l,
             valueLabelDisplay: "on",
             step: 1,
             marks: p,
@@ -2447,7 +2447,7 @@ const ln = "_TopNavMenuContainer_12mp4_2", cn = "_topNavOptions_12mp4_13", dn =
   textColor: i = "white"
 }) => {
   const { t } = k();
-  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, c) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { className: xe.TopNavMenuContainer, style: { ...d }, children: n.map((r, l) => /* @__PURE__ */ s(
     Pt,
     {
       to: r.url,
@@ -2458,7 +2458,7 @@ const ln = "_TopNavMenuContainer_12mp4_2", cn = "_topNavOptions_12mp4_13", dn =
       }),
       children: t(r.name)
     },
-    c
+    l
   )) });
 };
 un.propTypes = {
@@ -2480,21 +2480,21 @@ const pn = "_LogInButton_1vxj5_2", mn = {
   containerStyles: i,
   userName: t = "",
   isLoggedIn: r = !1,
-  onClickLogIn: c = () => {
+  onClickLogIn: l = () => {
     console.log("Login clicked");
   },
   onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: l } = k();
+  const { t: c } = k();
   return /* @__PURE__ */ s(
     "div",
     {
       style: { ...i },
       className: `${mn.LogInButton} link ${n}`,
-      onClick: r ? a : c,
-      children: r ? t || l(o) : l(d)
+      onClick: r ? a : l,
+      children: r ? t || c(o) : c(d)
     }
   );
 };
@@ -2557,9 +2557,9 @@ const On = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   activeColor: i,
   fontColor: t,
   moreInfo: r,
-  columns: c,
+  columns: l,
   elementButtons: a,
-  processTooltip: l,
+  processTooltip: c,
   defaultTooltip: u
 }) => {
   const { nom: h, created_at: g, id: y, isBeingProcessed: C } = n, [f, _] = S(!1), { t: p } = k();
@@ -2570,7 +2570,7 @@ const On = "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: [
-          c.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
+          l.nom && /* @__PURE__ */ s("div", { className: O.elementNameContainer, children: /* @__PURE__ */ m("div", { className: O.elementName, children: [
             o ? /* @__PURE__ */ s(In, { style: { color: i, marginRight: 9 } }) : /* @__PURE__ */ s(
               "img",
               {
@@ -2580,14 +2580,14 @@ const On = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             ),
             /* @__PURE__ */ s("span", { style: { color: o ? i : t }, children: h })
           ] }) }),
-          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 })
+          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 })
         ] }),
         /* @__PURE__ */ m("div", { className: O.elementButtons, children: [
           n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: Vn }),
-            /* @__PURE__ */ s(Y, { text: l, position: "left" })
+            /* @__PURE__ */ s(Y, { text: c, 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: $n }) }),
@@ -2660,10 +2660,10 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: i,
   buttonContainerStyles: t = {},
   containerStyles: r = {},
-  newElementButton: c,
+  newElementButton: l,
   //{label: 'text', onClick: function()}/null
   onClickElement: a = (C) => console.log(`OnCLickElement: ${C}`),
-  columns: l,
+  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}
@@ -2697,16 +2697,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: q.nameDateContainer, children: [
-                l.nom && /* @__PURE__ */ s("div", { className: q.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
-                  /* @__PURE__ */ s("span", { children: C(l.nom) }),
+                c.nom && /* @__PURE__ */ s("div", { className: q.elementName, children: /* @__PURE__ */ m("button", { onClick: () => p("name"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.nom) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                l.data && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
-                  /* @__PURE__ */ s("span", { children: C(l.data) }),
+                c.data && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => p("date"), children: [
+                  /* @__PURE__ */ s("span", { children: C(c.data) }),
                   /* @__PURE__ */ s("img", { src: Ye })
                 ] }) }),
-                l.ambit && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.ambit) }) }),
-                l.escenari && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(l.escenari) }) })
+                c.ambit && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.ambit) }) }),
+                c.escenari && /* @__PURE__ */ s("div", { className: q.elementDate, children: /* @__PURE__ */ s("span", { children: C(c.escenari) }) })
               ] }),
               /* @__PURE__ */ s("div", { className: q.buttonsContainer })
             ]
@@ -2720,7 +2720,7 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             fontColor: o,
             activeColor: i,
             onClickElement: a,
-            columns: l,
+            columns: c,
             elementButtons: u,
             moreInfo: h,
             processTooltip: g,
@@ -2728,13 +2728,13 @@ const Ye = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `elementKey${b.id}`
         )) }),
-        c && /* @__PURE__ */ s("div", { className: q.newElementButtonContainer, children: /* @__PURE__ */ s(
+        l && /* @__PURE__ */ s("div", { className: q.newElementButtonContainer, children: /* @__PURE__ */ s(
           ge,
           {
             style: { ...t },
-            onClick: c.onClick,
+            onClick: l.onClick,
             borderColor: "grey",
-            children: C(c.label)
+            children: C(l.label)
           }
         ) })
       ]
@@ -2827,17 +2827,17 @@ var ht = (n) => /^\w*$/.test(n), Te = (n) => n === void 0, Jn = (n) => Array.isA
   return Te(i) || i === n ? Te(n[d]) ? o : n[d] : i;
 }, ke = (n) => typeof n == "boolean", We = (n, d, o) => {
   let i = -1;
-  const t = ht(d) ? [d] : gt(d), r = t.length, c = r - 1;
+  const t = ht(d) ? [d] : gt(d), r = t.length, l = r - 1;
   for (; ++i < r; ) {
     const a = t[i];
-    let l = o;
-    if (i !== c) {
+    let c = o;
+    if (i !== l) {
       const u = n[a];
-      l = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
+      c = re(u) || Array.isArray(u) ? u : isNaN(+t[i + 1]) ? {} : [];
     }
     if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[a] = l, n = n[a];
+    n[a] = c, n = n[a];
   }
 };
 const Qe = {
@@ -2855,15 +2855,15 @@ var Xn = (n, d, o, i = !0) => {
   for (const r in n)
     Object.defineProperty(t, r, {
       get: () => {
-        const c = r;
-        return d._proxyFormState[c] !== Je.all && (d._proxyFormState[c] = !i || Je.all), o && (o[c] = !0), n[c];
+        const l = r;
+        return d._proxyFormState[l] !== Je.all && (d._proxyFormState[l] = !i || Je.all), o && (o[l] = !0), n[l];
       }
     });
   return t;
 };
 const ft = typeof window < "u" ? te.useLayoutEffect : te.useEffect;
 function e1(n) {
-  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [c, a] = B.useState(o._formState), l = B.useRef({
+  const d = Re(), { control: o = d.control, disabled: i, name: t, exact: r } = n || {}, [l, a] = B.useState(o._formState), c = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2875,7 +2875,7 @@ function e1(n) {
   });
   return ft(() => o._subscribe({
     name: t,
-    formState: l.current,
+    formState: c.current,
     exact: r,
     callback: (u) => {
       !i && a({
@@ -2884,28 +2884,28 @@ function e1(n) {
       });
     }
   }), [t, i, r]), B.useEffect(() => {
-    l.current.isValid && o._setValid(!0);
-  }, [o]), B.useMemo(() => Xn(c, o, l.current, !1), [c, o]);
+    c.current.isValid && o._setValid(!0);
+  }, [o]), B.useMemo(() => Xn(l, o, c.current, !1), [l, o]);
 }
 var t1 = (n) => typeof n == "string", n1 = (n, d, o, i, t) => t1(n) ? A(o, n, t) : Array.isArray(n) ? n.map((r) => A(o, r)) : o;
 function i1(n) {
-  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));
+  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));
   return ft(() => o._subscribe({
     name: i,
     formState: {
       values: !0
     },
-    exact: c,
+    exact: l,
     callback: (h) => !r && u(n1(i, o._names, h.values || o._formValues, !1, a.current))
-  }), [i, o, r, c]), B.useEffect(() => o._removeUnmounted()), l;
+  }), [i, o, r, l]), B.useEffect(() => o._removeUnmounted()), c;
 }
 function o1(n) {
-  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, c = Yn(t._names.array, o), a = i1({
+  const d = Re(), { name: o, disabled: i, control: t = d.control, shouldUnregister: r } = n, l = Yn(t._names.array, o), a = i1({
     control: t,
     name: o,
     defaultValue: A(t._formValues, o, A(t._defaultValues, o, n.defaultValue)),
     exact: !0
-  }), l = e1({
+  }), c = e1({
     control: t,
     name: o,
     exact: !0
@@ -2916,25 +2916,25 @@ function o1(n) {
   })), g = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!A(l.errors, o)
+      get: () => !!A(c.errors, o)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!A(l.dirtyFields, o)
+      get: () => !!A(c.dirtyFields, o)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!A(l.touchedFields, o)
+      get: () => !!A(c.touchedFields, o)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!A(l.validatingFields, o)
+      get: () => !!A(c.validatingFields, o)
     },
     error: {
       enumerable: !0,
-      get: () => A(l.errors, o)
+      get: () => A(c.errors, o)
     }
-  }), [l, o]), y = B.useCallback((p) => h.current.onChange({
+  }), [c, o]), y = B.useCallback((p) => h.current.onChange({
     target: {
       value: Un(p),
       name: o
@@ -2957,11 +2957,11 @@ function o1(n) {
   }, [t._fields, o]), _ = B.useMemo(() => ({
     name: o,
     value: a,
-    ...ke(i) || l.disabled ? { disabled: l.disabled || i } : {},
+    ...ke(i) || c.disabled ? { disabled: c.disabled || i } : {},
     onChange: y,
     onBlur: C,
     ref: f
-  }), [o, i, l.disabled, y, C, f, a]);
+  }), [o, i, c.disabled, y, C, f, a]);
   return B.useEffect(() => {
     const p = t._options.shouldUnregister || r;
     t.register(o, {
@@ -2976,19 +2976,19 @@ function o1(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 !c && t.register(o), () => {
-      (c ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
+    return !l && t.register(o), () => {
+      (l ? p && !t._state.action : p) ? t.unregister(o) : b(o, !1);
     };
-  }, [o, t, c, r]), B.useEffect(() => {
+  }, [o, t, l, r]), B.useEffect(() => {
     t._setDisabledField({
       disabled: i,
       name: o
     });
   }, [i, o, t]), B.useMemo(() => ({
     field: _,
-    formState: l,
+    formState: c,
     fieldState: g
-  }), [_, l, g]);
+  }), [_, c, g]);
 }
 const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   errorMessage: s1
@@ -3012,9 +3012,9 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
     width: h = 325,
     onClickForgotPass: g = () => {
@@ -3028,7 +3028,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       name: o,
       control: d,
       rules: {
-        required: c ? `${C(t)} ${C("errorMessages.required")}` : !1,
+        required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
@@ -3038,7 +3038,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
           /* @__PURE__ */ m("h3", { className: oe.labelContainer, children: [
             C(t),
             " ",
-            c && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m(
             "div",
@@ -3051,7 +3051,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
                   {
                     type: p(),
                     ...b,
-                    placeholder: l ? C(l) : "",
+                    placeholder: c ? C(c) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3098,20 +3098,20 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
     width: h = 325,
     options: g = []
   } = n, { t: y } = k();
-  return console.log("placeholder: ", l), /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(
     Ee,
     {
       name: o,
       control: d,
       rules: {
-        required: c ? `${y(t)} ${y("errorMessages.required")}` : !1,
+        required: l ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: a || void 0
       },
       render: ({ field: C, fieldState: f }) => {
@@ -3120,7 +3120,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
           /* @__PURE__ */ m("h3", { className: ee.labelContainer, children: [
             y(t),
             " ",
-            c && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ s("label", { style: { color: f.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m("div", { className: ee.inputContainer, style: { width: h }, children: [
             /* @__PURE__ */ m(
@@ -3133,7 +3133,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
                 },
                 className: ee.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(l || "selectOption") }),
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
                   g.map((p, b) => /* @__PURE__ */ s(
                     "option",
                     {
@@ -3180,9 +3180,9 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
     type: i,
     label: t,
     maxLength: r,
-    required: c,
+    required: l,
     validateFunction: a,
-    placeholder: l,
+    placeholder: c,
     errorColor: u = "red",
     width: h = 325,
     options: g = [],
@@ -3201,7 +3201,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       control: d,
       name: o,
       rules: {
-        validate: (p) => c && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
+        validate: (p) => l && (p == null || p === "") ? `${C(t)} ${C("errorMessages.required")}` : null
       },
       render: ({
         formState: { errors: p },
@@ -3214,7 +3214,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
             "h3",
             {
               htmlFor: o + "id",
-              className: `${U.radioQuestion} ${c && U.required}`,
+              className: `${U.radioQuestion} ${l && U.required}`,
               children: C(t)
             }
           ) }),
@@ -3225,16 +3225,16 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
                 value: z,
                 disabled: ae = !1,
                 italicLabel: le
-              }, E) => {
-                const R = x && y ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((P) => P === z) : x === z;
-                return console.log("isActiveButton: ", R), /* @__PURE__ */ m("label", { children: [
+              }, R) => {
+                const E = x && y ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((P) => P === z) : x === z;
+                return /* @__PURE__ */ m("label", { children: [
                   /* @__PURE__ */ s(
                     "input",
                     {
                       type: "radio",
-                      checked: R,
+                      checked: E,
                       onChange: () => {
-                        y ? R ? f({
+                        y ? E ? f({
                           actualValue: x,
                           options: g,
                           onChange: b
@@ -3268,7 +3268,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   const { inputType: r } = i;
   switch (r) {
     case pe.text:
-      const { code: c, type: a, label: l, maxLength: u, required: h, validateFunction: g } = i;
+      const { code: l, type: a, label: c, maxLength: u, required: h, validateFunction: g } = i;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -3317,9 +3317,9 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   inputContainerStyles: i,
   generalError: t,
   errorColor: r = "red",
-  submitButtonLabel: c = "Submit",
+  submitButtonLabel: l = "Submit",
   submitButtonStyles: a = { width: 325 },
-  activeCategory: l = null,
+  activeCategory: c = null,
   // If provided, only the category with this categoryId will be displayed.
   onSubmit: u = (h) => console.log("Form submitted with data: ", h)
 }) => {
@@ -3343,7 +3343,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
           "div",
           {
             style: {
-              display: l && p.categoryId !== l ? "none" : "inherit",
+              display: c && p.categoryId !== c ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
@@ -3368,7 +3368,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
           {
             style: {
               width: "100%",
-              display: l && p.categoryId !== l ? "none" : "flex",
+              display: c && p.categoryId !== c ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
@@ -3396,7 +3396,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
         ) }, `inputKey${b}`);
       }) }),
       /* @__PURE__ */ m("div", { className: Ne.buttonContainer, children: [
-        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(c) }),
+        /* @__PURE__ */ s(ge, { containerStyles: a, type: "submit", children: _(l) }),
         /* @__PURE__ */ s(Ce, { errorMessage: t, errorColor: r })
       ] })
     ] })
@@ -3414,7 +3414,7 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
   rightComponents: i = [],
   zIndex: t = 10,
   height: r = 60,
-  backgroundColor: c = "#605B56",
+  backgroundColor: l = "#605B56",
   isFooter: a = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ m(
@@ -3425,14 +3425,14 @@ const Ee = (n) => n.render(o1(n)), s1 = "_errorMessage_1xiyb_2", r1 = {
       ...n,
       zIndex: t,
       height: r,
-      backgroundColor: c,
+      backgroundColor: l,
       top: a ? "auto" : 0,
       bottom: a ? 0 : "auto"
     },
     children: [
-      /* @__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)) })
+      /* @__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)) })
     ]
   }
 );