@tmf_ciclica/ciclicastorybook 1.1.147 → 1.1.149

package/dist/index.es.js

@@ -41,15 +41,15 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
   onClickAmbit: t,
   isActive: r,
   activeColor: a,
-  fontColor: c,
-  moreInfo: l
+  fontColor: l,
+  moreInfo: c
 }) => {
   const { name: u, created_at: g, id: C, isBeingProcessed: b } = n;
   return /* @__PURE__ */ p(
     "div",
     {
       className: pe.ambitItem,
-      style: { borderBottom: `1px solid ${c}` },
+      style: { borderBottom: `1px solid ${l}` },
       children: [
         /* @__PURE__ */ p("div", { className: pe.ambitNameDate, onClick: () => t(C), children: [
           /* @__PURE__ */ p("div", { className: pe.ambitName, children: [
@@ -60,7 +60,7 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
                 src: r ? h2 : g2
               }
             ),
-            /* @__PURE__ */ i("span", { style: { color: r ? a : c }, children: u })
+            /* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
           ] }),
           /* @__PURE__ */ i("div", { className: pe.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
         ] }),
@@ -124,8 +124,8 @@ const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   nameLabel: t,
   dateLabel: r,
   newAmbitLabel: a = "New field",
-  buttonContainerStyles: c = {},
-  containerStyles: l = {},
+  buttonContainerStyles: l = {},
+  containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: g = (m) => console.log(`Copy ambit: ${m}`),
   onCLickDelete: C = (m) => console.log(`Delete ambit: ${m}`),
@@ -146,7 +146,7 @@ const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     "div",
     {
       className: U.ambitSelector,
-      style: { color: s, ...l },
+      style: { color: s, ...c },
       children: [
         /* @__PURE__ */ p(
           "div",
@@ -185,7 +185,7 @@ const We = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
         /* @__PURE__ */ i("div", { className: U.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           $e,
           {
-            style: { ...c },
+            style: { ...l },
             onClick: u,
             borderColor: "grey",
             children: m(a)
@@ -252,7 +252,7 @@ const T2 = ({
     {
       className: `${Q.buttonsContainer} ${d === "vertical" && Q.vertical}
           ${d === "horizontal" && Q.horizontal}`,
-      children: n.map((c, l) => {
+      children: n.map((l, c) => {
         const {
           icon: u,
           activeIcon: g,
@@ -260,7 +260,7 @@ const T2 = ({
           name: b,
           onClick: y,
           disabled: m
-        } = c, h = /* @__PURE__ */ p(Oe, { children: [
+        } = l, h = /* @__PURE__ */ p(Oe, { children: [
           s && o === "left" && /* @__PURE__ */ i("span", { className: Q.buttonName, children: a(b) }),
           /* @__PURE__ */ i("img", { src: C ? g : u, alt: a(b) }),
           s && o === "right" && /* @__PURE__ */ i("span", { className: Q.buttonName, children: a(b) })
@@ -277,7 +277,7 @@ const T2 = ({
             }
           ),
           t && /* @__PURE__ */ i(ne, { text: b, position: r })
-        ] }, l);
+        ] }, c);
       })
     }
   );
@@ -313,8 +313,8 @@ const M2 = "_indicatorsCategory_1cu33_2", D2 = "_title_1cu33_5", Be = {
   //Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
   height: a = 53,
   //Adjust height if you change fontSize
-  titleFontStyles: c,
-  showBottomBar: l = !0,
+  titleFontStyles: l,
+  showBottomBar: c = !0,
   titleMarginChildren: u = 25
 }) => {
   const { t: g } = $();
@@ -327,7 +327,7 @@ const M2 = "_indicatorsCategory_1cu33_2", D2 = "_title_1cu33_5", Be = {
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: n && l ? `1px solid ${t}` : "0px",
+        borderBottom: n && c ? `1px solid ${t}` : "0px",
         marginBottom: n ? "20px" : "0px"
       },
       children: [
@@ -335,7 +335,7 @@ const M2 = "_indicatorsCategory_1cu33_2", D2 = "_title_1cu33_5", Be = {
           "h2",
           {
             style: {
-              ...c,
+              ...l,
               marginBottom: u || "auto"
             },
             className: `${Be.title}`,
@@ -373,7 +373,7 @@ const Qs = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), F2 = "data
   fontColor: "#605B56",
   inputsColor: "#605B56"
 })), ct = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: a } = $(), { tematicalFiltersSelected: c } = A((u) => u), l = (u) => {
+  const { t: a } = $(), { tematicalFiltersSelected: l } = A((u) => u), c = (u) => {
     A.setState((g) => ({
       tematicalFiltersSelected: g.tematicalFiltersSelected.filter(
         (C) => C.code !== u
@@ -387,9 +387,9 @@ const Qs = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), F2 = "data
       onClick: d,
       title: n ? a(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ i("div", { className: Ye.AppliedFiltersContainer, children: c == null ? void 0 : c.map((u, g) => /* @__PURE__ */ p("div", { className: Ye.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ i("div", { className: Ye.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, g) => /* @__PURE__ */ p("div", { className: Ye.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(u.name),
-        /* @__PURE__ */ i("img", { src: F2, alt: "CloseIcon", onClick: () => l(u.code), style: { cursor: "pointer" } })
+        /* @__PURE__ */ i("img", { src: F2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
       ] }, g)) })
     }
   );
@@ -409,7 +409,7 @@ ct.propTypes = {
   activeColor: e.string
 };
 const dt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
-  const { t: a } = $(), { tematicalFiltersSelected: c } = A((l) => l);
+  const { t: a } = $(), { tematicalFiltersSelected: l } = A((c) => c);
   return /* @__PURE__ */ i(
     se,
     {
@@ -438,7 +438,7 @@ const O2 = "_checkboxContainer_zld97_2", I2 = {
   indicator: o,
   value: t
 }) => {
-  const { t: r } = $(), { title: a } = o || {}, { fontColor: c, inputsColor: l } = A((u) => u);
+  const { t: r } = $(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = A((u) => u);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -455,8 +455,8 @@ const O2 = "_checkboxContainer_zld97_2", I2 = {
             value: t,
             readOnly: !0,
             style: {
-              border: `1.5px solid ${t ? l : c}`,
-              backgroundColor: t ? l : "white"
+              border: `1.5px solid ${t ? c : l}`,
+              backgroundColor: t ? c : "white"
             }
           }
         ),
@@ -516,98 +516,98 @@ let qe = function(n) {
       t.onEnd();
     }, t.onMouseUp = () => {
       t.onEnd(t.getMouseEventMap());
-    }, t.onTouchEnd = (c) => {
-      c.preventDefault(), t.onEnd(t.getTouchEventMap());
+    }, t.onTouchEnd = (l) => {
+      l.preventDefault(), t.onEnd(t.getTouchEventMap());
     }, t.onBlur = () => {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
-    }, t.onMouseMove = (c) => {
+    }, t.onMouseMove = (l) => {
       t.setState({ pending: !0 });
-      const l = t.getMousePosition(c), u = t.getDiffPosition(l[0]), g = t.getValueFromPosition(u);
+      const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
       t.move(g);
-    }, t.onTouchMove = (c) => {
-      if (c.touches.length > 1) return;
+    }, t.onTouchMove = (l) => {
+      if (l.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const l = t.getTouchPosition(c);
+      const c = t.getTouchPosition(l);
       if (t.isScrolling === void 0) {
-        const C = l[0] - t.startPosition[0], b = l[1] - t.startPosition[1];
+        const C = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
         t.isScrolling = Math.abs(b) > Math.abs(C);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(l[0]), g = t.getValueFromPosition(u);
+      const u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
       t.move(g);
-    }, t.onKeyDown = (c) => {
-      if (!(c.ctrlKey || c.shiftKey || c.altKey || c.metaKey)) switch (t.setState({ pending: !0 }), c.key) {
+    }, t.onKeyDown = (l) => {
+      if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
         case "ArrowLeft":
         case "ArrowDown":
         case "Left":
         case "Down":
-          c.preventDefault(), t.moveDownByStep();
+          l.preventDefault(), t.moveDownByStep();
           break;
         case "ArrowRight":
         case "ArrowUp":
         case "Right":
         case "Up":
-          c.preventDefault(), t.moveUpByStep();
+          l.preventDefault(), t.moveUpByStep();
           break;
         case "Home":
-          c.preventDefault(), t.move(t.props.min);
+          l.preventDefault(), t.move(t.props.min);
           break;
         case "End":
-          c.preventDefault(), t.move(t.props.max);
+          l.preventDefault(), t.move(t.props.max);
           break;
         case "PageDown":
-          c.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
+          l.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
           break;
         case "PageUp":
-          c.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
+          l.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
       }
-    }, t.onSliderMouseDown = (c) => {
-      if (!t.props.disabled && c.button !== 2) {
+    }, t.onSliderMouseDown = (l) => {
+      if (!t.props.disabled && l.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const l = t.getMousePosition(c);
-          t.forceValueFromPosition(l[0], (u) => {
-            t.start(u, l[0]), we(t.getMouseEventMap());
+          const c = t.getMousePosition(l);
+          t.forceValueFromPosition(c[0], (u) => {
+            t.start(u, c[0]), we(t.getMouseEventMap());
           });
         }
-        Le(c);
+        Le(l);
       }
-    }, t.onSliderClick = (c) => {
+    }, t.onSliderClick = (l) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const l = t.getMousePosition(c), u = X(t.calcValue(t.calcOffsetFromPosition(l[0])), t.props);
+        const c = t.getMousePosition(l), u = X(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, t.createOnKeyDown = (c) => (l) => {
-      t.props.disabled || (t.start(c), we(t.getKeyDownEventMap()), Le(l));
-    }, t.createOnMouseDown = (c) => (l) => {
-      if (t.props.disabled || l.button === 2) return;
+    }, t.createOnKeyDown = (l) => (c) => {
+      t.props.disabled || (t.start(l), we(t.getKeyDownEventMap()), Le(c));
+    }, t.createOnMouseDown = (l) => (c) => {
+      if (t.props.disabled || c.button === 2) return;
       t.setState({ pending: !0 });
-      const u = t.getMousePosition(l);
-      t.start(c, u[0]), we(t.getMouseEventMap()), Le(l);
-    }, t.createOnTouchStart = (c) => (l) => {
-      if (t.props.disabled || l.touches.length > 1) return;
+      const u = t.getMousePosition(c);
+      t.start(l, u[0]), we(t.getMouseEventMap()), Le(c);
+    }, t.createOnTouchStart = (l) => (c) => {
+      if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const u = t.getTouchPosition(l);
-      t.startPosition = u, t.isScrolling = void 0, t.start(c, u[0]), we(t.getTouchEventMap()), function(g) {
+      const u = t.getTouchPosition(c);
+      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), we(t.getTouchEventMap()), function(g) {
         g.stopPropagation && g.stopPropagation();
-      }(l);
+      }(c);
     }, t.handleResize = () => {
-      const c = window.setTimeout(() => {
+      const l = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
-      t.pendingResizeTimeouts.push(c);
-    }, t.renderThumb = (c, l) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + l + " " + (t.state.index === l ? t.props.thumbActiveClassName : ""), g = { ref: (b) => {
-        t["thumb" + l] = b;
-      }, key: t.props.thumbClassName + "-" + l, className: u, style: c, 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 }, C = { index: l, value: ve(t.state.value), valueNow: t.state.value[l] };
+      t.pendingResizeTimeouts.push(l);
+    }, t.renderThumb = (l, c) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), g = { ref: (b) => {
+        t["thumb" + c] = b;
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, C = { index: c, value: ve(t.state.value), valueNow: t.state.value[c] };
       return t.props.ariaValuetext && (g["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(C)), t.props.renderThumb(g, C);
-    }, t.renderTrack = (c, l, u) => {
-      const g = { key: t.props.trackClassName + "-" + c, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + c, style: t.buildTrackStyle(l, t.state.upperBound - u) }, C = { index: c, value: ve(t.state.value) };
+    }, t.renderTrack = (l, c, u) => {
+      const g = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, C = { index: l, value: ve(t.state.value) };
       return t.props.renderTrack(g, C);
     };
     let r = Te(o.value);
     r.length || (r = Te(o.defaultValue)), t.pendingResizeTimeouts = [];
     const a = [];
-    for (let c = 0; c < r.length; c += 1) r[c] = X(r[c], o), a.push(c);
+    for (let l = 0; l < r.length; l += 1) r[l] = X(r[l], o), a.push(l);
     return t.resizeObserver = null, t.resizeElementRef = B.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, t;
   }
   R2(d, n);
@@ -631,10 +631,10 @@ let qe = function(n) {
     return ve(this.state.value);
   }, s.getClosestIndex = function(o) {
     let t = Number.MAX_VALUE, r = -1;
-    const { value: a } = this.state, c = a.length;
-    for (let l = 0; l < c; l += 1) {
-      const u = this.calcOffset(a[l]), g = Math.abs(o - u);
-      g < t && (t = g, r = l);
+    const { value: a } = this.state, l = a.length;
+    for (let c = 0; c < l; c += 1) {
+      const u = this.calcOffset(a[c]), g = Math.abs(o - u);
+      g < t && (t = g, r = c);
     }
     return r;
   }, s.getMousePosition = function(o) {
@@ -657,7 +657,7 @@ let qe = function(n) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), a = o.getBoundingClientRect(), c = o[r], l = a[this.posMaxKey()], u = a[this.posMinKey()], g = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], C = c - g, b = Math.abs(l - u);
+    const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], g = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], C = l - g, b = Math.abs(c - u);
     this.state.upperBound === C && this.state.sliderLength === b && this.state.thumbSize === g || this.setState({ upperBound: C, sliderLength: b, thumbSize: g });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
@@ -665,14 +665,14 @@ let qe = function(n) {
   }, s.calcValue = function(o) {
     return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, s.calcOffsetFromPosition = function(o) {
-    const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], c = r[this.posMinKey()];
-    let l = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : c));
-    return this.props.invert && (l = this.state.sliderLength - l), l -= this.state.thumbSize / 2, l;
+    const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], l = r[this.posMinKey()];
+    let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : l));
+    return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
   }, s.forceValueFromPosition = function(o, t) {
-    const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), c = X(this.calcValue(r), this.props), l = this.state.value.slice();
-    l[a] = c;
-    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 }, () => {
+    const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), l = X(this.calcValue(r), this.props), c = this.state.value.slice();
+    c[a] = l;
+    for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
+    this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
       t(a), this.fireChangeEvent("onChange");
     });
   }, s.clearPendingResizeTimeouts = function() {
@@ -684,7 +684,7 @@ let qe = function(n) {
     const r = this["thumb" + o];
     r && r.focus();
     const { zIndices: a } = this.state;
-    a.splice(a.indexOf(o), 1), a.push(o), this.setState((c) => ({ startValue: c.value[o], startPosition: t !== void 0 ? t : c.startPosition, index: o, zIndices: a }));
+    a.splice(a.indexOf(o), 1), a.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: a }));
   }, s.moveUpByStep = function(o) {
     o === void 0 && (o = this.props.step);
     const t = this.state.value[this.state.index], r = X(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
@@ -694,11 +694,11 @@ let qe = function(n) {
     const t = this.state.value[this.state.index], r = X(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
     this.move(Math.max(r, this.props.min));
   }, s.move = function(o) {
-    const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, c = t[r];
-    if (o === c) return;
+    const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
+    if (o === l) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: l, max: u, min: g, minDistance: C } = this.props;
-    if (!l) {
+    const { pearling: c, max: u, min: g, minDistance: C } = this.props;
+    if (!c) {
       if (r > 0) {
         const b = t[r - 1];
         o < b + C && (o = b + C);
@@ -708,22 +708,22 @@ let qe = function(n) {
         o > b - C && (o = b - C);
       }
     }
-    t[r] = o, l && a > 1 && (o > c ? (this.pushSucceeding(t, C, r), function(b, y, m, h) {
+    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, C, r), function(b, y, m, h) {
       for (let _ = 0; _ < b; _ += 1) {
         const f = h - _ * m;
         y[b - 1 - _] > f && (y[b - 1 - _] = f);
       }
-    }(a, t, C, u)) : o < c && (this.pushPreceding(t, C, r), function(b, y, m, h) {
+    }(a, t, C, u)) : o < l && (this.pushPreceding(t, C, r), function(b, y, m, h) {
       for (let _ = 0; _ < b; _ += 1) {
         const f = h + _ * m;
         y[_] < f && (y[_] = f);
       }
     }(a, t, C, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
-    let a, c;
-    for (a = r, c = o[a] + t; o[a + 1] !== null && c > o[a + 1]; a += 1, c = o[a] + t) o[a + 1] = Re(c, this.props);
+    let a, l;
+    for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Re(l, this.props);
   }, s.pushPreceding = function(o, t, r) {
-    for (let a = r, c = o[a] - t; o[a - 1] !== null && c < o[a - 1]; a -= 1, c = o[a] - t) o[a - 1] = Re(c, this.props);
+    for (let a = r, l = o[a] - t; o[a - 1] !== null && l < o[a - 1]; a -= 1, l = o[a] - t) o[a - 1] = Re(l, this.props);
   }, s.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, s.orthogonalAxisKey = function() {
@@ -747,9 +747,9 @@ let qe = function(n) {
     return (t = { position: "absolute" })[this.posMinKey()] = o, t;
   }, s.renderThumbs = function(o) {
     const { length: t } = o, r = [];
-    for (let c = 0; c < t; c += 1) r[c] = this.buildThumbStyle(o[c], c);
+    for (let l = 0; l < t; l += 1) r[l] = this.buildThumbStyle(o[l], l);
     const a = [];
-    for (let c = 0; c < t; c += 1) a[c] = this.renderThumb(r[c], c);
+    for (let l = 0; l < t; l += 1) a[l] = this.renderThumb(r[l], l);
     return a;
   }, s.renderTracks = function(o) {
     const t = [], r = o.length - 1;
@@ -760,16 +760,16 @@ let qe = function(n) {
     let { marks: o } = this.props;
     const t = this.props.max - this.props.min + 1;
     return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, a) => a) : typeof o == "number" && (o = Array.from({ length: t }).map((r, a) => a).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, a) => r - a).map((r) => {
-      const a = this.calcOffset(r), c = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
-      return this.props.renderMark(c);
+      const a = this.calcOffset(r), l = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
+      return this.props.renderMark(l);
     });
   }, s.render = function() {
     const o = [], { value: t } = this.state, r = t.length;
     for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
-    const a = this.props.withTracks ? this.renderTracks(o) : null, c = this.renderThumbs(o), l = this.props.marks ? this.renderMarks() : null;
+    const a = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
     return B.createElement("div", { ref: (u) => {
       this.slider = u, this.resizeElementRef.current = u;
-    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, c, l);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, l, c);
   }, d;
 }(B.Component);
 qe.displayName = "ReactSlider", qe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) => B.createElement("div", n), renderTrack: (n) => B.createElement("div", n), renderMark: (n) => B.createElement("span", n) };
@@ -789,15 +789,15 @@ const q2 = "_container_4u41i_2", E2 = "_unitLabel_4u41i_8", P2 = "_slider_4u41i_
   width: t = 300,
   unit: r,
   fontColor: a = "#605B56",
-  defaultValue: c,
-  isDate: l
+  defaultValue: l,
+  isDate: c
 }) => {
-  const { t: u } = $(), g = l ? new Date(n).getTime() : null, C = l ? new Date(d).getTime() : null, [b, y] = T(l ? [g, C] : [n, d]), m = (h) => {
+  const { t: u } = $(), g = c ? new Date(n).getTime() : null, C = c ? new Date(d).getTime() : null, [b, y] = T(c ? [g, C] : [n, d]), m = (h) => {
     y(h), o == null || o({ min: h[0], max: h[1] });
   };
   return M(() => {
-    c || y(l ? [g, C] : [n, d]);
-  }, [c, l]), /* @__PURE__ */ p(
+    l || y(c ? [g, C] : [n, d]);
+  }, [l, c]), /* @__PURE__ */ p(
     "div",
     {
       className: oe.container,
@@ -810,23 +810,23 @@ const q2 = "_container_4u41i_2", E2 = "_unitLabel_4u41i_8", P2 = "_slider_4u41i_
             className: oe.slider,
             thumbClassName: oe.thumb,
             trackClassName: oe.track,
-            min: l ? g : n,
-            max: l ? C : d,
-            step: l ? (C - g) / 30 : s,
+            min: c ? g : n,
+            max: c ? C : d,
+            step: c ? (C - g) / 30 : s,
             value: b,
             onAfterChange: m,
             withTracks: !0,
-            pearling: !l,
-            minDistance: l ? 0 : 0.1
+            pearling: !c,
+            minDistance: c ? 0 : 0.1
           }
         ),
         /* @__PURE__ */ p("div", { className: oe.labels, children: [
-          /* @__PURE__ */ i("span", { children: l ? new Date(b[0]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: c ? new Date(b[0]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
           }) : b[0] }),
-          /* @__PURE__ */ i("span", { children: l ? new Date(b[1]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: c ? new Date(b[1]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
@@ -862,8 +862,8 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
     type: t,
     name: r,
     values: a,
-    minValue: c,
-    maxValue: l,
+    minValue: l,
+    maxValue: c,
     unit: u,
     step: g,
     disabled: C,
@@ -1042,8 +1042,8 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
           pt,
           {
             onChange: x,
-            min: c,
-            max: l,
+            min: l,
+            max: c,
             unit: u,
             defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
             isDate: b,
@@ -1092,14 +1092,14 @@ const mt = ({
       height: 48,
       color: d,
       activeColor: s,
-      children: r == null ? void 0 : r.map((a, c) => /* @__PURE__ */ i(
+      children: r == null ? void 0 : r.map((a, l) => /* @__PURE__ */ i(
         Ke,
         {
           indicator: a,
           fontColor: d,
           activeColor: s
         },
-        `indicatorSub-${c}`
+        `indicatorSub-${l}`
       ))
     }
   );
@@ -1122,12 +1122,12 @@ const ht = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = A((c) => c);
+  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = A((l) => l);
   return n && /* @__PURE__ */ i(
     se,
     {
       onClick: () => {
-        A.setState((c) => ({
+        A.setState((l) => ({
           activeCategory: r === `id${s}` ? "" : `id${s}`
         }));
       },
@@ -1137,22 +1137,22 @@ const ht = ({
       showBottomBar: !1,
       color: a,
       activeColor: d,
-      children: o ? o.map((c, l) => /* @__PURE__ */ i(
+      children: o ? o.map((l, c) => /* @__PURE__ */ i(
         mt,
         {
-          subcategory: c,
+          subcategory: l,
           fontColor: a,
           activeColor: d
         },
-        `subcategory-${l}`
-      )) : t && t.map((c, l) => /* @__PURE__ */ i(
+        `subcategory-${c}`
+      )) : t && t.map((l, c) => /* @__PURE__ */ i(
         Ke,
         {
-          indicator: c,
+          indicator: l,
           fontColor: a,
           activeColor: d
         },
-        `indicator-${l}`
+        `indicator-${c}`
       ))
     }
   );
@@ -1175,7 +1175,7 @@ const gt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: a } = A((l) => l), { t: c } = $();
+  const { tematicalFiltersSelected: a } = A((c) => c), { t: l } = $();
   return M(() => {
     console.log("filtersSelected changed: ", a);
   }, [a]), M(() => {
@@ -1186,13 +1186,13 @@ const gt = ({
     se,
     {
       isOpen: d,
-      title: s ? c(s) : "Tematical filters",
+      title: s ? l(s) : "Tematical filters",
       color: o,
       activeColor: r,
-      children: n == null ? void 0 : n.map((l, u) => /* @__PURE__ */ i(
+      children: n == null ? void 0 : n.map((c, u) => /* @__PURE__ */ i(
         ht,
         {
-          category: l,
+          category: c,
           fontColor: o,
           activeColor: r
         },
@@ -1225,8 +1225,8 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
   activeColor: t,
   textColor: r,
   backgroundColor: a,
-  onChangeAppliedFilters: c,
-  saveAmbit: l,
+  onChangeAppliedFilters: l,
+  saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: g,
   filtersTypes: C = ["geographical", "tematical"],
@@ -1240,10 +1240,10 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
       tematicalFiltersSelected: s
     }));
   }, [s]), M(() => {
-    console.log("filtersSelected changed: ", h), c(h);
+    console.log("filtersSelected changed: ", h), l(h);
   }, [h]);
   const k = () => {
-    _ ? l({ name: _, description: v }) : N(!0);
+    _ ? c({ name: _, description: v }) : N(!0);
   };
   return /* @__PURE__ */ p("div", { className: re.FiltersAmbitContainer, children: [
     !y && /* @__PURE__ */ p("div", { className: re.FiltersAmbitHeader, children: [
@@ -1317,13 +1317,13 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
   horizontalPaddign: a = 20,
-  leftPadding: c = 200,
-  numberOfDivisions: l = 7,
+  leftPadding: l = 200,
+  numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
   const { t: g } = $(), { xScale: C, ticks: b, height: y } = Ce(() => {
     if (n && n.length > 0) {
-      const m = (n == null ? void 0 : n.length) * (s + o) + r * 2, h = Ge.max(n, (v) => v.value) || 1, _ = Ge.scaleLinear().domain([0, u || h]).range([0, d - c]), f = Array.from({ length: l + 1 }, (v, x) => u ? u / l * x : h / l * x);
+      const m = (n == null ? void 0 : n.length) * (s + o) + r * 2, h = Ge.max(n, (v) => v.value) || 1, _ = Ge.scaleLinear().domain([0, u || h]).range([0, d - l]), f = Array.from({ length: c + 1 }, (v, x) => u ? u / c * x : h / c * x);
       return {
         xScale: _,
         ticks: f,
@@ -1337,7 +1337,7 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
   }, [
     n,
     d,
-    l,
+    c,
     s,
     o,
     a,
@@ -1345,7 +1345,7 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
     u
   ]);
   return /* @__PURE__ */ i("div", { className: i0.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ i("g", { transform: `translate(${c + a}, 0)`, children: b.map((m, h) => {
+    /* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: b.map((m, h) => {
       const _ = C(m);
       return /* @__PURE__ */ p("g", { transform: `translate(${_}, 0)`, children: [
         /* @__PURE__ */ i(
@@ -1373,7 +1373,7 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${c + a}, ${f})`,
+          transform: `translate(${l + a}, ${f})`,
           children: [
             /* @__PURE__ */ i(
               "text",
@@ -1428,8 +1428,8 @@ const s0 = "_graphicContainer_c9zrg_2", o0 = "_titleContainer_c9zrg_14", Qe = {
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
   maxValue: a = null,
-  numberOfDivisions: c = 7,
-  leftPadding: l = 200
+  numberOfDivisions: l = 7,
+  leftPadding: c = 200
 }) => {
   const { t: u } = $();
   return /* @__PURE__ */ p(
@@ -1449,8 +1449,8 @@ const s0 = "_graphicContainer_c9zrg_2", o0 = "_titleContainer_c9zrg_14", Qe = {
             width: d,
             fontColor: r,
             maxValue: a,
-            numberOfDivisions: c,
-            leftPadding: l
+            numberOfDivisions: l,
+            leftPadding: c
           }
         )
       ]
@@ -1497,13 +1497,13 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
   activeIndicator: t,
   activeIndicatorType: r,
   onClickIndicator: a,
-  multiple: c = !1,
-  onChangeType: l
+  multiple: l = !1,
+  onChangeType: c
 }) => {
   const { t: u } = $(), { name: g, type: C, disabled: b } = n, [y, m] = T(!1);
   M(() => {
     t && m(
-      c ? t.some(
+      l ? t.some(
         (f) => f.name == String(g)
       ) : t.name == g
     );
@@ -1513,7 +1513,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
       "div",
       {
         className: V.optionContainer,
-        onClick: () => l("cat"),
+        onClick: () => c("cat"),
         children: [
           /* @__PURE__ */ i(
             "span",
@@ -1542,7 +1542,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
       "div",
       {
         className: V.optionContainer,
-        onClick: () => l("abs"),
+        onClick: () => c("abs"),
         children: [
           /* @__PURE__ */ i(
             "span",
@@ -1648,8 +1648,8 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Xe = {
   activeSubCategory: t,
   onClickSubCategory: r,
   id: a,
-  activeIndicator: c,
-  onClickIndicator: l,
+  activeIndicator: l,
+  onClickIndicator: c,
   multiple: u,
   activeIndicatorType: g,
   onChangeType: C
@@ -1681,8 +1681,8 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Xe = {
             indicator: h,
             defaultColor: s,
             activeColor: o,
-            activeIndicator: c,
-            onClickIndicator: l,
+            activeIndicator: l,
+            onClickIndicator: c,
             multiple: u,
             activeIndicatorType: g,
             onChangeType: C
@@ -1713,8 +1713,8 @@ const bt = ({
   onClickCategory: t,
   activeCategory: r,
   activeSubCategory: a,
-  onClickSubCategory: c,
-  activeIndicator: l,
+  onClickSubCategory: l,
+  activeIndicator: c,
   onClickIndicator: u,
   multiple: g,
   activeIndicatorType: C,
@@ -1754,8 +1754,8 @@ const bt = ({
               id: v,
               activeSubCategory: a,
               subcName: f,
-              onClickSubCategory: c,
-              activeIndicator: l,
+              onClickSubCategory: l,
+              activeIndicator: c,
               onClickIndicator: u,
               multiple: g,
               activeColor: s,
@@ -1773,7 +1773,7 @@ const bt = ({
             values: f.type == "twoUnits" && f.values,
             activeColor: s,
             defaultColor: o,
-            activeIndicator: l,
+            activeIndicator: c,
             onClickIndicator: u,
             multiple: g,
             activeIndicatorType: C,
@@ -1814,9 +1814,9 @@ const w0 = "_indicatorsList_fklyu_2", x0 = "_title_fklyu_6", Je = {
   defaultValue: r = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
   changeIndType: a,
-  activeIndicatorType: c
+  activeIndicatorType: l
 }) => {
-  const { t: l } = $(), [u, g] = T(), [C, b] = T(), [y, m] = T(), h = (w) => {
+  const { t: c } = $(), [u, g] = T(), [C, b] = T(), [y, m] = T(), h = (w) => {
     g(u == w ? null : w);
   }, _ = (w) => {
     b(C == w ? null : w);
@@ -1862,7 +1862,7 @@ const w0 = "_indicatorsList_fklyu_2", x0 = "_title_fklyu_6", Je = {
     N && g(N.category);
   };
   return /* @__PURE__ */ p("div", { className: Je.indicatorsList, children: [
-    /* @__PURE__ */ i("h2", { className: Je.title, style: { color: s }, children: l("indicators.indicators") }),
+    /* @__PURE__ */ i("h2", { className: Je.title, style: { color: s }, children: c("indicators.indicators") }),
     n.map((w, N) => /* @__PURE__ */ i(
       bt,
       {
@@ -1879,7 +1879,7 @@ const w0 = "_indicatorsList_fklyu_2", x0 = "_title_fklyu_6", Je = {
         multiple: t,
         onChange: o,
         onChangeType: a,
-        activeIndicatorType: c
+        activeIndicatorType: l
       },
       `categoryKey${N}`
     ))
@@ -1903,8 +1903,8 @@ const k0 = "_langSelector_o9enq_2", $0 = "_currentLang_o9enq_14", S0 = "_arrow_o
   prevImg: B0,
   langMenu: L0
 }, T0 = ({ langs: n, arrow: d, imgPrev: s }) => {
-  const [o, t] = T(!1), { i18n: r } = $(), a = n.find((l) => l.code == r.language), c = (l) => {
-    r.changeLanguage(l), t(!1);
+  const [o, t] = T(!1), { i18n: r } = $(), a = n.find((c) => c.code == r.language), l = (c) => {
+    r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ p("div", { className: ae.langSelector, children: [
     /* @__PURE__ */ p(
@@ -1921,14 +1921,14 @@ const k0 = "_langSelector_o9enq_2", $0 = "_currentLang_o9enq_14", S0 = "_arrow_o
         ]
       }
     ),
-    o && /* @__PURE__ */ i("div", { className: ae.langMenu, children: n.map((l) => /* @__PURE__ */ i(
+    o && /* @__PURE__ */ i("div", { className: ae.langMenu, children: n.map((c) => /* @__PURE__ */ i(
       "button",
       {
-        className: (a == null ? void 0 : a.code) == l.code ? ae.active : "",
-        onClick: () => c(l.code),
-        children: l.title
+        className: (a == null ? void 0 : a.code) == c.code ? ae.active : "",
+        onClick: () => l(c.code),
+        children: c.title
       },
-      l.code
+      c.code
     )) })
   ] });
 };
@@ -1982,8 +1982,8 @@ const M0 = "_legendContainer_qs4x9_3", D0 = "_closeButton_qs4x9_31", F0 = "_titl
   //If this is null or undefined the button wont be displayed.
   onClickMoreInfo: a,
   //If not passed it will read t("moreInformation")
-  buttonTitle: c,
-  onClickClose: l
+  buttonTitle: l,
+  onClickClose: c
 }) => {
   const { t: u } = $();
   return /* @__PURE__ */ p(
@@ -1992,7 +1992,7 @@ const M0 = "_legendContainer_qs4x9_3", D0 = "_closeButton_qs4x9_31", F0 = "_titl
       style: n ? { ...n } : {},
       className: `${F.legendContainer}`,
       children: [
-        /* @__PURE__ */ i("button", { className: F.closeButton, onClick: l }),
+        /* @__PURE__ */ i("button", { className: F.closeButton, onClick: c }),
         d && /* @__PURE__ */ i("div", { className: F.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
         s && s.length > 0 && /* @__PURE__ */ i("div", { className: F.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: g, value: C }) => /* @__PURE__ */ p("li", { children: [
           /* @__PURE__ */ i("h3", { className: F.title, children: `${g}:` }),
@@ -2058,7 +2058,7 @@ const M0 = "_legendContainer_qs4x9_3", D0 = "_closeButton_qs4x9_31", F0 = "_titl
             /* @__PURE__ */ i("div", { className: F.absoluteValueText, children: /* @__PURE__ */ i("span", { children: u(r.noDataText) }) })
           ] })
         ] }),
-        a && /* @__PURE__ */ i("button", { className: F.moreInfoContainer, onClick: a, children: c || u("moreInformation") })
+        a && /* @__PURE__ */ i("button", { className: F.moreInfoContainer, onClick: a, children: l || u("moreInformation") })
       ]
     }
   );
@@ -2114,8 +2114,8 @@ const Q0 = ({
   firstSymbolLayer: t,
   cssProps: r = "",
   onClick: a = "",
-  interactiveLayers: c = [],
-  popUp: l = !1,
+  interactiveLayers: l = [],
+  popUp: c = !1,
   sources: u = [],
   layers: g = []
 }) => {
@@ -2137,7 +2137,7 @@ const Q0 = ({
       minZoom: s,
       mapStyle: o,
       onClick: a,
-      interactiveLayerIds: c,
+      interactiveLayerIds: l,
       children: [
         u.length && u.map((h, _) => /* @__PURE__ */ i(
           At,
@@ -2157,14 +2157,14 @@ const Q0 = ({
           _
         )),
         /* @__PURE__ */ i(It, { position: "bottom-right", visualizePitch: !0 }),
-        l && b && /* @__PURE__ */ i(
+        c && b && /* @__PURE__ */ i(
           Rt,
           {
-            longitude: l.longitude,
-            latitude: l.latitude,
-            anchor: l.anchor,
+            longitude: c.longitude,
+            latitude: c.latitude,
+            anchor: c.anchor,
             onClose: () => y(null),
-            children: l.content
+            children: c.content
           }
         )
       ]
@@ -2242,8 +2242,8 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
   firstSymbolLayer: t,
   cssProps: r = {},
   onClick: a = "",
-  interactiveLayers: c = [],
-  sources: l = [],
+  interactiveLayers: l = [],
+  sources: c = [],
   layers: u = [],
   filters: g,
   popUpParams: C,
@@ -2275,9 +2275,9 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
       minZoom: s,
       mapStyle: o,
       onClick: a,
-      interactiveLayerIds: c,
+      interactiveLayerIds: l,
       children: [
-        l.length && l.map((h, _) => /* @__PURE__ */ i(
+        c.length && c.map((h, _) => /* @__PURE__ */ i(
           Pt,
           {
             ...h,
@@ -2431,12 +2431,12 @@ const pn = Kt({
   lastYear: o = 2050,
   zIndex: t = 10,
   rightBarOpen: r = !1,
-  onChange: a = (c) => {
-    console.log("year changed to ", c);
+  onChange: a = (l) => {
+    console.log("year changed to ", l);
   }
 }) => {
-  const [c, l] = T(d), u = (f, v) => {
-    l(v), a(v);
+  const [l, c] = T(d), u = (f, v) => {
+    c(v), a(v);
   }, [g, C] = T(!1), b = () => {
     C(!0);
   }, y = () => {
@@ -2456,7 +2456,7 @@ const pn = Kt({
       }
     }, [v]);
   })(() => {
-    g && (c != 2050 ? (l(c + 1), a(c + 1)) : (l(2025), a(2025)));
+    g && (l != 2050 ? (c(l + 1), a(l + 1)) : (c(2025), a(2025)));
   }, 1e3);
   const h = Ut({
     palette: {
@@ -2498,7 +2498,7 @@ const pn = Kt({
           Ht,
           {
             "aria-label": "TimeSlider",
-            value: c,
+            value: l,
             valueLabelDisplay: "on",
             step: 1,
             marks: _,
@@ -2539,19 +2539,19 @@ const yn = "_TopNavMenuContainer_12mp4_2", vn = "_topNavOptions_12mp4_13", wn =
   }
 }) => {
   const { t: r } = $();
-  return /* @__PURE__ */ i("div", { className: De.TopNavMenuContainer, style: { ...d }, children: n.map((a, c) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: De.TopNavMenuContainer, style: { ...d }, children: n.map((a, l) => /* @__PURE__ */ i(
     Yt,
     {
       to: a.url,
-      className: ({ isActive: l }) => `${De.topNavOptions} ${l ? De.active : ""} `,
+      className: ({ isActive: c }) => `${De.topNavOptions} ${c ? De.active : ""} `,
       onClick: () => t(a.url),
-      style: ({ isActive: l }) => ({
+      style: ({ isActive: c }) => ({
         color: o,
-        borderBottom: l ? `5px solid ${s}` : "5px solid transparent"
+        borderBottom: c ? `5px solid ${s}` : "5px solid transparent"
       }),
       children: r(a.name)
     },
-    c
+    l
   )) });
 };
 xn.propTypes = {
@@ -2576,18 +2576,18 @@ const Nn = "_LogInButton_1vxj5_2", kn = {
   onClickLogIn: a = () => {
     console.log("Login clicked");
   },
-  onClickLogOut: c = () => {
+  onClickLogOut: l = () => {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: l } = $();
+  const { t: c } = $();
   return /* @__PURE__ */ i(
     "div",
     {
       style: { ...o },
       className: `${kn.LogInButton} link ${n}`,
-      onClick: r ? c : a,
-      children: r ? t || l(s) : l(d)
+      onClick: r ? l : a,
+      children: r ? t || c(s) : c(d)
     }
   );
 };
@@ -2651,8 +2651,8 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   fontColor: t,
   moreInfo: r,
   columns: a,
-  elementButtons: c,
-  processTooltip: l,
+  elementButtons: l,
+  processTooltip: c,
   defaultTooltip: u,
   showEye: g = !0
 }) => {
@@ -2677,19 +2677,19 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         /* @__PURE__ */ p("div", { className: E.elementButtons, children: [
           n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: Hn }),
-            /* @__PURE__ */ i(ne, { text: l, position: "left" })
+            /* @__PURE__ */ i(ne, { text: c, position: "left" })
           ] }),
-          c.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => c.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: Kn }) }),
-            /* @__PURE__ */ i(ne, { text: c.filter.tooltiptext, position: "left" })
+          l.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => l.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: Kn }) }),
+            /* @__PURE__ */ i(ne, { text: l.filter.tooltiptext, position: "left" })
           ] }),
-          c.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => c.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: zn }) }),
-            /* @__PURE__ */ i(ne, { text: c.copy.tooltiptext, position: "left" })
+          l.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => l.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: zn }) }),
+            /* @__PURE__ */ i(ne, { text: l.copy.tooltiptext, position: "left" })
           ] }),
-          c.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => c.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: Zn }) }),
-            /* @__PURE__ */ i(ne, { text: c.trash.tooltiptext, position: "left" })
+          l.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => l.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: Zn }) }),
+            /* @__PURE__ */ i(ne, { text: l.trash.tooltiptext, position: "left" })
           ] }),
           n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: Un }),
@@ -2753,8 +2753,8 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: a,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: c = (m) => console.log(`OnCLickElement: ${m}`),
-  columns: l,
+  onClickElement: l = (m) => console.log(`OnCLickElement: ${m}`),
+  columns: c,
   // {'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}
@@ -2788,13 +2788,13 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: Z.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: Z.nameDateContainer, children: Object.keys(l).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
-                /* @__PURE__ */ i("span", { children: m(l.name) }),
+              /* @__PURE__ */ i("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "name" ? /* @__PURE__ */ i("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
+                /* @__PURE__ */ i("span", { children: m(c.name) }),
                 /* @__PURE__ */ i("img", { src: it, alt: "order arrow" })
               ] }) }, v) : v === "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
-                /* @__PURE__ */ i("span", { children: m(l.data) }),
+                /* @__PURE__ */ i("span", { children: m(c.data) }),
                 /* @__PURE__ */ i("img", { src: it, alt: "order arrow" })
-              ] }) }, v) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ i("span", { children: m(l[v]) }) }, v)) }),
+              ] }) }, v) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: /* @__PURE__ */ i("span", { children: m(c[v]) }) }, v)) }),
               /* @__PURE__ */ i("div", { className: Z.buttonsContainer })
             ]
           }
@@ -2806,8 +2806,8 @@ const it = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             listelement: v,
             fontColor: s,
             activeColor: o,
-            onClickElement: c,
-            columns: l,
+            onClickElement: l,
+            columns: c,
             elementButtons: u,
             moreInfo: g,
             processTooltip: C,
@@ -2919,15 +2919,15 @@ var wt = (n) => /^\w*$/.test(n), je = (n) => n === void 0, di = (n) => Array.isA
   let o = -1;
   const t = wt(d) ? [d] : xt(d), r = t.length, a = r - 1;
   for (; ++o < r; ) {
-    const c = t[o];
-    let l = s;
+    const l = t[o];
+    let c = s;
     if (o !== a) {
-      const u = n[c];
-      l = fe(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
+      const u = n[l];
+      c = fe(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
     }
-    if (c === "__proto__" || c === "constructor" || c === "prototype")
+    if (l === "__proto__" || l === "constructor" || l === "prototype")
       return;
-    n[c] = l, n = n[c];
+    n[l] = c, n = n[l];
   }
 };
 const ot = {
@@ -2953,7 +2953,7 @@ var ui = (n, d, s, o = !0) => {
 };
 const kt = typeof window < "u" ? ue.useLayoutEffect : ue.useEffect;
 function pi(n) {
-  const d = Ue(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [a, c] = B.useState(s._formState), l = B.useRef({
+  const d = Ue(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [a, l] = B.useState(s._formState), c = B.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -2965,66 +2965,66 @@ function pi(n) {
   });
   return kt(() => s._subscribe({
     name: t,
-    formState: l.current,
+    formState: c.current,
     exact: r,
     callback: (u) => {
-      !o && c({
+      !o && l({
         ...s._formState,
         ...u
       });
     }
   }), [t, o, r]), B.useEffect(() => {
-    l.current.isValid && s._setValid(!0);
-  }, [s]), B.useMemo(() => ui(a, s, l.current, !1), [a, s]);
+    c.current.isValid && s._setValid(!0);
+  }, [s]), B.useMemo(() => ui(a, s, c.current, !1), [a, s]);
 }
 var mi = (n) => typeof n == "string", hi = (n, d, s, o, t) => mi(n) ? I(s, n, t) : Array.isArray(n) ? n.map((r) => I(s, r)) : s;
 function gi(n) {
-  const d = Ue(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, c = B.useRef(t), [l, u] = B.useState(s._getWatch(o, c.current));
+  const d = Ue(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, l = B.useRef(t), [c, u] = B.useState(s._getWatch(o, l.current));
   return kt(() => s._subscribe({
     name: o,
     formState: {
       values: !0
     },
     exact: a,
-    callback: (g) => !r && u(hi(o, s._names, g.values || s._formValues, !1, c.current))
-  }), [o, s, r, a]), B.useEffect(() => s._removeUnmounted()), l;
+    callback: (g) => !r && u(hi(o, s._names, g.values || s._formValues, !1, l.current))
+  }), [o, s, r, a]), B.useEffect(() => s._removeUnmounted()), c;
 }
 function Ci(n) {
-  const d = Ue(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = ai(t._names.array, s), c = gi({
+  const d = Ue(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = ai(t._names.array, s), l = gi({
     control: t,
     name: s,
     defaultValue: I(t._formValues, s, I(t._defaultValues, s, n.defaultValue)),
     exact: !0
-  }), l = pi({
+  }), c = pi({
     control: t,
     name: s,
     exact: !0
   }), u = B.useRef(n), g = B.useRef(t.register(s, {
     ...n.rules,
-    value: c,
+    value: l,
     ...Fe(n.disabled) ? { disabled: n.disabled } : {}
   })), C = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!I(l.errors, s)
+      get: () => !!I(c.errors, s)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!I(l.dirtyFields, s)
+      get: () => !!I(c.dirtyFields, s)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!I(l.touchedFields, s)
+      get: () => !!I(c.touchedFields, s)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!I(l.validatingFields, s)
+      get: () => !!I(c.validatingFields, s)
     },
     error: {
       enumerable: !0,
-      get: () => I(l.errors, s)
+      get: () => I(c.errors, s)
     }
-  }), [l, s]), b = B.useCallback((_) => g.current.onChange({
+  }), [c, s]), b = B.useCallback((_) => g.current.onChange({
     target: {
       value: oi(_),
       name: s
@@ -3046,12 +3046,12 @@ function Ci(n) {
     });
   }, [t._fields, s]), h = B.useMemo(() => ({
     name: s,
-    value: c,
-    ...Fe(o) || l.disabled ? { disabled: l.disabled || o } : {},
+    value: l,
+    ...Fe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: b,
     onBlur: y,
     ref: m
-  }), [s, o, l.disabled, b, y, m, c]);
+  }), [s, o, c.disabled, b, y, m, l]);
   return B.useEffect(() => {
     const _ = t._options.shouldUnregister || r;
     t.register(s, {
@@ -3076,9 +3076,9 @@ function Ci(n) {
     });
   }, [o, s, t]), B.useMemo(() => ({
     field: h,
-    formState: l,
+    formState: c,
     fieldState: C
-  }), [h, l, C]);
+  }), [h, c, C]);
 }
 const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
   errorMessage: fi
@@ -3103,8 +3103,8 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     label: t,
     maxLength: r,
     required: a,
-    validateFunction: c,
-    placeholder: l,
+    validateFunction: l,
+    placeholder: c,
     errorColor: u = "red",
     width: g = 325,
     onClickForgotPass: C = () => {
@@ -3124,7 +3124,7 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
       rules: {
         required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
         maxLength: r || void 0,
-        validate: c || void 0
+        validate: l || void 0
       },
       render: ({ field: N, fieldState: k }) => {
         var S;
@@ -3145,7 +3145,7 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                   {
                     type: w(),
                     ...N,
-                    placeholder: l ? y(l) : "",
+                    placeholder: c ? y(c) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3193,8 +3193,8 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     label: t,
     maxLength: r,
     required: a,
-    validateFunction: c,
-    placeholder: l,
+    validateFunction: l,
+    placeholder: c,
     errorColor: u = "red",
     width: g = 325,
     options: C = []
@@ -3208,7 +3208,10 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
       control: y,
       rules: {
         required: a ? `${b(t)} ${b("errorMessages.required")}` : !1,
-        validate: c || void 0
+        validate: l ? (f) => {
+          let v = d.getValues();
+          return l(f, v);
+        } : void 0
       },
       render: ({ field: f, fieldState: v }) => {
         var x;
@@ -3229,7 +3232,7 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                 },
                 className: ce.selectInput,
                 children: [
-                  /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: b(l || "selectOption") }),
+                  /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: b(c || "selectOption") }),
                   C.map((w, N) => /* @__PURE__ */ i(
                     "option",
                     {
@@ -3276,15 +3279,15 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     required: t,
     validateFunction: r,
     errorColor: a = "red",
-    options: c = [],
-    multi: l = !1
+    options: l = [],
+    multi: c = !1
   } = n, { t: u } = $(), { control: g, trigger: C, clearErrors: b } = d, y = ({ options: _, onChange: f, actualValue: v }) => {
-    if (l && v && v.length > 0) {
+    if (c && v && v.length > 0) {
       let x = v.filter((w) => w !== _);
       f(x);
     }
   }, m = ({ options: _, onChange: f, actualValue: v }) => {
-    l ? v && v.length > 0 ? f([...v, _]) : f([_]) : f(_);
+    c ? v && v.length > 0 ? f([...v, _]) : f([_]) : f(_);
   }, h = ie(t);
   return M(() => {
     h.current !== t && (t ? C(s) : b(s), h.current = t);
@@ -3322,14 +3325,14 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
             }
           ) }),
           /* @__PURE__ */ p("div", { className: ee.inputContainer, children: [
-            c.map(
+            l.map(
               ({
                 label: S,
                 value: L,
                 disabled: P = !1,
                 italicLabel: W
               }, q) => {
-                const ye = x && l ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((K) => K === L) : x === L;
+                const ye = x && c ? x.isArray && (x == null ? void 0 : x.length) > 0 && x.some((K) => K === L) : x === L;
                 return /* @__PURE__ */ p("label", { children: [
                   /* @__PURE__ */ i(
                     "input",
@@ -3337,13 +3340,13 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                       type: "radio",
                       checked: ye,
                       onChange: () => {
-                        l ? ye ? y({
+                        c ? ye ? y({
                           actualValue: x,
-                          options: c,
+                          options: l,
                           onChange: f
                         }) : m({
                           actualValue: x,
-                          options: c,
+                          options: l,
                           onChange: f
                         }) : f(L);
                       },
@@ -3383,9 +3386,9 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     minValue: t = 1,
     maxValue: r = 5,
     defValue: a = 3,
-    thumbColor: c = "#B32F5D",
+    thumbColor: l = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
-    required: l,
+    required: c,
     errorColor: u = "red",
     labelWidth: g = "300px",
     sliderWidth: C = "300px",
@@ -3394,17 +3397,17 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     disabled: m = !1,
     marks: h = Array.from({ length: r - t + 1 }, (L, P) => t + P),
     showMarksNumber: _ = !0
-  } = n, { t: f } = $(), { control: v, trigger: x, clearErrors: w } = d || {}, N = ie(l), [k, S] = T(a);
+  } = n, { t: f } = $(), { control: v, trigger: x, clearErrors: w } = d || {}, N = ie(c), [k, S] = T(a);
   return M(() => {
-    d && N.current !== l && (l ? x(s) : w(s), N.current = l);
-  }, [l, s, x, w, d]), d ? /* @__PURE__ */ i(
+    d && N.current !== c && (c ? x(s) : w(s), N.current = c);
+  }, [c, s, x, w, d]), d ? /* @__PURE__ */ i(
     be,
     {
       name: s,
       control: v,
       defaultValue: a,
       rules: {
-        required: l ? `${f(o)} ${f("errorMessages.required")}` : !1
+        required: c ? `${f(o)} ${f("errorMessages.required")}` : !1
       },
       render: ({ field: L, fieldState: P }) => {
         var W;
@@ -3429,7 +3432,7 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                       marks: !0,
                       className: D.slider,
                       thumbClassName: D.thumb,
-                      renderThumb: (q) => /* @__PURE__ */ i("div", { ...q, style: { ...q.style, backgroundColor: c } }),
+                      renderThumb: (q) => /* @__PURE__ */ i("div", { ...q, style: { ...q.style, backgroundColor: l } }),
                       trackClassName: D.track,
                       markClassName: D.mark,
                       disabled: m
@@ -3472,7 +3475,7 @@ const be = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                 marks: !0,
                 className: D.slider,
                 thumbClassName: D.thumb,
-                renderThumb: (L) => /* @__PURE__ */ i("div", { ...L, style: { ...L.style, backgroundColor: c } }),
+                renderThumb: (L) => /* @__PURE__ */ i("div", { ...L, style: { ...L.style, backgroundColor: l } }),
                 trackClassName: D.track,
                 markClassName: D.mark,
                 disabled: m
@@ -3510,15 +3513,15 @@ const Ae = ({
   reactHookFormInstance: s
 }) => {
   const { watch: o } = s, t = o(), r = Ce(() => n.map((a) => {
-    const c = typeof a.required == "function" ? a.required(t) : a.required;
+    const l = typeof a.required == "function" ? a.required(t) : a.required;
     return {
       ...a,
-      required: c
+      required: l
     };
   }), [n, t]);
-  return /* @__PURE__ */ i("div", { className: le.inputsContainer, children: r == null ? void 0 : r.map((a, c) => {
-    const { inputType: l } = a;
-    switch (l) {
+  return /* @__PURE__ */ i("div", { className: le.inputsContainer, children: r == null ? void 0 : r.map((a, l) => {
+    const { inputType: c } = a;
+    switch (c) {
       case he.text:
         return /* @__PURE__ */ i(
           "div",
@@ -3533,7 +3536,7 @@ const Ae = ({
               }
             )
           },
-          `${a.code}${c}`
+          `${a.code}${l}`
         );
       case he.password:
         return /* @__PURE__ */ i(
@@ -3549,7 +3552,7 @@ const Ae = ({
               }
             )
           },
-          `${a.code}${c}`
+          `${a.code}${l}`
         );
       case he.select:
         return /* @__PURE__ */ i(
@@ -3565,7 +3568,7 @@ const Ae = ({
               }
             )
           },
-          `${a.code}${c}`
+          `${a.code}${l}`
         );
       case he.radioList:
         return /* @__PURE__ */ i(
@@ -3581,7 +3584,7 @@ const Ae = ({
               }
             )
           },
-          `${a.code}${c}`
+          `${a.code}${l}`
         );
       case he.rankingSlider:
         return /* @__PURE__ */ i(
@@ -3597,10 +3600,10 @@ const Ae = ({
               }
             )
           },
-          `${a.code}${c}`
+          `${a.code}${l}`
         );
       default:
-        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${a.code}${c}`);
+        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${a.code}${l}`);
     }
   }) });
 }, io = ({
@@ -3614,8 +3617,8 @@ const Ae = ({
   generalError: t,
   errorColor: r = "red",
   submitButtonLabel: a = "Submit",
-  submitButtonStyles: c = { width: 325 },
-  activeCategory: l = null,
+  submitButtonStyles: l = { width: 325 },
+  activeCategory: c = null,
   // If provided, only the category with this categoryId will be displayed.
   onSubmit: u = (g) => console.log("Form submitted with data: ", g)
 }) => {
@@ -3631,7 +3634,7 @@ const Ae = ({
         "div",
         {
           style: {
-            display: l && m.categoryId !== l ? "none" : "inherit",
+            display: c && m.categoryId !== c ? "none" : "inherit",
             width: "100%"
           },
           children: /* @__PURE__ */ i(
@@ -3657,7 +3660,7 @@ const Ae = ({
         {
           style: {
             width: "100%",
-            display: l && m.categoryId !== l ? "none" : "flex",
+            display: c && m.categoryId !== c ? "none" : "flex",
             flexDirection: "column"
           },
           children: [
@@ -3687,7 +3690,7 @@ const Ae = ({
       ) }, `inputKey${h}`);
     }) }),
     /* @__PURE__ */ p("div", { className: Ve.buttonContainer, children: [
-      /* @__PURE__ */ i($e, { containerStyles: c, type: "submit", children: y(a) }),
+      /* @__PURE__ */ i($e, { containerStyles: l, type: "submit", children: y(a) }),
       /* @__PURE__ */ i(_e, { errorMessage: t, errorColor: r })
     ] })
   ] });
@@ -3718,7 +3721,7 @@ const Ae = ({
       d && /* @__PURE__ */ i("img", { src: d, alt: "icon", className: G.icon }),
       /* @__PURE__ */ i("p", { className: G.message, children: s }),
       o && /* @__PURE__ */ i("p", { className: G.submessage, children: o }),
-      t.length > 0 && /* @__PURE__ */ i("div", { className: G.buttonsContainer, children: t.map((c, l) => /* @__PURE__ */ i("div", { className: G.buttonWrapper, children: c }, l)) })
+      t.length > 0 && /* @__PURE__ */ i("div", { className: G.buttonsContainer, children: t.map((l, c) => /* @__PURE__ */ i("div", { className: G.buttonWrapper, children: l }, c)) })
     ]
   }
 ) });
@@ -3848,25 +3851,25 @@ const Cs = "_switchContainer_194wl_2", fs = "_labelRight_194wl_9", bs = "_labelL
     labelRight: t,
     defValue: r = !1,
     colorOn: a = "#5A514D",
-    disabled: c = !1,
-    width: l = 240
-  } = n, { t: u } = $(), { control: g } = d || {}, [C, b] = T(r), y = (m, h) => /* @__PURE__ */ p("div", { className: de.switchContainer, style: { width: `${l}px` }, children: [
+    disabled: l = !1,
+    width: c = 240
+  } = n, { t: u } = $(), { control: g } = d || {}, [C, b] = T(r), y = (m, h) => /* @__PURE__ */ p("div", { className: de.switchContainer, style: { width: `${c}px` }, children: [
     o && /* @__PURE__ */ i(
       "span",
       {
         className: de.labelLeft,
-        style: { width: `${(l - 74) / 2}px` },
+        style: { width: `${(c - 74) / 2}px` },
         children: u(o)
       }
     ),
-    /* @__PURE__ */ p("label", { className: `${de.switch} ${c ? de.disabled : ""}`, children: [
+    /* @__PURE__ */ p("label", { className: `${de.switch} ${l ? de.disabled : ""}`, children: [
       /* @__PURE__ */ i(
         "input",
         {
           type: "checkbox",
           checked: !!m,
           onChange: () => h(!m),
-          disabled: c
+          disabled: l
         }
       ),
       /* @__PURE__ */ i(
@@ -3879,7 +3882,7 @@ const Cs = "_switchContainer_194wl_2", fs = "_labelRight_194wl_9", bs = "_labelL
         }
       )
     ] }),
-    t && /* @__PURE__ */ i("span", { className: de.labelRight, style: { width: `${(l - 74) / 2}px` }, children: u(t) })
+    t && /* @__PURE__ */ i("span", { className: de.labelRight, style: { width: `${(c - 74) / 2}px` }, children: u(t) })
   ] });
   return d ? /* @__PURE__ */ i(
     be,
@@ -3916,7 +3919,7 @@ const ws = "_header_13kbt_2", xs = "_leftComponents_13kbt_13", Ns = "_centerComp
   zIndex: t = 10,
   height: r = 60,
   backgroundColor: a = "#605B56",
-  isFooter: c = !1
+  isFooter: l = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ p(
   "div",
@@ -3927,13 +3930,13 @@ const ws = "_header_13kbt_2", xs = "_leftComponents_13kbt_13", Ns = "_centerComp
       zIndex: t,
       height: r,
       backgroundColor: a,
-      top: c ? "auto" : 0,
-      bottom: c ? 0 : "auto"
+      top: l ? "auto" : 0,
+      bottom: l ? 0 : "auto"
     },
     children: [
-      /* @__PURE__ */ i("div", { className: te.leftComponents, children: d.map((l, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: l }, u)) }),
-      /* @__PURE__ */ i("div", { className: te.centerComponents, children: s.map((l, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: l }, u)) }),
-      /* @__PURE__ */ i("div", { className: te.rightComponents, children: o.map((l, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: l }, u)) })
+      /* @__PURE__ */ i("div", { className: te.leftComponents, children: d.map((c, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: c }, u)) }),
+      /* @__PURE__ */ i("div", { className: te.centerComponents, children: s.map((c, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: c }, u)) }),
+      /* @__PURE__ */ i("div", { className: te.rightComponents, children: o.map((c, u) => /* @__PURE__ */ i("div", { className: te.componentsContainer, children: c }, u)) })
     ]
   }
 );