@tmf_ciclica/ciclicastorybook 1.1.170 → 1.1.171

package/dist/index.es.js

@@ -44,7 +44,7 @@ const t2 = "_ambitSelector_mcunf_2", n2 = "_header_mcunf_13", i2 = "_nameDateCon
   fontColor: l,
   moreInfo: c
 }) => {
-  const { name: u, created_at: h, id: g, isBeingProcessed: b } = n;
+  const { name: u, created_at: p, id: g, isBeingProcessed: y } = n;
   return /* @__PURE__ */ m(
     "div",
     {
@@ -62,10 +62,10 @@ const t2 = "_ambitSelector_mcunf_2", n2 = "_header_mcunf_13", i2 = "_nameDateCon
             ),
             /* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
           ] }),
-          /* @__PURE__ */ i("div", { className: he.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
+          /* @__PURE__ */ i("div", { className: he.ambitDate, children: p ? new Date(p).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ m("div", { className: he.ambitButtons, children: [
-          b && /* @__PURE__ */ i("img", { src: f2 }),
+          y && /* @__PURE__ */ i("img", { src: f2 }),
           /* @__PURE__ */ i("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: C2 }) }),
           /* @__PURE__ */ i("button", { onClick: () => d(g), children: /* @__PURE__ */ i("img", { src: g2 }) }),
           /* @__PURE__ */ i("button", { onClick: () => s(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: h2 }) })
@@ -127,19 +127,19 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: l = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: h = (_) => console.log(`Copy ambit: ${_}`),
+  onClickCopy: p = (_) => console.log(`Copy ambit: ${_}`),
   onCLickDelete: g = (_) => console.log(`Delete ambit: ${_}`),
-  onClickFilters: b = (_) => console.log(`Filters clicked: ${_}`),
-  onClickAmbit: y = (_) => console.log(`OnCLickAmbit: ${_}`)
+  onClickFilters: y = (_) => console.log(`Filters clicked: ${_}`),
+  onClickAmbit: v = (_) => console.log(`OnCLickAmbit: ${_}`)
 }) => {
-  const { t: _ } = $(), [v, p] = V(n);
+  const { t: _ } = $(), [b, h] = V(n);
   F(() => {
-    n && p(n);
+    n && h(n);
   }, [n]);
-  const f = (C) => {
-    if (v && v.length > 0) {
-      let x = [...v];
-      x.sort((w, N) => w[C].localeCompare(N[C])), p(x);
+  const C = (f) => {
+    if (b && b.length > 0) {
+      let x = [...b];
+      x.sort((w, N) => w[f].localeCompare(N[f])), h(x);
     }
   };
   return /* @__PURE__ */ m(
@@ -155,11 +155,11 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${s}` },
             children: [
               /* @__PURE__ */ m("div", { className: W.nameDateContainer, children: [
-                /* @__PURE__ */ i("div", { className: W.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => f("name"), children: [
+                /* @__PURE__ */ i("div", { className: W.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => C("name"), children: [
                   /* @__PURE__ */ i("span", { children: _(t) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) }),
-                /* @__PURE__ */ i("div", { className: W.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => f("date"), children: [
+                /* @__PURE__ */ i("div", { className: W.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
                   /* @__PURE__ */ i("span", { children: _(r) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) })
@@ -168,19 +168,19 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: W.ambitListContainer, children: v && v.length > 0 && v.map((C) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: W.ambitListContainer, children: b && b.length > 0 && b.map((f) => /* @__PURE__ */ i(
           mt,
           {
-            isActive: d == C.id,
-            ambit: C,
+            isActive: d == f.id,
+            ambit: f,
             fontColor: s,
             activeColor: o,
-            onClickCopy: h,
+            onClickCopy: p,
             onClickDelete: g,
-            onClickFilters: b,
-            onClickAmbit: y
+            onClickFilters: y,
+            onClickAmbit: v
           },
-          `ambitKey${C.id}`
+          `ambitKey${f.id}`
         )) }),
         /* @__PURE__ */ i("div", { className: W.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Te,
@@ -255,28 +255,28 @@ const V2 = ({
       children: n.map((l, c) => {
         const {
           icon: u,
-          activeIcon: h,
+          activeIcon: p,
           isActive: g,
-          name: b,
-          onClick: y,
+          name: y,
+          onClick: v,
           disabled: _
-        } = l, v = /* @__PURE__ */ m(Re, { children: [
-          s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(b) }),
-          /* @__PURE__ */ i("img", { src: g ? h : u, alt: a(b) }),
-          s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(b) })
+        } = l, b = /* @__PURE__ */ m(Re, { children: [
+          s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(y) }),
+          /* @__PURE__ */ i("img", { src: g ? p : u, alt: a(y) }),
+          s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(y) })
         ] });
         return /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: y,
+              onClick: v,
               className: `${X.button}
                 ${g && X.active}`,
               disabled: _,
-              children: v
+              children: b
             }
           ),
-          t && /* @__PURE__ */ i(ie, { text: b, position: r })
+          t && /* @__PURE__ */ i(ie, { text: y, position: r })
         ] }, c);
       })
     }
@@ -317,7 +317,7 @@ const A2 = "_indicatorsCategory_1cu33_2", I2 = "_title_1cu33_5", De = {
   showBottomBar: c = !0,
   titleMarginChildren: u = 25
 }) => {
-  const { t: h } = $();
+  const { t: p } = $();
   return /* @__PURE__ */ m(
     He.div,
     {
@@ -342,7 +342,7 @@ const A2 = "_indicatorsCategory_1cu33_2", I2 = "_title_1cu33_5", De = {
             onClick: d,
             children: [
               /* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
-              /* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children: h(r) })
+              /* @__PURE__ */ i("span", { style: { marginLeft: 12, color: n ? t : o }, children: p(r) })
             ]
           }
         ),
@@ -376,8 +376,8 @@ const ao = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), O2 = "data
   geoLayers: []
 })), ht = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r }) => {
   const { t: a } = $(), { tematicalFiltersSelected: l } = D((u) => u), c = (u) => {
-    D.setState((h) => ({
-      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
+    D.setState((p) => ({
+      tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
         (g) => g.code !== u
       )
     }));
@@ -389,10 +389,10 @@ const ao = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), O2 = "data
       onClick: d,
       title: n ? a(n) : "Applied Filters",
       activeColor: r,
-      children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, h) => /* @__PURE__ */ m("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: l == null ? void 0 : l.map((u, p) => /* @__PURE__ */ m("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(u.name),
         /* @__PURE__ */ i("img", { src: O2, alt: "CloseIcon", onClick: () => c(u.code), style: { cursor: "pointer" } })
-      ] }, h)) })
+      ] }, p)) })
     }
   );
 };
@@ -423,11 +423,11 @@ const E2 = "_layerName_1ikqs_25", P2 = "_layerActive_1ikqs_28", Je = {
 }) => {
   const { t: a } = $(), { activeFiltersType: l, geoLayers: c } = D((g) => g), u = () => {
     l == "geographical" ? D.setState(() => ({ activeFiltersType: null })) : D.setState(() => ({ activeFiltersType: "geographical" }));
-  }, h = (g) => {
-    D.setState((b) => ({
-      geoLayers: b.geoLayers.map((y) => ({
-        ...y,
-        active: y.name === g.name
+  }, p = (g) => {
+    D.setState((y) => ({
+      geoLayers: y.geoLayers.map((v) => ({
+        ...v,
+        active: v.name === g.name
       }))
     }));
   };
@@ -444,7 +444,7 @@ const E2 = "_layerName_1ikqs_25", P2 = "_layerActive_1ikqs_28", Je = {
         "div",
         {
           className: `${Je.layerName} ${g.active ? Je.layerActive : ""}`,
-          onClick: () => h(g),
+          onClick: () => p(g),
           children: a(g.name)
         }
       ))
@@ -552,19 +552,19 @@ let Pe = 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]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), p = t.getValueFromPosition(u);
+      t.move(p);
     }, t.onTouchMove = (l) => {
       if (l.touches.length > 1) return;
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(l);
       if (t.isScrolling === void 0) {
-        const g = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(b) > Math.abs(g);
+        const g = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(y) > Math.abs(g);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const u = t.getDiffPosition(c[0]), p = t.getValueFromPosition(u);
+      t.move(p);
     }, t.onKeyDown = (l) => {
       if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
         case "ArrowLeft":
@@ -617,8 +617,8 @@ let Pe = 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]), ke(t.getTouchEventMap()), function(h) {
-        h.stopPropagation && h.stopPropagation();
+      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), ke(t.getTouchEventMap()), function(p) {
+        p.stopPropagation && p.stopPropagation();
       }(c);
     }, t.handleResize = () => {
       const l = window.setTimeout(() => {
@@ -626,13 +626,13 @@ let Pe = 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 : ""), h = { ref: (b) => {
-        t["thumb" + c] = b;
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), p = { ref: (y) => {
+        t["thumb" + c] = y;
       }, 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: Ne(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
+      return t.props.ariaValuetext && (p["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(p, g);
     }, t.renderTrack = (l, c, u) => {
-      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: Ne(t.state.value) };
-      return t.props.renderTrack(h, g);
+      const p = { 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: Ne(t.state.value) };
+      return t.props.renderTrack(p, g);
     };
     let r = Ve(o.value);
     r.length || (r = Ve(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -663,8 +663,8 @@ let Pe = 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]), h = Math.abs(o - u);
-      h < t && (t = h, r = c);
+      const u = this.calcOffset(a[c]), p = Math.abs(o - u);
+      p < t && (t = p, r = c);
     }
     return r;
   }, s.getMousePosition = function(o) {
@@ -687,8 +687,8 @@ let Pe = function(n) {
   }, s.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()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - h, b = Math.abs(c - u);
-    this.state.upperBound === g && this.state.sliderLength === b && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: b, thumbSize: h });
+    const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], p = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = l - p, y = Math.abs(c - u);
+    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === p || this.setState({ upperBound: g, sliderLength: y, thumbSize: p });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -727,28 +727,28 @@ let Pe = 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: h, minDistance: g } = this.props;
+    const { pearling: c, max: u, min: p, minDistance: g } = this.props;
     if (!c) {
       if (r > 0) {
-        const b = t[r - 1];
-        o < b + g && (o = b + g);
+        const y = t[r - 1];
+        o < y + g && (o = y + g);
       }
       if (r < a - 1) {
-        const b = t[r + 1];
-        o > b - g && (o = b - g);
+        const y = t[r + 1];
+        o > y - g && (o = y - g);
       }
     }
-    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(b, y, _, v) {
-      for (let p = 0; p < b; p += 1) {
-        const f = v - p * _;
-        y[b - 1 - p] > f && (y[b - 1 - p] = f);
+    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(y, v, _, b) {
+      for (let h = 0; h < y; h += 1) {
+        const C = b - h * _;
+        v[y - 1 - h] > C && (v[y - 1 - h] = C);
       }
-    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(b, y, _, v) {
-      for (let p = 0; p < b; p += 1) {
-        const f = v + p * _;
-        y[p] < f && (y[p] = f);
+    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(y, v, _, b) {
+      for (let h = 0; h < y; h += 1) {
+        const C = b + h * _;
+        v[h] < C && (v[h] = C);
       }
-    }(a, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(a, t, g, p))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.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] = Ee(l, this.props);
@@ -822,11 +822,11 @@ const K2 = "_container_4u41i_2", H2 = "_unitLabel_4u41i_8", U2 = "_slider_4u41i_
   defaultValue: l,
   isDate: c
 }) => {
-  const { t: u } = $(), h = c ? new Date(n).getTime() : null, g = c ? new Date(d).getTime() : null, [b, y] = V(c ? [h, g] : [n, d]), _ = (v) => {
-    y(v), o == null || o({ min: v[0], max: v[1] });
+  const { t: u } = $(), p = c ? new Date(n).getTime() : null, g = c ? new Date(d).getTime() : null, [y, v] = V(c ? [p, g] : [n, d]), _ = (b) => {
+    v(b), o == null || o({ min: b[0], max: b[1] });
   };
   return F(() => {
-    l || y(c ? [h, g] : [n, d]);
+    l || v(c ? [p, g] : [n, d]);
   }, [l, c]), /* @__PURE__ */ m(
     "div",
     {
@@ -840,10 +840,10 @@ const K2 = "_container_4u41i_2", H2 = "_unitLabel_4u41i_8", U2 = "_slider_4u41i_
             className: re.slider,
             thumbClassName: re.thumb,
             trackClassName: re.track,
-            min: c ? h : n,
+            min: c ? p : n,
             max: c ? g : d,
-            step: c ? (g - h) / 30 : s,
-            value: b,
+            step: c ? (g - p) / 30 : s,
+            value: y,
             onAfterChange: _,
             withTracks: !0,
             pearling: !c,
@@ -851,16 +851,16 @@ const K2 = "_container_4u41i_2", H2 = "_unitLabel_4u41i_8", U2 = "_slider_4u41i_
           }
         ),
         /* @__PURE__ */ m("div", { className: re.labels, children: [
-          /* @__PURE__ */ i("span", { children: c ? new Date(b[0]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: c ? new Date(y[0]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[0] }),
-          /* @__PURE__ */ i("span", { children: c ? new Date(b[1]).toLocaleDateString("en-EN", {
+          }) : y[0] }),
+          /* @__PURE__ */ i("span", { children: c ? new Date(y[1]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[1] })
+          }) : y[1] })
         ] })
       ]
     }
@@ -895,23 +895,23 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
     minValue: l,
     maxValue: c,
     unit: u,
-    step: h,
+    step: p,
     disabled: g,
-    isDate: b
-  } = n || {}, y = me(
+    isDate: y
+  } = n || {}, v = me(
     () => t == "cat" || s == "cat",
     [s, t]
   ), _ = me(
     () => t == "abs" || s == "abs",
     [s, t]
   ), {
-    tematicalFiltersSelected: v,
-    selectedIndicator: p,
-    fontColor: f,
-    inputsColor: C
+    tematicalFiltersSelected: b,
+    selectedIndicator: h,
+    fontColor: C,
+    inputsColor: f
   } = D((N) => N), x = (N) => {
     if (N) {
-      const { min: S, max: L, valueClicked: k, allValues: B } = N || {}, { code: O, type: R, source: T } = n || {}, K = _ ? "abs" : y ? "cat" : "both";
+      const { min: S, max: L, valueClicked: k, allValues: B } = N || {}, { code: O, type: R, source: T } = n || {}, K = _ ? "abs" : v ? "cat" : "both";
       let z = O[0];
       R == "both" && (z = K == "cat" ? O[1] : O[0]), K == "cat" ? D.setState((Q) => {
         let G = Q.tematicalFiltersSelected.find(
@@ -934,14 +934,14 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
           let E = B.map((j, Vt) => Vt);
           return {
             tematicalFiltersSelected: [
-              ...v,
+              ...b,
               {
                 type: "cat",
                 code: z,
                 values: E.filter((j) => j !== k),
                 name: n.name,
                 source: T,
-                isDate: b
+                isDate: y
               }
             ]
           };
@@ -957,7 +957,7 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
             )
           };
         if (G) {
-          let E = { ...G, min: S, max: L, type: K, isDate: b };
+          let E = { ...G, min: S, max: L, type: K, isDate: y };
           return {
             tematicalFiltersSelected: Q.tematicalFiltersSelected.map(
               (j) => j.code === z ? E : j
@@ -966,7 +966,7 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ...v,
+              ...b,
               {
                 type: K,
                 code: z,
@@ -981,11 +981,11 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
     }
   }, w = me(() => {
     const N = {};
-    if ((v == null ? void 0 : v.length) > 0)
-      for (const S of v)
+    if ((b == null ? void 0 : b.length) > 0)
+      for (const S of b)
         S.type === "cat" ? N[S.code] = new Set(S.values) : N[S.code] = [S.min, S.max];
     return N;
-  }, [v]);
+  }, [b]);
   return /* @__PURE__ */ i("div", { className: Se.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
     oe,
     {
@@ -995,24 +995,24 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
         opacity: g ? 0.5 : 1
       },
       title: r,
-      isOpen: p == `id${r}`,
+      isOpen: h == `id${r}`,
       onClick: () => {
         g || D.setState(() => ({
-          selectedIndicator: p == `id${r}` ? "" : `id${r}`
+          selectedIndicator: h == `id${r}` ? "" : `id${r}`
         }));
       },
       showBottomBar: !1,
       height: 42,
       titleMarginChildren: 14,
       className: "tematicalFiltersInputContainer",
-      color: f,
+      color: C,
       activeColor: d,
       children: [
         t == "both" && /* @__PURE__ */ m(
           "div",
           {
             className: Se.inputTypeContainer,
-            style: { color: f },
+            style: { color: C },
             children: [
               /* @__PURE__ */ m("label", { children: [
                 /* @__PURE__ */ i(
@@ -1026,8 +1026,8 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "abs" ? C : "white",
-                      border: `1.5px solid ${s == "abs" ? C : f}`
+                      backgroundColor: s == "abs" ? f : "white",
+                      border: `1.5px solid ${s == "abs" ? f : C}`
                     }
                   }
                 ),
@@ -1045,8 +1045,8 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "cat" ? C : "white",
-                      border: `1.5px solid ${s == "cat" ? C : f}`
+                      backgroundColor: s == "cat" ? f : "white",
+                      border: `1.5px solid ${s == "cat" ? f : C}`
                     }
                   }
                 ),
@@ -1055,7 +1055,7 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
             ]
           }
         ),
-        y && /* @__PURE__ */ i("div", { className: Se.checkboxContainer, children: a.map((N, S) => {
+        v && /* @__PURE__ */ i("div", { className: Se.checkboxContainer, children: a.map((N, S) => {
           var L;
           return /* @__PURE__ */ i(
             Ct,
@@ -1075,8 +1075,8 @@ const Q2 = "_tematicalFiltersInputContainer_1vm1r_2", X2 = "_inputTypeContainer_
             max: c,
             unit: u,
             defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
-            isDate: b,
-            step: h
+            isDate: y,
+            step: p
           }
         ) })
       ]
@@ -1204,7 +1204,7 @@ const _t = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: a, activeFiltersType: l } = D((h) => h), { t: c } = $();
+  const { tematicalFiltersSelected: a, activeFiltersType: l } = D((p) => p), { t: c } = $();
   F(() => {
   }, [a]), F(() => {
     o && D.setState(() => ({ fontColor: o }));
@@ -1222,10 +1222,10 @@ const _t = ({
       color: o,
       activeColor: r,
       onClick: u,
-      children: n == null ? void 0 : n.map((h, g) => /* @__PURE__ */ i(
+      children: n == null ? void 0 : n.map((p, g) => /* @__PURE__ */ i(
         yt,
         {
-          category: h,
+          category: p,
           fontColor: o,
           activeColor: r
         },
@@ -1261,36 +1261,36 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
   onChangeAppliedFilters: l,
   saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: h,
+  descPlaceholder: p,
   filtersTypes: g = ["geographical", "tematical"],
-  nameRequiredText: b,
-  geoFilterLayers: y = [],
+  nameRequiredText: y,
+  geoFilterLayers: v = [],
   onGeoLayersChange: _,
-  onlyFilters: v = !1
+  onlyFilters: b = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: p } = $(), { tematicalFiltersSelected: f, activeFiltersType: C, geoLayers: x } = D((R) => R), [w, N] = V(n || null), [S, L] = V(d || null), [k, B] = V(!1);
+  const { t: h } = $(), { tematicalFiltersSelected: C, activeFiltersType: f, geoLayers: x } = D((R) => R), [w, N] = V(n || null), [S, L] = V(d || null), [k, B] = V(!1);
   F(() => {
     s && s.length > 0 && D.setState((R) => ({
       tematicalFiltersSelected: s
     }));
   }, [s]), F(() => {
-    g.includes("geographical") && D.setState({ geoLayers: y });
-  }, [y]), F(() => {
-    l(f);
-  }, [f]);
+    g.includes("geographical") && D.setState({ geoLayers: v });
+  }, [v]), F(() => {
+    l(C);
+  }, [C]);
   const O = () => {
     w ? c({ name: w, description: S }) : B(!0);
   };
   return F(() => {
-    g.includes("geographical") && C != "geographical" && x.length > 0 && D.setState((R) => ({
+    g.includes("geographical") && f != "geographical" && x.length > 0 && D.setState((R) => ({
       geoLayers: R.geoLayers.map((T) => ({
         ...T,
         active: !1
       }))
     }));
-  }, [C]), /* @__PURE__ */ m("div", { className: ae.FiltersAmbitContainer, children: [
-    !v && /* @__PURE__ */ m("div", { className: ae.FiltersAmbitHeader, children: [
+  }, [f]), /* @__PURE__ */ m("div", { className: ae.FiltersAmbitContainer, children: [
+    !b && /* @__PURE__ */ m("div", { className: ae.FiltersAmbitHeader, children: [
       /* @__PURE__ */ i("div", { className: ae.FiltersAmbitTitle, children: /* @__PURE__ */ i(
         "input",
         {
@@ -1299,7 +1299,7 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
             B(!1), N(R.target.value);
           },
           value: w,
-          placeholder: p(u)
+          placeholder: h(u)
         }
       ) }),
       /* @__PURE__ */ i("div", { className: ae.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: ae.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
@@ -1307,21 +1307,21 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
         {
           value: S,
           onChange: (R) => L(R.target.value),
-          placeholder: p(h)
+          placeholder: h(p)
         }
       ) }) })
     ] }),
     /* @__PURE__ */ i(
       ht,
       {
-        title: p("applied_filters"),
+        title: h("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
         backgroundColor: a || "#605B5680",
         activeColor: t
       }
     ),
-    g.includes("geographical") && /* @__PURE__ */ i(gt, { activeColor: t, geoFilterLayers: y, onGeoLayersChange: _ }),
+    g.includes("geographical") && /* @__PURE__ */ i(gt, { activeColor: t, geoFilterLayers: v, onGeoLayersChange: _ }),
     g.includes("tematical") && /* @__PURE__ */ i(
       _t,
       {
@@ -1332,8 +1332,8 @@ const tn = "_FiltersAmbitContainer_1g9xx_2", nn = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    k && /* @__PURE__ */ i("div", { className: ae.warning, children: p(b) }),
-    !v && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(Te, { onClick: () => O(), children: p("save_ambit") }) })
+    k && /* @__PURE__ */ i("div", { className: ae.warning, children: h(y) }),
+    !b && /* @__PURE__ */ i("div", { className: "buttonContainer", children: /* @__PURE__ */ i(Te, { onClick: () => O(), children: h("save_ambit") }) })
   ] });
 };
 ln.propTypes = {
@@ -1365,12 +1365,12 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: h } = $(), { xScale: g, ticks: b, height: y } = me(() => {
+  const { t: p } = $(), { xScale: g, ticks: y, height: v } = me(() => {
     if (n && n.length > 0) {
-      const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, v = Ye.max(n, (C) => C.value) || 1, p = Ye.scaleLinear().domain([0, u || v]).range([0, d - l]), f = Array.from({ length: c + 1 }, (C, x) => u ? u / c * x : v / c * x);
+      const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, b = Ye.max(n, (f) => f.value) || 1, h = Ye.scaleLinear().domain([0, u || b]).range([0, d - l]), C = Array.from({ length: c + 1 }, (f, x) => u ? u / c * x : b / c * x);
       return {
-        xScale: p,
-        ticks: f,
+        xScale: h,
+        ticks: C,
         height: _,
         width: d,
         verticalPaddign: r,
@@ -1388,36 +1388,36 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
     r,
     u
   ]);
-  return /* @__PURE__ */ i("div", { className: dn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: y, children: /* @__PURE__ */ m("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: b.map((_, v) => {
-      const p = g(_);
-      return /* @__PURE__ */ m("g", { transform: `translate(${p}, 0)`, children: [
+  return /* @__PURE__ */ i("div", { className: dn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: v, children: /* @__PURE__ */ m("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: y.map((_, b) => {
+      const h = g(_);
+      return /* @__PURE__ */ m("g", { transform: `translate(${h}, 0)`, children: [
         /* @__PURE__ */ i(
           "line",
           {
             y1: 0,
-            y2: y - o * 2,
+            y2: v - o * 2,
             stroke: "#ccc"
           }
         ),
         /* @__PURE__ */ i(
           "text",
           {
-            y: y - o,
+            y: v - o,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
             children: parseInt(_)
           }
         )
-      ] }, v);
+      ] }, b);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((_, v) => {
-      const p = g(_.value), f = v * (s + o);
+    n && n.length > 0 && (n == null ? void 0 : n.map((_, b) => {
+      const h = g(_.value), C = b * (s + o);
       return /* @__PURE__ */ m(
         "g",
         {
-          transform: `translate(${l + a}, ${f})`,
+          transform: `translate(${l + a}, ${C})`,
           children: [
             /* @__PURE__ */ i(
               "text",
@@ -1426,13 +1426,13 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
                 y: s / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: h(_.title)
+                children: p(_.title)
               }
             ),
             /* @__PURE__ */ i(
               "rect",
               {
-                width: p,
+                width: h,
                 height: s,
                 fill: _.color,
                 rx: 0
@@ -1440,7 +1440,7 @@ const cn = "_barChartContainer_d2f1z_2", dn = {
             )
           ]
         },
-        v
+        b
       );
     }))
   ] }) }) });
@@ -1544,15 +1544,15 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
   multiple: l = !1,
   onChangeType: c
 }) => {
-  const { t: u } = $(), { name: h, type: g, disabled: b } = n, [y, _] = V(!1);
+  const { t: u } = $(), { name: p, type: g, disabled: y } = n, [v, _] = V(!1);
   F(() => {
     t && _(
       l ? t.some(
-        (f) => f.name == String(h)
-      ) : t.name == h
+        (C) => C.name == String(p)
+      ) : t.name == p
     );
   }, [t]);
-  const v = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ m("div", { className: q.switchTypeOptions, children: [
+  const b = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ m("div", { className: q.switchTypeOptions, children: [
     /* @__PURE__ */ m(
       "div",
       {
@@ -1611,7 +1611,7 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
         ]
       }
     )
-  ] }) }) }), p = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ i("div", { className: q.switchTypeOptions, children: d.map((f, C) => /* @__PURE__ */ m(
+  ] }) }) }), h = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ i("div", { className: q.switchTypeOptions, children: d.map((C, f) => /* @__PURE__ */ m(
     "div",
     {
       className: q.optionContainer,
@@ -1622,24 +1622,24 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
             className: q.customRadious
           }
         ),
-        /* @__PURE__ */ i("h4", { children: u(f.unit) })
+        /* @__PURE__ */ i("h4", { children: u(C.unit) })
       ]
     },
-    C
+    f
   )) }) }) });
   return /* @__PURE__ */ m("div", { className: q.indicatorContainer, children: [
     /* @__PURE__ */ m(
       "div",
       {
         className: q.indicatorNameContainer,
-        onClick: () => !b && a({ indicator: n }),
+        onClick: () => !y && a({ indicator: n }),
         children: [
           /* @__PURE__ */ i(
             "div",
             {
               style: {
-                border: y ? `1px solid ${s}` : `1px solid ${o}`,
-                opacity: b ? 0.5 : 1
+                border: v ? `1px solid ${s}` : `1px solid ${o}`,
+                opacity: y ? 0.5 : 1
               },
               className: q.dot
             }
@@ -1649,13 +1649,13 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
             {
               className: q.indicatorName,
               style: {
-                color: y ? s : o,
-                opacity: b ? 0.5 : 1
+                color: v ? s : o,
+                opacity: y ? 0.5 : 1
               },
               children: /* @__PURE__ */ i(
                 Ke,
                 {
-                  i18nKey: h,
+                  i18nKey: p,
                   components: { sup: /* @__PURE__ */ i("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -1665,8 +1665,8 @@ const hn = "_indicatorsCategory_1cu33_2", gn = "_title_1cu33_5", Cn = "_list_1cu
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ i("div", { children: v() }),
-    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ i("div", { children: p() })
+    (t == null ? void 0 : t.name) === p && g === "both" && /* @__PURE__ */ i("div", { children: b() }),
+    (t == null ? void 0 : t.name) === p && g === "twoUnits" && /* @__PURE__ */ i("div", { children: h() })
   ] });
 };
 Ge.propTypes = {
@@ -1695,10 +1695,10 @@ const $n = "_indicatorsSubCategory_1dzsi_2", Bn = "_list_1dzsi_8", tt = {
   activeIndicator: l,
   onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: h,
+  activeIndicatorType: p,
   onChangeType: g
 }) => {
-  const { t: b } = $(), [y, _] = V(!1);
+  const { t: y } = $(), [v, _] = V(!1);
   return F(() => {
     _(t == a);
   }, [t, a]), /* @__PURE__ */ m(
@@ -1706,32 +1706,32 @@ const $n = "_indicatorsSubCategory_1dzsi_2", Bn = "_list_1dzsi_8", tt = {
     {
       className: tt.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: y ? "auto" : "43px" },
+      animate: { height: v ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */ m("h3", { style: { color: y ? o : s }, children: [
-          /* @__PURE__ */ i("span", { style: { color: y ? o : s }, children: y ? "-" : "+" }),
+        /* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */ m("h3", { style: { color: v ? o : s }, children: [
+          /* @__PURE__ */ i("span", { style: { color: v ? o : s }, children: v ? "-" : "+" }),
           /* @__PURE__ */ i(
             "span",
             {
-              style: { marginLeft: 12, color: y ? o : s },
-              children: b(n)
+              style: { marginLeft: 12, color: v ? o : s },
+              children: y(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ i("div", { className: tt.list, children: d == null ? void 0 : d.map((v, p) => /* @__PURE__ */ i(
+        d && /* @__PURE__ */ i("div", { className: tt.list, children: d == null ? void 0 : d.map((b, h) => /* @__PURE__ */ i(
           Ge,
           {
-            indicator: v,
+            indicator: b,
             defaultColor: s,
             activeColor: o,
             activeIndicator: l,
             onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: h,
+            activeIndicatorType: p,
             onChangeType: g
           },
-          "indicator" + p
+          "indicator" + h
         )) })
       ]
     }
@@ -1760,14 +1760,14 @@ const xt = ({
   onClickSubCategory: l,
   activeIndicator: c,
   onClickIndicator: u,
-  multiple: h,
+  multiple: p,
   activeIndicatorType: g,
-  onChangeType: b
+  onChangeType: y
 }) => {
-  var p;
-  const { t: y } = $(), [_, v] = V(!1);
+  var h;
+  const { t: v } = $(), [_, b] = V(!1);
   return F(() => {
-    v(r === d);
+    b(r === d);
   }, [r, d]), /* @__PURE__ */ m(
     He.div,
     {
@@ -1787,43 +1787,43 @@ const xt = ({
             "span",
             {
               style: { marginLeft: 12, color: _ ? s : o },
-              children: y(n.name)
+              children: v(n.name)
             }
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: f, subcategory: C, indicators: x }, w) => /* @__PURE__ */ i(
+          ({ name: C, subcategory: f, indicators: x }, w) => /* @__PURE__ */ i(
             wt,
             {
-              id: C,
+              id: f,
               activeSubCategory: a,
-              subcName: f,
+              subcName: C,
               onClickSubCategory: l,
               activeIndicator: c,
               onClickIndicator: u,
-              multiple: h,
+              multiple: p,
               activeColor: s,
               defaultColor: o,
               indicators: x,
               activeIndicatorType: g,
-              onChangeType: b
+              onChangeType: y
             },
             `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ i("div", { className: Ae.list, children: (p = n.indicators) == null ? void 0 : p.map((f, C) => /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ i("div", { className: Ae.list, children: (h = n.indicators) == null ? void 0 : h.map((C, f) => /* @__PURE__ */ i(
           Ge,
           {
-            indicator: f,
-            values: f.type == "twoUnits" && f.values,
+            indicator: C,
+            values: C.type == "twoUnits" && C.values,
             activeColor: s,
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
-            multiple: h,
+            multiple: p,
             activeIndicatorType: g,
-            onChangeType: b
+            onChangeType: y
           },
-          `indicator${C}`
+          `indicator${f}`
         )) })
       ]
     }
@@ -1860,19 +1860,19 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
   changeIndType: a,
   activeIndicatorType: l
 }) => {
-  const { t: c } = $(), [u, h] = V(), [g, b] = V(), [y, _] = V(), v = (w) => {
-    h(u == w ? null : w);
-  }, p = (w) => {
-    b(g == w ? null : w);
-  }, f = ({ indicator: w }) => {
-    C(w);
-  }, C = (w) => {
+  const { t: c } = $(), [u, p] = V(), [g, y] = V(), [v, _] = V(), b = (w) => {
+    p(u == w ? null : w);
+  }, h = (w) => {
+    y(g == w ? null : w);
+  }, C = ({ indicator: w }) => {
+    f(w);
+  }, f = (w) => {
     if (!t)
       _(
-        (y == null ? void 0 : y.name) == w.name ? null : w
+        (v == null ? void 0 : v.name) == w.name ? null : w
       );
     else {
-      let N = y && y.length > 0 ? [...y] : [];
+      let N = v && v.length > 0 ? [...v] : [];
       _(
         N != null && N.some(
           (S) => S.name == w.name
@@ -1883,14 +1883,14 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
     }
   };
   F(() => {
-    o && typeof o == "function" && y && o({ activeIndicator: y });
-  }, [y]), At(() => {
-    if (r && !y)
+    o && typeof o == "function" && v && o({ activeIndicator: v });
+  }, [v]), At(() => {
+    if (r && !v)
       if (t && r && Array.isArray(r)) {
-        let w = y && y.length > 0 ? [...y] : [];
+        let w = v && v.length > 0 ? [...v] : [];
         _([...w, ...r]), x(r[0].name);
       } else
-        C(r), x(r.name);
+        f(r), x(r.name);
   }, []);
   const x = (w) => {
     const N = n.find((S) => {
@@ -1899,11 +1899,11 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
           (k) => k.indicators.find((B) => B.name == w)
         );
         if (L)
-          return b(L.subcategory), L;
+          return y(L.subcategory), L;
       } else
         return S.indicators.some((L) => L.name == w);
     });
-    N && h(N.category);
+    N && p(N.category);
   };
   return /* @__PURE__ */ m("div", { className: nt.indicatorsList, children: [
     /* @__PURE__ */ i("h2", { className: nt.title, style: { color: s }, children: c("indicators.indicators") }),
@@ -1912,12 +1912,12 @@ const Ln = "_indicatorsList_fklyu_2", Tn = "_title_fklyu_6", nt = {
       {
         id: w.category,
         cat: w,
-        onClickCategory: v,
+        onClickCategory: b,
         activeCategory: u,
-        onClickSubCategory: p,
+        onClickSubCategory: h,
         activeSubCategory: g,
-        onClickIndicator: f,
-        activeIndicator: y,
+        onClickIndicator: C,
+        activeIndicator: v,
         activeColor: d,
         defaultColor: s,
         multiple: t,
@@ -2038,8 +2038,8 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
       children: [
         /* @__PURE__ */ i("button", { className: I.closeButton, onClick: c }),
         d && /* @__PURE__ */ i("div", { className: I.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
-        s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ m("li", { children: [
-          /* @__PURE__ */ i("h3", { className: I.title, children: `${h}:` }),
+        s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: p, value: g }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ i("h3", { className: I.title, children: `${p}:` }),
           /* @__PURE__ */ m("span", { className: I.value, children: [
             "  ",
             g
@@ -2075,7 +2075,7 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className: I.gridContainer, children: o.map(
-            ({ title: h, color: g }) => /* @__PURE__ */ m("div", { className: I.elementLegendContainer, children: [
+            ({ title: p, color: g }) => /* @__PURE__ */ m("div", { className: I.elementLegendContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
@@ -2084,7 +2084,7 @@ const Rn = "_legendContainer_qs4x9_3", qn = "_closeButton_qs4x9_31", En = "_titl
                 }
               ),
               /* @__PURE__ */ m("div", { className: I.titleLegendElement, children: [
-                u(h),
+                u(p),
                 " "
               ] })
             ] }, d)
@@ -2161,14 +2161,14 @@ const s0 = ({
   interactiveLayers: l = [],
   popUp: c = !1,
   sources: u = [],
-  layers: h = []
+  layers: p = []
 }) => {
-  const g = se(), [b, y] = V(null), _ = Ot((v) => v.mapState.showTexts);
+  const g = se(), [y, v] = V(null), _ = Ot((b) => b.mapState.showTexts);
   return F(() => {
     if (g.current) {
-      const v = g.current.getMap();
-      v.getStyle().layers.map((f) => {
-        f.type == "symbol" && f.id != "professionals" && (_ ? v.setLayoutProperty(f.id, "visibility", "visible") : v.setLayoutProperty(f.id, "visibility", "none"));
+      const b = g.current.getMap();
+      b.getStyle().layers.map((C) => {
+        C.type == "symbol" && C.id != "professionals" && (_ ? b.setLayoutProperty(C.id, "visibility", "visible") : b.setLayoutProperty(C.id, "visibility", "none"));
       });
     }
   }, [_]), /* @__PURE__ */ i("div", { className: `${i0.mapContainer}`, style: r, children: /* @__PURE__ */ m(
@@ -2183,31 +2183,31 @@ const s0 = ({
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        u.length && u.map((v, p) => /* @__PURE__ */ i(
+        u.length && u.map((b, h) => /* @__PURE__ */ i(
           qt,
           {
-            ...v,
-            children: h.length && h.map((f, C) => {
-              if (f.sourceId == v.id) return /* @__PURE__ */ i(
+            ...b,
+            children: p.length && p.map((C, f) => {
+              if (C.sourceId == b.id) return /* @__PURE__ */ i(
                 Et,
                 {
-                  ...f.layer,
+                  ...C.layer,
                   beforeId: t
                 },
-                C
+                f
               );
             })
           },
-          p
+          h
         )),
         /* @__PURE__ */ i(Pt, { position: "bottom-right", visualizePitch: !0 }),
-        c && b && /* @__PURE__ */ i(
+        c && y && /* @__PURE__ */ i(
           jt,
           {
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => y(null),
+            onClose: () => v(null),
             children: c.content
           }
         )
@@ -2289,23 +2289,22 @@ const o0 = "_mapContainer_b0pyr_3", r0 = {
   interactiveLayers: l = [],
   sources: c = [],
   layers: u = [],
-  filters: h,
-  popUpParams: g,
-  onClosePopUp: b,
+  popUpParams: p,
+  onClosePopUp: g,
   showTexts: y,
-  hash: _ = !1
+  hash: v = !1
 }) => {
-  const v = se();
+  const _ = se();
   return F(() => {
-    if (v.current) {
-      const p = v.current.getMap();
-      p.getStyle().layers.map((C) => {
-        C.type == "symbol" && C.id != "professionals" && (y ? p.setLayoutProperty(C.id, "visibility", "visible") : p.setLayoutProperty(C.id, "visibility", "none"));
+    if (_.current) {
+      const b = _.current.getMap();
+      b.getStyle().layers.map((C) => {
+        C.type == "symbol" && C.id != "professionals" && (y ? b.setLayoutProperty(C.id, "visibility", "visible") : b.setLayoutProperty(C.id, "visibility", "none"));
       });
     }
   }, [y]), F(() => {
-    let p = new zt();
-    return Me.addProtocol("pmtiles", p.tile), () => {
+    let b = new zt();
+    return Me.addProtocol("pmtiles", b.tile), () => {
       Me.removeProtocol("pmtiles");
     };
   }, []), /* @__PURE__ */ i("div", { className: `${r0.mapContainer}`, style: r && r, children: /* @__PURE__ */ m(
@@ -2313,43 +2312,43 @@ const o0 = "_mapContainer_b0pyr_3", r0 = {
     {
       mapLib: Me,
       initialViewState: n,
-      ref: v,
-      hash: _,
+      ref: _,
+      hash: v,
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        c.length && c.map((p, f) => /* @__PURE__ */ i(
+        c.length && c.map((b, h) => /* @__PURE__ */ i(
           Kt,
           {
-            ...p,
-            children: u.length && u.map((C, x) => {
-              if (C.sourceId == p.id) return /* @__PURE__ */ i(
+            ...b,
+            children: u.length && u.map((C, f) => {
+              if (console.log(C), C.sourceId == b.id) return /* @__PURE__ */ i(
                 Ht,
                 {
                   ...C.layer,
                   beforeId: t,
-                  filter: h && C.filterable && h,
+                  filter: C.filters ? C.filters : ["all"],
                   layout: {
                     visibility: C.layer.visibility || "visible"
                   }
                 },
-                x
+                f
               );
             })
           },
-          f
+          h
         )),
         /* @__PURE__ */ i(Ut, { position: "bottom-right", visualizePitch: !0 }),
-        g && /* @__PURE__ */ i(
+        p && /* @__PURE__ */ i(
           Gt,
           {
-            longitude: g.lng,
-            latitude: g.lat,
-            onClose: b,
-            children: /* @__PURE__ */ i(c0, { props: g.props })
+            longitude: p.lng,
+            latitude: p.lat,
+            onClose: g,
+            children: /* @__PURE__ */ i(c0, { props: p.props })
           }
         )
       ]
@@ -2392,11 +2391,11 @@ d0.propTypes = {
         maxzoom: e.number,
         paint: e.object,
         visibility: e.string
-      })
+      }),
+      filters: e.array
     })
   ),
   showTexts: e.bool,
-  filters: e.array,
   popUpParams: e.object,
   onClosePopUp: e.func
 };
@@ -2483,30 +2482,30 @@ const b0 = Wt({
     console.log("year changed to ", l);
   }
 }) => {
-  const [l, c] = V(d), u = (f, C) => {
-    c(C), a(C);
-  }, [h, g] = V(!1), b = () => {
+  const [l, c] = V(d), u = (C, f) => {
+    c(f), a(f);
+  }, [p, g] = V(!1), y = () => {
     g(!0);
-  }, y = () => {
+  }, v = () => {
     g(!1);
   };
-  ((f, C) => {
+  ((C, f) => {
     const x = se();
     F(() => {
-      x.current = f;
-    }, [f]), F(() => {
+      x.current = C;
+    }, [C]), F(() => {
       function w() {
         x.current();
       }
       {
-        let N = setInterval(w, C);
+        let N = setInterval(w, f);
         return () => clearInterval(N);
       }
-    }, [C]);
+    }, [f]);
   })(() => {
-    h && (l != 2050 ? (c(l + 1), a(l + 1)) : (c(2025), a(2025)));
+    p && (l != 2050 ? (c(l + 1), a(l + 1)) : (c(2025), a(2025)));
   }, 1e3);
-  const v = Qt({
+  const b = Qt({
     palette: {
       primary: {
         main: "#605b56"
@@ -2528,13 +2527,13 @@ const b0 = Wt({
         }
       }
     }
-  }), p = [
+  }), h = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ i(Jt, { theme: v, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ i(Jt, { theme: b, children: /* @__PURE__ */ m(
     Xt,
     {
       sx: { width: 400 },
@@ -2549,7 +2548,7 @@ const b0 = Wt({
             value: l,
             valueLabelDisplay: "on",
             step: 1,
-            marks: p,
+            marks: h,
             min: s,
             max: o,
             onChange: u,
@@ -2558,8 +2557,8 @@ const b0 = Wt({
           }
         ),
         o,
-        !h && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: b, children: /* @__PURE__ */ i("img", { src: y0, alt: "Play" }) }),
-        h && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: _0, alt: "Pause" }) })
+        !p && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: y0, alt: "Play" }) }),
+        p && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: _0, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2702,17 +2701,17 @@ const ti = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   elementButtons: l,
   processTooltip: c,
   defaultTooltip: u,
-  showEye: h = !0
+  showEye: p = !0
 }) => {
-  const { name: g, created_at: b, id: y, isBeingProcessed: _ } = n, [v, p] = V(!1), { t: f } = $();
+  const { name: g, created_at: y, id: v, isBeingProcessed: _ } = n, [b, h] = V(!1), { t: C } = $();
   return /* @__PURE__ */ m(
     "div",
     {
       className: Z.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(y), children: Object.keys(a).map((C) => C === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ m("div", { className: Z.elementName, children: [
-          h && (s ? /* @__PURE__ */ i(ei, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(v), children: Object.keys(a).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ m("div", { className: Z.elementName, children: [
+          p && (s ? /* @__PURE__ */ i(ei, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
             "img",
             {
               style: { marginRight: 9 },
@@ -2721,7 +2720,7 @@ const ti = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             }
           )),
           /* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: g })
-        ] }) }) : C == "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: n[C] })) }),
+        ] }) }) : f == "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: n[f] })) }),
         /* @__PURE__ */ m("div", { className: Z.elementButtons, children: [
           n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: X0 }),
@@ -2746,11 +2745,11 @@ const ti = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         ] }),
         r && /* @__PURE__ */ i("div", { className: Z.break }),
         r && /* @__PURE__ */ m("div", { className: Z.moreInfoContainer, children: [
-          /* @__PURE__ */ m("div", { className: Z.moreInfo, onClick: () => p(!v), children: [
-            /* @__PURE__ */ i("span", { children: v ? "-" : "+" }),
-            f(r.label)
+          /* @__PURE__ */ m("div", { className: Z.moreInfo, onClick: () => h(!b), children: [
+            /* @__PURE__ */ i("span", { children: b ? "-" : "+" }),
+            C(r.label)
           ] }),
-          r && v && /* @__PURE__ */ i("div", { className: Z.moreInfoInfo, children: n[r.info] })
+          r && b && /* @__PURE__ */ i("div", { className: Z.moreInfoInfo, children: n[r.info] })
         ] })
       ]
     }
@@ -2806,22 +2805,22 @@ const rt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   // {'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: h = !1,
+  moreInfo: p = !1,
   //{label: 'x'}
   processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: b,
+  defaultTooltip: y,
   //texto para el tooltip del símbolo de candado para los elementos default
-  showEye: y = !0
+  showEye: v = !0
 }) => {
-  const { t: _ } = $(), [v, p] = V(n);
+  const { t: _ } = $(), [b, h] = V(n);
   F(() => {
-    n && p(n);
+    n && h(n);
   }, [n]);
-  const f = (C) => {
-    if (v && v.length > 0) {
-      let x = [...v];
-      x.sort((w, N) => w[C].localeCompare(N[C])), p(x);
+  const C = (f) => {
+    if (b && b.length > 0) {
+      let x = [...b];
+      x.sort((w, N) => w[f].localeCompare(N[f])), h(x);
     }
   };
   return /* @__PURE__ */ m(
@@ -2836,33 +2835,33 @@ const rt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: H.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: H.nameDateContainer, children: Object.keys(c).map((C) => C === "name" ? /* @__PURE__ */ i("div", { className: H.elementName, children: /* @__PURE__ */ m("button", { onClick: () => f("name"), children: [
+              /* @__PURE__ */ i("div", { className: H.nameDateContainer, children: Object.keys(c).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: H.elementName, children: /* @__PURE__ */ m("button", { onClick: () => C("name"), children: [
                 /* @__PURE__ */ i("span", { children: _(c.name) }),
                 /* @__PURE__ */ i("img", { src: rt, alt: "order arrow" })
-              ] }) }, C) : C === "data" ? /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => f("date"), children: [
+              ] }) }, f) : f === "data" ? /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => C("date"), children: [
                 /* @__PURE__ */ i("span", { children: _(c.data) }),
                 /* @__PURE__ */ i("img", { src: rt, alt: "order arrow" })
-              ] }) }, C) : /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[C]) }) }, C)) }),
+              ] }) }, f) : /* @__PURE__ */ i("div", { className: H.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[f]) }) }, f)) }),
               /* @__PURE__ */ i("div", { className: H.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: H.elementListContainer, children: v && v.length > 0 && v.map((C) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: H.elementListContainer, children: b && b.length > 0 && b.map((f) => /* @__PURE__ */ i(
           Nt,
           {
-            isActive: d == C.id,
-            listelement: C,
+            isActive: d == f.id,
+            listelement: f,
             fontColor: s,
             activeColor: o,
             onClickElement: l,
             columns: c,
             elementButtons: u,
-            moreInfo: h,
+            moreInfo: p,
             processTooltip: g,
-            defaultTooltip: b,
-            showEye: y
+            defaultTooltip: y,
+            showEye: v
           },
-          `elementKey${C.id}`
+          `elementKey${f.id}`
         )) }),
         a && /* @__PURE__ */ i("div", { className: H.newElementButtonContainer, children: /* @__PURE__ */ i(
           Te,
@@ -3033,7 +3032,7 @@ function _i(n) {
       values: !0
     },
     exact: a,
-    callback: (h) => !r && u(yi(o, s._names, h.values || s._formValues, !1, l.current))
+    callback: (p) => !r && u(yi(o, s._names, p.values || s._formValues, !1, l.current))
   }), [o, s, r, a]), M.useEffect(() => s._removeUnmounted()), c;
 }
 function vi(n) {
@@ -3046,7 +3045,7 @@ function vi(n) {
     control: t,
     name: s,
     exact: !0
-  }), u = M.useRef(n), h = M.useRef(t.register(s, {
+  }), u = M.useRef(n), p = M.useRef(t.register(s, {
     ...n.rules,
     value: l,
     ...Oe(n.disabled) ? { disabled: n.disabled } : {}
@@ -3071,50 +3070,50 @@ function vi(n) {
       enumerable: !0,
       get: () => P(c.errors, s)
     }
-  }), [c, s]), b = M.useCallback((p) => h.current.onChange({
+  }), [c, s]), y = M.useCallback((h) => p.current.onChange({
     target: {
-      value: di(p),
+      value: di(h),
       name: s
     },
     type: lt.CHANGE
-  }), [s]), y = M.useCallback(() => h.current.onBlur({
+  }), [s]), v = M.useCallback(() => p.current.onBlur({
     target: {
       value: P(t._formValues, s),
       name: s
     },
     type: lt.BLUR
-  }), [s, t._formValues]), _ = M.useCallback((p) => {
-    const f = P(t._fields, s);
-    f && p && (f._f.ref = {
-      focus: () => p.focus && p.focus(),
-      select: () => p.select && p.select(),
-      setCustomValidity: (C) => p.setCustomValidity(C),
-      reportValidity: () => p.reportValidity()
+  }), [s, t._formValues]), _ = M.useCallback((h) => {
+    const C = P(t._fields, s);
+    C && h && (C._f.ref = {
+      focus: () => h.focus && h.focus(),
+      select: () => h.select && h.select(),
+      setCustomValidity: (f) => h.setCustomValidity(f),
+      reportValidity: () => h.reportValidity()
     });
-  }, [t._fields, s]), v = M.useMemo(() => ({
+  }, [t._fields, s]), b = M.useMemo(() => ({
     name: s,
     value: l,
     ...Oe(o) || c.disabled ? { disabled: c.disabled || o } : {},
-    onChange: b,
-    onBlur: y,
+    onChange: y,
+    onBlur: v,
     ref: _
-  }), [s, o, c.disabled, b, y, _, l]);
+  }), [s, o, c.disabled, y, v, _, l]);
   return M.useEffect(() => {
-    const p = t._options.shouldUnregister || r;
+    const h = t._options.shouldUnregister || r;
     t.register(s, {
       ...u.current.rules,
       ...Oe(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const f = (C, x) => {
-      const w = P(t._fields, C);
+    const C = (f, x) => {
+      const w = P(t._fields, f);
       w && w._f && (w._f.mount = x);
     };
-    if (f(s, !0), p) {
-      const C = St(P(t._options.defaultValues, s));
-      at(t._defaultValues, s, C), Ze(P(t._formValues, s)) && at(t._formValues, s, C);
+    if (C(s, !0), h) {
+      const f = St(P(t._options.defaultValues, s));
+      at(t._defaultValues, s, f), Ze(P(t._formValues, s)) && at(t._formValues, s, f);
     }
     return !a && t.register(s), () => {
-      (a ? p && !t._state.action : p) ? t.unregister(s) : f(s, !1);
+      (a ? h && !t._state.action : h) ? t.unregister(s) : C(s, !1);
     };
   }, [s, t, a, r]), M.useEffect(() => {
     t._setDisabledField({
@@ -3122,10 +3121,10 @@ function vi(n) {
       name: s
     });
   }, [o, s, t]), M.useMemo(() => ({
-    field: v,
+    field: b,
     formState: c,
     fieldState: g
-  }), [v, c, g]);
+  }), [b, c, g]);
 }
 const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_labelContainer_1o3iy_5", Ni = "_inputContainer_1o3iy_8", ki = "_showPasswordButton_1o3iy_14", Si = "_forgotPassButton_1o3iy_26", be = {
   textInputContainer: wi,
@@ -3161,21 +3160,21 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
     validateFunction: l,
     placeholder: c,
     errorColor: u = "red",
-    width: h = 325,
+    width: p = 325,
     onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: b = "forgot-password"
-  } = n, { t: y } = $(), { control: _, trigger: v, clearErrors: p } = d, { errorColor: f } = xe((N) => N), [C, x] = V(!1);
+    forgotPassLabel: y = "forgot-password"
+  } = n, { t: v } = $(), { control: _, trigger: b, clearErrors: h } = d, { errorColor: C } = xe((N) => N), [f, x] = V(!1);
   se(a);
-  const w = () => o ? o === "password" && C ? "text" : o : "text";
+  const w = () => o ? o === "password" && f ? "text" : o : "text";
   return /* @__PURE__ */ i(
     ve,
     {
       name: s,
       control: _,
       rules: {
-        required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
+        required: a ? `${v(t)} ${v("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: l || void 0
       },
@@ -3183,14 +3182,14 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
         var L;
         return /* @__PURE__ */ m("div", { className: be.textInputContainer, children: [
           /* @__PURE__ */ m("h3", { className: be.labelContainer, children: [
-            y(t),
+            v(t),
             " ",
             a && /* @__PURE__ */ i("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ m(
             "div",
             {
-              style: { position: "relative", width: h },
+              style: { position: "relative", width: p },
               className: be.inputContainer,
               children: [
                 /* @__PURE__ */ i(
@@ -3198,28 +3197,28 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
                   {
                     type: w(),
                     ...N,
-                    placeholder: c ? y(c) : "",
+                    placeholder: c ? v(c) : "",
                     maxLength: r || void 0
                   }
                 ),
                 o == "password" && /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: () => x(!C),
+                    onClick: () => x(!f),
                     type: "button",
                     className: be.showPasswordButton,
-                    children: C ? "🙈" : "👁️"
+                    children: f ? "🙈" : "👁️"
                   }
                 )
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: y(b) }) }),
+          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: v(y) }) }),
           /* @__PURE__ */ i(
             we,
             {
               errorMessage: (L = S.error) == null ? void 0 : L.message,
-              errorColor: f || u
+              errorColor: C || u
             }
           )
         ] });
@@ -3245,47 +3244,47 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
     validateFunction: l,
     placeholder: c,
     errorColor: u = "red",
-    width: h = 325,
+    width: p = 325,
     options: g = []
-  } = n, { t: b } = $(), { control: y, trigger: _, clearErrors: v } = d, { errorColor: p } = xe((f) => f);
+  } = n, { t: y } = $(), { control: v, trigger: _, clearErrors: b } = d, { errorColor: h } = xe((C) => C);
   return se(a), /* @__PURE__ */ i(
     ve,
     {
       name: s,
-      control: y,
+      control: v,
       rules: {
-        required: a ? `${b(t)} ${b("errorMessages.required")}` : !1,
-        validate: l ? (f) => {
-          let C = d.getValues();
-          return l(f, C);
+        required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
+        validate: l ? (C) => {
+          let f = d.getValues();
+          return l(C, f);
         } : void 0
       },
-      render: ({ field: f, fieldState: C }) => {
+      render: ({ field: C, fieldState: f }) => {
         var x;
         return /* @__PURE__ */ m("div", { className: de.selectInputContainer, children: [
           /* @__PURE__ */ m("h3", { className: de.labelContainer, children: [
-            b(t),
+            y(t),
             " ",
-            a && /* @__PURE__ */ i("label", { style: { color: C.error ? u : "" }, children: "*" })
+            a && /* @__PURE__ */ i("label", { style: { color: f.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ m("div", { className: de.inputContainer, style: { width: h }, children: [
+          /* @__PURE__ */ m("div", { className: de.inputContainer, style: { width: p }, children: [
             /* @__PURE__ */ m(
               "select",
               {
-                ...f,
+                ...C,
                 onChange: (w) => {
                   const N = w.target.value, S = g.every((L) => typeof L.value == "number") ? Number(N) : N;
-                  f.onChange(S);
+                  C.onChange(S);
                 },
                 className: de.selectInput,
                 children: [
-                  /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: b(c || "selectOption") }),
+                  /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
                   g.map((w, N) => /* @__PURE__ */ i(
                     "option",
                     {
                       value: w.value,
                       className: de.option,
-                      children: b(w.label)
+                      children: y(w.label)
                     },
                     N
                   ))
@@ -3304,8 +3303,8 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
           /* @__PURE__ */ i(
             we,
             {
-              errorMessage: (x = C.error) == null ? void 0 : x.message,
-              errorColor: p || u
+              errorMessage: (x = f.error) == null ? void 0 : x.message,
+              errorColor: h || u
             }
           )
         ] });
@@ -3328,25 +3327,25 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
     errorColor: a = "red",
     options: l = [],
     multi: c = !1
-  } = n, { t: u } = $(), { control: h, trigger: g, clearErrors: b } = d, { errorColor: y } = xe((p) => p), _ = ({ options: p, onChange: f, actualValue: C }) => {
-    if (c && C && C.length > 0) {
-      let x = C.filter((w) => w !== p);
-      f(x);
+  } = n, { t: u } = $(), { control: p, trigger: g, clearErrors: y } = d, { errorColor: v } = xe((h) => h), _ = ({ options: h, onChange: C, actualValue: f }) => {
+    if (c && f && f.length > 0) {
+      let x = f.filter((w) => w !== h);
+      C(x);
     }
-  }, v = ({ options: p, onChange: f, actualValue: C }) => {
-    c ? C && C.length > 0 ? f([...C, p]) : f([p]) : f(p);
+  }, b = ({ options: h, onChange: C, actualValue: f }) => {
+    c ? f && f.length > 0 ? C([...f, h]) : C([h]) : C(h);
   };
   return se(t), /* @__PURE__ */ i(
     ve,
     {
-      control: h,
+      control: p,
       name: s,
       rules: {
-        validate: (p) => t && (p == null || p === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (h) => t && (h == null || h === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: p },
-        field: { onChange: f, onBlur: C, value: x, ref: w },
+        formState: { errors: h },
+        field: { onChange: C, onBlur: f, value: x, ref: w },
         fieldState: N
       }) => {
         var S;
@@ -3388,12 +3387,12 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
                         c ? T ? _({
                           actualValue: x,
                           options: l,
-                          onChange: f
-                        }) : v({
+                          onChange: C
+                        }) : b({
                           actualValue: x,
                           options: l,
-                          onChange: f
-                        }) : f(k);
+                          onChange: C
+                        }) : C(k);
                       },
                       className: te.radioInput
                     }
@@ -3407,7 +3406,7 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
               we,
               {
                 errorMessage: (S = N.error) == null ? void 0 : S.message,
-                errorColor: y || a
+                errorColor: v || a
               }
             )
           ] })
@@ -3434,18 +3433,18 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
     thumbColor: c = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
-    errorColor: h = "red",
+    errorColor: p = "red",
     labelWidth: g = "300px",
-    sliderWidth: b = "300px",
-    minText: y,
+    sliderWidth: y = "300px",
+    minText: v,
     maxText: _,
-    disabled: v = !1,
-    marks: p = Array.from(
+    disabled: b = !1,
+    marks: h = Array.from(
       { length: a - r + 1 },
       (B, O) => r + O
     ),
-    showMarksNumber: f = !0
-  } = n, { t: C } = $(), { control: x, trigger: w, clearErrors: N } = d || {};
+    showMarksNumber: C = !0
+  } = n, { t: f } = $(), { control: x, trigger: w, clearErrors: N } = d || {};
   se(u);
   const { errorColorForm: S } = xe((B) => B), [L, k] = V(l);
   return d ? /* @__PURE__ */ i(
@@ -3455,7 +3454,7 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
       control: x,
       defaultValue: l,
       rules: {
-        required: u ? `${C(t)} ${C("errorMessages.required")}` : !1
+        required: u ? `${f(t)} ${f("errorMessages.required")}` : !1
       },
       render: ({ field: B, fieldState: O }) => {
         var R;
@@ -3464,12 +3463,12 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
           {
             className: A.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && g} ${b}`
+              gridTemplateColumns: `${t && g} ${y}`
             },
             children: [
-              t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: C(t) }),
+              t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: f(t) }),
               /* @__PURE__ */ m("div", { className: A.inputContainer, children: [
-                y && /* @__PURE__ */ i("div", { className: A.minLabel, children: C(y) }),
+                v && /* @__PURE__ */ i("div", { className: A.minLabel, children: f(v) }),
                 /* @__PURE__ */ m("div", { children: [
                   /* @__PURE__ */ i(
                     je,
@@ -3491,18 +3490,18 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
                       ),
                       trackClassName: A.track,
                       markClassName: A.mark,
-                      disabled: v
+                      disabled: b
                     }
                   ),
-                  p && /* @__PURE__ */ i("div", { className: A.labels, children: p.map((T) => /* @__PURE__ */ i("span", { children: f && T }, T)) })
+                  h && /* @__PURE__ */ i("div", { className: A.labels, children: h.map((T) => /* @__PURE__ */ i("span", { children: C && T }, T)) })
                 ] }),
-                _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: C(_) })
+                _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: f(_) })
               ] }),
               /* @__PURE__ */ i(
                 we,
                 {
                   errorMessage: (R = O.error) == null ? void 0 : R.message,
-                  errorColor: S || h
+                  errorColor: S || p
                 }
               )
             ]
@@ -3514,11 +3513,11 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
     "div",
     {
       className: A.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && g} ${b}` },
+      style: { gridTemplateColumns: `${t && g} ${y}` },
       children: [
-        t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: C(t) }),
+        t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: f(t) }),
         /* @__PURE__ */ m("div", { className: A.inputContainer, children: [
-          y && /* @__PURE__ */ i("div", { className: A.minLabel, children: C(y) }),
+          v && /* @__PURE__ */ i("div", { className: A.minLabel, children: f(v) }),
           /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ i(
               je,
@@ -3542,12 +3541,12 @@ const ve = (n) => n.render(vi(n)), wi = "_textInputContainer_1o3iy_2", xi = "_la
                 ),
                 trackClassName: A.track,
                 markClassName: A.mark,
-                disabled: v
+                disabled: b
               }
             ),
-            p && /* @__PURE__ */ i("div", { className: A.labels, children: p.map((B) => /* @__PURE__ */ i("span", { children: f && B }, B)) })
+            h && /* @__PURE__ */ i("div", { className: A.labels, children: h.map((B) => /* @__PURE__ */ i("span", { children: C && B }, B)) })
           ] }),
-          _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: C(_) })
+          _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: f(_) })
         ] })
       ]
     }
@@ -3685,18 +3684,18 @@ const ye = ({
     d(a);
   };
   return /* @__PURE__ */ i("div", { className: $e.categorySelector, children: n.map((a, l) => {
-    const { id: c, label: u } = a, h = s == c;
+    const { id: c, label: u } = a, p = s == c;
     return /* @__PURE__ */ i(
       "button",
       {
-        className: `${$e.sectionItem} ${h ? $e.sectionItemActive : ""}`,
+        className: `${$e.sectionItem} ${p ? $e.sectionItemActive : ""}`,
         type: "button",
-        style: { backgroundColor: h ? o : "inherit" },
+        style: { backgroundColor: p ? o : "inherit" },
         onClick: () => r(c),
         children: /* @__PURE__ */ i(
           "span",
           {
-            style: { color: h ? "white" : "inherit" },
+            style: { color: p ? "white" : "inherit" },
             className: $e.sectionLabel,
             children: t(u)
           }
@@ -3716,32 +3715,32 @@ const ye = ({
   submitButtonStyles: l = { width: 325 },
   showCategorySelector: c = !0,
   defaultCategory: u = null,
-  categoryLabel: h = "Select Category",
+  categoryLabel: p = "Select Category",
   activeCategory: g = null,
-  activeCategoryColor: b = "#b32f5d",
-  onSubmit: y = (_) => console.log("Form submitted with: ", _)
+  activeCategoryColor: y = "#b32f5d",
+  onSubmit: v = (_) => console.log("Form submitted with: ", _)
 }) => {
-  const { t: _ } = $(), { handleSubmit: v, control: p } = n;
+  const { t: _ } = $(), { handleSubmit: b, control: h } = n;
   F(() => {
     r && xe.setState(() => ({ errorColor: r }));
   }, [r]);
-  const f = me(() => d ? d.filter((k) => k.category).map((k) => {
+  const C = me(() => d ? d.filter((k) => k.category).map((k) => {
     var B;
     return {
       id: k.categoryId,
       label: k.category,
       hasSubcategories: ((B = k.subcategories) == null ? void 0 : B.length) > 0
     };
-  }) : [], [d]), C = (k) => {
+  }) : [], [d]), f = (k) => {
     const B = d == null ? void 0 : d.find((O) => O.categoryId === k);
     return (B == null ? void 0 : B.subcategories) || [];
   }, [x, w] = V(
     g || u || null
   ), [N, S] = V(null);
   F(() => {
-    !x && f.length > 0 && w(f[0].id);
-  }, [f, x]), F(() => {
-    const k = C(x);
+    !x && C.length > 0 && w(C[0].id);
+  }, [C, x]), F(() => {
+    const k = f(x);
     !N && (k == null ? void 0 : k.length) > 0 && S(k[0].id);
   }, [x, N, d]);
   const L = (k, B) => {
@@ -3759,7 +3758,7 @@ const ye = ({
                 activeCategory: N,
                 categories: R,
                 onChange: (T) => S(T),
-                activeColor: b
+                activeColor: y
               }
             )
           },
@@ -3778,7 +3777,7 @@ const ye = ({
                 ye,
                 {
                   inputs: T.inputs,
-                  control: p,
+                  control: h,
                   inputContainerStyles: o,
                   errorColor: r,
                   reactHookFormInstance: n
@@ -3799,7 +3798,7 @@ const ye = ({
                   ye,
                   {
                     inputs: T.inputs,
-                    control: p,
+                    control: h,
                     inputContainerStyles: o,
                     errorColor: r,
                     reactHookFormInstance: n
@@ -3816,7 +3815,7 @@ const ye = ({
       ye,
       {
         inputs: k.inputs,
-        control: p,
+        control: h,
         inputContainerStyles: o,
         errorColor: r,
         reactHookFormInstance: n
@@ -3827,7 +3826,7 @@ const ye = ({
         ye,
         {
           inputs: k.inputs,
-          control: p,
+          control: h,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -3835,16 +3834,16 @@ const ye = ({
       )
     ] }, k.categoryId);
   };
-  return /* @__PURE__ */ m("form", { className: Ce.formContainer, onSubmit: v(y), children: [
-    c && f.length > 0 && /* @__PURE__ */ i("div", { className: Ce.categorySelectorContainer, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ m("form", { className: Ce.formContainer, onSubmit: b(v), children: [
+    c && C.length > 0 && /* @__PURE__ */ i("div", { className: Ce.categorySelectorContainer, children: /* @__PURE__ */ i(
       ut,
       {
         activeCategory: x,
-        categories: f,
+        categories: C,
         onChange: (k) => {
           w(k), S(null);
         },
-        activeColor: b
+        activeColor: y
       }
     ) }),
     /* @__PURE__ */ i("div", { className: Ce.formObjectContainer, children: d == null ? void 0 : d.map((k, B) => {
@@ -3863,7 +3862,7 @@ const ye = ({
         ye,
         {
           inputs: k.inputs,
-          control: p,
+          control: h,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -4034,15 +4033,15 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
     colorOn: l = "#5A514D",
     disabled: c = !1,
     width: u = 240
-  } = n, { t: h } = $(), { control: g } = d || {}, [b, y] = V(a), _ = (p) => {
-    y(p), s && s(p);
-  }, v = (p, f) => /* @__PURE__ */ m("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
+  } = n, { t: p } = $(), { control: g } = d || {}, [y, v] = V(a), _ = (h) => {
+    v(h), s && s(h);
+  }, b = (h, C) => /* @__PURE__ */ m("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
     t && /* @__PURE__ */ i(
       "span",
       {
         className: ue.labelLeft,
         style: { width: `${(u - 74) / 2}px` },
-        children: h(t)
+        children: p(t)
       }
     ),
     /* @__PURE__ */ m("label", { className: `${ue.switch} ${c ? ue.disabled : ""}`, children: [
@@ -4050,8 +4049,8 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
         "input",
         {
           type: "checkbox",
-          checked: !!p,
-          onChange: () => f(!p),
+          checked: !!h,
+          onChange: () => C(!h),
           disabled: c
         }
       ),
@@ -4060,12 +4059,12 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
         {
           className: ue.slider,
           style: {
-            "--switch-thumb-color": p ? l : "#ccc"
+            "--switch-thumb-color": h ? l : "#ccc"
           }
         }
       )
     ] }),
-    r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children: h(r) })
+    r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children: p(r) })
   ] });
   return d ? /* @__PURE__ */ i(
     ve,
@@ -4073,9 +4072,9 @@ const Ss = "_switchContainer_194wl_2", $s = "_labelRight_194wl_9", Bs = "_labelL
       name: o,
       control: g,
       defaultValue: a,
-      render: ({ field: p }) => v(p.value, p.onChange)
+      render: ({ field: h }) => b(h.value, h.onChange)
     }
-  ) : v(b, _);
+  ) : b(y, _);
 };
 Ms.propTypes = {
   input: e.shape({