@tmf_ciclica/ciclicastorybook 1.2.74 → 1.2.76

package/dist/index.es.js

@@ -13,7 +13,7 @@ import { useSelector as x2 } from "react-redux";
 import w2, { Source as N2, Layer as k2, NavigationControl as $2, Popup as S2 } from "react-map-gl/mapbox";
 import rt from "maplibre-gl";
 import { Protocol as L2 } from "pmtiles";
-import M2, { Source as B2, Layer as T2, NavigationControl as D2, Popup as V2 } from "react-map-gl/maplibre";
+import M2, { Source as T2, Layer as B2, NavigationControl as D2, Popup as V2 } from "react-map-gl/maplibre";
 import { createSlice as F2 } from "@reduxjs/toolkit";
 import A2 from "@mui/material/Slider";
 import { createTheme as O2, Box as R2 } from "@mui/material";
@@ -28,7 +28,7 @@ const E2 = "_ambitSelector_mcunf_2", q2 = "_header_mcunf_13", P2 = "_nameDateCon
   buttonsContainer: j2,
   ambitListContainer: H2,
   newAmbitButtonContainer: K2
-}, W2 = "_ambitItem_1qa6u_2", U2 = "_ambitNameDate_1qa6u_16", G2 = "_ambitName_1qa6u_16", X2 = "_ambitDate_1qa6u_35", Q2 = "_ambitButtons_1qa6u_38", Be = {
+}, W2 = "_ambitItem_1qa6u_2", U2 = "_ambitNameDate_1qa6u_16", G2 = "_ambitName_1qa6u_16", X2 = "_ambitDate_1qa6u_35", Q2 = "_ambitButtons_1qa6u_38", Te = {
   ambitItem: W2,
   ambitNameDate: U2,
   ambitName: G2,
@@ -42,18 +42,18 @@ const E2 = "_ambitSelector_mcunf_2", q2 = "_header_mcunf_13", P2 = "_nameDateCon
   onClickAmbit: t,
   isActive: o,
   activeColor: d,
-  fontColor: l,
-  moreInfo: a
+  fontColor: a,
+  moreInfo: l
 }) => {
   const { name: u, created_at: g, id: h, isBeingProcessed: y } = n;
   return /* @__PURE__ */ m(
     "div",
     {
-      className: Be.ambitItem,
-      style: { borderBottom: `1px solid ${l}` },
+      className: Te.ambitItem,
+      style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ m("div", { className: Be.ambitNameDate, onClick: () => t(h), children: [
-          /* @__PURE__ */ m("div", { className: Be.ambitName, children: [
+        /* @__PURE__ */ m("div", { className: Te.ambitNameDate, onClick: () => t(h), children: [
+          /* @__PURE__ */ m("div", { className: Te.ambitName, children: [
             /* @__PURE__ */ i(
               "img",
               {
@@ -61,11 +61,11 @@ const E2 = "_ambitSelector_mcunf_2", q2 = "_header_mcunf_13", P2 = "_nameDateCon
                 src: o ? n0 : i0
               }
             ),
-            /* @__PURE__ */ i("span", { style: { color: o ? d : l }, children: u })
+            /* @__PURE__ */ i("span", { style: { color: o ? d : a }, children: u })
           ] }),
-          /* @__PURE__ */ i("div", { className: Be.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
+          /* @__PURE__ */ i("div", { className: Te.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
         ] }),
-        /* @__PURE__ */ m("div", { className: Be.ambitButtons, children: [
+        /* @__PURE__ */ m("div", { className: Te.ambitButtons, children: [
           y && /* @__PURE__ */ i("img", { src: t0 }),
           /* @__PURE__ */ i("button", { onClick: () => r(h), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: e0 }) }),
           /* @__PURE__ */ i("button", { onClick: () => c(h), children: /* @__PURE__ */ i("img", { src: Y2 }) }),
@@ -103,7 +103,7 @@ const $t = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   backgroundColor: t = "#fff",
   type: o = "button",
   containerStyles: d = {},
-  disabled: l = !1
+  disabled: a = !1
 }) => /* @__PURE__ */ i(
   "button",
   {
@@ -116,7 +116,7 @@ const $t = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     },
     onClick: c,
     type: o,
-    disabled: l,
+    disabled: a,
     children: n
   }
 ), o0 = ({
@@ -127,8 +127,8 @@ const $t = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   nameLabel: t,
   dateLabel: o,
   newAmbitLabel: d = "New field",
-  buttonContainerStyles: l = {},
-  containerStyles: a = {},
+  buttonContainerStyles: a = {},
+  containerStyles: l = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: g = (f) => console.log(`Copy ambit: ${f}`),
   onCLickDelete: h = (f) => console.log(`Delete ambit: ${f}`),
@@ -149,7 +149,7 @@ const $t = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     "div",
     {
       className: he.ambitSelector,
-      style: { color: s, ...a },
+      style: { color: s, ...l },
       children: [
         /* @__PURE__ */ m(
           "div",
@@ -188,7 +188,7 @@ const $t = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
         /* @__PURE__ */ i("div", { className: he.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Xe,
           {
-            style: { ...l },
+            style: { ...a },
             onClick: u,
             borderColor: "grey",
             children: f(d)
@@ -255,7 +255,7 @@ const y0 = ({
     {
       className: `${fe.buttonsContainer} ${c === "vertical" && fe.vertical}
           ${c === "horizontal" && fe.horizontal}`,
-      children: n.map((l, a) => {
+      children: n.map((a, l) => {
         const {
           icon: u,
           activeIcon: g,
@@ -263,7 +263,7 @@ const y0 = ({
           name: y,
           onClick: p,
           disabled: f
-        } = l, b = /* @__PURE__ */ m(Ge, { children: [
+        } = a, b = /* @__PURE__ */ m(Ge, { children: [
           s && r === "left" && /* @__PURE__ */ i("span", { className: fe.buttonName, children: d(y) }),
           /* @__PURE__ */ i("img", { src: h ? g : u, alt: d(y) }),
           s && r === "right" && /* @__PURE__ */ i("span", { className: fe.buttonName, children: d(y) })
@@ -280,7 +280,7 @@ const y0 = ({
             }
           ),
           t && /* @__PURE__ */ i(ue, { text: y, position: o })
-        ] }, a);
+        ] }, l);
       })
     }
   );
@@ -317,8 +317,8 @@ const b0 = "_indicatorsCategory_11gdl_2", _0 = "_title_11gdl_6", v0 = "_mainTitl
   //Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
   height: d = 53,
   //Adjust height if you change fontSize
-  titleFontStyles: l,
-  showBottomBar: a = !0,
+  titleFontStyles: a,
+  showBottomBar: l = !0,
   titleMarginChildren: u = 15,
   mainTitle: g = !1
 }) => {
@@ -332,7 +332,7 @@ const b0 = "_indicatorsCategory_11gdl_2", _0 = "_title_11gdl_6", v0 = "_mainTitl
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && a ? `1px solid ${t}` : "0px",
+        borderBottom: n && l ? `1px solid ${t}` : "0px",
         minHeight: g ? "70px" : "50px"
       },
       children: [
@@ -340,7 +340,7 @@ const b0 = "_indicatorsCategory_11gdl_2", _0 = "_title_11gdl_6", v0 = "_mainTitl
           "h2",
           {
             style: {
-              ...l
+              ...a
               //marginBottom: titleMarginChildren ? titleMarginChildren : "auto",
             },
             className: `${Pe.title} ${g && Pe.mainTitle}`,
@@ -379,7 +379,7 @@ const Ir = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), x0 = "data
   inputsColor: "#605B56",
   activeFiltersType: null
 })), Qt = ({ title: n, onClick: c, isOpen: s = !0, textColor: r = "#ffffff", backgroundColor: t = "#605B5680", activeColor: o, fontColor: d = "#605B56" }) => {
-  const { t: l } = F(), { tematicalFiltersSelected: a, activeFiltersType: u } = P((y) => y), g = (y) => {
+  const { t: a } = F(), { tematicalFiltersSelected: l, activeFiltersType: u } = P((y) => y), g = (y) => {
     P.setState((p) => ({
       tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
         (f) => f.code !== y
@@ -393,12 +393,12 @@ const Ir = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), x0 = "data
       onClick: () => {
         u == "applied" ? P.setState(() => ({ activeFiltersType: null })) : P.setState(() => ({ activeFiltersType: "applied" }));
       },
-      title: n ? l(n) : "Applied Filters",
+      title: n ? a(n) : "Applied Filters",
       activeColor: o,
       mainTitle: !0,
       color: d,
-      children: /* @__PURE__ */ i("div", { className: St.AppliedFiltersContainer, children: a == null ? void 0 : a.map((y, p) => /* @__PURE__ */ m("div", { className: St.AppliedFilterContent, style: { color: r, background: t }, children: [
-        l(y.name),
+      children: /* @__PURE__ */ i("div", { className: St.AppliedFiltersContainer, children: l == null ? void 0 : l.map((y, p) => /* @__PURE__ */ m("div", { className: St.AppliedFilterContent, style: { color: r, background: t }, children: [
+        a(y.name),
         /* @__PURE__ */ i("img", { src: x0, alt: "CloseIcon", onClick: () => g(y.code), style: { cursor: "pointer" } })
       ] }, p)) })
     }
@@ -430,8 +430,8 @@ const k0 = "_layersList_cn837_25", $0 = "_layerName_cn837_34", Lt = {
   geoLayers: o = [],
   onGeoLayersChange: d
 }) => {
-  const { t: l } = F(), { activeFiltersType: a } = P((h) => h), u = () => {
-    a === "geographical" ? P.setState({ activeFiltersType: null }) : P.setState({ activeFiltersType: "geographical" });
+  const { t: a } = F(), { activeFiltersType: l } = P((h) => h), u = () => {
+    l === "geographical" ? P.setState({ activeFiltersType: null }) : P.setState({ activeFiltersType: "geographical" });
   }, g = (h) => {
     const y = o.map((p) => ({
       ...p,
@@ -442,9 +442,9 @@ const k0 = "_layersList_cn837_25", $0 = "_layerName_cn837_34", Lt = {
   return /* @__PURE__ */ i(
     we,
     {
-      isOpen: a === "geographical",
+      isOpen: l === "geographical",
       onClick: u,
-      title: n ? l(n) : "Geographical Filters",
+      title: n ? a(n) : "Geographical Filters",
       activeColor: t,
       color: s,
       mainTitle: !0,
@@ -457,7 +457,7 @@ const k0 = "_layersList_cn837_25", $0 = "_layerName_cn837_34", Lt = {
             fontWeight: h.active ? "bold" : "normal"
           },
           onClick: () => g(h),
-          children: l(h.name)
+          children: a(h.name)
         },
         h.name
       )) })
@@ -481,7 +481,7 @@ const S0 = "_checkboxContainer_1nxra_2", L0 = {
   indicator: r,
   value: t
 }) => {
-  const { t: o } = F(), { title: d } = r || {}, { fontColor: l, inputsColor: a } = P((u) => u);
+  const { t: o } = F(), { title: d } = r || {}, { fontColor: a, inputsColor: l } = P((u) => u);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -498,8 +498,8 @@ const S0 = "_checkboxContainer_1nxra_2", L0 = {
             value: t,
             readOnly: !0,
             style: {
-              border: `1.5px solid ${t ? a : l}`,
-              backgroundColor: t ? a : "white"
+              border: `1.5px solid ${t ? l : a}`,
+              backgroundColor: t ? l : "white"
             }
           }
         ),
@@ -559,98 +559,98 @@ let ft = function(n) {
       t.onEnd();
     }, t.onMouseUp = () => {
       t.onEnd(t.getMouseEventMap());
-    }, t.onTouchEnd = (l) => {
-      l.preventDefault(), t.onEnd(t.getTouchEventMap());
+    }, t.onTouchEnd = (a) => {
+      a.preventDefault(), t.onEnd(t.getTouchEventMap());
     }, t.onBlur = () => {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
-    }, t.onMouseMove = (l) => {
+    }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const a = t.getMousePosition(l), u = t.getDiffPosition(a[0]), g = t.getValueFromPosition(u);
+      const l = t.getMousePosition(a), u = t.getDiffPosition(l[0]), g = t.getValueFromPosition(u);
       t.move(g);
-    }, t.onTouchMove = (l) => {
-      if (l.touches.length > 1) return;
+    }, t.onTouchMove = (a) => {
+      if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const a = t.getTouchPosition(l);
+      const l = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const h = a[0] - t.startPosition[0], y = a[1] - t.startPosition[1];
+        const h = l[0] - t.startPosition[0], y = l[1] - t.startPosition[1];
         t.isScrolling = Math.abs(y) > Math.abs(h);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(a[0]), g = t.getValueFromPosition(u);
+      const u = t.getDiffPosition(l[0]), g = t.getValueFromPosition(u);
       t.move(g);
-    }, t.onKeyDown = (l) => {
-      if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
+    }, t.onKeyDown = (a) => {
+      if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
         case "ArrowDown":
         case "Left":
         case "Down":
-          l.preventDefault(), t.moveDownByStep();
+          a.preventDefault(), t.moveDownByStep();
           break;
         case "ArrowRight":
         case "ArrowUp":
         case "Right":
         case "Up":
-          l.preventDefault(), t.moveUpByStep();
+          a.preventDefault(), t.moveUpByStep();
           break;
         case "Home":
-          l.preventDefault(), t.move(t.props.min);
+          a.preventDefault(), t.move(t.props.min);
           break;
         case "End":
-          l.preventDefault(), t.move(t.props.max);
+          a.preventDefault(), t.move(t.props.max);
           break;
         case "PageDown":
-          l.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
+          a.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
           break;
         case "PageUp":
-          l.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
+          a.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
       }
-    }, t.onSliderMouseDown = (l) => {
-      if (!t.props.disabled && l.button !== 2) {
+    }, t.onSliderMouseDown = (a) => {
+      if (!t.props.disabled && a.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const a = t.getMousePosition(l);
-          t.forceValueFromPosition(a[0], (u) => {
-            t.start(u, a[0]), Ze(t.getMouseEventMap());
+          const l = t.getMousePosition(a);
+          t.forceValueFromPosition(l[0], (u) => {
+            t.start(u, l[0]), Ze(t.getMouseEventMap());
           });
         }
-        ot(l);
+        ot(a);
       }
-    }, t.onSliderClick = (l) => {
+    }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const a = t.getMousePosition(l), u = ye(t.calcValue(t.calcOffsetFromPosition(a[0])), t.props);
+        const l = t.getMousePosition(a), u = ye(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, t.createOnKeyDown = (l) => (a) => {
-      t.props.disabled || (t.start(l), Ze(t.getKeyDownEventMap()), ot(a));
-    }, t.createOnMouseDown = (l) => (a) => {
-      if (t.props.disabled || a.button === 2) return;
+    }, t.createOnKeyDown = (a) => (l) => {
+      t.props.disabled || (t.start(a), Ze(t.getKeyDownEventMap()), ot(l));
+    }, t.createOnMouseDown = (a) => (l) => {
+      if (t.props.disabled || l.button === 2) return;
       t.setState({ pending: !0 });
-      const u = t.getMousePosition(a);
-      t.start(l, u[0]), Ze(t.getMouseEventMap()), ot(a);
-    }, t.createOnTouchStart = (l) => (a) => {
-      if (t.props.disabled || a.touches.length > 1) return;
+      const u = t.getMousePosition(l);
+      t.start(a, u[0]), Ze(t.getMouseEventMap()), ot(l);
+    }, t.createOnTouchStart = (a) => (l) => {
+      if (t.props.disabled || l.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(a);
-      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), Ze(t.getTouchEventMap()), function(g) {
+      const u = t.getTouchPosition(l);
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), Ze(t.getTouchEventMap()), function(g) {
         g.stopPropagation && g.stopPropagation();
-      }(a);
+      }(l);
     }, t.handleResize = () => {
-      const l = window.setTimeout(() => {
+      const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
-      t.pendingResizeTimeouts.push(l);
-    }, t.renderThumb = (l, a) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + a + " " + (t.state.index === a ? t.props.thumbActiveClassName : ""), g = { ref: (y) => {
-        t["thumb" + a] = y;
-      }, key: t.props.thumbClassName + "-" + a, className: u, style: l, onMouseDown: t.createOnMouseDown(a), onTouchStart: t.createOnTouchStart(a), onFocus: t.createOnKeyDown(a), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[a], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[a] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[a] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: a, value: ze(t.state.value), valueNow: t.state.value[a] };
+      t.pendingResizeTimeouts.push(a);
+    }, t.renderThumb = (a, l) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), g = { 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 }, h = { index: l, value: ze(t.state.value), valueNow: t.state.value[l] };
       return t.props.ariaValuetext && (g["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(g, h);
-    }, t.renderTrack = (l, a, u) => {
-      const g = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(a, t.state.upperBound - u) }, h = { index: l, value: ze(t.state.value) };
+    }, t.renderTrack = (a, l, u) => {
+      const g = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(l, t.state.upperBound - u) }, h = { index: a, value: ze(t.state.value) };
       return t.props.renderTrack(g, h);
     };
     let o = at(r.value);
     o.length || (o = at(r.defaultValue)), t.pendingResizeTimeouts = [];
     const d = [];
-    for (let l = 0; l < o.length; l += 1) o[l] = ye(o[l], r), d.push(l);
+    for (let a = 0; a < o.length; a += 1) o[a] = ye(o[a], r), d.push(a);
     return t.resizeObserver = null, t.resizeElementRef = q.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: o, zIndices: d }, t;
   }
   M0(c, n);
@@ -674,10 +674,10 @@ let ft = function(n) {
     return ze(this.state.value);
   }, s.getClosestIndex = function(r) {
     let t = Number.MAX_VALUE, o = -1;
-    const { value: d } = this.state, l = d.length;
-    for (let a = 0; a < l; a += 1) {
-      const u = this.calcOffset(d[a]), g = Math.abs(r - u);
-      g < t && (t = g, o = a);
+    const { value: d } = this.state, a = d.length;
+    for (let l = 0; l < a; l += 1) {
+      const u = this.calcOffset(d[l]), g = Math.abs(r - u);
+      g < t && (t = g, o = l);
     }
     return o;
   }, s.getMousePosition = function(r) {
@@ -700,7 +700,7 @@ let ft = function(n) {
   }, s.resize = function() {
     const { slider: r, thumb0: t } = this;
     if (!r || !t) return;
-    const o = this.sizeKey(), d = r.getBoundingClientRect(), l = r[o], a = d[this.posMaxKey()], u = d[this.posMinKey()], g = t.getBoundingClientRect()[o.replace("client", "").toLowerCase()], h = l - g, y = Math.abs(a - u);
+    const o = this.sizeKey(), d = r.getBoundingClientRect(), a = r[o], l = d[this.posMaxKey()], u = d[this.posMinKey()], g = t.getBoundingClientRect()[o.replace("client", "").toLowerCase()], h = a - g, y = Math.abs(l - u);
     this.state.upperBound === h && this.state.sliderLength === y && this.state.thumbSize === g || this.setState({ upperBound: h, sliderLength: y, thumbSize: g });
   }, s.calcOffset = function(r) {
     const t = this.props.max - this.props.min;
@@ -708,14 +708,14 @@ let ft = function(n) {
   }, s.calcValue = function(r) {
     return r / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, s.calcOffsetFromPosition = function(r) {
-    const { slider: t } = this, o = t.getBoundingClientRect(), d = o[this.posMaxKey()], l = o[this.posMinKey()];
-    let a = r - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? d : l));
-    return this.props.invert && (a = this.state.sliderLength - a), a -= this.state.thumbSize / 2, a;
+    const { slider: t } = this, o = t.getBoundingClientRect(), d = o[this.posMaxKey()], a = o[this.posMinKey()];
+    let l = r - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? d : a));
+    return this.props.invert && (l = this.state.sliderLength - l), l -= this.state.thumbSize / 2, l;
   }, s.forceValueFromPosition = function(r, t) {
-    const o = this.calcOffsetFromPosition(r), d = this.getClosestIndex(o), l = ye(this.calcValue(o), this.props), a = this.state.value.slice();
-    a[d] = l;
-    for (let u = 0; u < a.length - 1; u += 1) if (a[u + 1] - a[u] < this.props.minDistance) return;
-    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: a }, () => {
+    const o = this.calcOffsetFromPosition(r), d = this.getClosestIndex(o), a = ye(this.calcValue(o), this.props), l = this.state.value.slice();
+    l[d] = 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(d), this.fireChangeEvent("onChange");
     });
   }, s.clearPendingResizeTimeouts = function() {
@@ -727,7 +727,7 @@ let ft = function(n) {
     const o = this["thumb" + r];
     o && o.focus();
     const { zIndices: d } = this.state;
-    d.splice(d.indexOf(r), 1), d.push(r), this.setState((l) => ({ startValue: l.value[r], startPosition: t !== void 0 ? t : l.startPosition, index: r, zIndices: d }));
+    d.splice(d.indexOf(r), 1), d.push(r), this.setState((a) => ({ startValue: a.value[r], startPosition: t !== void 0 ? t : a.startPosition, index: r, zIndices: d }));
   }, s.moveUpByStep = function(r) {
     r === void 0 && (r = this.props.step);
     const t = this.state.value[this.state.index], o = ye(this.props.invert && this.props.orientation === "horizontal" ? t - r : t + r, this.props);
@@ -737,11 +737,11 @@ let ft = function(n) {
     const t = this.state.value[this.state.index], o = ye(this.props.invert && this.props.orientation === "horizontal" ? t + r : t - r, this.props);
     this.move(Math.max(o, this.props.min));
   }, s.move = function(r) {
-    const t = this.state.value.slice(), { index: o } = this.state, { length: d } = t, l = t[o];
-    if (r === l) return;
+    const t = this.state.value.slice(), { index: o } = this.state, { length: d } = t, a = t[o];
+    if (r === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: a, max: u, min: g, minDistance: h } = this.props;
-    if (!a) {
+    const { pearling: l, max: u, min: g, minDistance: h } = this.props;
+    if (!l) {
       if (o > 0) {
         const y = t[o - 1];
         r < y + h && (r = y + h);
@@ -751,22 +751,22 @@ let ft = function(n) {
         r > y - h && (r = y - h);
       }
     }
-    t[o] = r, a && d > 1 && (r > l ? (this.pushSucceeding(t, h, o), function(y, p, f, b) {
+    t[o] = r, l && d > 1 && (r > a ? (this.pushSucceeding(t, h, o), function(y, p, f, b) {
       for (let v = 0; v < y; v += 1) {
         const _ = b - v * f;
         p[y - 1 - v] > _ && (p[y - 1 - v] = _);
       }
-    }(d, t, h, u)) : r < l && (this.pushPreceding(t, h, o), function(y, p, f, b) {
+    }(d, t, h, u)) : r < a && (this.pushPreceding(t, h, o), function(y, p, f, b) {
       for (let v = 0; v < y; v += 1) {
         const _ = b + v * f;
         p[v] < _ && (p[v] = _);
       }
     }(d, t, h, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(r, t, o) {
-    let d, l;
-    for (d = o, l = r[d] + t; r[d + 1] !== null && l > r[d + 1]; d += 1, l = r[d] + t) r[d + 1] = Ct(l, this.props);
+    let d, a;
+    for (d = o, a = r[d] + t; r[d + 1] !== null && a > r[d + 1]; d += 1, a = r[d] + t) r[d + 1] = Ct(a, this.props);
   }, s.pushPreceding = function(r, t, o) {
-    for (let d = o, l = r[d] - t; r[d - 1] !== null && l < r[d - 1]; d -= 1, l = r[d] - t) r[d - 1] = Ct(l, this.props);
+    for (let d = o, a = r[d] - t; r[d - 1] !== null && a < r[d - 1]; d -= 1, a = r[d] - t) r[d - 1] = Ct(a, this.props);
   }, s.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, s.orthogonalAxisKey = function() {
@@ -790,9 +790,9 @@ let ft = function(n) {
     return (t = { position: "absolute" })[this.posMinKey()] = r, t;
   }, s.renderThumbs = function(r) {
     const { length: t } = r, o = [];
-    for (let l = 0; l < t; l += 1) o[l] = this.buildThumbStyle(r[l], l);
+    for (let a = 0; a < t; a += 1) o[a] = this.buildThumbStyle(r[a], a);
     const d = [];
-    for (let l = 0; l < t; l += 1) d[l] = this.renderThumb(o[l], l);
+    for (let a = 0; a < t; a += 1) d[a] = this.renderThumb(o[a], a);
     return d;
   }, s.renderTracks = function(r) {
     const t = [], o = r.length - 1;
@@ -803,23 +803,23 @@ let ft = function(n) {
     let { marks: r } = this.props;
     const t = this.props.max - this.props.min + 1;
     return typeof r == "boolean" ? r = Array.from({ length: t }).map((o, d) => d) : typeof r == "number" && (r = Array.from({ length: t }).map((o, d) => d).filter((o) => o % r == 0)), r.map(parseFloat).sort((o, d) => o - d).map((o) => {
-      const d = this.calcOffset(o), l = { key: o, className: this.props.markClassName, style: this.buildMarkStyle(d) };
-      return this.props.renderMark(l);
+      const d = this.calcOffset(o), a = { key: o, className: this.props.markClassName, style: this.buildMarkStyle(d) };
+      return this.props.renderMark(a);
     });
   }, s.render = function() {
     const r = [], { value: t } = this.state, o = t.length;
     for (let u = 0; u < o; u += 1) r[u] = this.calcOffset(t[u], u);
-    const d = this.props.withTracks ? this.renderTracks(r) : null, l = this.renderThumbs(r), a = this.props.marks ? this.renderMarks() : null;
+    const d = this.props.withTracks ? this.renderTracks(r) : null, a = this.renderThumbs(r), l = this.props.marks ? this.renderMarks() : null;
     return q.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 }, d, l, a);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, d, a, l);
   }, c;
 }(q.Component);
 ft.displayName = "ReactSlider", ft.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) => q.createElement("div", n), renderTrack: (n) => q.createElement("div", n), renderMark: (n) => q.createElement("span", n) };
 var yt = ft;
-const B0 = "_container_4u41i_2", T0 = "_unitLabel_4u41i_8", D0 = "_slider_4u41i_11", V0 = "_thumb_4u41i_17", F0 = "_track_4u41i_26", A0 = "_labels_4u41i_32", Ne = {
-  container: B0,
-  unitLabel: T0,
+const T0 = "_container_4u41i_2", B0 = "_unitLabel_4u41i_8", D0 = "_slider_4u41i_11", V0 = "_thumb_4u41i_17", F0 = "_track_4u41i_26", A0 = "_labels_4u41i_32", Ne = {
+  container: T0,
+  unitLabel: B0,
   slider: D0,
   thumb: V0,
   track: F0,
@@ -832,15 +832,15 @@ const B0 = "_container_4u41i_2", T0 = "_unitLabel_4u41i_8", D0 = "_slider_4u41i_
   width: t = 300,
   unit: o,
   fontColor: d = "#605B56",
-  defaultValue: l,
-  isDate: a
+  defaultValue: a,
+  isDate: l
 }) => {
-  const { t: u } = F(), g = a ? new Date(n).getTime() : null, h = a ? new Date(c).getTime() : null, [y, p] = I(a ? [g, h] : [n, c]), f = (b) => {
+  const { t: u } = F(), g = l ? new Date(n).getTime() : null, h = l ? new Date(c).getTime() : null, [y, p] = I(l ? [g, h] : [n, c]), f = (b) => {
     p(b), r == null || r({ min: b[0], max: b[1] });
   };
   return A(() => {
-    l || p(a ? [g, h] : [n, c]);
-  }, [l, a]), /* @__PURE__ */ m(
+    a || p(l ? [g, h] : [n, c]);
+  }, [a, l]), /* @__PURE__ */ m(
     "div",
     {
       className: Ne.container,
@@ -853,23 +853,23 @@ const B0 = "_container_4u41i_2", T0 = "_unitLabel_4u41i_8", D0 = "_slider_4u41i_
             className: Ne.slider,
             thumbClassName: Ne.thumb,
             trackClassName: Ne.track,
-            min: a ? g : n,
-            max: a ? h : c,
-            step: a ? (h - g) / 30 : s,
+            min: l ? g : n,
+            max: l ? h : c,
+            step: l ? (h - g) / 30 : s,
             value: y,
             onAfterChange: f,
             withTracks: !0,
-            pearling: !a,
-            minDistance: a ? 0 : 0.1
+            pearling: !l,
+            minDistance: l ? 0 : 0.1
           }
         ),
         /* @__PURE__ */ m("div", { className: Ne.labels, children: [
-          /* @__PURE__ */ i("span", { children: a ? new Date(y[0]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: l ? new Date(y[0]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
           }) : y[0] }),
-          /* @__PURE__ */ i("span", { children: a ? new Date(y[1]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: l ? new Date(y[1]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
@@ -905,8 +905,8 @@ const O0 = "_tematicalFiltersInputContainer_1vm1r_2", R0 = "_inputTypeContainer_
     type: t,
     name: o,
     values: d,
-    minValue: l,
-    maxValue: a,
+    minValue: a,
+    maxValue: l,
     unit: u,
     step: g,
     disabled: h,
@@ -924,7 +924,7 @@ const O0 = "_tematicalFiltersInputContainer_1vm1r_2", R0 = "_inputTypeContainer_
     inputsColor: x
   } = P((N) => N), S = (N) => {
     if (N) {
-      const { min: w, max: $, valueClicked: L, allValues: k } = N || {}, { code: V, type: D, source: T } = n || {}, O = f ? "abs" : p ? "cat" : "both";
+      const { min: w, max: $, valueClicked: L, allValues: k } = N || {}, { code: V, type: D, source: B } = n || {}, O = f ? "abs" : p ? "cat" : "both";
       let R = V[0];
       D == "both" && (R = O == "cat" ? V[1] : V[0]), O == "cat" ? P.setState((H) => {
         let ee = H.tematicalFiltersSelected.find(
@@ -953,7 +953,7 @@ const O0 = "_tematicalFiltersInputContainer_1vm1r_2", R0 = "_inputTypeContainer_
                 code: R,
                 values: E.filter((K) => K !== L),
                 name: n.name,
-                source: T,
+                source: B,
                 isDate: y
               }
             ]
@@ -1084,8 +1084,8 @@ const O0 = "_tematicalFiltersInputContainer_1vm1r_2", R0 = "_inputTypeContainer_
           e2,
           {
             onChange: S,
-            min: l,
-            max: a,
+            min: a,
+            max: l,
             unit: u,
             defaultValue: C[n.code[0]] ? C[n.code[0]] : "",
             isDate: y,
@@ -1134,14 +1134,14 @@ const t2 = ({
       height: 48,
       color: c,
       activeColor: s,
-      children: o == null ? void 0 : o.map((d, l) => /* @__PURE__ */ i(
+      children: o == null ? void 0 : o.map((d, a) => /* @__PURE__ */ i(
         wt,
         {
           indicator: d,
           fontColor: c,
           activeColor: s
         },
-        `indicatorSub-${l}`
+        `indicatorSub-${a}`
       ))
     }
   );
@@ -1164,12 +1164,12 @@ const n2 = ({
   //  onChangeBothType,
   activeColor: c
 }) => {
-  const { name: s, subcategories: r, indicators: t } = n || {}, { activeCategory: o, fontColor: d } = P((l) => l);
+  const { name: s, subcategories: r, indicators: t } = n || {}, { activeCategory: o, fontColor: d } = P((a) => a);
   return n && /* @__PURE__ */ i(
     we,
     {
       onClick: () => {
-        P.setState((l) => ({
+        P.setState((a) => ({
           activeCategory: o === `id${s}` ? "" : `id${s}`
         }));
       },
@@ -1179,22 +1179,22 @@ const n2 = ({
       showBottomBar: !1,
       color: d,
       activeColor: c,
-      children: r ? r.map((l, a) => /* @__PURE__ */ i(
+      children: r ? r.map((a, l) => /* @__PURE__ */ i(
         t2,
         {
-          subcategory: l,
+          subcategory: a,
           fontColor: d,
           activeColor: c
         },
-        `subcategory-${a}`
-      )) : t && t.map((l, a) => /* @__PURE__ */ i(
+        `subcategory-${l}`
+      )) : t && t.map((a, l) => /* @__PURE__ */ i(
         wt,
         {
-          indicator: l,
+          indicator: a,
           fontColor: d,
           activeColor: c
         },
-        `indicator-${a}`
+        `indicator-${l}`
       ))
     }
   );
@@ -1217,7 +1217,7 @@ const i2 = ({
   inputsColor: t = "#605B56",
   activeColor: o
 }) => {
-  const { tematicalFiltersSelected: d, activeFiltersType: l } = P((g) => g), { t: a } = F();
+  const { tematicalFiltersSelected: d, activeFiltersType: a } = P((g) => g), { t: l } = F();
   A(() => {
   }, [d]), A(() => {
     r && P.setState(() => ({ fontColor: r }));
@@ -1225,13 +1225,13 @@ const i2 = ({
     t && P.setState(() => ({ inputsColor: t }));
   }, [t]);
   const u = () => {
-    l == "tematical" ? P.setState(() => ({ activeFiltersType: null })) : P.setState(() => ({ activeFiltersType: "tematical" }));
+    a == "tematical" ? P.setState(() => ({ activeFiltersType: null })) : P.setState(() => ({ activeFiltersType: "tematical" }));
   };
   return /* @__PURE__ */ i(
     we,
     {
-      isOpen: l == "tematical",
-      title: s ? a(s) : "Tematical filters",
+      isOpen: a == "tematical",
+      title: s ? l(s) : "Tematical filters",
       color: r,
       activeColor: o,
       onClick: u,
@@ -1274,8 +1274,8 @@ const q0 = "_FiltersAmbitContainer_1hv16_2", P0 = "_FiltersContainer_1hv16_15",
   activeColor: t,
   textColor: o,
   backgroundColor: d,
-  onChangeAppliedFilters: l,
-  saveAmbit: a,
+  onChangeAppliedFilters: a,
+  saveAmbit: l,
   namePlaceholder: u,
   descPlaceholder: g,
   filtersTypes: h = ["geographical", "tematical"],
@@ -1295,15 +1295,15 @@ const q0 = "_FiltersAmbitContainer_1hv16_2", P0 = "_FiltersContainer_1hv16_15",
       tematicalFiltersSelected: s || []
     });
   }, [s]), Y(!1), A(() => {
-    l(x);
+    a(x);
   }, [x]);
   const V = () => {
-    v ? C && w ? a({ name: C, description: w }) : k(!0) : C ? a({ name: C, description: w }) : k(!0);
+    v ? C && w ? l({ name: C, description: w }) : k(!0) : C ? l({ name: C, description: w }) : k(!0);
   };
   return A(() => {
     if (h.includes("geographical") && S != "geographical" && p.length > 0) {
-      const D = p.map((T) => ({
-        ...T,
+      const D = p.map((B) => ({
+        ...B,
         active: !1
       }));
       f == null || f(D);
@@ -1400,10 +1400,10 @@ const G0 = "_barChartContainer_1each_2", Mt = {
   // Maximum value for the scale
   maxValue: d = null,
   // Orientation of the chart ("horizontal" or "vertical")
-  orientation: l = "horizontal",
-  horizontalPadding: a = l == "vertical" ? 50 : 20,
+  orientation: a = "horizontal",
+  horizontalPadding: l = a == "vertical" ? 50 : 20,
   verticalPadding: u = 10,
-  xLabelPadding: g = l == "vertical" ? 50 : 40,
+  xLabelPadding: g = a == "vertical" ? 50 : 40,
   containerWidth: h = 700,
   containerHeight: y = 500
 }) => {
@@ -1419,14 +1419,14 @@ const G0 = "_barChartContainer_1each_2", Mt = {
   } = Me(() => {
     if (n && n.length > 0) {
       const N = st.max(n, ($) => $.value) || 1, w = d || N;
-      if (l === "vertical") {
-        const $ = n.length * (c + s) + a * 2, L = Math.max($, h || 0), k = y, D = st.scaleLinear().domain([0, w]).range([k - 100, u]), T = Array.from(
+      if (a === "vertical") {
+        const $ = n.length * (c + s) + l * 2, L = Math.max($, h || 0), k = y, D = st.scaleLinear().domain([0, w]).range([k - 100, u]), B = Array.from(
           { length: o + 1 },
           (O, R) => w / o * R
         );
         return {
           yScale: D,
-          ticks: T,
+          ticks: B,
           height: k,
           chartWidth: L,
           svgWidth: L,
@@ -1436,9 +1436,9 @@ const G0 = "_barChartContainer_1each_2", Mt = {
       } else {
         const $ = n.length * (c + s);
         console.log("barsHeight: ", $);
-        const L = $ + u * 2 + g + 30, k = h + t + a * 2, V = st.scaleLinear().domain([0, w]).range([0, h - a * 2]), D = Array.from(
+        const L = $ + u * 2 + g + 30, k = h + t + l * 2, V = st.scaleLinear().domain([0, w]).range([0, h - l * 2]), D = Array.from(
           { length: o + 1 },
-          (T, O) => w / o * O
+          (B, O) => w / o * O
         );
         return {
           xScale: V,
@@ -1463,15 +1463,15 @@ const G0 = "_barChartContainer_1each_2", Mt = {
     o,
     c,
     s,
-    a,
+    l,
     u,
     d,
-    l,
+    a,
     t,
     h,
     y
   ]);
-  return l === "vertical" ? /* @__PURE__ */ i(
+  return a === "vertical" ? /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -1490,7 +1490,7 @@ const G0 = "_barChartContainer_1each_2", Mt = {
             height: S,
             maxWidth: "none"
           },
-          children: /* @__PURE__ */ m("g", { transform: `translate(${a}, 0)`, children: [
+          children: /* @__PURE__ */ m("g", { transform: `translate(${l}, 0)`, children: [
             /* @__PURE__ */ i("g", { children: b.map((N, w) => {
               const $ = f(N);
               return /* @__PURE__ */ m("g", { children: [
@@ -1498,7 +1498,7 @@ const G0 = "_barChartContainer_1each_2", Mt = {
                   "line",
                   {
                     x1: 0,
-                    x2: _ - a * 2,
+                    x2: _ - l * 2,
                     y1: $,
                     y2: $,
                     stroke: "#ccc"
@@ -1569,7 +1569,7 @@ const G0 = "_barChartContainer_1each_2", Mt = {
             maxWidth: "none"
           },
           children: /* @__PURE__ */ m("g", { transform: `translate(0,${u})`, children: [
-            /* @__PURE__ */ i("g", { transform: `translate(${t + a}, 0)`, children: b.map((N, w) => {
+            /* @__PURE__ */ i("g", { transform: `translate(${t + l}, 0)`, children: b.map((N, w) => {
               const $ = p(N);
               return /* @__PURE__ */ m("g", { transform: `translate(${$}, 0)`, children: [
                 /* @__PURE__ */ i(
@@ -1597,7 +1597,7 @@ const G0 = "_barChartContainer_1each_2", Mt = {
               return console.log("y: ", L), /* @__PURE__ */ m(
                 "g",
                 {
-                  transform: `translate(${t + a}, ${L})`,
+                  transform: `translate(${t + l}, ${L})`,
                   children: [
                     /* @__PURE__ */ i(
                       "text",
@@ -1653,7 +1653,7 @@ s2.propTypes = {
   containerHeight: e.number,
   minBarWidth: e.number
 };
-const X0 = "_graphicContainer_c9zrg_2", Q0 = "_titleContainer_c9zrg_14", Bt = {
+const X0 = "_graphicContainer_c9zrg_2", Q0 = "_titleContainer_c9zrg_14", Tt = {
   graphicContainer: X0,
   titleContainer: Q0
 }, J0 = ({
@@ -1664,8 +1664,8 @@ const X0 = "_graphicContainer_c9zrg_2", Q0 = "_titleContainer_c9zrg_14", Bt = {
   title: t = "Graphic Title",
   fontColor: o = "#605B56",
   maxValue: d = null,
-  numberOfDivisions: l = 7,
-  leftPadding: a = -200,
+  numberOfDivisions: a = 7,
+  leftPadding: l = -200,
   orientation: u = "horizontal",
   xLabelPadding: g = 0
 }) => {
@@ -1673,14 +1673,14 @@ const X0 = "_graphicContainer_c9zrg_2", Q0 = "_titleContainer_c9zrg_14", Bt = {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: Bt.graphicContainer,
+      className: Tt.graphicContainer,
       style: {
         ...s || {},
         border: `1.5px solid ${r}`,
         paddingBottom: 40
       },
       children: [
-        /* @__PURE__ */ i("div", { className: Bt.titleContainer, children: /* @__PURE__ */ i("h2", { children: h(t) }) }),
+        /* @__PURE__ */ i("div", { className: Tt.titleContainer, children: /* @__PURE__ */ i("h2", { children: h(t) }) }),
         /* @__PURE__ */ i(
           s2,
           {
@@ -1688,8 +1688,8 @@ const X0 = "_graphicContainer_c9zrg_2", Q0 = "_titleContainer_c9zrg_14", Bt = {
             length: c,
             fontColor: o,
             maxValue: d,
-            numberOfDivisions: l,
-            leftPadding: a,
+            numberOfDivisions: a,
+            leftPadding: l,
             orientation: u,
             xLabelPadding: g
           }
@@ -1739,13 +1739,13 @@ const Y0 = "_indicatorsCategory_arwy3_2", en = "_title_arwy3_5", tn = "_list_arw
   activeIndicator: t,
   activeIndicatorType: o,
   onClickIndicator: d,
-  multiple: l = !1,
-  onChangeType: a
+  multiple: a = !1,
+  onChangeType: l
 }) => {
   const { t: u } = F(), { name: g, type: h, disabled: y } = n, [p, f] = I(!1);
   A(() => {
     t && f(
-      l ? t.some(
+      a ? t.some(
         (_) => _.name == String(g)
       ) : t.name == g
     );
@@ -1755,7 +1755,7 @@ const Y0 = "_indicatorsCategory_arwy3_2", en = "_title_arwy3_5", tn = "_list_arw
       "div",
       {
         className: W.optionContainer,
-        onClick: () => a("cat"),
+        onClick: () => l("cat"),
         children: [
           /* @__PURE__ */ i(
             "span",
@@ -1784,7 +1784,7 @@ const Y0 = "_indicatorsCategory_arwy3_2", en = "_title_arwy3_5", tn = "_list_arw
       "div",
       {
         className: W.optionContainer,
-        onClick: () => a("abs"),
+        onClick: () => l("abs"),
         children: [
           /* @__PURE__ */ i(
             "span",
@@ -1841,7 +1841,7 @@ const Y0 = "_indicatorsCategory_arwy3_2", en = "_title_arwy3_5", tn = "_list_arw
                 backgroundColor: p ? s : "transparent"
               },
               className: W.dot,
-              children: l && /* @__PURE__ */ i("img", { src: p ? sn : nn, alt: "" })
+              children: a && /* @__PURE__ */ i("img", { src: p ? sn : nn, alt: "" })
             }
           ),
           /* @__PURE__ */ i(
@@ -1881,7 +1881,7 @@ Nt.propTypes = {
   multiple: e.bool,
   onClickIndicator: e.func
 };
-const gn = "_indicatorsSubCategory_1nuug_2", Cn = "_list_1nuug_11", Tt = {
+const gn = "_indicatorsSubCategory_1nuug_2", Cn = "_list_1nuug_11", Bt = {
   indicatorsSubCategory: gn,
   list: Cn
 }, r2 = ({
@@ -1892,8 +1892,8 @@ const gn = "_indicatorsSubCategory_1nuug_2", Cn = "_list_1nuug_11", Tt = {
   activeSubCategory: t,
   onClickSubCategory: o,
   id: d,
-  activeIndicator: l,
-  onClickIndicator: a,
+  activeIndicator: a,
+  onClickIndicator: l,
   multiple: u,
   activeIndicatorType: g,
   onChangeType: h
@@ -1904,7 +1904,7 @@ const gn = "_indicatorsSubCategory_1nuug_2", Cn = "_list_1nuug_11", Tt = {
   }, [t, d]), /* @__PURE__ */ m(
     xt.div,
     {
-      className: Tt.indicatorsSubCategory,
+      className: Bt.indicatorsSubCategory,
       initial: { height: "43px" },
       animate: { height: p ? "auto" : "43px" },
       transition: { duration: 0.4 },
@@ -1919,14 +1919,14 @@ const gn = "_indicatorsSubCategory_1nuug_2", Cn = "_list_1nuug_11", Tt = {
             }
           )
         ] }) }),
-        c && /* @__PURE__ */ i("div", { className: Tt.list, children: c == null ? void 0 : c.map((b, v) => /* @__PURE__ */ i(
+        c && /* @__PURE__ */ i("div", { className: Bt.list, children: c == null ? void 0 : c.map((b, v) => /* @__PURE__ */ i(
           Nt,
           {
             indicator: b,
             defaultColor: s,
             activeColor: r,
-            activeIndicator: l,
-            onClickIndicator: a,
+            activeIndicator: a,
+            onClickIndicator: l,
             multiple: u,
             activeIndicatorType: g,
             onChangeType: h
@@ -1957,8 +1957,8 @@ const o2 = ({
   onClickCategory: t,
   activeCategory: o,
   activeSubCategory: d,
-  onClickSubCategory: l,
-  activeIndicator: a,
+  onClickSubCategory: a,
+  activeIndicator: l,
   onClickIndicator: u,
   multiple: g,
   activeIndicatorType: h,
@@ -1998,8 +1998,8 @@ const o2 = ({
               id: x,
               activeSubCategory: d,
               subcName: _,
-              onClickSubCategory: l,
-              activeIndicator: a,
+              onClickSubCategory: a,
+              activeIndicator: l,
               onClickIndicator: u,
               multiple: g,
               activeColor: s,
@@ -2017,7 +2017,7 @@ const o2 = ({
             values: _.type == "twoUnits" && _.values,
             activeColor: s,
             defaultColor: r,
-            activeIndicator: a,
+            activeIndicator: l,
             onClickIndicator: u,
             multiple: g,
             activeIndicatorType: h,
@@ -2058,9 +2058,9 @@ const fn = "_indicatorsList_13b3m_2", yn = "_title_13b3m_6", Dt = {
   defaultValue: o = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
   changeIndType: d,
-  activeIndicatorType: l
+  activeIndicatorType: a
 }) => {
-  const { t: a } = F(), [u, g] = I(), [h, y] = I(), [p, f] = I(), b = (C) => {
+  const { t: l } = F(), [u, g] = I(), [h, y] = I(), [p, f] = I(), b = (C) => {
     g(u == C ? null : C);
   }, v = (C) => {
     y(h == C ? null : C);
@@ -2113,7 +2113,7 @@ const fn = "_indicatorsList_13b3m_2", yn = "_title_13b3m_6", Dt = {
     N && g(N.category);
   };
   return /* @__PURE__ */ m("div", { className: Dt.indicatorsList, children: [
-    /* @__PURE__ */ i("h2", { className: Dt.title, style: { color: s }, children: a("indicators.indicators") }),
+    /* @__PURE__ */ i("h2", { className: Dt.title, style: { color: s }, children: l("indicators.indicators") }),
     n.map((C, N) => /* @__PURE__ */ i(
       o2,
       {
@@ -2130,7 +2130,7 @@ const fn = "_indicatorsList_13b3m_2", yn = "_title_13b3m_6", Dt = {
         multiple: t,
         onChange: r,
         onChangeType: d,
-        activeIndicatorType: l
+        activeIndicatorType: a
       },
       `categoryKey${N}`
     ))
@@ -2154,8 +2154,8 @@ const _n = "_langSelector_o9enq_2", vn = "_currentLang_o9enq_14", xn = "_arrow_o
   prevImg: wn,
   langMenu: Nn
 }, kn = ({ langs: n, arrow: c, imgPrev: s }) => {
-  const [r, t] = I(!1), { i18n: o } = F(), d = n.find((a) => a.code == o.language), l = (a) => {
-    o.changeLanguage(a), t(!1);
+  const [r, t] = I(!1), { i18n: o } = F(), d = n.find((l) => l.code == o.language), a = (l) => {
+    o.changeLanguage(l), t(!1);
   };
   return /* @__PURE__ */ m("div", { className: ke.langSelector, children: [
     /* @__PURE__ */ m(
@@ -2172,14 +2172,14 @@ const _n = "_langSelector_o9enq_2", vn = "_currentLang_o9enq_14", xn = "_arrow_o
         ]
       }
     ),
-    r && /* @__PURE__ */ i("div", { className: ke.langMenu, children: n.map((a) => /* @__PURE__ */ i(
+    r && /* @__PURE__ */ i("div", { className: ke.langMenu, children: n.map((l) => /* @__PURE__ */ i(
       "button",
       {
-        className: (d == null ? void 0 : d.code) == a.code ? ke.active : "",
-        onClick: () => l(a.code),
-        children: a.title
+        className: (d == null ? void 0 : d.code) == l.code ? ke.active : "",
+        onClick: () => a(l.code),
+        children: l.title
       },
-      a.code
+      l.code
     )) })
   ] });
 };
@@ -2197,13 +2197,13 @@ kn.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titleContainer_4ndr8_69", Mn = "_infoContainer_4ndr8_75", Bn = "_titleLegendList_4ndr8_86", Tn = "_legendListContainer_4ndr8_92", Dn = "_gridContainer_4ndr8_92", Vn = "_elementLegendContainer_4ndr8_98", Fn = "_colorDot_4ndr8_104", An = "_absoluteValueContainer_4ndr8_110", On = "_absoluteValueColor_4ndr8_113", Rn = "_absoluteValueText_4ndr8_118", In = "_noDataContainer_4ndr8_130", En = "_noData_4ndr8_130", qn = "_moreInfoContainer_4ndr8_151", j = {
+const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titleContainer_4ndr8_69", Mn = "_infoContainer_4ndr8_75", Tn = "_titleLegendList_4ndr8_86", Bn = "_legendListContainer_4ndr8_92", Dn = "_gridContainer_4ndr8_92", Vn = "_elementLegendContainer_4ndr8_98", Fn = "_colorDot_4ndr8_104", An = "_absoluteValueContainer_4ndr8_110", On = "_absoluteValueColor_4ndr8_113", Rn = "_absoluteValueText_4ndr8_118", In = "_noDataContainer_4ndr8_130", En = "_noData_4ndr8_130", qn = "_moreInfoContainer_4ndr8_151", j = {
   legendContainer: $n,
   closeButton: Sn,
   titleContainer: Ln,
   infoContainer: Mn,
-  titleLegendList: Bn,
-  legendListContainer: Tn,
+  titleLegendList: Tn,
+  legendListContainer: Bn,
   gridContainer: Dn,
   elementLegendContainer: Vn,
   colorDot: Fn,
@@ -2229,7 +2229,7 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
   buttonTitle: o,
   onClickClose: d
 }) => {
-  const { t: l } = F();
+  const { t: a } = F();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -2247,14 +2247,14 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
             children: /* @__PURE__ */ i("h2", { children: c })
           }
         ),
-        s && s.length > 0 && /* @__PURE__ */ i("div", { className: j.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: a, value: u }) => /* @__PURE__ */ m("li", { children: [
-          /* @__PURE__ */ i("h3", { className: j.title, children: `${a}:` }),
+        s && s.length > 0 && /* @__PURE__ */ i("div", { className: j.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: l, value: u }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ i("h3", { className: j.title, children: `${l}:` }),
           /* @__PURE__ */ m("span", { className: j.value, children: [
             "  ",
             u
           ] })
         ] }, c)) }) }),
-        r && r.length > 0 && r.map((a, u) => /* @__PURE__ */ m("div", { children: [
+        r && r.length > 0 && r.map((l, u) => /* @__PURE__ */ m("div", { children: [
           /* @__PURE__ */ i(
             "h3",
             {
@@ -2262,10 +2262,10 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
               style: {
                 marginTop: s && s.length > 0 && u === 0 ? "30px" : u > 0 ? "20px" : "0px"
               },
-              children: a.title && /* @__PURE__ */ i(
+              children: l.title && /* @__PURE__ */ i(
                 vt,
                 {
-                  i18nKey: a.title,
+                  i18nKey: l.title,
                   components: { sup: /* @__PURE__ */ i("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -2273,34 +2273,34 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
             }
           ),
           /* @__PURE__ */ m("div", { className: j.legendListContainer, children: [
-            a.absolute ? /* @__PURE__ */ m("div", { className: j.absoluteValueContainer, children: [
+            l.absolute ? /* @__PURE__ */ m("div", { className: j.absoluteValueContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
                   className: j.absoluteValueColor,
                   style: {
-                    background: `linear-gradient(to bottom, ${a.absolute.maxColor} 0%, ${a.absolute.midColor ? `${a.absolute.midColor} 50%,` : ""} ${a.absolute.minColor} 100%)`
+                    background: `linear-gradient(to bottom, ${l.absolute.maxColor} 0%, ${l.absolute.midColor ? `${l.absolute.midColor} 50%,` : ""} ${l.absolute.minColor} 100%)`
                   }
                 }
               ),
               /* @__PURE__ */ m("div", { className: j.absoluteValueText, children: [
                 /* @__PURE__ */ m("span", { children: [
-                  a.absolute.maxValue,
+                  l.absolute.maxValue,
                   " ",
-                  l(a.absolute.unit)
+                  a(l.absolute.unit)
                 ] }),
-                a.absolute.midValue && /* @__PURE__ */ m("span", { children: [
-                  a.absolute.midValue,
+                l.absolute.midValue && /* @__PURE__ */ m("span", { children: [
+                  l.absolute.midValue,
                   " ",
-                  l(a.absolute.unit)
+                  a(l.absolute.unit)
                 ] }),
                 /* @__PURE__ */ m("span", { children: [
-                  a.absolute.minValue,
+                  l.absolute.minValue,
                   " ",
-                  l(a.absolute.unit)
+                  a(l.absolute.unit)
                 ] })
               ] })
-            ] }) : a.categories && a.categories.length > 0 && /* @__PURE__ */ i("div", { className: j.gridContainer, children: a.categories.map(
+            ] }) : l.categories && l.categories.length > 0 && /* @__PURE__ */ i("div", { className: j.gridContainer, children: l.categories.map(
               ({ title: g, color: h }, y) => /* @__PURE__ */ m(
                 "div",
                 {
@@ -2314,7 +2314,7 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
                       }
                     ),
                     /* @__PURE__ */ m("div", { className: j.titleLegendElement, children: [
-                      l(g),
+                      a(g),
                       " "
                     ] })
                   ]
@@ -2322,21 +2322,21 @@ const $n = "_legendContainer_4ndr8_3", Sn = "_closeButton_4ndr8_41", Ln = "_titl
                 y
               )
             ) }),
-            a.absolute && a.absolute.noDataColor && /* @__PURE__ */ m("div", { className: j.noDataContainer, children: [
+            l.absolute && l.absolute.noDataColor && /* @__PURE__ */ m("div", { className: j.noDataContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
                   className: j.noData,
                   style: {
-                    background: a.absolute.noDataColor
+                    background: l.absolute.noDataColor
                   }
                 }
               ),
-              /* @__PURE__ */ i("div", { className: j.absoluteValueText, children: /* @__PURE__ */ i("span", { children: l(a.absolute.noDataText) }) })
+              /* @__PURE__ */ i("div", { className: j.absoluteValueText, children: /* @__PURE__ */ i("span", { children: a(l.absolute.noDataText) }) })
             ] })
           ] })
         ] }, u)),
-        t && /* @__PURE__ */ i("button", { className: j.moreInfoContainer, onClick: t, children: o || l("moreInformation") })
+        t && /* @__PURE__ */ i("button", { className: j.moreInfoContainer, onClick: t, children: o || a("moreInformation") })
       ]
     }
   );
@@ -2400,8 +2400,8 @@ const Kn = ({
   firstSymbolLayer: t,
   cssProps: o = "",
   onClick: d = "",
-  interactiveLayers: l = [],
-  popUp: a = !1,
+  interactiveLayers: a = [],
+  popUp: l = !1,
   sources: u = [],
   layers: g = []
 }) => {
@@ -2423,7 +2423,7 @@ const Kn = ({
       minZoom: s,
       mapStyle: r,
       onClick: d,
-      interactiveLayerIds: l,
+      interactiveLayerIds: a,
       children: [
         u.length && u.map((b, v) => /* @__PURE__ */ i(
           N2,
@@ -2443,14 +2443,14 @@ const Kn = ({
           v
         )),
         /* @__PURE__ */ i($2, { position: "bottom-right", visualizePitch: !0 }),
-        a && y && /* @__PURE__ */ i(
+        l && y && /* @__PURE__ */ i(
           S2,
           {
-            longitude: a.longitude,
-            latitude: a.latitude,
-            anchor: a.anchor,
+            longitude: l.longitude,
+            latitude: l.latitude,
+            anchor: l.anchor,
             onClose: () => p(null),
-            children: a.content
+            children: l.content
           }
         )
       ]
@@ -2528,8 +2528,8 @@ const Wn = "_mapContainer_b0pyr_3", Un = {
   firstSymbolLayer: t,
   cssProps: o = {},
   onClick: d = "",
-  interactiveLayers: l = [],
-  sources: a = [],
+  interactiveLayers: a = [],
+  sources: l = [],
   layers: u = [],
   popUpParams: g,
   onClosePopUp: h,
@@ -2560,15 +2560,15 @@ const Wn = "_mapContainer_b0pyr_3", Un = {
       minZoom: s,
       mapStyle: r,
       onClick: d,
-      interactiveLayerIds: l,
+      interactiveLayerIds: a,
       children: [
-        a.length && a.map((b, v) => /* @__PURE__ */ i(
-          B2,
+        l.length && l.map((b, v) => /* @__PURE__ */ i(
+          T2,
           {
             ...b,
             children: u.length && u.map((_, x) => {
               if (_.sourceId == b.id) return /* @__PURE__ */ i(
-                T2,
+                B2,
                 {
                   ..._.layer,
                   beforeId: t,
@@ -2656,8 +2656,8 @@ const Yn = "_sectionBar_yf2vy_2", ei = "_leftContent_yf2vy_14", ti = "_textConta
   mainColor: t,
   width: o,
   titleColor: d = "#605b56",
-  subTitleColor: l = "#605b56",
-  borderTop: a = !1
+  subTitleColor: a = "#605b56",
+  borderTop: l = !1
 }) => {
   const { t: u } = F();
   return /* @__PURE__ */ m(
@@ -2666,14 +2666,14 @@ const Yn = "_sectionBar_yf2vy_2", ei = "_leftContent_yf2vy_14", ti = "_textConta
       className: be.sectionBar,
       style: {
         width: o && o,
-        borderTop: a ? "1px solid #000" : "0px"
+        borderTop: l ? "1px solid #000" : "0px"
       },
       children: [
         /* @__PURE__ */ m("div", { className: be.leftContent, children: [
           n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: be.icon }),
           /* @__PURE__ */ m("div", { className: be.textContainer, children: [
             /* @__PURE__ */ i("div", { className: be.title, style: { color: d }, children: u(c) }),
-            s && /* @__PURE__ */ i("div", { className: be.subtitle, style: { color: l }, children: s })
+            s && /* @__PURE__ */ i("div", { className: be.subtitle, style: { color: a }, children: s })
           ] })
         ] }),
         /* @__PURE__ */ i("div", { className: be.rightContent, children: r })
@@ -2722,7 +2722,7 @@ const oi = F2({
       n.activeIndicatorUnit = c.payload;
     }
   }
-}), { setShowTexts: Er, setYear: qr, setActiveIndicatorKey: Pr, setActiveIndicatorType: zr, setActiveIndicatorUnit: Zr } = oi.actions, ai = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", li = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", ci = "_slider_1prh1_2", di = "_playButton_1prh1_14", ui = "_sliderOpen_1prh1_25", pi = "_sliderResults_1prh1_29", Te = {
+}), { setShowTexts: Er, setYear: qr, setActiveIndicatorKey: Pr, setActiveIndicatorType: zr, setActiveIndicatorUnit: Zr } = oi.actions, ai = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", li = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", ci = "_slider_1prh1_2", di = "_playButton_1prh1_14", ui = "_sliderOpen_1prh1_25", pi = "_sliderResults_1prh1_29", Be = {
   slider: ci,
   playButton: di,
   sliderOpen: ui,
@@ -2735,8 +2735,8 @@ const oi = F2({
   marcas: t = null,
   zIndex: o = 10,
   rightBarOpen: d = !1,
-  onChange: l = (a) => {
-    console.log("year changed to ", a);
+  onChange: a = (l) => {
+    console.log("year changed to ", l);
   }
 }) => {
   const u = t || ((S, C) => {
@@ -2751,7 +2751,7 @@ const oi = F2({
     h(c);
   }, [c]);
   const y = (S, C) => {
-    h(C), l(C);
+    h(C), a(C);
   }, [p, f] = I(!1);
   A(() => {
     c && console.log("defaultYear changed:", c), c && h(c);
@@ -2778,7 +2778,7 @@ const oi = F2({
     () => {
       p && h((S) => {
         const C = S + 1;
-        return C > r ? (l(s), s) : (l(C), C);
+        return C > r ? (a(s), s) : (a(C), C);
       });
     },
     1e3,
@@ -2811,7 +2811,7 @@ const oi = F2({
     R2,
     {
       sx: { width: 400 },
-      className: `${n ? Te.sliderResults : Te.slider} ${d ? Te.sliderOpen : ""}`,
+      className: `${n ? Be.sliderResults : Be.slider} ${d ? Be.sliderOpen : ""}`,
       style: { zIndex: o },
       children: [
         s,
@@ -2831,8 +2831,8 @@ const oi = F2({
           }
         ),
         r,
-        !p && /* @__PURE__ */ i("button", { className: Te.playButton, onClick: b, children: /* @__PURE__ */ i("img", { src: ai, alt: "Play" }) }),
-        p && /* @__PURE__ */ i("button", { className: Te.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: li, alt: "Pause" }) })
+        !p && /* @__PURE__ */ i("button", { className: Be.playButton, onClick: b, children: /* @__PURE__ */ i("img", { src: ai, alt: "Play" }) }),
+        p && /* @__PURE__ */ i("button", { className: Be.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: li, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2866,19 +2866,19 @@ const mi = "_TopNavMenuContainer_12mp4_2", gi = "_topNavOptions_12mp4_13", Ci =
   }
 }) => {
   const { t: o } = F();
-  return /* @__PURE__ */ i("div", { className: lt.TopNavMenuContainer, style: { ...c }, children: n.map((d, l) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: lt.TopNavMenuContainer, style: { ...c }, children: n.map((d, a) => /* @__PURE__ */ i(
     Gt,
     {
       to: d.url,
-      className: ({ isActive: a }) => `${lt.topNavOptions} ${a ? lt.active : ""} `,
+      className: ({ isActive: l }) => `${lt.topNavOptions} ${l ? lt.active : ""} `,
       onClick: () => t(d.url),
-      style: ({ isActive: a }) => ({
+      style: ({ isActive: l }) => ({
         color: r,
-        borderBottom: a ? `5px solid ${s}` : "5px solid transparent"
+        borderBottom: l ? `5px solid ${s}` : "5px solid transparent"
       }),
       children: o(d.name)
     },
-    l
+    a
   )) });
 };
 fi.propTypes = {
@@ -2903,18 +2903,18 @@ const yi = "_LogInButton_1vxj5_2", bi = {
   onClickLogIn: d = () => {
     console.log("Login clicked");
   },
-  onClickLogOut: l = () => {
+  onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: a } = F();
+  const { t: l } = F();
   return /* @__PURE__ */ i(
     "div",
     {
       style: { ...r },
       className: `${bi.LogInButton} link ${n}`,
-      onClick: o ? l : d,
-      children: o ? t || a(s) : a(c)
+      onClick: o ? a : d,
+      children: o ? t || l(s) : l(c)
     }
   );
 };
@@ -2935,10 +2935,10 @@ const vi = "_elementSelector_1ox68_2", xi = "_header_1ox68_14", wi = "_nameDateC
   buttonsContainer: $i,
   elementListContainer: Si,
   newElementButtonContainer: Li
-}, Mi = "_listElement_s4s4h_3", Bi = "_elementNameDate_s4s4h_19", Ti = "_elementNameContainer_s4s4h_30", Di = "_elementName_s4s4h_19", Vi = "_elementDate_s4s4h_47", Fi = "_nameAndEye_s4s4h_50", Ai = "_elementButtons_s4s4h_55", Oi = "_moreInfoContainer_s4s4h_78", Ri = "_moreInfo_s4s4h_78", ie = {
+}, Mi = "_listElement_s4s4h_3", Ti = "_elementNameDate_s4s4h_19", Bi = "_elementNameContainer_s4s4h_30", Di = "_elementName_s4s4h_19", Vi = "_elementDate_s4s4h_47", Fi = "_nameAndEye_s4s4h_50", Ai = "_elementButtons_s4s4h_55", Oi = "_moreInfoContainer_s4s4h_78", Ri = "_moreInfo_s4s4h_78", ie = {
   listElement: Mi,
-  elementNameDate: Bi,
-  elementNameContainer: Ti,
+  elementNameDate: Ti,
+  elementNameContainer: Bi,
   elementName: Di,
   elementDate: Vi,
   nameAndEye: Fi,
@@ -2979,15 +2979,15 @@ const Ki = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   fontColor: t,
   moreInfo: o,
   columns: d,
-  elementButtons: l,
-  processTooltip: a,
+  elementButtons: a,
+  processTooltip: l,
   defaultTooltip: u,
   showEye: g = !0
 }) => {
   const { name: h, created_at: y, id: p, isBeingProcessed: f } = n, [b, v] = I(!1), { t: _ } = F();
   return A(() => {
-    console.log("elementButtons: ", l);
-  }, [l]), /* @__PURE__ */ m(
+    console.log("elementButtons: ", a);
+  }, [a]), /* @__PURE__ */ m(
     "div",
     {
       className: ie.listElement,
@@ -3018,36 +3018,36 @@ const Ki = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         /* @__PURE__ */ m("div", { className: ie.elementButtons, children: [
           n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: Pi }),
-            /* @__PURE__ */ i(ue, { text: a, position: "left" })
+            /* @__PURE__ */ i(ue, { text: l, position: "left" })
           ] }),
-          l.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: qi }) }),
+          a.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.filter.onclick(n), disabled: a.filter.disabled || !1, children: /* @__PURE__ */ i("img", { src: qi }) }),
             /* @__PURE__ */ i(
               ue,
               {
-                text: l.filter.tooltiptext,
+                text: a.filter.tooltiptext,
                 position: "left"
               }
             )
           ] }),
-          l.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: Ei }) }),
-            /* @__PURE__ */ i(ue, { text: l.copy.tooltiptext, position: "left" })
+          a.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.copy.onclick(n), disabled: a.copy.disabled || !1, children: /* @__PURE__ */ i("img", { src: Ei }) }),
+            /* @__PURE__ */ i(ue, { text: a.copy.tooltiptext, position: "left" })
           ] }),
-          l.edit && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.edit.onclick(n), children: /* @__PURE__ */ i("img", { src: Zi }) }),
-            /* @__PURE__ */ i(ue, { text: l.edit.tooltiptext, position: "left" })
+          a.edit && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.edit.onclick(n), disabled: a.edit.disabled || !1, children: /* @__PURE__ */ i("img", { src: Zi }) }),
+            /* @__PURE__ */ i(ue, { text: a.edit.tooltiptext, position: "left" })
           ] }),
-          l.info && n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.info.onclick(n), children: /* @__PURE__ */ i("img", { src: ji }) }),
-            /* @__PURE__ */ i(ue, { text: l.info.tooltiptext, position: "left" })
+          a.info && n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.info.onclick(n), disabled: a.info.disabled || !1, children: /* @__PURE__ */ i("img", { src: ji }) }),
+            /* @__PURE__ */ i(ue, { text: a.info.tooltiptext, position: "left" })
           ] }),
-          l.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: Ii }) }),
+          a.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.trash.onclick(n), disabled: a.trash.disabled || !1, children: /* @__PURE__ */ i("img", { src: Ii }) }),
             /* @__PURE__ */ i(
               ue,
               {
-                text: l.trash.tooltiptext,
+                text: a.trash.tooltiptext,
                 position: "left"
               }
             )
@@ -3121,8 +3121,8 @@ const Ot = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: o = {},
   newElementButton: d,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: l = (f) => console.log(`OnCLickElement: ${f}`),
-  columns: a,
+  onClickElement: a = (f) => console.log(`OnCLickElement: ${f}`),
+  columns: l,
   // {'name': 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}
@@ -3160,8 +3160,8 @@ const Ot = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
         const R = _(V), H = _(D);
         return !R && !H ? 0 : R ? H ? R - H : -1 : 1;
       }
-      const T = String(V || "").trim(), O = String(D || "").trim();
-      return T.localeCompare(O);
+      const B = String(V || "").trim(), O = String(D || "").trim();
+      return B.localeCompare(O);
     }), v(N);
   };
   return /* @__PURE__ */ m(
@@ -3176,13 +3176,13 @@ const Ot = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: ce.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: ce.nameDateContainer, children: Object.keys(a).map((C) => C === "name" ? /* @__PURE__ */ i("div", { className: ce.elementName, children: /* @__PURE__ */ m("button", { onClick: () => S("name"), children: [
-                /* @__PURE__ */ i("span", { children: f(a.name) }),
+              /* @__PURE__ */ i("div", { className: ce.nameDateContainer, children: Object.keys(l).map((C) => C === "name" ? /* @__PURE__ */ i("div", { className: ce.elementName, children: /* @__PURE__ */ m("button", { onClick: () => S("name"), children: [
+                /* @__PURE__ */ i("span", { children: f(l.name) }),
                 /* @__PURE__ */ i("img", { src: Ot, alt: "order arrow" })
               ] }) }, C) : C === "data" ? /* @__PURE__ */ i("div", { className: ce.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => S("created_at"), children: [
-                /* @__PURE__ */ i("span", { children: f(a.data) }),
+                /* @__PURE__ */ i("span", { children: f(l.data) }),
                 /* @__PURE__ */ i("img", { src: Ot, alt: "order arrow" })
-              ] }) }, C) : /* @__PURE__ */ i("div", { className: ce.elementDate, children: /* @__PURE__ */ i("span", { children: f(a[C]) }) }, C)) }),
+              ] }) }, C) : /* @__PURE__ */ i("div", { className: ce.elementDate, children: /* @__PURE__ */ i("span", { children: f(l[C]) }) }, C)) }),
               /* @__PURE__ */ i("div", { className: ce.buttonsContainer })
             ]
           }
@@ -3194,8 +3194,8 @@ const Ot = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             listelement: C,
             fontColor: s,
             activeColor: r,
-            onClickElement: l,
-            columns: a,
+            onClickElement: a,
+            columns: l,
             elementButtons: u,
             moreInfo: g,
             processTooltip: h,
@@ -3306,15 +3306,15 @@ var d2 = (n) => /^\w*$/.test(n), _t = (n) => n === void 0, os = (n) => Array.isA
   let r = -1;
   const t = d2(c) ? [c] : u2(c), o = t.length, d = o - 1;
   for (; ++r < o; ) {
-    const l = t[r];
-    let a = s;
+    const a = t[r];
+    let l = s;
     if (r !== d) {
-      const u = n[l];
-      a = Re(u) || Array.isArray(u) ? u : isNaN(+t[r + 1]) ? {} : [];
+      const u = n[a];
+      l = Re(u) || Array.isArray(u) ? u : isNaN(+t[r + 1]) ? {} : [];
     }
-    if (l === "__proto__" || l === "constructor" || l === "prototype")
+    if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[l] = a, n = n[l];
+    n[a] = l, n = n[a];
   }
 };
 const It = {
@@ -3340,7 +3340,7 @@ var as = (n, c, s, r = !0) => {
 };
 const h2 = typeof window < "u" ? Le.useLayoutEffect : Le.useEffect;
 function ls(n) {
-  const c = kt(), { control: s = c.control, disabled: r, name: t, exact: o } = n || {}, [d, l] = q.useState(s._formState), a = q.useRef({
+  const c = kt(), { control: s = c.control, disabled: r, name: t, exact: o } = n || {}, [d, a] = q.useState(s._formState), l = q.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -3352,66 +3352,66 @@ function ls(n) {
   });
   return h2(() => s._subscribe({
     name: t,
-    formState: a.current,
+    formState: l.current,
     exact: o,
     callback: (u) => {
-      !r && l({
+      !r && a({
         ...s._formState,
         ...u
       });
     }
   }), [t, r, o]), q.useEffect(() => {
-    a.current.isValid && s._setValid(!0);
-  }, [s]), q.useMemo(() => as(d, s, a.current, !1), [d, s]);
+    l.current.isValid && s._setValid(!0);
+  }, [s]), q.useMemo(() => as(d, s, l.current, !1), [d, s]);
 }
 var cs = (n) => typeof n == "string", ds = (n, c, s, r, t) => cs(n) ? Q(s, n, t) : Array.isArray(n) ? n.map((o) => Q(s, o)) : s;
 function us(n) {
-  const c = kt(), { control: s = c.control, name: r, defaultValue: t, disabled: o, exact: d } = n || {}, l = q.useRef(t), [a, u] = q.useState(s._getWatch(r, l.current));
+  const c = kt(), { control: s = c.control, name: r, defaultValue: t, disabled: o, exact: d } = n || {}, a = q.useRef(t), [l, u] = q.useState(s._getWatch(r, a.current));
   return h2(() => s._subscribe({
     name: r,
     formState: {
       values: !0
     },
     exact: d,
-    callback: (g) => !o && u(ds(r, s._names, g.values || s._formValues, !1, l.current))
-  }), [r, s, o, d]), q.useEffect(() => s._removeUnmounted()), a;
+    callback: (g) => !o && u(ds(r, s._names, g.values || s._formValues, !1, a.current))
+  }), [r, s, o, d]), q.useEffect(() => s._removeUnmounted()), l;
 }
 function ps(n) {
-  const c = kt(), { name: s, disabled: r, control: t = c.control, shouldUnregister: o } = n, d = is(t._names.array, s), l = us({
+  const c = kt(), { name: s, disabled: r, control: t = c.control, shouldUnregister: o } = n, d = is(t._names.array, s), a = us({
     control: t,
     name: s,
     defaultValue: Q(t._formValues, s, Q(t._defaultValues, s, n.defaultValue)),
     exact: !0
-  }), a = ls({
+  }), l = ls({
     control: t,
     name: s,
     exact: !0
   }), u = q.useRef(n), g = q.useRef(t.register(s, {
     ...n.rules,
-    value: l,
+    value: a,
     ...ct(n.disabled) ? { disabled: n.disabled } : {}
   })), h = q.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!Q(a.errors, s)
+      get: () => !!Q(l.errors, s)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!Q(a.dirtyFields, s)
+      get: () => !!Q(l.dirtyFields, s)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!Q(a.touchedFields, s)
+      get: () => !!Q(l.touchedFields, s)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!Q(a.validatingFields, s)
+      get: () => !!Q(l.validatingFields, s)
     },
     error: {
       enumerable: !0,
-      get: () => Q(a.errors, s)
+      get: () => Q(l.errors, s)
     }
-  }), [a, s]), y = q.useCallback((v) => g.current.onChange({
+  }), [l, s]), y = q.useCallback((v) => g.current.onChange({
     target: {
       value: ts(v),
       name: s
@@ -3433,12 +3433,12 @@ function ps(n) {
     });
   }, [t._fields, s]), b = q.useMemo(() => ({
     name: s,
-    value: l,
-    ...ct(r) || a.disabled ? { disabled: a.disabled || r } : {},
+    value: a,
+    ...ct(r) || l.disabled ? { disabled: l.disabled || r } : {},
     onChange: y,
     onBlur: p,
     ref: f
-  }), [s, r, a.disabled, y, p, f, l]);
+  }), [s, r, l.disabled, y, p, f, a]);
   return q.useEffect(() => {
     const v = t._options.shouldUnregister || o;
     t.register(s, {
@@ -3463,9 +3463,9 @@ function ps(n) {
     });
   }, [r, s, t]), q.useMemo(() => ({
     field: b,
-    formState: a,
+    formState: l,
     fieldState: h
-  }), [b, a, h]);
+  }), [b, l, h]);
 }
 const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_labelContainer_1o3iy_5", gs = "_inputContainer_1o3iy_8", Cs = "_showPasswordButton_1o3iy_14", fs = "_forgotPassButton_1o3iy_26", Fe = {
   textInputContainer: hs,
@@ -3498,8 +3498,8 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     label: t,
     maxLength: o,
     required: d,
-    validateFunction: l,
-    placeholder: a,
+    validateFunction: a,
+    placeholder: l,
     errorColor: u = "red",
     width: g = 325,
     onClickForgotPass: h = () => {
@@ -3520,12 +3520,12 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
       rules: {
         required: d ? `${f(t)} ${f("errorMessages.required")}` : !1,
         maxLength: o || void 0,
-        validate: l || void 0
+        validate: a || void 0
       },
       render: ({ field: w, fieldState: $ }) => {
         var D;
-        const { onChange: L, ...k } = w, V = (T) => {
-          L(T), p && p(T);
+        const { onChange: L, ...k } = w, V = (B) => {
+          L(B), p && p(B);
         };
         return /* @__PURE__ */ m("div", { className: Fe.textInputContainer, children: [
           /* @__PURE__ */ m("h3", { className: Fe.labelContainer, children: [
@@ -3545,7 +3545,7 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
                     ...k,
                     type: N(),
                     onChange: V,
-                    placeholder: a ? f(a) : "",
+                    placeholder: l ? f(l) : "",
                     maxLength: o || void 0
                   }
                 ),
@@ -3594,15 +3594,15 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     type: t,
     label: o,
     maxLength: d,
-    required: l,
-    validateFunction: a,
+    required: a,
+    validateFunction: l,
     placeholder: u,
     errorColor: g = "red",
     width: h = 325,
     options: y = []
     //Used if we dont use react hook form
   } = n, { t: p } = F(), { control: f, trigger: b, clearErrors: v } = c || {}, { errorColor: _ } = qe((C) => C);
-  Y(l);
+  Y(a);
   const [x, S] = I(null);
   return A(() => {
     x && s && s(x);
@@ -3612,10 +3612,10 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
       name: r,
       control: f,
       rules: {
-        required: l ? `${p(o)} ${p("errorMessages.required")}` : !1,
-        validate: a ? (C) => {
+        required: a ? `${p(o)} ${p("errorMessages.required")}` : !1,
+        validate: l ? (C) => {
           let N = c.getValues();
-          return a(C, N);
+          return l(C, N);
         } : void 0
       },
       render: ({ field: C, fieldState: N }) => {
@@ -3624,13 +3624,14 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
           o && /* @__PURE__ */ m("h3", { className: se.labelContainer, children: [
             p(o),
             " ",
-            l && /* @__PURE__ */ i("label", { style: { color: N.error ? g : "" }, children: "*" })
+            a && /* @__PURE__ */ i("label", { style: { color: N.error ? g : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m("div", { className: se.inputContainer, style: { width: h }, children: [
             /* @__PURE__ */ m(
               "select",
               {
                 ...C,
+                value: C.value ?? "",
                 onChange: ($) => {
                   const L = $.target.value, k = y.every((V) => typeof V.value == "number") ? Number(L) : L;
                   C.onChange(k);
@@ -3673,13 +3674,13 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     o && /* @__PURE__ */ m("h3", { className: se.labelContainer, children: [
       p(o),
       " ",
-      l && /* @__PURE__ */ i("label", { children: "*" })
+      a && /* @__PURE__ */ i("label", { children: "*" })
     ] }),
     /* @__PURE__ */ m("div", { className: se.inputContainer, style: { width: h }, children: [
       /* @__PURE__ */ m(
         "select",
         {
-          value: x || "",
+          value: x ?? "",
           onChange: (C) => {
             const N = C.target.value, w = y.every(($) => typeof $.value == "number") ? Number(N) : N;
             S(w);
@@ -3702,9 +3703,9 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
       /* @__PURE__ */ i("img", { src: Pt, alt: "Open", className: se.dropdownArrow })
     ] })
   ] });
-}, Bs = "_radioButtonContainer_1e994_2", Ts = "_wholeInputContainer_1e994_5", Ds = "_questionContainer_1e994_27", Vs = "_radioQuestion_1e994_59", Fs = "_inputContainer_1e994_63", As = "_radioInput_1e994_93", _e = {
-  radioButtonContainer: Bs,
-  wholeInputContainer: Ts,
+}, Ts = "_radioButtonContainer_1e994_2", Bs = "_wholeInputContainer_1e994_5", Ds = "_questionContainer_1e994_27", Vs = "_radioQuestion_1e994_59", Fs = "_inputContainer_1e994_63", As = "_radioInput_1e994_93", _e = {
+  radioButtonContainer: Ts,
+  wholeInputContainer: Bs,
   questionContainer: Ds,
   radioQuestion: Vs,
   inputContainer: Fs,
@@ -3716,15 +3717,15 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     required: t,
     validateFunction: o,
     errorColor: d = "red",
-    options: l = [],
-    multi: a = !1
+    options: a = [],
+    multi: l = !1
   } = n, { t: u } = F(), { control: g, trigger: h, clearErrors: y } = c, { errorColor: p } = qe((v) => v), f = ({ options: v, onChange: _, actualValue: x }) => {
-    if (a && x && x.length > 0) {
+    if (l && x && x.length > 0) {
       let S = x.filter((C) => C !== v);
       _(S);
     }
   }, b = ({ options: v, onChange: _, actualValue: x }) => {
-    a ? x && x.length > 0 ? _([...x, v]) : _([v]) : _(v);
+    l ? x && x.length > 0 ? _([...x, v]) : _([v]) : _(v);
   };
   return Y(t), /* @__PURE__ */ i(
     Ie,
@@ -3760,28 +3761,28 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
             }
           ) }),
           /* @__PURE__ */ m("div", { className: _e.inputContainer, children: [
-            l.map(
+            a.map(
               ({
                 label: $,
                 value: L,
                 disabled: k = !1,
                 italicLabel: V
               }, D) => {
-                const T = S && a ? S.isArray && (S == null ? void 0 : S.length) > 0 && S.some((O) => O === L) : S === L;
+                const B = S && l ? S.isArray && (S == null ? void 0 : S.length) > 0 && S.some((O) => O === L) : S === L;
                 return /* @__PURE__ */ m("label", { children: [
                   /* @__PURE__ */ i(
                     "input",
                     {
                       type: "radio",
-                      checked: T,
+                      checked: B,
                       onChange: () => {
-                        a ? T ? f({
+                        l ? B ? f({
                           actualValue: S,
-                          options: l,
+                          options: a,
                           onChange: _
                         }) : b({
                           actualValue: S,
-                          options: l,
+                          options: a,
                           onChange: _
                         }) : _(L);
                       },
@@ -3820,8 +3821,8 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     label: t,
     minValue: o = 1,
     maxValue: d = 5,
-    defValue: l = 3,
-    thumbColor: a = "#B32F5D",
+    defValue: a = 3,
+    thumbColor: l = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
     errorColor: g = "red",
@@ -3837,13 +3838,13 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
     showMarksNumber: _ = !0
   } = n, { t: x } = F(), { control: S, trigger: C, clearErrors: N } = c || {};
   Y(u);
-  const { errorColorForm: w } = qe((k) => k), [$, L] = I(l);
+  const { errorColorForm: w } = qe((k) => k), [$, L] = I(a);
   return c ? /* @__PURE__ */ i(
     Ie,
     {
       name: r,
       control: S,
-      defaultValue: l,
+      defaultValue: a,
       rules: {
         required: u ? `${x(t)} ${x("errorMessages.required")}` : !1
       },
@@ -3867,16 +3868,16 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
                       min: o,
                       max: d,
                       step: 1,
-                      value: k.value ?? l,
-                      onChange: (T) => k.onChange(T),
+                      value: k.value ?? a,
+                      onChange: (B) => k.onChange(B),
                       marks: !0,
                       className: z.slider,
                       thumbClassName: z.thumb,
-                      renderThumb: (T) => /* @__PURE__ */ i(
+                      renderThumb: (B) => /* @__PURE__ */ i(
                         "div",
                         {
-                          ...T,
-                          style: { ...T.style, backgroundColor: a }
+                          ...B,
+                          style: { ...B.style, backgroundColor: l }
                         }
                       ),
                       trackClassName: z.track,
@@ -3884,7 +3885,7 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
                       disabled: b
                     }
                   ),
-                  v && /* @__PURE__ */ i("div", { className: z.labels, children: v.map((T) => /* @__PURE__ */ i("span", { children: _ && T }, T)) })
+                  v && /* @__PURE__ */ i("div", { className: z.labels, children: v.map((B) => /* @__PURE__ */ i("span", { children: _ && B }, B)) })
                 ] }),
                 f && /* @__PURE__ */ i("div", { className: z.maxLabel, children: x(f) })
               ] }),
@@ -3927,7 +3928,7 @@ const Ie = (n) => n.render(ps(n)), hs = "_textInputContainer_1o3iy_2", ms = "_la
                   "div",
                   {
                     ...k,
-                    style: { ...k.style, backgroundColor: a }
+                    style: { ...k.style, backgroundColor: l }
                   }
                 ),
                 trackClassName: z.track,
@@ -3967,15 +3968,15 @@ const Ae = ({
   reactHookFormInstance: s
 }) => {
   const { watch: r } = s, t = r(), o = Me(() => n == null ? void 0 : n.map((d) => {
-    const l = typeof d.required == "function" ? d.required(t) : d.required;
+    const a = typeof d.required == "function" ? d.required(t) : d.required;
     return {
       ...d,
-      required: l
+      required: a
     };
   }), [n, t]);
-  return /* @__PURE__ */ i("div", { className: $e.inputsContainer, children: o == null ? void 0 : o.map((d, l) => {
-    const { inputType: a } = d;
-    switch (a) {
+  return /* @__PURE__ */ i("div", { className: $e.inputsContainer, children: o == null ? void 0 : o.map((d, a) => {
+    const { inputType: l } = d;
+    switch (l) {
       case Ve.text:
         return /* @__PURE__ */ i(
           "div",
@@ -3990,7 +3991,7 @@ const Ae = ({
               }
             )
           },
-          `${d.code}${l}`
+          `${d.code}${a}`
         );
       case Ve.password:
         return /* @__PURE__ */ i(
@@ -4006,7 +4007,7 @@ const Ae = ({
               }
             )
           },
-          `${d.code}${l}`
+          `${d.code}${a}`
         );
       case Ve.select:
         return /* @__PURE__ */ i(
@@ -4022,7 +4023,7 @@ const Ae = ({
               }
             )
           },
-          `${d.code}${l}`
+          `${d.code}${a}`
         );
       case Ve.radioList:
         return /* @__PURE__ */ i(
@@ -4038,7 +4039,7 @@ const Ae = ({
               }
             )
           },
-          `${d.code}${l}`
+          `${d.code}${a}`
         );
       case Ve.rankingSlider:
         return /* @__PURE__ */ i(
@@ -4054,10 +4055,10 @@ const Ae = ({
               }
             )
           },
-          `${d.code}${l}`
+          `${d.code}${a}`
         );
       default:
-        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${d.code}${l}`);
+        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${d.code}${a}`);
     }
   }) });
 }, Hs = "_categorySelector_1guuv_2", Ks = "_sectionItemActive_1guuv_16", Ws = "_sectionItem_1guuv_16", Us = "_sectionItemError_1guuv_32", Oe = {
@@ -4073,23 +4074,23 @@ const Ae = ({
   containerStyles: t = {},
   categoriesWithErrors: o = []
 }) => {
-  const { t: d } = F(), l = (a) => {
-    c(a);
+  const { t: d } = F(), a = (l) => {
+    c(l);
   };
   return /* @__PURE__ */ i(
     "div",
     {
       className: Oe.categorySelector,
       style: t ? { ...t } : {},
-      children: n.map((a, u) => {
-        const { id: g, label: h } = a, y = s == g, p = o.includes(g);
+      children: n.map((l, u) => {
+        const { id: g, label: h } = l, y = s == g, p = o.includes(g);
         return /* @__PURE__ */ i(
           "button",
           {
             className: `${Oe.sectionItem} ${y ? Oe.sectionItemActive : ""} ${p ? Oe.sectionItemError : ""}`,
             type: "button",
             style: { backgroundColor: y ? r : "inherit" },
-            onClick: () => l(g),
+            onClick: () => a(g),
             children: /* @__PURE__ */ i(
               "span",
               {
@@ -4112,8 +4113,8 @@ const Ae = ({
   generalError: t,
   errorColor: o = "red",
   submitButtonLabel: d = "Submit",
-  submitButtonStyles: l = { width: 325 },
-  showCategorySelector: a = !0,
+  submitButtonStyles: a = { width: 325 },
+  showCategorySelector: l = !0,
   defaultCategory: u = null,
   categoryLabel: g = "Select Category",
   activeCategory: h = null,
@@ -4147,7 +4148,7 @@ const Ae = ({
   const L = (k, V) => {
     var D;
     if (((D = k.subcategories) == null ? void 0 : D.length) > 0) {
-      const T = k.subcategories;
+      const B = k.subcategories;
       return /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ i(
           "div",
@@ -4157,7 +4158,7 @@ const Ae = ({
               zt,
               {
                 activeCategory: w,
-                categories: T,
+                categories: B,
                 categoriesWithErrors: p,
                 onChange: (O) => $(O),
                 activeColor: y
@@ -4166,7 +4167,7 @@ const Ae = ({
           },
           k.categoryId
         ),
-        T.map((O, R) => {
+        B.map((O, R) => {
           const H = !w || O.id === w;
           return s ? /* @__PURE__ */ i(
             "div",
@@ -4237,7 +4238,7 @@ const Ae = ({
     ] }, k.categoryId);
   };
   return /* @__PURE__ */ m("form", { className: De.formContainer, onSubmit: v(f), children: [
-    a && x.length > 0 && /* @__PURE__ */ i("div", { className: De.categorySelectorContainer, children: /* @__PURE__ */ i(
+    l && x.length > 0 && /* @__PURE__ */ i("div", { className: De.categorySelectorContainer, children: /* @__PURE__ */ i(
       zt,
       {
         activeCategory: C,
@@ -4274,7 +4275,7 @@ const Ae = ({
       );
     }) }),
     /* @__PURE__ */ m("div", { className: De.buttonContainer, children: [
-      /* @__PURE__ */ i(Xe, { containerStyles: l, type: "submit", children: b(d) }),
+      /* @__PURE__ */ i(Xe, { containerStyles: a, type: "submit", children: b(d) }),
       /* @__PURE__ */ i(Ee, { errorMessage: t, errorColor: o })
     ] })
   ] });
@@ -4305,7 +4306,7 @@ const Ae = ({
       c && /* @__PURE__ */ i("img", { src: c, alt: "icon", className: ge.icon }),
       /* @__PURE__ */ i("p", { className: ge.message, children: s }),
       r && /* @__PURE__ */ i("p", { className: ge.submessage, children: r }),
-      t.length > 0 && /* @__PURE__ */ i("div", { className: ge.buttonsContainer, children: t.map((l, a) => /* @__PURE__ */ i("div", { className: ge.buttonWrapper, children: l }, a)) })
+      t.length > 0 && /* @__PURE__ */ i("div", { className: ge.buttonsContainer, children: t.map((a, l) => /* @__PURE__ */ i("div", { className: ge.buttonWrapper, children: a }, l)) })
     ]
   }
 ) });
@@ -4433,11 +4434,11 @@ const b1 = "_switchContainer_194wl_2", _1 = "_labelRight_194wl_9", v1 = "_labelL
     code: t,
     labelLeft: o,
     labelRight: d,
-    defValue: l = !1,
-    colorOn: a = "#5A514D",
+    defValue: a = !1,
+    colorOn: l = "#5A514D",
     disabled: u = !1,
     width: g = 240
-  } = n, { t: h } = F(), { control: y } = c || {}, [p, f] = I(l), b = (_) => {
+  } = n, { t: h } = F(), { control: y } = c || {}, [p, f] = I(a), b = (_) => {
     f(_), s && s(_);
   }, v = (_, x) => /* @__PURE__ */ m("div", { className: Se.switchContainer, style: { width: `${g}px` }, children: [
     o && /* @__PURE__ */ i(
@@ -4463,7 +4464,7 @@ const b1 = "_switchContainer_194wl_2", _1 = "_labelRight_194wl_9", v1 = "_labelL
         {
           className: Se.slider,
           style: {
-            "--switch-thumb-color": r ? _ ? a : "#ccc" : a
+            "--switch-thumb-color": r ? _ ? l : "#ccc" : l
           }
         }
       )
@@ -4475,7 +4476,7 @@ const b1 = "_switchContainer_194wl_2", _1 = "_labelRight_194wl_9", v1 = "_labelL
     {
       name: t,
       control: y,
-      defaultValue: l,
+      defaultValue: a,
       render: ({ field: _ }) => v(_.value, _.onChange)
     }
   ) : v(p, b);
@@ -4512,9 +4513,9 @@ M1.propTypes = {
   gifSrc: e.string,
   message: e.string
 };
-const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21", V1 = "_menuOpen_1pl8d_35", F1 = "_menuClose_1pl8d_40", A1 = "_list_1pl8d_46", O1 = "_item_1pl8d_56", R1 = "_button_1pl8d_91", oe = {
-  container: B1,
-  burger: T1,
+const T1 = "_container_1pl8d_3", B1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21", V1 = "_menuOpen_1pl8d_35", F1 = "_menuClose_1pl8d_40", A1 = "_list_1pl8d_46", O1 = "_item_1pl8d_56", R1 = "_button_1pl8d_91", oe = {
+  container: T1,
+  burger: B1,
   menu: D1,
   menuOpen: V1,
   menuClose: F1,
@@ -4527,7 +4528,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
   textColor: s,
   iconColor: r
 }) => {
-  const [t, o] = I(!1), d = () => o((f) => !f), l = () => o(!1), a = 7, u = t ? 11 : 0, g = t ? 13 : 0, h = t ? -11.51666 : 0, y = t ? -13 : 0, p = "0.35s";
+  const [t, o] = I(!1), d = () => o((f) => !f), a = () => o(!1), l = 7, u = t ? 11 : 0, g = t ? 13 : 0, h = t ? -11.51666 : 0, y = t ? -13 : 0, p = "0.35s";
   return /* @__PURE__ */ m("div", { className: oe.container, children: [
     /* @__PURE__ */ i("button", { onClick: d, className: oe.burger, children: /* @__PURE__ */ m(
       "svg",
@@ -4545,7 +4546,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
                 transform: `translateY(${u}px)`,
                 transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
-              children: /* @__PURE__ */ i("circle", { cx: "20", cy: "9", r: a, fill: r })
+              children: /* @__PURE__ */ i("circle", { cx: "20", cy: "9", r: l, fill: r })
             }
           ),
           /* @__PURE__ */ i(
@@ -4555,7 +4556,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
                 transform: `translate(${g}px, ${h}px)`,
                 transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
-              children: /* @__PURE__ */ i("circle", { cx: "7", cy: "31.51666", r: a, fill: r })
+              children: /* @__PURE__ */ i("circle", { cx: "7", cy: "31.51666", r: l, fill: r })
             }
           ),
           /* @__PURE__ */ i(
@@ -4565,7 +4566,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
                 transform: `translate(${y}px, ${h}px)`,
                 transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
-              children: /* @__PURE__ */ i("circle", { cx: "33", cy: "31.51666", r: a, fill: r })
+              children: /* @__PURE__ */ i("circle", { cx: "33", cy: "31.51666", r: l, fill: r })
             }
           ),
           /* @__PURE__ */ i(
@@ -4608,7 +4609,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
             {
               to: f.url,
               className: ({ isActive: v }) => `${oe.link} ${v ? oe.active : ""}`,
-              onClick: l,
+              onClick: a,
               style: { color: s },
               children: f.name
             }
@@ -4618,7 +4619,7 @@ const B1 = "_container_1pl8d_3", T1 = "_burger_1pl8d_10", D1 = "_menu_1pl8d_21",
             {
               className: oe.button,
               onClick: () => {
-                f.onclick(), l();
+                f.onclick(), a();
               },
               children: f.name
             }
@@ -4651,8 +4652,8 @@ const I1 = "_svgContainer_1rxoe_2", E1 = "_svg_1rxoe_2", Zt = {
   height: t = 300,
   margin: o = { top: 20, right: 20, bottom: 60, left: 60 },
   className: d = "",
-  showXAxisLabels: l = !0,
-  showYAxisLabels: a = !0,
+  showXAxisLabels: a = !0,
+  showYAxisLabels: l = !0,
   showGrid: u = !0,
   xAxisTickRotation: g = -90,
   yAxisTickFormat: h = (C) => C.toLocaleString("es-ES"),
@@ -4679,25 +4680,25 @@ const I1 = "_svgContainer_1rxoe_2", E1 = "_svg_1rxoe_2", Zt = {
     return L(), window.addEventListener("resize", L), () => window.removeEventListener("resize", L);
   }, [r, t]), A(() => {
     if (!n || n.length === 0 || w.width === 0) return;
-    const L = xe(C.current), k = w.width, V = w.height, D = k - o.left - o.right, T = V - o.top - o.bottom;
-    if (D <= 0 || T <= 0) return;
-    const O = n.map((B) => B.anyo || B.year || B.x), R = c, H = ut(n, (B) => ut(R, (re) => B[re])) || 0, ee = pt(n, (B) => pt(R, (re) => B[re])) || 0, E = ht().domain(O).rangeRound([0, D]).paddingInner(y), K = ht().domain(R).rangeRound([0, E.bandwidth()]).padding(p), U = Kt().domain([Math.min(0, H), ee]).nice().rangeRound([T, 0]), Qe = Wt().domain(R).range(Array.isArray(s) ? s : Object.values(s || {}));
+    const L = xe(C.current), k = w.width, V = w.height, D = k - o.left - o.right, B = V - o.top - o.bottom;
+    if (D <= 0 || B <= 0) return;
+    const O = n.map((T) => T.anyo || T.year || T.x), R = c, H = ut(n, (T) => ut(R, (re) => T[re])) || 0, ee = pt(n, (T) => pt(R, (re) => T[re])) || 0, E = ht().domain(O).rangeRound([0, D]).paddingInner(y), K = ht().domain(R).rangeRound([0, E.bandwidth()]).padding(p), U = Kt().domain([Math.min(0, H), ee]).nice().rangeRound([B, 0]), Qe = Wt().domain(R).range(Array.isArray(s) ? s : Object.values(s || {}));
     L.selectAll("*").remove();
     const te = L.append("g").attr("transform", `translate(${o.left},${o.top})`);
-    _ && L.append("text").attr("x", k / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(_), u && te.append("g").attr("class", "grid").selectAll("line").data(U.ticks()).enter().append("line").attr("x1", 0).attr("x2", D).attr("y1", (B) => U(B)).attr("y2", (B) => U(B)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), l && (te.append("g").attr("transform", `translate(0,${T})`).call(Ut(E).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${g})`).style("text-anchor", g < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), x && te.append("text").attr(
+    _ && L.append("text").attr("x", k / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(_), u && te.append("g").attr("class", "grid").selectAll("line").data(U.ticks()).enter().append("line").attr("x1", 0).attr("x2", D).attr("y1", (T) => U(T)).attr("y2", (T) => U(T)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (te.append("g").attr("transform", `translate(0,${B})`).call(Ut(E).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${g})`).style("text-anchor", g < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), x && te.append("text").attr(
       "transform",
-      `translate(${D / 2}, ${T + o.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(x)), a && (te.append("g").call(mt(U).ticks(6).tickFormat(h)).attr("class", "y-axis").call((B) => B.select(".domain").remove()), S && te.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - T / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(S));
-    const ne = te.append("g").selectAll(".bar-group").data(n).enter().append("g").attr("class", "bar-group").attr("transform", (B) => `translate(${E(B.anyo || B.year || B.x)},0)`).selectAll(".bar").data(
-      (B) => R.map((re) => ({
+      `translate(${D / 2}, ${B + o.bottom - 5})`
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(x)), l && (te.append("g").call(mt(U).ticks(6).tickFormat(h)).attr("class", "y-axis").call((T) => T.select(".domain").remove()), S && te.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - B / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(S));
+    const ne = te.append("g").selectAll(".bar-group").data(n).enter().append("g").attr("class", "bar-group").attr("transform", (T) => `translate(${E(T.anyo || T.year || T.x)},0)`).selectAll(".bar").data(
+      (T) => R.map((re) => ({
         key: re,
-        value: B[re],
-        data: B
+        value: T[re],
+        data: T
       }))
-    ).enter().append("rect").attr("class", "bar").attr("x", (B) => K(B.key)).attr("y", T).attr("width", K.bandwidth()).attr("height", 0).attr("fill", (B) => Qe(B.key)).style("cursor", b || v ? "pointer" : "default");
-    ne.transition().duration(f).attr("y", (B) => U(Math.max(0, B.value))).attr("height", (B) => Math.abs(U(B.value) - U(0))), b && ne.on("mouseover", function(B, re) {
-      xe(this).style("opacity", 0.8), b(B, re);
-    }).on("mouseout", function(B, re) {
+    ).enter().append("rect").attr("class", "bar").attr("x", (T) => K(T.key)).attr("y", B).attr("width", K.bandwidth()).attr("height", 0).attr("fill", (T) => Qe(T.key)).style("cursor", b || v ? "pointer" : "default");
+    ne.transition().duration(f).attr("y", (T) => U(Math.max(0, T.value))).attr("height", (T) => Math.abs(U(T.value) - U(0))), b && ne.on("mouseover", function(T, re) {
+      xe(this).style("opacity", 0.8), b(T, re);
+    }).on("mouseout", function(T, re) {
       xe(this).style("opacity", 1);
     }), v && ne.on("click", v);
   }, [
@@ -4708,8 +4709,8 @@ const I1 = "_svgContainer_1rxoe_2", E1 = "_svg_1rxoe_2", Zt = {
     o,
     y,
     p,
-    l,
     a,
+    l,
     u,
     g,
     h,
@@ -4778,8 +4779,8 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
   height: t = 300,
   margin: o = { top: 20, right: 20, bottom: 60, left: 60 },
   className: d = "",
-  showXAxisLabels: l = !0,
-  showYAxisLabels: a = !0,
+  showXAxisLabels: a = !0,
+  showYAxisLabels: l = !0,
   showGrid: u = !0,
   xAxisTickRotation: g = -90,
   yAxisTickFormat: h = ($) => $.toLocaleString("es-ES"),
@@ -4803,7 +4804,7 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
     height: 0
   }), { t: D } = F();
   return A(() => {
-    const T = () => {
+    const B = () => {
       if (L.current) {
         const O = L.current.getBoundingClientRect().width;
         V({
@@ -4812,15 +4813,15 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
         });
       }
     };
-    return T(), window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
+    return B(), window.addEventListener("resize", B), () => window.removeEventListener("resize", B);
   }, [r, t]), A(() => {
     if (!n || n.length === 0 || k.containerWidth === 0) return;
-    const T = xe($.current), { containerWidth: O, height: R } = k, H = O - o.left - o.right, ee = n.length * w, E = Math.max(
+    const B = xe($.current), { containerWidth: O, height: R } = k, H = O - o.left - o.right, ee = n.length * w, E = Math.max(
       H,
       ee
     ), K = E + o.left + o.right, U = R - o.top - o.bottom;
     if (E <= 0 || U <= 0) return;
-    T.attr("width", K).attr("height", R);
+    B.attr("width", K).attr("height", R);
     const Qe = N ? [...c].reverse() : c, te = [];
     n.forEach((M) => {
       const J = M.any || M.year || M.x, Z = Qe.map((G) => ({
@@ -4860,10 +4861,10 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
     const Je = [
       ut(te, (M) => Math.min(M.y0, M.y1)) || 0,
       pt(te, (M) => Math.max(M.y0, M.y1)) || 0
-    ], ne = ht().domain(n.map((M) => M.any || M.year || M.x)).range([0, E]).padding(y), B = Kt().domain([Je[0], Je[1]]).nice(6).range([U, 0]), re = Wt().domain(c).range(Array.isArray(s) ? s : Object.values(s || {}));
-    T.selectAll("*").remove();
-    const pe = T.append("g").attr("transform", `translate(${o.left},${o.top})`);
-    v && T.append("text").attr("x", svgWidth / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(v), u && pe.append("g").attr("class", "grid").selectAll("line").data(B.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", E).attr("y1", (M) => B(M)).attr("y2", (M) => B(M)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), l && (pe.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${U})`).call(Ut(ne).tickSizeOuter(0)).selectAll("text").remove(), pe.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${U})`).selectAll("text").data(n).enter().append("text").attr(
+    ], ne = ht().domain(n.map((M) => M.any || M.year || M.x)).range([0, E]).padding(y), T = Kt().domain([Je[0], Je[1]]).nice(6).range([U, 0]), re = Wt().domain(c).range(Array.isArray(s) ? s : Object.values(s || {}));
+    B.selectAll("*").remove();
+    const pe = B.append("g").attr("transform", `translate(${o.left},${o.top})`);
+    v && B.append("text").attr("x", svgWidth / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(v), u && pe.append("g").attr("class", "grid").selectAll("line").data(T.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", E).attr("y1", (M) => T(M)).attr("y2", (M) => T(M)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (pe.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${U})`).call(Ut(ne).tickSizeOuter(0)).selectAll("text").remove(), pe.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${U})`).selectAll("text").data(n).enter().append("text").attr(
       "x",
       (Z) => ne(Z.any || Z.year || Z.x) + ne.bandwidth() / 2
     ).attr("y", 19).style(
@@ -4875,16 +4876,16 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
     ).text((Z) => Z.any || Z.year || Z.x), _ && pe.append("text").attr(
       "transform",
       `translate(${E / 2}, ${U + o.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(_)), a && (pe.append("g").attr("class", "y-axis").call(mt(B).ticks(6).tickFormat(h)).call((M) => M.select(".domain").remove()), pe.append("g").attr("class", "y-ticks").attr("transform", `translate(${E}, 0)`).call(mt(B).ticks(6).tickSizeInner(E)).call((M) => M.select(".domain").remove()).call((M) => M.selectAll(".tick text").remove()), x && pe.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - U / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(x));
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(_)), l && (pe.append("g").attr("class", "y-axis").call(mt(T).ticks(6).tickFormat(h)).call((M) => M.select(".domain").remove()), pe.append("g").attr("class", "y-ticks").attr("transform", `translate(${E}, 0)`).call(mt(T).ticks(6).tickSizeInner(E)).call((M) => M.select(".domain").remove()).call((M) => M.selectAll(".tick text").remove()), x && pe.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - U / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(x));
     let ae;
     C && (ae = xe("body").append("div").attr("class", "chart-tooltip").style("position", "absolute").style("visibility", "hidden").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("padding", "8px").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("z-index", "1000"));
     const Ye = pe.selectAll(".segment").data(te, (M) => `${M.xKey}-${M.key}`);
     Ye.exit().remove();
-    const et = Ye.enter().append("rect").attr("class", "segment").attr("x", (M) => ne(M.xKey)).attr("width", ne.bandwidth()).attr("y", (M) => B(0)).attr("height", 0).attr("fill", (M) => re(M.key)).style(
+    const et = Ye.enter().append("rect").attr("class", "segment").attr("x", (M) => ne(M.xKey)).attr("width", ne.bandwidth()).attr("y", (M) => T(0)).attr("height", 0).attr("fill", (M) => re(M.key)).style(
       "cursor",
       f || b || C ? "pointer" : "default"
     ).merge(Ye);
-    return et.transition().duration(p).attr("x", (M) => ne(M.xKey)).attr("y", (M) => Math.min(B(M.y0), B(M.y1))).attr("height", (M) => Math.abs(B(M.y1) - B(M.y0))), (C || f) && et.on("mouseover", function(M, J) {
+    return et.transition().duration(p).attr("x", (M) => ne(M.xKey)).attr("y", (M) => Math.min(T(M.y0), T(M.y1))).attr("height", (M) => Math.abs(T(M.y1) - T(M.y0))), (C || f) && et.on("mouseover", function(M, J) {
       const Z = J.value;
       C && ae && ae.style("visibility", "visible").html(`
                 <strong>${D(J.key)}</strong><br/>
@@ -4916,8 +4917,8 @@ const P1 = "_svgContainer_7fkic_2", z1 = "_svg_7fkic_2", jt = {
     k,
     o,
     y,
-    l,
     a,
+    l,
     u,
     g,
     h,
@@ -5027,12 +5028,12 @@ const j1 = "_externalContainer_1er0i_2", H1 = "_externalSintetic_1er0i_9", K1 =
   total: t = !1,
   years: o = !1,
   activeGraphics: d = "ind",
-  units: l = {},
-  translate: a,
+  units: a = {},
+  translate: l,
   getTotal: u = sr,
   columnWidth: g = 50
 }) => {
-  const h = a || ((p) => p), y = (p) => p === "demanda_red" || p === "reduccio_demanda_red" ? (l.demanda || "").replace("(", "").replace(")", "") : l[p] || "";
+  const h = l || ((p) => p), y = (p) => p === "demanda_red" || p === "reduccio_demanda_red" ? (a.demanda || "").replace("(", "").replace(")", "") : a[p] || "";
   return /* @__PURE__ */ m(
     "div",
     {
@@ -5122,8 +5123,8 @@ const or = "_speedGraphic_d1k72_2", dt = {
   percent: t = !1,
   unit: o = !1,
   greenColor: d = "#00CF1E",
-  orangeColor: l = "#FFAC00",
-  redColor: a = "#FF1E37"
+  orangeColor: a = "#FFAC00",
+  redColor: l = "#FF1E37"
 }) => {
   s < n && (s = n), s > c && (s = c);
   const u = (s - n) / (c - n), g = 270 + u * 180, h = t ? Math.round(u * 100) : s;
@@ -5155,28 +5156,28 @@ const or = "_speedGraphic_d1k72_2", dt = {
             "path",
             {
               d: "M60.9088 16.3976C69.6119 11.3628 78.9041 7.42322 88.5739 4.66843L94.9485 27.0443C87.1228 29.2737 79.6027 32.462 72.5592 36.5367L60.9088 16.3976Z",
-              fill: l
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M121.797 0.000169508C131.851 -0.0165912 141.869 1.20965 151.623 3.65101L145.974 26.2209C138.08 24.2451 129.972 23.2527 121.835 23.2663L121.797 0.000169508Z",
-              fill: l
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M182.623 16.1279C191.348 21.124 199.422 27.1797 206.662 34.157L190.516 50.9092C184.657 45.2625 178.123 40.3617 171.061 36.3183L182.623 16.1279Z",
-              fill: a
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M227.238 60.2836C232.325 68.9568 236.319 78.2255 239.131 87.8788L216.794 94.3859C214.518 86.5735 211.285 79.0725 207.169 72.0533L227.238 60.2836Z",
-              fill: a
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
@@ -5197,28 +5198,28 @@ const or = "_speedGraphic_d1k72_2", dt = {
             "path",
             {
               d: "M90.3004 4.19027C100.01 1.57776 110.005 0.175523 120.058 0.0154601L120.428 23.2787C112.292 23.4082 104.203 24.543 96.3457 26.6573L90.3004 4.19027Z",
-              fill: l
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M153.423 4.11614C163.138 6.70584 172.496 10.4866 181.284 15.3725L169.978 35.707C162.866 31.7529 155.293 28.6932 147.43 26.5973L153.423 4.11614Z",
-              fill: l
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M239.602 89.538C242.532 100.152 244.011 111.114 244 122.125L220.734 122.101C220.743 113.19 219.546 104.319 217.175 95.7287L239.602 89.538Z",
-              fill: a
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M207.769 35.2376C214.919 42.3062 221.168 50.2316 226.374 58.8336L206.469 70.8798C202.256 63.9183 197.199 57.5043 191.412 51.7837L207.769 35.2376Z",
-              fill: a
+              fill: l
             }
           ),
           /* @__PURE__ */ i("g", { transform: `rotate(${g} 122 122)`, children: /* @__PURE__ */ i(
@@ -5266,7 +5267,7 @@ const lr = "_header_13kbt_2", cr = "_leftComponents_13kbt_13", dr = "_centerComp
   zIndex: t = 10,
   height: o = 60,
   backgroundColor: d = "#605B56",
-  isFooter: l = !1
+  isFooter: a = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ m(
   "div",
@@ -5277,13 +5278,13 @@ const lr = "_header_13kbt_2", cr = "_leftComponents_13kbt_13", dr = "_centerComp
       zIndex: t,
       height: o,
       backgroundColor: d,
-      top: l ? "auto" : 0,
-      bottom: l ? 0 : "auto"
+      top: a ? "auto" : 0,
+      bottom: a ? 0 : "auto"
     },
     children: [
-      /* @__PURE__ */ i("div", { className: ve.leftComponents, children: c.map((a, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: a }, u)) }),
-      /* @__PURE__ */ i("div", { className: ve.centerComponents, children: s.map((a, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: a }, u)) }),
-      /* @__PURE__ */ i("div", { className: ve.rightComponents, children: r.map((a, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: a }, u)) })
+      /* @__PURE__ */ i("div", { className: ve.leftComponents, children: c.map((l, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ i("div", { className: ve.centerComponents, children: s.map((l, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: l }, u)) }),
+      /* @__PURE__ */ i("div", { className: ve.rightComponents, children: r.map((l, u) => /* @__PURE__ */ i("div", { className: ve.componentsContainer, children: l }, u)) })
     ]
   }
 );