@tmf_ciclica/ciclicastorybook 1.1.128 → 1.1.129

package/dist/index.es.js

@@ -44,7 +44,7 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
   fontColor: l,
   moreInfo: c
 }) => {
-  const { name: u, created_at: m, id: g, isBeingProcessed: _ } = n;
+  const { name: u, created_at: h, id: g, isBeingProcessed: _ } = n;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -62,7 +62,7 @@ const Qt = "_ambitSelector_mcunf_2", Xt = "_header_mcunf_13", Jt = "_nameDateCon
             ),
             /* @__PURE__ */ s("span", { style: { color: r ? a : l }, children: u })
           ] }),
-          /* @__PURE__ */ s("div", { className: ue.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
+          /* @__PURE__ */ s("div", { className: ue.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: ue.ambitButtons, children: [
           _ && /* @__PURE__ */ s("img", { src: m2 }),
@@ -127,12 +127,12 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: l = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: m = (h) => console.log(`Copy ambit: ${h}`),
-  onCLickDelete: g = (h) => console.log(`Delete ambit: ${h}`),
-  onClickFilters: _ = (h) => console.log(`Filters clicked: ${h}`),
-  onClickAmbit: y = (h) => console.log(`OnCLickAmbit: ${h}`)
+  onClickCopy: h = (m) => console.log(`Copy ambit: ${m}`),
+  onCLickDelete: g = (m) => console.log(`Delete ambit: ${m}`),
+  onClickFilters: _ = (m) => console.log(`Filters clicked: ${m}`),
+  onClickAmbit: y = (m) => console.log(`OnCLickAmbit: ${m}`)
 }) => {
-  const { t: h } = k(), [b, C] = L(n);
+  const { t: m } = k(), [b, C] = L(n);
   M(() => {
     n && C(n);
   }, [n]);
@@ -156,11 +156,11 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             children: [
               /* @__PURE__ */ p("div", { className: U.nameDateContainer, children: [
                 /* @__PURE__ */ s("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
-                  /* @__PURE__ */ s("span", { children: h(t) }),
+                  /* @__PURE__ */ s("span", { children: m(t) }),
                   /* @__PURE__ */ s("img", { src: Ge })
                 ] }) }),
                 /* @__PURE__ */ s("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
-                  /* @__PURE__ */ s("span", { children: h(r) }),
+                  /* @__PURE__ */ s("span", { children: m(r) }),
                   /* @__PURE__ */ s("img", { src: Ge })
                 ] }) })
               ] }),
@@ -175,7 +175,7 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ambit: v,
             fontColor: i,
             activeColor: o,
-            onClickCopy: m,
+            onClickCopy: h,
             onClickDelete: g,
             onClickFilters: _,
             onClickAmbit: y
@@ -188,7 +188,7 @@ const Ge = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...l },
             onClick: u,
             borderColor: "grey",
-            children: h(a)
+            children: m(a)
           }
         ) })
       ]
@@ -255,14 +255,14 @@ const T2 = ({
       children: n.map((l, c) => {
         const {
           icon: u,
-          activeIcon: m,
+          activeIcon: h,
           isActive: g,
           name: _,
           onClick: y,
-          disabled: h
+          disabled: m
         } = l, b = /* @__PURE__ */ p(Ae, { children: [
           i && o === "left" && /* @__PURE__ */ s("span", { className: Y.buttonName, children: a(_) }),
-          /* @__PURE__ */ s("img", { src: g ? m : u, alt: a(_) }),
+          /* @__PURE__ */ s("img", { src: g ? h : u, alt: a(_) }),
           i && o === "right" && /* @__PURE__ */ s("span", { className: Y.buttonName, children: a(_) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
@@ -272,7 +272,7 @@ const T2 = ({
               onClick: y,
               className: `${Y.button}
                 ${g && Y.active}`,
-              disabled: h,
+              disabled: m,
               children: b
             }
           ),
@@ -317,7 +317,7 @@ const D2 = "_indicatorsCategory_1cu33_2", L2 = "_title_1cu33_5", Be = {
   showBottomBar: c = !0,
   titleMarginChildren: u = 25
 }) => {
-  const { t: m } = k();
+  const { t: h } = k();
   return /* @__PURE__ */ p(
     ze.div,
     {
@@ -342,7 +342,7 @@ const D2 = "_indicatorsCategory_1cu33_2", L2 = "_title_1cu33_5", Be = {
             onClick: d,
             children: [
               /* @__PURE__ */ s("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
-              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: m(r) })
+              /* @__PURE__ */ s("span", { style: { marginLeft: 12, color: n ? t : o }, children: h(r) })
             ]
           }
         ),
@@ -374,8 +374,8 @@ const Ks = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), F2 = "data
   inputsColor: "#605B56"
 })), lt = ({ title: n, onClick: d, isOpen: i = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
   const { t: a } = k(), { tematicalFiltersSelected: l } = O((u) => u), c = (u) => {
-    O.setState((m) => ({
-      tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
+    O.setState((h) => ({
+      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (g) => g.code !== u
       )
     }));
@@ -387,10 +387,10 @@ const Ks = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), F2 = "data
       onClick: d,
       title: n ? a(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ s("div", { className: We.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, m) => /* @__PURE__ */ p("div", { className: We.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ s("div", { className: We.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, h) => /* @__PURE__ */ p("div", { className: We.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(u.name),
         /* @__PURE__ */ s("img", { src: F2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
-      ] }, m)) })
+      ] }, h)) })
     }
   );
 };
@@ -522,8 +522,8 @@ let Re = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (l) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onTouchMove = (l) => {
       if (l.touches.length > 1) return;
       t.setState({ pending: !0 });
@@ -533,8 +533,8 @@ let Re = function(n) {
         t.isScrolling = Math.abs(_) > Math.abs(g);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onKeyDown = (l) => {
       if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
         case "ArrowLeft":
@@ -587,8 +587,8 @@ let Re = function(n) {
       if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
       const u = t.getTouchPosition(c);
-      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), _e(t.getTouchEventMap()), function(m) {
-        m.stopPropagation && m.stopPropagation();
+      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), _e(t.getTouchEventMap()), function(h) {
+        h.stopPropagation && h.stopPropagation();
       }(c);
     }, t.handleResize = () => {
       const l = window.setTimeout(() => {
@@ -596,13 +596,13 @@ let Re = function(n) {
       }, 0);
       t.pendingResizeTimeouts.push(l);
     }, t.renderThumb = (l, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (_) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (_) => {
         t["thumb" + c] = _;
       }, key: t.props.thumbClassName + "-" + c, className: u, style: l, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: be(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(m, g);
+      return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
     }, t.renderTrack = (l, c, u) => {
-      const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: be(t.state.value) };
-      return t.props.renderTrack(m, g);
+      const h = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: l, value: be(t.state.value) };
+      return t.props.renderTrack(h, g);
     };
     let r = Se(o.value);
     r.length || (r = Se(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -633,8 +633,8 @@ let Re = function(n) {
     let t = Number.MAX_VALUE, r = -1;
     const { value: a } = this.state, l = a.length;
     for (let c = 0; c < l; c += 1) {
-      const u = this.calcOffset(a[c]), m = Math.abs(o - u);
-      m < t && (t = m, r = c);
+      const u = this.calcOffset(a[c]), h = Math.abs(o - u);
+      h < t && (t = h, r = c);
     }
     return r;
   }, i.getMousePosition = function(o) {
@@ -657,8 +657,8 @@ let Re = function(n) {
   }, i.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - m, _ = Math.abs(c - u);
-    this.state.upperBound === g && this.state.sliderLength === _ && this.state.thumbSize === m || this.setState({ upperBound: g, sliderLength: _, thumbSize: m });
+    const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - h, _ = Math.abs(c - u);
+    this.state.upperBound === g && this.state.sliderLength === _ && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: _, thumbSize: h });
   }, i.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -697,7 +697,7 @@ let Re = function(n) {
     const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
     if (o === l) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: m, minDistance: g } = this.props;
+    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
     if (!c) {
       if (r > 0) {
         const _ = t[r - 1];
@@ -708,17 +708,17 @@ let Re = function(n) {
         o > _ - g && (o = _ - g);
       }
     }
-    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(_, y, h, b) {
+    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(_, y, m, b) {
       for (let C = 0; C < _; C += 1) {
-        const f = b - C * h;
+        const f = b - C * m;
         y[_ - 1 - C] > f && (y[_ - 1 - C] = f);
       }
-    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(_, y, h, b) {
+    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(_, y, m, b) {
       for (let C = 0; C < _; C += 1) {
-        const f = b + C * h;
+        const f = b + C * m;
         y[C] < f && (y[C] = f);
       }
-    }(a, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(a, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, i.pushSucceeding = function(o, t, r) {
     let a, l;
     for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Ie(l, this.props);
@@ -791,11 +791,11 @@ const q2 = "_container_15vgv_2", E2 = "_unitLabel_15vgv_9", P2 = "_slider_15vgv_
   fontColor: a = "#605B56",
   defaultValue: l
 }) => {
-  const { t: c } = k(), [u, m] = L([n, d]), g = (_) => {
-    m(_), o == null || o({ min: _[0], max: _[1] });
+  const { t: c } = k(), [u, h] = L([n, d]), g = (_) => {
+    h(_), o == null || o({ min: _[0], max: _[1] });
   };
   return M(() => {
-    l || m([n, d]);
+    l || h([n, d]);
   }, [l]), /* @__PURE__ */ p(
     "div",
     {
@@ -856,7 +856,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
     minValue: l,
     maxValue: c,
     unit: u,
-    step: m,
+    step: h,
     disabled: g
   } = n || {}, _ = ge(
     () => t == "cat" || i == "cat",
@@ -865,7 +865,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
     () => t == "abs" || i == "abs",
     [i, t]
   ), {
-    tematicalFiltersSelected: h,
+    tematicalFiltersSelected: m,
     selectedIndicator: b,
     fontColor: C,
     inputsColor: f
@@ -895,7 +895,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
           let A = T.map((R, St) => St);
           return {
             tematicalFiltersSelected: [
-              ...h,
+              ...m,
               {
                 type: "cat",
                 code: E,
@@ -926,7 +926,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ...h,
+              ...m,
               {
                 type: z,
                 code: E,
@@ -941,11 +941,11 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
     }
   }, N = ge(() => {
     const x = {};
-    if ((h == null ? void 0 : h.length) > 0)
-      for (const w of h)
+    if ((m == null ? void 0 : m.length) > 0)
+      for (const w of m)
         w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
     return x;
-  }, [h]);
+  }, [m]);
   return /* @__PURE__ */ s("div", { className: ye.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
     ie,
     {
@@ -1035,7 +1035,7 @@ const K2 = "_tematicalFiltersInputContainer_1vm1r_2", H2 = "_inputTypeContainer_
             max: c,
             unit: u,
             defaultValue: N[n.code[0]] ? N[n.code[0]] : "",
-            step: m
+            step: h
           }
         ) })
       ]
@@ -1216,13 +1216,13 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
   onChangeAppliedFilters: l,
   saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: m,
+  descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
   nameRequiredText: _,
   onlyFilters: y = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: h } = k(), { tematicalFiltersSelected: b } = O(($) => $), [C, f] = L(n || null), [v, N] = L(d || null), [x, w] = L(!1);
+  const { t: m } = k(), { tematicalFiltersSelected: b } = O(($) => $), [C, f] = L(n || null), [v, N] = L(d || null), [x, w] = L(!1);
   M(() => {
     i && i.length > 0 && O.setState(($) => ({
       tematicalFiltersSelected: i
@@ -1243,7 +1243,7 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
             w(!1), f($.target.value);
           },
           value: C,
-          placeholder: h(u)
+          placeholder: m(u)
         }
       ) }),
       /* @__PURE__ */ s("div", { className: oe.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: oe.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
@@ -1251,14 +1251,14 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           value: v,
           onChange: ($) => N($.target.value),
-          placeholder: h(m)
+          placeholder: m(h)
         }
       ) }) })
     ] }),
     /* @__PURE__ */ s(
       lt,
       {
-        title: h("applied_filters"),
+        title: m("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
         backgroundColor: a || "#605B5680",
@@ -1276,8 +1276,8 @@ const W2 = "_FiltersAmbitContainer_1g9xx_2", Y2 = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    x && /* @__PURE__ */ s("div", { className: oe.warning, children: h(_) }),
-    !y && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(we, { onClick: () => B(), children: h("save_ambit") }) })
+    x && /* @__PURE__ */ s("div", { className: oe.warning, children: m(_) }),
+    !y && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(we, { onClick: () => B(), children: m("save_ambit") }) })
   ] });
 };
 t0.propTypes = {
@@ -1309,13 +1309,13 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = k(), { xScale: g, ticks: _, height: y } = ge(() => {
+  const { t: h } = k(), { xScale: g, ticks: _, height: y } = ge(() => {
     if (n && n.length > 0) {
-      const h = (n == null ? void 0 : n.length) * (i + o) + r * 2, b = Ue.max(n, (v) => v.value) || 1, C = Ue.scaleLinear().domain([0, u || b]).range([0, d - l]), f = Array.from({ length: c + 1 }, (v, N) => u ? u / c * N : b / c * N);
+      const m = (n == null ? void 0 : n.length) * (i + o) + r * 2, b = Ue.max(n, (v) => v.value) || 1, C = Ue.scaleLinear().domain([0, u || b]).range([0, d - l]), f = Array.from({ length: c + 1 }, (v, N) => u ? u / c * N : b / c * N);
       return {
         xScale: C,
         ticks: f,
-        height: h,
+        height: m,
         width: d,
         verticalPaddign: r,
         horizontalPaddign: a
@@ -1333,8 +1333,8 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
     u
   ]);
   return /* @__PURE__ */ s("div", { className: i0.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${l + a}, 0)`, children: _.map((h, b) => {
-      const C = g(h);
+    /* @__PURE__ */ s("g", { transform: `translate(${l + a}, 0)`, children: _.map((m, b) => {
+      const C = g(m);
       return /* @__PURE__ */ p("g", { transform: `translate(${C}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
@@ -1351,13 +1351,13 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
-            children: parseInt(h)
+            children: parseInt(m)
           }
         )
       ] }, b);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((h, b) => {
-      const C = g(h.value), f = b * (i + o);
+    n && n.length > 0 && (n == null ? void 0 : n.map((m, b) => {
+      const C = g(m.value), f = b * (i + o);
       return /* @__PURE__ */ p(
         "g",
         {
@@ -1370,7 +1370,7 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
                 y: i / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m(h.title)
+                children: h(m.title)
               }
             ),
             /* @__PURE__ */ s(
@@ -1378,7 +1378,7 @@ const n0 = "_barChartContainer_d2f1z_2", i0 = {
               {
                 width: C,
                 height: i,
-                fill: h.color,
+                fill: m.color,
                 rx: 0
               }
             )
@@ -1488,12 +1488,12 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
   multiple: l = !1,
   onChangeType: c
 }) => {
-  const { t: u } = k(), { name: m, type: g, disabled: _ } = n, [y, h] = L(!1);
+  const { t: u } = k(), { name: h, type: g, disabled: _ } = n, [y, m] = L(!1);
   M(() => {
-    t && h(
+    t && m(
       l ? t.some(
-        (f) => f.name == String(m)
-      ) : t.name == m
+        (f) => f.name == String(h)
+      ) : t.name == h
     );
   }, [t]);
   const b = () => /* @__PURE__ */ s("div", { className: V.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: V.switchType, children: /* @__PURE__ */ p("div", { className: V.switchTypeOptions, children: [
@@ -1599,7 +1599,7 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
               children: /* @__PURE__ */ s(
                 je,
                 {
-                  i18nKey: m,
+                  i18nKey: h,
                   components: { sup: /* @__PURE__ */ s("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -1609,8 +1609,8 @@ const a0 = "_indicatorsCategory_1cu33_2", l0 = "_title_1cu33_5", c0 = "_list_1cu
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === m && g === "both" && /* @__PURE__ */ s("div", { children: b() }),
-    (t == null ? void 0 : t.name) === m && g === "twoUnits" && /* @__PURE__ */ s("div", { children: C() })
+    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ s("div", { children: b() }),
+    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ s("div", { children: C() })
   ] });
 };
 Ke.propTypes = {
@@ -1639,12 +1639,12 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Qe = {
   activeIndicator: l,
   onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: m,
+  activeIndicatorType: h,
   onChangeType: g
 }) => {
-  const { t: _ } = k(), [y, h] = L(!1);
+  const { t: _ } = k(), [y, m] = L(!1);
   return M(() => {
-    h(t == a);
+    m(t == a);
   }, [t, a]), /* @__PURE__ */ p(
     ze.div,
     {
@@ -1672,7 +1672,7 @@ const y0 = "_indicatorsSubCategory_1dzsi_2", v0 = "_list_1dzsi_8", Qe = {
             activeIndicator: l,
             onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: m,
+            activeIndicatorType: h,
             onChangeType: g
           },
           "indicator" + C
@@ -1704,12 +1704,12 @@ const ft = ({
   onClickSubCategory: l,
   activeIndicator: c,
   onClickIndicator: u,
-  multiple: m,
+  multiple: h,
   activeIndicatorType: g,
   onChangeType: _
 }) => {
   var C;
-  const { t: y } = k(), [h, b] = L(!1);
+  const { t: y } = k(), [m, b] = L(!1);
   return M(() => {
     b(r === d);
   }, [r, d]), /* @__PURE__ */ p(
@@ -1717,20 +1717,20 @@ const ft = ({
     {
       className: Me.indicatorsCategory,
       initial: { height: "53px" },
-      animate: { height: h ? "auto" : "53px" },
+      animate: { height: m ? "auto" : "53px" },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: h ? `1px solid ${i}` : "0px",
-        marginBottom: h ? "20px" : "0px"
+        borderBottom: m ? `1px solid ${i}` : "0px",
+        marginBottom: m ? "20px" : "0px"
       },
       children: [
         /* @__PURE__ */ p("h2", { className: `${Me.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ s("span", { style: { color: h ? i : o }, children: h ? "-" : "+" }),
+          /* @__PURE__ */ s("span", { style: { color: m ? i : o }, children: m ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: h ? i : o },
+              style: { marginLeft: 12, color: m ? i : o },
               children: y(n.name)
             }
           )
@@ -1745,7 +1745,7 @@ const ft = ({
               onClickSubCategory: l,
               activeIndicator: c,
               onClickIndicator: u,
-              multiple: m,
+              multiple: h,
               activeColor: i,
               defaultColor: o,
               indicators: N,
@@ -1763,7 +1763,7 @@ const ft = ({
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
-            multiple: m,
+            multiple: h,
             activeIndicatorType: g,
             onChangeType: _
           },
@@ -1804,20 +1804,20 @@ const x0 = "_indicatorsList_fklyu_2", w0 = "_title_fklyu_6", Xe = {
   changeIndType: a,
   activeIndicatorType: l
 }) => {
-  const { t: c } = k(), [u, m] = L(), [g, _] = L(), [y, h] = L(), b = (x) => {
-    m(u == x ? null : x);
+  const { t: c } = k(), [u, h] = L(), [g, _] = L(), [y, m] = L(), b = (x) => {
+    h(u == x ? null : x);
   }, C = (x) => {
     _(g == x ? null : x);
   }, f = ({ indicator: x }) => {
     console.log("onClickIndicator: ", x), v(x);
   }, v = (x) => {
     if (!t)
-      h(
+      m(
         (y == null ? void 0 : y.name) == x.name ? null : x
       );
     else {
       let w = y && y.length > 0 ? [...y] : [];
-      h(
+      m(
         w != null && w.some(
           (B) => B.name == x.name
         ) ? w.filter(
@@ -1832,7 +1832,7 @@ const x0 = "_indicatorsList_fklyu_2", w0 = "_title_fklyu_6", Xe = {
     if (r && !y)
       if (t && r && Array.isArray(r)) {
         let x = y && y.length > 0 ? [...y] : [];
-        h([...x, ...r]), N(r[0].name);
+        m([...x, ...r]), N(r[0].name);
       } else
         v(r), N(r.name);
   }, []);
@@ -1847,7 +1847,7 @@ const x0 = "_indicatorsList_fklyu_2", w0 = "_title_fklyu_6", Xe = {
       } else
         return B.indicators.some(($) => $.name == x);
     });
-    w && m(w.category);
+    w && h(w.category);
   };
   return /* @__PURE__ */ p("div", { className: Xe.indicatorsList, children: [
     /* @__PURE__ */ s("h2", { className: Xe.title, style: { color: i }, children: c("indicators.indicators") }),
@@ -1982,8 +1982,8 @@ const D0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titl
       children: [
         /* @__PURE__ */ s("button", { className: F.closeButton, onClick: c }),
         d && /* @__PURE__ */ s("div", { className: F.titleContainer, style: { marginBottom: (!i || i.length == 0) && "15px" }, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        i && i.length > 0 && /* @__PURE__ */ s("div", { className: F.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: g }) => /* @__PURE__ */ p("li", { children: [
-          /* @__PURE__ */ s("h3", { className: F.title, children: `${m}:` }),
+        i && i.length > 0 && /* @__PURE__ */ s("div", { className: F.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
+          /* @__PURE__ */ s("h3", { className: F.title, children: `${h}:` }),
           /* @__PURE__ */ p("span", { className: F.value, children: [
             "  ",
             g
@@ -2019,7 +2019,7 @@ const D0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ s("div", { className: F.gridContainer, children: o.map(
-            ({ title: m, color: g }) => /* @__PURE__ */ p("div", { className: F.elementLegendContainer, children: [
+            ({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: F.elementLegendContainer, children: [
               /* @__PURE__ */ s(
                 "div",
                 {
@@ -2028,7 +2028,7 @@ const D0 = "_legendContainer_qs4x9_3", L0 = "_closeButton_qs4x9_31", F0 = "_titl
                 }
               ),
               /* @__PURE__ */ p("div", { className: F.titleLegendElement, children: [
-                u(m),
+                u(h),
                 " "
               ] })
             ] }, d)
@@ -2105,17 +2105,17 @@ const Q0 = ({
   interactiveLayers: l = [],
   popUp: c = !1,
   sources: u = [],
-  layers: m = []
+  layers: h = []
 }) => {
-  const g = ne(), [_, y] = L(null), h = Lt((b) => b.mapState.showTexts);
+  const g = ne(), [_, y] = L(null), m = Lt((b) => b.mapState.showTexts);
   return M(() => {
     if (g.current) {
       const b = g.current.getMap();
       b.getStyle().layers.map((f) => {
-        f.type == "symbol" && f.id != "professionals" && (h ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
+        f.type == "symbol" && f.id != "professionals" && (m ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
       });
     }
-  }, [h]), /* @__PURE__ */ s("div", { className: `${Y0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
+  }, [m]), /* @__PURE__ */ s("div", { className: `${Y0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
     Vt,
     {
       initialViewState: n,
@@ -2131,7 +2131,7 @@ const Q0 = ({
           At,
           {
             ...b,
-            children: m.length && m.map((f, v) => {
+            children: h.length && h.map((f, v) => {
               if (f.sourceId == b.id) return /* @__PURE__ */ s(
                 Ot,
                 {
@@ -2233,16 +2233,16 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
   interactiveLayers: l = [],
   sources: c = [],
   layers: u = [],
-  filters: m,
+  filters: h,
   popUpParams: g,
   onClosePopUp: _,
   showTexts: y
 }) => {
-  console.log(m);
-  const h = ne();
+  console.log(h);
+  const m = ne();
   return M(() => {
-    if (h.current) {
-      const b = h.current.getMap();
+    if (m.current) {
+      const b = m.current.getMap();
       b.getStyle().layers.map((f) => {
         f.type == "symbol" && f.id != "professionals" && (y ? b.setLayoutProperty(f.id, "visibility", "visible") : b.setLayoutProperty(f.id, "visibility", "none"));
       });
@@ -2257,7 +2257,7 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
     {
       mapLib: ke,
       initialViewState: n,
-      ref: h,
+      ref: m,
       hash: !1,
       maxZoom: d,
       minZoom: i,
@@ -2275,7 +2275,7 @@ const X0 = "_mapContainer_b0pyr_3", J0 = {
                 {
                   ...f.layer,
                   beforeId: t,
-                  filter: m && m
+                  filter: h && h
                 },
                 v
               );
@@ -2415,7 +2415,7 @@ const pn = Kt({
 }, _n = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
   const [a, l] = L(d), c = Ft(), u = (f, v) => {
     l(v), c(Te(v - 2e3));
-  }, [m, g] = L(!1), _ = () => {
+  }, [h, g] = L(!1), _ = () => {
     g(!0);
   }, y = () => {
     g(!1);
@@ -2434,7 +2434,7 @@ const pn = Kt({
       }
     }, [v]);
   })(() => {
-    m && (a != 2050 ? (l(a + 1), c(Te(a - 2e3 + 1))) : (l(2025), c(Te(25))));
+    h && (a != 2050 ? (l(a + 1), c(Te(a - 2e3 + 1))) : (l(2025), c(Te(25))));
   }, 1e3);
   const b = Ut({
     palette: {
@@ -2488,8 +2488,8 @@ const pn = Kt({
           }
         ),
         o,
-        !m && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: _, children: /* @__PURE__ */ s("img", { src: mn, alt: "Play" }) }),
-        m && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: hn, alt: "Pause" }) })
+        !h && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: _, children: /* @__PURE__ */ s("img", { src: mn, alt: "Play" }) }),
+        h && /* @__PURE__ */ s("button", { className: pe.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: hn, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2631,9 +2631,9 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   elementButtons: l,
   processTooltip: c,
   defaultTooltip: u,
-  showEye: m = !0
+  showEye: h = !0
 }) => {
-  const { name: g, created_at: _, id: y, isBeingProcessed: h } = n, [b, C] = L(!1), { t: f } = k();
+  const { name: g, created_at: _, id: y, isBeingProcessed: m } = n, [b, C] = L(!1), { t: f } = k();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -2641,7 +2641,7 @@ const Wn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
       style: { borderBottom: `1px solid ${t}` },
       children: [
         /* @__PURE__ */ s("div", { className: P.elementNameDate, onClick: () => d(y), children: Object.keys(a).map((v) => v === "name" ? /* @__PURE__ */ s("div", { className: P.elementNameContainer, children: /* @__PURE__ */ p("div", { className: P.elementName, children: [
-          m && (i ? /* @__PURE__ */ s(Gn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
+          h && (i ? /* @__PURE__ */ s(Gn, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ s(
             "img",
             {
               style: { marginRight: 9 },
@@ -2730,12 +2730,12 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: a,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: l = (h) => console.log(`OnCLickElement: ${h}`),
+  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}
-  moreInfo: m = !1,
+  moreInfo: h = !1,
   //{label: 'x'}
   processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
@@ -2743,7 +2743,7 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: y = !0
 }) => {
-  const { t: h } = k(), [b, C] = L(n);
+  const { t: m } = k(), [b, C] = L(n);
   M(() => {
     n && C(n);
   }, [n]);
@@ -2766,12 +2766,12 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${i}` },
             children: [
               /* @__PURE__ */ s("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "name" ? /* @__PURE__ */ s("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => f("name"), children: [
-                /* @__PURE__ */ s("span", { children: h(c.name) }),
+                /* @__PURE__ */ s("span", { children: m(c.name) }),
                 /* @__PURE__ */ s("img", { src: nt, alt: "order arrow" })
               ] }) }, v) : v === "data" ? /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => f("date"), children: [
-                /* @__PURE__ */ s("span", { children: h(c.data) }),
+                /* @__PURE__ */ s("span", { children: m(c.data) }),
                 /* @__PURE__ */ s("img", { src: nt, alt: "order arrow" })
-              ] }) }, v) : /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ s("span", { children: h(c[v]) }) }, v)) }),
+              ] }) }, v) : /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ s("span", { children: m(c[v]) }) }, v)) }),
               /* @__PURE__ */ s("div", { className: Z.buttonsContainer })
             ]
           }
@@ -2786,7 +2786,7 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClickElement: l,
             columns: c,
             elementButtons: u,
-            moreInfo: m,
+            moreInfo: h,
             processTooltip: g,
             defaultTooltip: _,
             showEye: y
@@ -2800,7 +2800,7 @@ const nt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClick: a.onClick,
             borderColor: "grey",
             disabled: a.disabled || !1,
-            children: h(a.label)
+            children: m(a.label)
           }
         ) })
       ]
@@ -2963,7 +2963,7 @@ function gi(n) {
       values: !0
     },
     exact: a,
-    callback: (m) => !r && u(hi(o, i._names, m.values || i._formValues, !1, l.current))
+    callback: (h) => !r && u(hi(o, i._names, h.values || i._formValues, !1, l.current))
   }), [o, i, r, a]), S.useEffect(() => i._removeUnmounted()), c;
 }
 function Ci(n) {
@@ -2976,7 +2976,7 @@ function Ci(n) {
     control: t,
     name: i,
     exact: !0
-  }), u = S.useRef(n), m = S.useRef(t.register(i, {
+  }), u = S.useRef(n), h = S.useRef(t.register(i, {
     ...n.rules,
     value: l,
     ...Le(n.disabled) ? { disabled: n.disabled } : {}
@@ -3001,19 +3001,19 @@ function Ci(n) {
       enumerable: !0,
       get: () => I(c.errors, i)
     }
-  }), [c, i]), _ = S.useCallback((C) => m.current.onChange({
+  }), [c, i]), _ = S.useCallback((C) => h.current.onChange({
     target: {
       value: oi(C),
       name: i
     },
     type: st.CHANGE
-  }), [i]), y = S.useCallback(() => m.current.onBlur({
+  }), [i]), y = S.useCallback(() => h.current.onBlur({
     target: {
       value: I(t._formValues, i),
       name: i
     },
     type: st.BLUR
-  }), [i, t._formValues]), h = S.useCallback((C) => {
+  }), [i, t._formValues]), m = S.useCallback((C) => {
     const f = I(t._fields, i);
     f && C && (f._f.ref = {
       focus: () => C.focus && C.focus(),
@@ -3027,8 +3027,8 @@ function Ci(n) {
     ...Le(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: _,
     onBlur: y,
-    ref: h
-  }), [i, o, c.disabled, _, y, h, l]);
+    ref: m
+  }), [i, o, c.disabled, _, y, m, l]);
   return S.useEffect(() => {
     const C = t._options.shouldUnregister || r;
     t.register(i, {
@@ -3083,12 +3083,12 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     validateFunction: l,
     placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
+    width: h = 325,
     onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: _ = "forgot-password"
-  } = n, { t: y } = k(), { control: h, trigger: b, clearErrors: C } = d, [f, v] = L(!1), N = ne(a);
+  } = n, { t: y } = k(), { control: m, trigger: b, clearErrors: C } = d, [f, v] = L(!1), N = ne(a);
   M(() => {
     N.current !== a && (a ? b(i) : C(i), N.current = a);
   }, [a, i, b, C]);
@@ -3097,7 +3097,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     Ne,
     {
       name: i,
-      control: h,
+      control: m,
       rules: {
         required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
         maxLength: r || void 0,
@@ -3114,7 +3114,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
           /* @__PURE__ */ p(
             "div",
             {
-              style: { position: "relative", width: m },
+              style: { position: "relative", width: h },
               className: he.inputContainer,
               children: [
                 /* @__PURE__ */ s(
@@ -3173,12 +3173,12 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     validateFunction: l,
     placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
+    width: h = 325,
     options: g = []
-  } = n, { t: _ } = k(), { control: y, trigger: h, clearErrors: b } = d, C = ne(a);
+  } = n, { t: _ } = k(), { control: y, trigger: m, clearErrors: b } = d, C = ne(a);
   return M(() => {
-    C.current !== a && (a ? h(i) : b(i), C.current = a);
-  }, [a, i, h, b]), /* @__PURE__ */ s(
+    C.current !== a && (a ? m(i) : b(i), C.current = a);
+  }, [a, i, m, b]), /* @__PURE__ */ s(
     Ne,
     {
       name: i,
@@ -3195,7 +3195,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
             " ",
             a && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ p("div", { className: le.inputContainer, style: { width: m }, children: [
+          /* @__PURE__ */ p("div", { className: le.inputContainer, style: { width: h }, children: [
             /* @__PURE__ */ p(
               "select",
               {
@@ -3255,12 +3255,12 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     errorColor: a = "red",
     options: l = [],
     multi: c = !1
-  } = n, { t: u } = k(), { control: m, trigger: g, clearErrors: _ } = d, y = ({ options: C, onChange: f, actualValue: v }) => {
+  } = n, { t: u } = k(), { control: h, trigger: g, clearErrors: _ } = d, y = ({ options: C, onChange: f, actualValue: v }) => {
     if (c && v && v.length > 0) {
       let N = v.filter((x) => x !== C);
       f(N);
     }
-  }, h = ({ options: C, onChange: f, actualValue: v }) => {
+  }, m = ({ options: C, onChange: f, actualValue: v }) => {
     c ? v && v.length > 0 ? f([...v, C]) : f([C]) : f(C);
   }, b = ne(t);
   return M(() => {
@@ -3268,7 +3268,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
   }, [t, i, g, _]), /* @__PURE__ */ s(
     Ne,
     {
-      control: m,
+      control: h,
       name: i,
       rules: {
         validate: (C) => t && (C == null || C === "") ? `${u(o)} ${u("errorMessages.required")}` : null
@@ -3318,7 +3318,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                           actualValue: N,
                           options: l,
                           onChange: f
-                        }) : h({
+                        }) : m({
                           actualValue: N,
                           options: l,
                           onChange: f
@@ -3364,11 +3364,11 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: c,
     errorColor: u = "red",
-    labelWidth: m = "300px",
+    labelWidth: h = "300px",
     sliderWidth: g = "300px",
     minText: _,
     maxText: y,
-    disabled: h = !1,
+    disabled: m = !1,
     marks: b = Array.from({ length: r - t + 1 }, (T, j) => t + j),
     showMarksNumber: C = !0
   } = n, { t: f } = k(), { control: v, trigger: N, clearErrors: x } = d || {}, w = ne(c), [B, $] = L(a);
@@ -3389,7 +3389,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
           "div",
           {
             className: D.rankingSliderContainer,
-            style: { gridTemplateColumns: `${m} ${g}` },
+            style: { gridTemplateColumns: `${h} ${g}` },
             children: [
               o && /* @__PURE__ */ s("p", { className: D.labelContainer, children: f(o) }),
               /* @__PURE__ */ p("div", { className: D.inputContainer, children: [
@@ -3409,7 +3409,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                       renderThumb: (q) => /* @__PURE__ */ s("div", { ...q, style: { ...q.style, backgroundColor: l } }),
                       trackClassName: D.track,
                       markClassName: D.mark,
-                      disabled: h
+                      disabled: m
                     }
                   ),
                   b && /* @__PURE__ */ s("div", { className: D.labels, children: b.map((q) => /* @__PURE__ */ s("span", { children: C && q }, q)) })
@@ -3432,7 +3432,7 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
     "div",
     {
       className: D.rankingSliderContainer,
-      style: { gridTemplateColumns: `${m} ${g}` },
+      style: { gridTemplateColumns: `${h} ${g}` },
       children: [
         o && /* @__PURE__ */ s("p", { className: D.labelContainer, children: f(o) }),
         /* @__PURE__ */ p("div", { className: D.inputContainer, children: [
@@ -3451,7 +3451,8 @@ const Ne = (n) => n.render(Ci(n)), fi = "_errorMessage_1xiyb_2", bi = {
                 thumbClassName: D.thumb,
                 renderThumb: (T) => /* @__PURE__ */ s("div", { ...T, style: { ...T.style, backgroundColor: l } }),
                 trackClassName: D.track,
-                markClassName: D.mark
+                markClassName: D.mark,
+                disabled: m
               }
             ),
             b && /* @__PURE__ */ s("div", { className: D.labels, children: b.map((T) => /* @__PURE__ */ s("span", { children: C && T }, T)) })
@@ -3593,27 +3594,27 @@ const Ve = ({
   submitButtonStyles: l = { width: 325 },
   activeCategory: c = null,
   // If provided, only the category with this categoryId will be displayed.
-  onSubmit: u = (m) => console.log("Form submitted with data: ", m)
+  onSubmit: u = (h) => console.log("Form submitted with data: ", h)
 }) => {
   const {
-    handleSubmit: m,
+    handleSubmit: h,
     control: g,
     formState: { errors: _ }
   } = n, { t: y } = k();
-  return /* @__PURE__ */ p("form", { className: Fe.formContainer, onSubmit: m(u), children: [
-    /* @__PURE__ */ s("div", { className: Fe.formObjectContainer, children: d && d.map((h, b) => {
-      const { inputs: C } = h;
-      return h.category ? i ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ p("form", { className: Fe.formContainer, onSubmit: h(u), children: [
+    /* @__PURE__ */ s("div", { className: Fe.formObjectContainer, children: d && d.map((m, b) => {
+      const { inputs: C } = m;
+      return m.category ? i ? /* @__PURE__ */ s(
         "div",
         {
           style: {
-            display: c && h.categoryId !== c ? "none" : "inherit",
+            display: c && m.categoryId !== c ? "none" : "inherit",
             width: "100%"
           },
           children: /* @__PURE__ */ s(
             i,
             {
-              title: h.category,
+              title: m.category,
               children: /* @__PURE__ */ s(
                 Ve,
                 {
@@ -3625,7 +3626,7 @@ const Ve = ({
                 }
               )
             },
-            `${h.category}${b}`
+            `${m.category}${b}`
           )
         }
       ) : /* @__PURE__ */ p(
@@ -3633,11 +3634,11 @@ const Ve = ({
         {
           style: {
             width: "100%",
-            display: c && h.categoryId !== c ? "none" : "flex",
+            display: c && m.categoryId !== c ? "none" : "flex",
             flexDirection: "column"
           },
           children: [
-            /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: y(h.category) }),
+            /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: y(m.category) }),
             /* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
               Ve,
               {
@@ -3650,7 +3651,7 @@ const Ve = ({
             ) })
           ]
         },
-        `${h.category}${b}`
+        `${m.category}${b}`
       ) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
         Ve,
         {