@tmf_ciclica/ciclicastorybook 1.1.106 → 1.1.108

package/dist/index.es.js

@@ -44,14 +44,14 @@ const Ht = "_ambitSelector_mcunf_2", Ut = "_header_mcunf_13", Gt = "_nameDateCon
   fontColor: l,
   moreInfo: c
 }) => {
-  const { nom: u, created_at: m, id: g, isBeingProcessed: _ } = n;
+  const { nom: u, created_at: m, id: h, isBeingProcessed: y } = n;
   return /* @__PURE__ */ p(
     "div",
     {
       className: ce.ambitItem,
       style: { borderBottom: `1px solid ${l}` },
       children: [
-        /* @__PURE__ */ p("div", { className: ce.ambitNameDate, onClick: () => t(g), children: [
+        /* @__PURE__ */ p("div", { className: ce.ambitNameDate, onClick: () => t(h), children: [
           /* @__PURE__ */ p("div", { className: ce.ambitName, children: [
             /* @__PURE__ */ s(
               "img",
@@ -65,10 +65,10 @@ const Ht = "_ambitSelector_mcunf_2", Ut = "_header_mcunf_13", Gt = "_nameDateCon
           /* @__PURE__ */ s("div", { className: ce.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: ce.ambitButtons, children: [
-          _ && /* @__PURE__ */ s("img", { src: l2 }),
-          /* @__PURE__ */ s("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: a2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => d(g), children: /* @__PURE__ */ s("img", { src: r2 }) }),
-          /* @__PURE__ */ s("button", { onClick: () => i(g), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: s2 }) })
+          y && /* @__PURE__ */ s("img", { src: l2 }),
+          /* @__PURE__ */ s("button", { onClick: () => o(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: a2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => d(h), children: /* @__PURE__ */ s("img", { src: r2 }) }),
+          /* @__PURE__ */ s("button", { onClick: () => i(h), disabled: n.is_default, children: /* @__PURE__ */ s("img", { src: s2 }) })
         ] })
       ]
     }
@@ -127,19 +127,19 @@ const Ze = "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 = (C) => console.log(`Copy ambit: ${C}`),
-  onCLickDelete: g = (C) => console.log(`Delete ambit: ${C}`),
-  onClickFilters: _ = (C) => console.log(`Filters clicked: ${C}`),
-  onClickAmbit: b = (C) => console.log(`OnCLickAmbit: ${C}`)
+  onClickCopy: m = (g) => console.log(`Copy ambit: ${g}`),
+  onCLickDelete: h = (g) => console.log(`Delete ambit: ${g}`),
+  onClickFilters: y = (g) => console.log(`Filters clicked: ${g}`),
+  onClickAmbit: b = (g) => console.log(`OnCLickAmbit: ${g}`)
 }) => {
-  const { t: C } = k(), [f, h] = D(n);
+  const { t: g } = k(), [f, C] = D(n);
   M(() => {
-    n && h(n);
+    n && C(n);
   }, [n]);
-  const y = (v) => {
+  const _ = (v) => {
     if (f && f.length > 0) {
       let w = [...f];
-      w.sort((x, N) => x[v].localeCompare(N[v])), h(w);
+      w.sort((x, N) => x[v].localeCompare(N[v])), C(w);
     }
   };
   return /* @__PURE__ */ p(
@@ -155,12 +155,12 @@ const Ze = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${i}` },
             children: [
               /* @__PURE__ */ p("div", { className: U.nameDateContainer, children: [
-                /* @__PURE__ */ s("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => y("name"), children: [
-                  /* @__PURE__ */ s("span", { children: C(t) }),
+                /* @__PURE__ */ s("div", { className: U.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
+                  /* @__PURE__ */ s("span", { children: g(t) }),
                   /* @__PURE__ */ s("img", { src: Ze })
                 ] }) }),
-                /* @__PURE__ */ s("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => y("date"), children: [
-                  /* @__PURE__ */ s("span", { children: C(r) }),
+                /* @__PURE__ */ s("div", { className: U.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
+                  /* @__PURE__ */ s("span", { children: g(r) }),
                   /* @__PURE__ */ s("img", { src: Ze })
                 ] }) })
               ] }),
@@ -176,8 +176,8 @@ const Ze = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             fontColor: i,
             activeColor: o,
             onClickCopy: m,
-            onClickDelete: g,
-            onClickFilters: _,
+            onClickDelete: h,
+            onClickFilters: y,
             onClickAmbit: b
           },
           `ambitKey${v.id}`
@@ -188,7 +188,7 @@ const Ze = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...l },
             onClick: u,
             borderColor: "grey",
-            children: C(a)
+            children: g(a)
           }
         ) })
       ]
@@ -256,13 +256,13 @@ const k2 = ({
         const {
           icon: u,
           activeIcon: m,
-          isActive: g,
-          name: _,
+          isActive: h,
+          name: y,
           onClick: b
-        } = l, C = /* @__PURE__ */ p(Te, { children: [
-          i && o === "left" && /* @__PURE__ */ s("span", { className: W.buttonName, children: a(_) }),
-          /* @__PURE__ */ s("img", { src: g ? m : u, alt: a(_) }),
-          i && o === "right" && /* @__PURE__ */ s("span", { className: W.buttonName, children: a(_) })
+        } = l, g = /* @__PURE__ */ p(Te, { children: [
+          i && o === "left" && /* @__PURE__ */ s("span", { className: W.buttonName, children: a(y) }),
+          /* @__PURE__ */ s("img", { src: h ? m : u, alt: a(y) }),
+          i && o === "right" && /* @__PURE__ */ s("span", { className: W.buttonName, children: a(y) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ s(
@@ -270,11 +270,11 @@ const k2 = ({
             {
               onClick: b,
               className: `${W.button}
-                ${g && W.active}`,
-              children: C
+                ${h && W.active}`,
+              children: g
             }
           ),
-          t && /* @__PURE__ */ s(ee, { text: _, position: r })
+          t && /* @__PURE__ */ s(ee, { text: y, position: r })
         ] }, c);
       })
     }
@@ -373,7 +373,7 @@ const Ai = () => /* @__PURE__ */ s("div", { children: "EditAmbit" }), $2 = "data
   const { t: a } = k(), { tematicalFiltersSelected: l } = F((u) => u), c = (u) => {
     F.setState((m) => ({
       tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
-        (g) => g.code !== u
+        (h) => h.code !== u
       )
     }));
   };
@@ -526,8 +526,8 @@ let Ae = function(n) {
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(l);
       if (t.isScrolling === void 0) {
-        const g = c[0] - t.startPosition[0], _ = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(_) > Math.abs(g);
+        const h = c[0] - t.startPosition[0], y = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(y) > Math.abs(h);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
@@ -593,13 +593,13 @@ let Ae = 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: (_) => {
-        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: ge(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);
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { 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 }, h = { index: c, value: ge(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(h)), t.props.renderThumb(m, h);
     }, 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: ge(t.state.value) };
-      return t.props.renderTrack(m, g);
+      const m = { key: t.props.trackClassName + "-" + l, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + l, style: t.buildTrackStyle(c, t.state.upperBound - u) }, h = { index: l, value: ge(t.state.value) };
+      return t.props.renderTrack(m, h);
     };
     let r = ke(o.value);
     r.length || (r = ke(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -654,8 +654,8 @@ let Ae = 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()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = l - m, y = Math.abs(c - u);
+    this.state.upperBound === h && this.state.sliderLength === y && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: y, thumbSize: m });
   }, i.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -694,28 +694,28 @@ let Ae = 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: m, minDistance: h } = this.props;
     if (!c) {
       if (r > 0) {
-        const _ = t[r - 1];
-        o < _ + g && (o = _ + g);
+        const y = t[r - 1];
+        o < y + h && (o = y + h);
       }
       if (r < a - 1) {
-        const _ = t[r + 1];
-        o > _ - g && (o = _ - g);
+        const y = t[r + 1];
+        o > y - h && (o = y - h);
       }
     }
-    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, g, r), function(_, b, C, f) {
-      for (let h = 0; h < _; h += 1) {
-        const y = f - h * C;
-        b[_ - 1 - h] > y && (b[_ - 1 - h] = y);
+    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, h, r), function(y, b, g, f) {
+      for (let C = 0; C < y; C += 1) {
+        const _ = f - C * g;
+        b[y - 1 - C] > _ && (b[y - 1 - C] = _);
       }
-    }(a, t, g, u)) : o < l && (this.pushPreceding(t, g, r), function(_, b, C, f) {
-      for (let h = 0; h < _; h += 1) {
-        const y = f + h * C;
-        b[h] < y && (b[h] = y);
+    }(a, t, h, u)) : o < l && (this.pushPreceding(t, h, r), function(y, b, g, f) {
+      for (let C = 0; C < y; C += 1) {
+        const _ = f + C * g;
+        b[C] < _ && (b[C] = _);
       }
-    }(a, t, g, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(a, t, h, m))), 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] = Ve(l, this.props);
@@ -788,8 +788,8 @@ const V2 = "_container_15vgv_2", A2 = "_unitLabel_15vgv_9", I2 = "_slider_15vgv_
   fontColor: a = "#605B56",
   defaultValue: l
 }) => {
-  const { t: c } = k(), [u, m] = D([n, d]), g = (_) => {
-    m(_), o == null || o({ min: _[0], max: _[1] });
+  const { t: c } = k(), [u, m] = D([n, d]), h = (y) => {
+    m(y), o == null || o({ min: y[0], max: y[1] });
   };
   return M(() => {
     l || m([n, d]);
@@ -810,7 +810,7 @@ const V2 = "_container_15vgv_2", A2 = "_unitLabel_15vgv_9", I2 = "_slider_15vgv_
             max: d,
             step: i,
             value: u,
-            onAfterChange: g,
+            onAfterChange: h,
             withTracks: !0,
             pearling: !0,
             minDistance: 0.1
@@ -854,20 +854,20 @@ const E2 = "_tematicalFiltersInputContainer_1vm1r_2", P2 = "_inputTypeContainer_
     maxValue: c,
     unit: u,
     step: m
-  } = n || {}, g = me(
+  } = n || {}, h = me(
     () => t == "cat" || i == "cat",
     [i, t]
-  ), _ = me(
+  ), y = me(
     () => t == "abs" || i == "abs",
     [i, t]
   ), {
     tematicalFiltersSelected: b,
-    selectedIndicator: C,
+    selectedIndicator: g,
     fontColor: f,
-    inputsColor: h
-  } = F((w) => w), y = (w) => {
+    inputsColor: C
+  } = F((w) => w), _ = (w) => {
     if (w) {
-      const { min: x, max: N, valueClicked: S, allValues: $ } = w || {}, { code: E, type: A } = n || {}, H = _ ? "abs" : g ? "cat" : "both";
+      const { min: x, max: N, valueClicked: S, allValues: $ } = w || {}, { code: E, type: A } = n || {}, H = y ? "abs" : h ? "cat" : "both";
       let O = E[0];
       A == "both" && (O = H == "cat" ? E[1] : E[0]), H == "cat" ? F.setState((j) => {
         let z = j.tematicalFiltersSelected.find(
@@ -938,9 +938,9 @@ const E2 = "_tematicalFiltersInputContainer_1vm1r_2", P2 = "_inputTypeContainer_
     {
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
       title: r,
-      isOpen: C == `id${r}`,
+      isOpen: g == `id${r}`,
       onClick: () => F.setState(() => ({
-        selectedIndicator: C == `id${r}` ? "" : `id${r}`
+        selectedIndicator: g == `id${r}` ? "" : `id${r}`
       })),
       showBottomBar: !1,
       height: 42,
@@ -967,8 +967,8 @@ const E2 = "_tematicalFiltersInputContainer_1vm1r_2", P2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: i == "abs" ? h : "white",
-                      border: `1.5px solid ${i == "abs" ? h : f}`
+                      backgroundColor: i == "abs" ? C : "white",
+                      border: `1.5px solid ${i == "abs" ? C : f}`
                     }
                   }
                 ),
@@ -986,8 +986,8 @@ const E2 = "_tematicalFiltersInputContainer_1vm1r_2", P2 = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: i == "cat" ? h : "white",
-                      border: `1.5px solid ${i == "cat" ? h : f}`
+                      backgroundColor: i == "cat" ? C : "white",
+                      border: `1.5px solid ${i == "cat" ? C : f}`
                     }
                   }
                 ),
@@ -996,22 +996,22 @@ const E2 = "_tematicalFiltersInputContainer_1vm1r_2", P2 = "_inputTypeContainer_
             ]
           }
         ),
-        g && /* @__PURE__ */ s("div", { className: fe.checkboxContainer, children: a.map((w, x) => {
+        h && /* @__PURE__ */ s("div", { className: fe.checkboxContainer, children: a.map((w, x) => {
           var N;
           return /* @__PURE__ */ s(
             rt,
             {
-              onClick: () => y({ valueClicked: x, allValues: a }),
+              onClick: () => _({ valueClicked: x, allValues: a }),
               indicator: w,
               value: ((N = v[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : N.has(x)) || !v[n.code[t == "both" ? 1 : 0]]
             },
             `checkbox-${x}`
           );
         }) }),
-        _ && /* @__PURE__ */ s("div", { className: fe.absoluteSliderContainer, children: /* @__PURE__ */ s(
+        y && /* @__PURE__ */ s("div", { className: fe.absoluteSliderContainer, children: /* @__PURE__ */ s(
           lt,
           {
-            onChange: y,
+            onChange: _,
             min: l,
             max: c,
             unit: u,
@@ -1196,12 +1196,12 @@ const Z2 = "_FiltersAmbitContainer_1g9xx_2", K2 = "_FiltersAmbitHeader_1g9xx_7",
   saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: m,
-  filtersTypes: g = ["geographical", "tematical"],
-  nameRequiredText: _,
+  filtersTypes: h = ["geographical", "tematical"],
+  nameRequiredText: y,
   onlyFilters: b = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: C } = k(), { tematicalFiltersSelected: f } = F(($) => $), [h, y] = D(n || null), [v, w] = D(d || null), [x, N] = D(!1);
+  const { t: g } = k(), { tematicalFiltersSelected: f } = F(($) => $), [C, _] = D(n || null), [v, w] = D(d || null), [x, N] = D(!1);
   M(() => {
     i && i.length > 0 && F.setState(($) => ({
       tematicalFiltersSelected: i
@@ -1210,7 +1210,7 @@ const Z2 = "_FiltersAmbitContainer_1g9xx_2", K2 = "_FiltersAmbitHeader_1g9xx_7",
     console.log("filtersSelected changed: ", f), l(f);
   }, [f]);
   const S = () => {
-    h ? c({ name: h, description: v }) : N(!0);
+    C ? c({ name: C, description: v }) : N(!0);
   };
   return /* @__PURE__ */ p("div", { className: oe.FiltersAmbitContainer, children: [
     !b && /* @__PURE__ */ p("div", { className: oe.FiltersAmbitHeader, children: [
@@ -1219,10 +1219,10 @@ const Z2 = "_FiltersAmbitContainer_1g9xx_2", K2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           type: "text",
           onChange: ($) => {
-            N(!1), y($.target.value);
+            N(!1), _($.target.value);
           },
-          value: h,
-          placeholder: C(u)
+          value: C,
+          placeholder: g(u)
         }
       ) }),
       /* @__PURE__ */ s("div", { className: oe.FiltersAmbitDescription, children: /* @__PURE__ */ s("div", { className: oe.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ s(
@@ -1230,22 +1230,22 @@ const Z2 = "_FiltersAmbitContainer_1g9xx_2", K2 = "_FiltersAmbitHeader_1g9xx_7",
         {
           value: v,
           onChange: ($) => w($.target.value),
-          placeholder: C(m)
+          placeholder: g(m)
         }
       ) }) })
     ] }),
     /* @__PURE__ */ s(
       ot,
       {
-        title: C("applied_filters"),
+        title: g("applied_filters"),
         isOpen: !0,
         textColor: r || "#fff",
         backgroundColor: a || "#605B5680",
         activeColor: t
       }
     ),
-    g.includes("geographical") && /* @__PURE__ */ s(st, { activeColor: t }),
-    g.includes("tematical") && /* @__PURE__ */ s(
+    h.includes("geographical") && /* @__PURE__ */ s(st, { activeColor: t }),
+    h.includes("tematical") && /* @__PURE__ */ s(
       ut,
       {
         indicators: o,
@@ -1255,8 +1255,8 @@ const Z2 = "_FiltersAmbitContainer_1g9xx_2", K2 = "_FiltersAmbitHeader_1g9xx_7",
         activeColor: t
       }
     ),
-    x && /* @__PURE__ */ s("div", { className: oe.warning, children: C(_) }),
-    !b && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(_e, { onClick: () => S(), children: C("save_ambit") }) })
+    x && /* @__PURE__ */ s("div", { className: oe.warning, children: g(y) }),
+    !b && /* @__PURE__ */ s("div", { className: "buttonContainer", children: /* @__PURE__ */ s(_e, { onClick: () => S(), children: g("save_ambit") }) })
   ] });
 };
 Y2.propTypes = {
@@ -1288,13 +1288,13 @@ const Q2 = "_barChartContainer_d2f1z_2", X2 = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = k(), { xScale: g, ticks: _, height: b } = me(() => {
+  const { t: m } = k(), { xScale: h, ticks: y, height: b } = me(() => {
     if (n && n.length > 0) {
-      const C = (n == null ? void 0 : n.length) * (i + o) + r * 2, f = ze.max(n, (v) => v.value) || 1, h = ze.scaleLinear().domain([0, u || f]).range([0, d - l]), y = Array.from({ length: c + 1 }, (v, w) => u ? u / c * w : f / c * w);
+      const g = (n == null ? void 0 : n.length) * (i + o) + r * 2, f = ze.max(n, (v) => v.value) || 1, C = ze.scaleLinear().domain([0, u || f]).range([0, d - l]), _ = Array.from({ length: c + 1 }, (v, w) => u ? u / c * w : f / c * w);
       return {
-        xScale: h,
-        ticks: y,
-        height: C,
+        xScale: C,
+        ticks: _,
+        height: g,
         width: d,
         verticalPaddign: r,
         horizontalPaddign: a
@@ -1312,9 +1312,9 @@ const Q2 = "_barChartContainer_d2f1z_2", X2 = {
     u
   ]);
   return /* @__PURE__ */ s("div", { className: X2.barChartContainer, children: /* @__PURE__ */ s("svg", { width: d + a * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ s("g", { transform: `translate(${l + a}, 0)`, children: _.map((C, f) => {
-      const h = g(C);
-      return /* @__PURE__ */ p("g", { transform: `translate(${h}, 0)`, children: [
+    /* @__PURE__ */ s("g", { transform: `translate(${l + a}, 0)`, children: y.map((g, f) => {
+      const C = h(g);
+      return /* @__PURE__ */ p("g", { transform: `translate(${C}, 0)`, children: [
         /* @__PURE__ */ s(
           "line",
           {
@@ -1330,17 +1330,17 @@ const Q2 = "_barChartContainer_d2f1z_2", X2 = {
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
-            children: parseInt(C)
+            children: parseInt(g)
           }
         )
       ] }, f);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((C, f) => {
-      const h = g(C.value), y = f * (i + o);
+    n && n.length > 0 && (n == null ? void 0 : n.map((g, f) => {
+      const C = h(g.value), _ = f * (i + o);
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${l + a}, ${y})`,
+          transform: `translate(${l + a}, ${_})`,
           children: [
             /* @__PURE__ */ s(
               "text",
@@ -1349,15 +1349,15 @@ const Q2 = "_barChartContainer_d2f1z_2", X2 = {
                 y: i / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m(C.title)
+                children: m(g.title)
               }
             ),
             /* @__PURE__ */ s(
               "rect",
               {
-                width: h,
+                width: C,
                 height: i,
-                fill: C.color,
+                fill: g.color,
                 rx: 0
               }
             )
@@ -1467,15 +1467,15 @@ const n0 = "_indicatorsCategory_1cu33_2", i0 = "_title_1cu33_5", o0 = "_list_1cu
   multiple: l = !1,
   onChangeType: c
 }) => {
-  const { t: u } = k(), { name: m, type: g } = n, [_, b] = D(!1);
+  const { t: u } = k(), { name: m, type: h, disabled: y } = n, [b, g] = D(!1);
   M(() => {
-    t && b(
+    t && g(
       l ? t.some(
-        (h) => h.name == String(m)
+        (_) => _.name == String(m)
       ) : t.name == m
     );
   }, [t]);
-  const C = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ p("div", { className: T.switchTypeOptions, children: [
+  const f = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ p("div", { className: T.switchTypeOptions, children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -1534,7 +1534,7 @@ const n0 = "_indicatorsCategory_1cu33_2", i0 = "_title_1cu33_5", o0 = "_list_1cu
         ]
       }
     )
-  ] }) }) }), f = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ s("div", { className: T.switchTypeOptions, children: d.map((h, y) => /* @__PURE__ */ p(
+  ] }) }) }), C = () => /* @__PURE__ */ s("div", { className: T.switchExternalContainer, children: /* @__PURE__ */ s("div", { className: T.switchType, children: /* @__PURE__ */ s("div", { className: T.switchTypeOptions, children: d.map((_, v) => /* @__PURE__ */ p(
     "div",
     {
       className: T.optionContainer,
@@ -1545,23 +1545,24 @@ const n0 = "_indicatorsCategory_1cu33_2", i0 = "_title_1cu33_5", o0 = "_list_1cu
             className: T.customRadious
           }
         ),
-        /* @__PURE__ */ s("h4", { children: u(h.unit) })
+        /* @__PURE__ */ s("h4", { children: u(_.unit) })
       ]
     },
-    y
+    v
   )) }) }) });
   return /* @__PURE__ */ p("div", { className: T.indicatorContainer, children: [
     /* @__PURE__ */ p(
       "div",
       {
         className: T.indicatorNameContainer,
-        onClick: () => a({ indicator: n }),
+        onClick: () => !y && a({ indicator: n }),
         children: [
           /* @__PURE__ */ s(
             "div",
             {
               style: {
-                border: _ ? `1px solid ${i}` : `1px solid ${o}`
+                border: b ? `1px solid ${i}` : `1px solid ${o}`,
+                opacity: y ? 0.5 : 1
               },
               className: T.dot
             }
@@ -1570,15 +1571,25 @@ const n0 = "_indicatorsCategory_1cu33_2", i0 = "_title_1cu33_5", o0 = "_list_1cu
             "h4",
             {
               className: T.indicatorName,
-              style: { color: _ ? i : o },
-              children: /* @__PURE__ */ s(Re, { i18nKey: m, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 })
+              style: {
+                color: b ? i : o,
+                opacity: y ? 0.5 : 1
+              },
+              children: /* @__PURE__ */ s(
+                Re,
+                {
+                  i18nKey: m,
+                  components: { sup: /* @__PURE__ */ s("sup", {}) },
+                  shouldUnescape: !0
+                }
+              )
             }
           )
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === m && g === "both" && /* @__PURE__ */ s("div", { children: C() }),
-    (t == null ? void 0 : t.name) === m && g === "twoUnits" && /* @__PURE__ */ s("div", { children: f() })
+    (t == null ? void 0 : t.name) === m && h === "both" && /* @__PURE__ */ s("div", { children: f() }),
+    (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ s("div", { children: C() })
   ] });
 };
 Pe.propTypes = {
@@ -1608,11 +1619,11 @@ const g0 = "_indicatorsSubCategory_1dzsi_2", C0 = "_list_1dzsi_8", Ue = {
   onClickIndicator: c,
   multiple: u,
   activeIndicatorType: m,
-  onChangeType: g
+  onChangeType: h
 }) => {
-  const { t: _ } = k(), [b, C] = D(!1);
+  const { t: y } = k(), [b, g] = D(!1);
   return M(() => {
-    C(t == a);
+    g(t == a);
   }, [t, a]), /* @__PURE__ */ p(
     qe.div,
     {
@@ -1627,11 +1638,11 @@ const g0 = "_indicatorsSubCategory_1dzsi_2", C0 = "_list_1dzsi_8", Ue = {
             "span",
             {
               style: { marginLeft: 12, color: b ? o : i },
-              children: _(n)
+              children: y(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ s("div", { className: Ue.list, children: d == null ? void 0 : d.map((f, h) => /* @__PURE__ */ s(
+        d && /* @__PURE__ */ s("div", { className: Ue.list, children: d == null ? void 0 : d.map((f, C) => /* @__PURE__ */ s(
           Pe,
           {
             indicator: f,
@@ -1641,9 +1652,9 @@ const g0 = "_indicatorsSubCategory_1dzsi_2", C0 = "_list_1dzsi_8", Ue = {
             onClickIndicator: c,
             multiple: u,
             activeIndicatorType: m,
-            onChangeType: g
+            onChangeType: h
           },
-          "indicator" + h
+          "indicator" + C
         )) })
       ]
     }
@@ -1673,11 +1684,11 @@ const ht = ({
   activeIndicator: c,
   onClickIndicator: u,
   multiple: m,
-  activeIndicatorType: g,
-  onChangeType: _
+  activeIndicatorType: h,
+  onChangeType: y
 }) => {
-  var h;
-  const { t: b } = k(), [C, f] = D(!1);
+  var C;
+  const { t: b } = k(), [g, f] = D(!1);
   return M(() => {
     f(r === d);
   }, [r, d]), /* @__PURE__ */ p(
@@ -1685,31 +1696,31 @@ const ht = ({
     {
       className: Be.indicatorsCategory,
       initial: { height: "53px" },
-      animate: { height: C ? "auto" : "53px" },
+      animate: { height: g ? "auto" : "53px" },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: C ? `1px solid ${i}` : "0px",
-        marginBottom: C ? "20px" : "0px"
+        borderBottom: g ? `1px solid ${i}` : "0px",
+        marginBottom: g ? "20px" : "0px"
       },
       children: [
         /* @__PURE__ */ p("h2", { className: `${Be.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ s("span", { style: { color: C ? i : o }, children: C ? "-" : "+" }),
+          /* @__PURE__ */ s("span", { style: { color: g ? i : o }, children: g ? "-" : "+" }),
           /* @__PURE__ */ s(
             "span",
             {
-              style: { marginLeft: 12, color: C ? i : o },
+              style: { marginLeft: 12, color: g ? i : o },
               children: b(n.name)
             }
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: y, subcategory: v, indicators: w }, x) => /* @__PURE__ */ s(
+          ({ name: _, subcategory: v, indicators: w }, x) => /* @__PURE__ */ s(
             mt,
             {
               id: v,
               activeSubCategory: a,
-              subcName: y,
+              subcName: _,
               onClickSubCategory: l,
               activeIndicator: c,
               onClickIndicator: u,
@@ -1717,23 +1728,23 @@ const ht = ({
               activeColor: i,
               defaultColor: o,
               indicators: w,
-              activeIndicatorType: g,
-              onChangeType: _
+              activeIndicatorType: h,
+              onChangeType: y
             },
             `subcKey ${x}`
           )
-        ) : /* @__PURE__ */ s("div", { className: Be.list, children: (h = n.indicators) == null ? void 0 : h.map((y, v) => /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ s("div", { className: Be.list, children: (C = n.indicators) == null ? void 0 : C.map((_, v) => /* @__PURE__ */ s(
           Pe,
           {
-            indicator: y,
-            values: y.type == "twoUnits" && y.values,
+            indicator: _,
+            values: _.type == "twoUnits" && _.values,
             activeColor: i,
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
             multiple: m,
-            activeIndicatorType: g,
-            onChangeType: _
+            activeIndicatorType: h,
+            onChangeType: y
           },
           `indicator${v}`
         )) })
@@ -1772,20 +1783,20 @@ const f0 = "_indicatorsList_fklyu_2", b0 = "_title_fklyu_6", Ge = {
   changeIndType: a,
   activeIndicatorType: l
 }) => {
-  const { t: c } = k(), [u, m] = D(), [g, _] = D(), [b, C] = D(), f = (x) => {
+  const { t: c } = k(), [u, m] = D(), [h, y] = D(), [b, g] = D(), f = (x) => {
     m(u == x ? null : x);
-  }, h = (x) => {
-    _(g == x ? null : x);
-  }, y = ({ indicator: x }) => {
+  }, C = (x) => {
+    y(h == x ? null : x);
+  }, _ = ({ indicator: x }) => {
     console.log("onClickIndicator: ", x), v(x);
   }, v = (x) => {
     if (!t)
-      C(
+      g(
         (b == null ? void 0 : b.name) == x.name ? null : x
       );
     else {
       let N = b && b.length > 0 ? [...b] : [];
-      C(
+      g(
         N != null && N.some(
           (S) => S.name == x.name
         ) ? N.filter(
@@ -1800,7 +1811,7 @@ const f0 = "_indicatorsList_fklyu_2", b0 = "_title_fklyu_6", Ge = {
     if (r && !b)
       if (t && r && Array.isArray(r)) {
         let x = b && b.length > 0 ? [...b] : [];
-        C([...x, ...r]), w(r[0].name);
+        g([...x, ...r]), w(r[0].name);
       } else
         v(r), w(r.name);
   }, []);
@@ -1811,7 +1822,7 @@ const f0 = "_indicatorsList_fklyu_2", b0 = "_title_fklyu_6", Ge = {
           (E) => E.indicators.find((A) => A.name == x)
         );
         if ($)
-          return _($.subcategory), $;
+          return y($.subcategory), $;
       } else
         return S.indicators.some(($) => $.name == x);
     });
@@ -1826,9 +1837,9 @@ const f0 = "_indicatorsList_fklyu_2", b0 = "_title_fklyu_6", Ge = {
         cat: x,
         onClickCategory: f,
         activeCategory: u,
-        onClickSubCategory: h,
-        activeSubCategory: g,
-        onClickIndicator: y,
+        onClickSubCategory: C,
+        activeSubCategory: h,
+        onClickIndicator: _,
         activeIndicator: b,
         activeColor: d,
         defaultColor: i,
@@ -1950,11 +1961,11 @@ const B0 = "_legendContainer_qs4x9_3", S0 = "_closeButton_qs4x9_31", $0 = "_titl
       children: [
         /* @__PURE__ */ s("button", { className: L.closeButton, onClick: c }),
         d && /* @__PURE__ */ s("div", { className: L.titleContainer, style: { marginBottom: (!i || i.length == 0) && "15px" }, children: /* @__PURE__ */ s("h2", { children: d }) }),
-        i && i.length > 0 && /* @__PURE__ */ s("div", { className: L.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: g }) => /* @__PURE__ */ p("li", { children: [
+        i && i.length > 0 && /* @__PURE__ */ s("div", { className: L.infoContainer, children: /* @__PURE__ */ s("ul", { children: i.map(({ title: m, value: h }) => /* @__PURE__ */ p("li", { children: [
           /* @__PURE__ */ s("h3", { className: L.title, children: `${m}:` }),
           /* @__PURE__ */ p("span", { className: L.value, children: [
             "  ",
-            g
+            h
           ] })
         ] }, d)) }) }),
         /* @__PURE__ */ s("h3", { className: L.titleLegendList, style: { marginTop: i && i.length > 0 && "30px" }, children: t && /* @__PURE__ */ s(Re, { i18nKey: t, components: { sup: /* @__PURE__ */ s("sup", {}) }, shouldUnescape: !0 }) }),
@@ -1987,12 +1998,12 @@ const B0 = "_legendContainer_qs4x9_3", S0 = "_closeButton_qs4x9_31", $0 = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ s("div", { className: L.gridContainer, children: o.map(
-            ({ title: m, color: g }) => /* @__PURE__ */ p("div", { className: L.elementLegendContainer, children: [
+            ({ title: m, color: h }) => /* @__PURE__ */ p("div", { className: L.elementLegendContainer, children: [
               /* @__PURE__ */ s(
                 "div",
                 {
                   className: L.colorDot,
-                  style: { backgroundColor: g }
+                  style: { backgroundColor: h }
                 }
               ),
               /* @__PURE__ */ p("div", { className: L.titleLegendElement, children: [
@@ -2075,19 +2086,19 @@ const H0 = ({
   sources: u = [],
   layers: m = []
 }) => {
-  const g = te(), [_, b] = D(null), C = St((f) => f.mapState.showTexts);
+  const h = te(), [y, b] = D(null), g = St((f) => f.mapState.showTexts);
   return M(() => {
-    if (g.current) {
-      const f = g.current.getMap();
-      f.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (C ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
+    if (h.current) {
+      const f = h.current.getMap();
+      f.getStyle().layers.map((_) => {
+        _.type == "symbol" && _.id != "professionals" && (g ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
       });
     }
-  }, [C]), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
+  }, [g]), /* @__PURE__ */ s("div", { className: `${K0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
     Dt,
     {
       initialViewState: n,
-      ref: g,
+      ref: h,
       hash: !1,
       maxZoom: d,
       minZoom: i,
@@ -2095,25 +2106,25 @@ const H0 = ({
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        u.length && u.map((f, h) => /* @__PURE__ */ s(
+        u.length && u.map((f, C) => /* @__PURE__ */ s(
           Mt,
           {
             ...f,
-            children: m.length && m.map((y, v) => {
-              if (y.sourceId == f.id) return /* @__PURE__ */ s(
+            children: m.length && m.map((_, v) => {
+              if (_.sourceId == f.id) return /* @__PURE__ */ s(
                 Lt,
                 {
-                  ...y.layer,
+                  ..._.layer,
                   beforeId: t
                 },
                 v
               );
             })
           },
-          h
+          C
         )),
         /* @__PURE__ */ s(Tt, { position: "bottom-right", visualizePitch: !0 }),
-        c && _ && /* @__PURE__ */ s(
+        c && y && /* @__PURE__ */ s(
           Ft,
           {
             longitude: c.longitude,
@@ -2202,17 +2213,17 @@ const U0 = "_mapContainer_b0pyr_3", G0 = {
   sources: c = [],
   layers: u = [],
   filters: m,
-  popUpParams: g,
-  onClosePopUp: _,
+  popUpParams: h,
+  onClosePopUp: y,
   showTexts: b
 }) => {
   console.log(m);
-  const C = te();
+  const g = te();
   return M(() => {
-    if (C.current) {
-      const f = C.current.getMap();
-      f.getStyle().layers.map((y) => {
-        y.type == "symbol" && y.id != "professionals" && (b ? f.setLayoutProperty(y.id, "visibility", "visible") : f.setLayoutProperty(y.id, "visibility", "none"));
+    if (g.current) {
+      const f = g.current.getMap();
+      f.getStyle().layers.map((_) => {
+        _.type == "symbol" && _.id != "professionals" && (b ? f.setLayoutProperty(_.id, "visibility", "visible") : f.setLayoutProperty(_.id, "visibility", "none"));
       });
     }
   }, [b]), M(() => {
@@ -2225,7 +2236,7 @@ const U0 = "_mapContainer_b0pyr_3", G0 = {
     {
       mapLib: xe,
       initialViewState: n,
-      ref: C,
+      ref: g,
       hash: !1,
       maxZoom: d,
       minZoom: i,
@@ -2233,15 +2244,15 @@ const U0 = "_mapContainer_b0pyr_3", G0 = {
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        c.length && c.map((f, h) => /* @__PURE__ */ s(
+        c.length && c.map((f, C) => /* @__PURE__ */ s(
           It,
           {
             ...f,
-            children: u.length && u.map((y, v) => {
-              if (y.sourceId == f.id) return /* @__PURE__ */ s(
+            children: u.length && u.map((_, v) => {
+              if (_.sourceId == f.id) return /* @__PURE__ */ s(
                 Ot,
                 {
-                  ...y.layer,
+                  ..._.layer,
                   beforeId: t,
                   filter: m && m
                 },
@@ -2249,16 +2260,16 @@ const U0 = "_mapContainer_b0pyr_3", G0 = {
               );
             })
           },
-          h
+          C
         )),
         /* @__PURE__ */ s(Rt, { position: "bottom-right", visualizePitch: !0 }),
-        g && /* @__PURE__ */ s(
+        h && /* @__PURE__ */ s(
           qt,
           {
-            longitude: g.lng,
-            latitude: g.lat,
-            onClose: _,
-            children: /* @__PURE__ */ s(Q0, { props: g.props })
+            longitude: h.lng,
+            latitude: h.lat,
+            onClose: y,
+            children: /* @__PURE__ */ s(Q0, { props: h.props })
           }
         )
       ]
@@ -2366,18 +2377,18 @@ const J0 = "_sectionBar_1egwc_2", en = "_leftContent_1egwc_14", tn = "_textConta
   sliderOpen: un,
   sliderResults: pn
 }, mn = ({ onResults: n = !1, defaultYear: d = 2025, firstYear: i = 2025, lastYear: o = 2050, zIndex: t = 10, rightBarOpen: r = !1 }) => {
-  const [a, l] = D(d), c = $t(), u = (y, v) => {
+  const [a, l] = D(d), c = $t(), u = (_, v) => {
     l(v), c(Se(v - 2e3));
-  }, [m, g] = D(!1), _ = () => {
-    g(!0);
+  }, [m, h] = D(!1), y = () => {
+    h(!0);
   }, b = () => {
-    g(!1);
+    h(!1);
   };
-  ((y, v) => {
+  ((_, v) => {
     const w = te();
     M(() => {
-      w.current = y;
-    }, [y]), M(() => {
+      w.current = _;
+    }, [_]), M(() => {
       function x() {
         w.current();
       }
@@ -2411,7 +2422,7 @@ const J0 = "_sectionBar_1egwc_2", en = "_leftContent_1egwc_14", tn = "_textConta
         }
       }
     }
-  }), h = [
+  }), C = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
@@ -2432,7 +2443,7 @@ const J0 = "_sectionBar_1egwc_2", en = "_leftContent_1egwc_14", tn = "_textConta
             value: a,
             valueLabelDisplay: "on",
             step: 1,
-            marks: h,
+            marks: C,
             min: i,
             max: o,
             onChange: u,
@@ -2441,7 +2452,7 @@ const J0 = "_sectionBar_1egwc_2", en = "_leftContent_1egwc_14", tn = "_textConta
           }
         ),
         o,
-        !m && /* @__PURE__ */ s("button", { className: de.playButton, onClick: _, children: /* @__PURE__ */ s("img", { src: an, alt: "Play" }) }),
+        !m && /* @__PURE__ */ s("button", { className: de.playButton, onClick: y, children: /* @__PURE__ */ s("img", { src: an, alt: "Play" }) }),
         m && /* @__PURE__ */ s("button", { className: de.playButton, onClick: b, children: /* @__PURE__ */ s("img", { src: ln, alt: "Pause" }) })
       ]
     }
@@ -2586,7 +2597,7 @@ const zn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: u,
   showEye: m = !0
 }) => {
-  const { nom: g, created_at: _, id: b, isBeingProcessed: C } = n, [f, h] = D(!1), { t: y } = k();
+  const { nom: h, created_at: y, id: b, isBeingProcessed: g } = n, [f, C] = D(!1), { t: _ } = k();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -2602,8 +2613,8 @@ const zn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
               alt: "eye"
             }
           )),
-          /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: g })
-        ] }) }) : v == "data" ? /* @__PURE__ */ s("div", { className: P.elementDate, children: _ ? new Date(_).toLocaleDateString() : "" }) : /* @__PURE__ */ s("div", { className: P.elementDate, children: n[v] })) }),
+          /* @__PURE__ */ s("span", { style: { color: i ? o : t }, children: h })
+        ] }) }) : v == "data" ? /* @__PURE__ */ s("div", { className: P.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }) : /* @__PURE__ */ s("div", { className: P.elementDate, children: n[v] })) }),
         /* @__PURE__ */ p("div", { className: P.elementButtons, children: [
           n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ s("img", { src: En }),
@@ -2628,9 +2639,9 @@ const zn = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         ] }),
         r && /* @__PURE__ */ s("div", { className: P.break }),
         r && /* @__PURE__ */ p("div", { className: P.moreInfoContainer, children: [
-          /* @__PURE__ */ p("div", { className: P.moreInfo, onClick: () => h(!f), children: [
+          /* @__PURE__ */ p("div", { className: P.moreInfo, onClick: () => C(!f), children: [
             /* @__PURE__ */ s("span", { children: f ? "-" : "+" }),
-            y(r.label)
+            _(r.label)
           ] }),
           r && f && /* @__PURE__ */ s("div", { className: P.moreInfoInfo, children: n[r.info] })
         ] })
@@ -2683,27 +2694,27 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: a,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: l = (C) => console.log(`OnCLickElement: ${C}`),
+  onClickElement: l = (g) => console.log(`OnCLickElement: ${g}`),
   columns: c,
   // {'nom': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
   //{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
   moreInfo: m = !1,
   //{label: 'x'}
-  processTooltip: g,
+  processTooltip: h,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: _,
+  defaultTooltip: y,
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: b = !0
 }) => {
-  const { t: C } = k(), [f, h] = D(n);
+  const { t: g } = k(), [f, C] = D(n);
   M(() => {
-    n && h(n);
+    n && C(n);
   }, [n]);
-  const y = (v) => {
+  const _ = (v) => {
     if (f && f.length > 0) {
       let w = [...f];
-      w.sort((x, N) => x[v].localeCompare(N[v])), h(w);
+      w.sort((x, N) => x[v].localeCompare(N[v])), C(w);
     }
   };
   return /* @__PURE__ */ p(
@@ -2718,13 +2729,13 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: Z.header,
             style: { borderBottom: `1px solid ${i}` },
             children: [
-              /* @__PURE__ */ s("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "nom" ? /* @__PURE__ */ s("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => y("name"), children: [
-                /* @__PURE__ */ s("span", { children: C(c.nom) }),
+              /* @__PURE__ */ s("div", { className: Z.nameDateContainer, children: Object.keys(c).map((v) => v === "nom" ? /* @__PURE__ */ s("div", { className: Z.elementName, children: /* @__PURE__ */ p("button", { onClick: () => _("name"), children: [
+                /* @__PURE__ */ s("span", { children: g(c.nom) }),
                 /* @__PURE__ */ s("img", { src: Xe, alt: "order arrow" })
-              ] }) }, v) : v === "data" ? /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => y("date"), children: [
-                /* @__PURE__ */ s("span", { children: C(c.data) }),
+              ] }) }, v) : v === "data" ? /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => _("date"), children: [
+                /* @__PURE__ */ s("span", { children: g(c.data) }),
                 /* @__PURE__ */ s("img", { src: Xe, alt: "order arrow" })
-              ] }) }, v) : /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ s("span", { children: C(c[v]) }) }, v)) }),
+              ] }) }, v) : /* @__PURE__ */ s("div", { className: Z.elementDate, children: /* @__PURE__ */ s("span", { children: g(c[v]) }) }, v)) }),
               /* @__PURE__ */ s("div", { className: Z.buttonsContainer })
             ]
           }
@@ -2740,8 +2751,8 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             columns: c,
             elementButtons: u,
             moreInfo: m,
-            processTooltip: g,
-            defaultTooltip: _,
+            processTooltip: h,
+            defaultTooltip: y,
             showEye: b
           },
           `elementKey${v.id}`
@@ -2753,7 +2764,7 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClick: a.onClick,
             borderColor: "grey",
             disabled: a.disabled || !1,
-            children: C(a.label)
+            children: g(a.label)
           }
         ) })
       ]
@@ -2933,7 +2944,7 @@ function d1(n) {
     ...n.rules,
     value: l,
     ...De(n.disabled) ? { disabled: n.disabled } : {}
-  })), g = B.useMemo(() => Object.defineProperties({}, {
+  })), h = B.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!I(c.errors, i)
@@ -2954,9 +2965,9 @@ function d1(n) {
       enumerable: !0,
       get: () => I(c.errors, i)
     }
-  }), [c, i]), _ = B.useCallback((h) => m.current.onChange({
+  }), [c, i]), y = B.useCallback((C) => m.current.onChange({
     target: {
-      value: Jn(h),
+      value: Jn(C),
       name: i
     },
     type: et.CHANGE
@@ -2966,38 +2977,38 @@ function d1(n) {
       name: i
     },
     type: et.BLUR
-  }), [i, t._formValues]), C = B.useCallback((h) => {
-    const y = I(t._fields, i);
-    y && h && (y._f.ref = {
-      focus: () => h.focus && h.focus(),
-      select: () => h.select && h.select(),
-      setCustomValidity: (v) => h.setCustomValidity(v),
-      reportValidity: () => h.reportValidity()
+  }), [i, t._formValues]), g = B.useCallback((C) => {
+    const _ = I(t._fields, i);
+    _ && C && (_._f.ref = {
+      focus: () => C.focus && C.focus(),
+      select: () => C.select && C.select(),
+      setCustomValidity: (v) => C.setCustomValidity(v),
+      reportValidity: () => C.reportValidity()
     });
   }, [t._fields, i]), f = B.useMemo(() => ({
     name: i,
     value: l,
     ...De(o) || c.disabled ? { disabled: c.disabled || o } : {},
-    onChange: _,
+    onChange: y,
     onBlur: b,
-    ref: C
-  }), [i, o, c.disabled, _, b, C, l]);
+    ref: g
+  }), [i, o, c.disabled, y, b, g, l]);
   return B.useEffect(() => {
-    const h = t._options.shouldUnregister || r;
+    const C = t._options.shouldUnregister || r;
     t.register(i, {
       ...u.current.rules,
       ...De(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const y = (v, w) => {
+    const _ = (v, w) => {
       const x = I(t._fields, v);
       x && x._f && (x._f.mount = w);
     };
-    if (y(i, !0), h) {
+    if (_(i, !0), C) {
       const v = ft(I(t._options.defaultValues, i));
       Je(t._defaultValues, i, v), Oe(I(t._formValues, i)) && Je(t._formValues, i, v);
     }
     return !a && t.register(i), () => {
-      (a ? h && !t._state.action : h) ? t.unregister(i) : y(i, !1);
+      (a ? C && !t._state.action : C) ? t.unregister(i) : _(i, !1);
     };
   }, [i, t, a, r]), B.useEffect(() => {
     t._setDisabledField({
@@ -3007,8 +3018,8 @@ function d1(n) {
   }, [o, i, t]), B.useMemo(() => ({
     field: f,
     formState: c,
-    fieldState: g
-  }), [f, c, g]);
+    fieldState: h
+  }), [f, c, h]);
 }
 const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
   errorMessage: u1
@@ -3037,20 +3048,20 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
-    onClickForgotPass: g = () => {
+    onClickForgotPass: h = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: _ = "forgot-password"
-  } = n, { t: b } = k(), { control: C, trigger: f, clearErrors: h } = d, [y, v] = D(!1), w = te(a);
+    forgotPassLabel: y = "forgot-password"
+  } = n, { t: b } = k(), { control: g, trigger: f, clearErrors: C } = d, [_, v] = D(!1), w = te(a);
   M(() => {
-    w.current !== a && (a ? f(i) : h(i), w.current = a);
-  }, [a, i, f, h]);
-  const x = () => o ? o === "password" && y ? "text" : o : "text";
+    w.current !== a && (a ? f(i) : C(i), w.current = a);
+  }, [a, i, f, C]);
+  const x = () => o ? o === "password" && _ ? "text" : o : "text";
   return /* @__PURE__ */ s(
     ye,
     {
       name: i,
-      control: C,
+      control: g,
       rules: {
         required: a ? `${b(t)} ${b("errorMessages.required")}` : !1,
         maxLength: r || void 0,
@@ -3082,16 +3093,16 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
                 o == "password" && /* @__PURE__ */ s(
                   "button",
                   {
-                    onClick: () => v(!y),
+                    onClick: () => v(!_),
                     type: "button",
                     className: pe.showPasswordButton,
-                    children: y ? "🙈" : "👁️"
+                    children: _ ? "🙈" : "👁️"
                   }
                 )
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ s("div", { className: pe.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: g, children: b(_) }) }),
+          o == "password" && /* @__PURE__ */ s("div", { className: pe.forgotPassButton, children: /* @__PURE__ */ s("button", { onClick: h, children: b(y) }) }),
           /* @__PURE__ */ s(
             ve,
             {
@@ -3127,24 +3138,24 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
-    options: g = []
-  } = n, { t: _ } = k(), { control: b, trigger: C, clearErrors: f } = d, h = te(a);
+    options: h = []
+  } = n, { t: y } = k(), { control: b, trigger: g, clearErrors: f } = d, C = te(a);
   return M(() => {
-    h.current !== a && (a ? C(i) : f(i), h.current = a);
-  }, [a, i, C, f]), /* @__PURE__ */ s(
+    C.current !== a && (a ? g(i) : f(i), C.current = a);
+  }, [a, i, g, f]), /* @__PURE__ */ s(
     ye,
     {
       name: i,
       control: b,
       rules: {
-        required: a ? `${_(t)} ${_("errorMessages.required")}` : !1,
+        required: a ? `${y(t)} ${y("errorMessages.required")}` : !1,
         validate: l || void 0
       },
-      render: ({ field: y, fieldState: v }) => {
+      render: ({ field: _, fieldState: v }) => {
         var w;
         return /* @__PURE__ */ p("div", { className: ae.selectInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: ae.labelContainer, children: [
-            _(t),
+            y(t),
             " ",
             a && /* @__PURE__ */ s("label", { style: { color: v.error ? u : "" }, children: "*" })
           ] }),
@@ -3152,20 +3163,20 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
             /* @__PURE__ */ p(
               "select",
               {
-                ...y,
+                ..._,
                 onChange: (x) => {
-                  const N = x.target.value, S = g.every(($) => typeof $.value == "number") ? Number(N) : N;
-                  y.onChange(S);
+                  const N = x.target.value, S = h.every(($) => typeof $.value == "number") ? Number(N) : N;
+                  _.onChange(S);
                 },
                 className: ae.selectInput,
                 children: [
-                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: _(c || "selectOption") }),
-                  g.map((x, N) => /* @__PURE__ */ s(
+                  /* @__PURE__ */ s("option", { value: "", disabled: !0, hidden: !0, children: y(c || "selectOption") }),
+                  h.map((x, N) => /* @__PURE__ */ s(
                     "option",
                     {
                       value: x.value,
                       className: ae.option,
-                      children: _(x.label)
+                      children: y(x.label)
                     },
                     N
                   ))
@@ -3208,27 +3219,27 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
     errorColor: a = "red",
     options: l = [],
     multi: c = !1
-  } = n, { t: u } = k(), { control: m, trigger: g, clearErrors: _ } = d, b = ({ options: h, onChange: y, actualValue: v }) => {
+  } = n, { t: u } = k(), { control: m, trigger: h, clearErrors: y } = d, b = ({ options: C, onChange: _, actualValue: v }) => {
     if (c && v && v.length > 0) {
-      let w = v.filter((x) => x !== h);
-      y(w);
+      let w = v.filter((x) => x !== C);
+      _(w);
     }
-  }, C = ({ options: h, onChange: y, actualValue: v }) => {
-    c ? v && v.length > 0 ? y([...v, h]) : y([h]) : y(h);
+  }, g = ({ options: C, onChange: _, actualValue: v }) => {
+    c ? v && v.length > 0 ? _([...v, C]) : _([C]) : _(C);
   }, f = te(t);
   return M(() => {
-    f.current !== t && (t ? g(i) : _(i), f.current = t);
-  }, [t, i, g, _]), /* @__PURE__ */ s(
+    f.current !== t && (t ? h(i) : y(i), f.current = t);
+  }, [t, i, h, y]), /* @__PURE__ */ s(
     ye,
     {
       control: m,
       name: i,
       rules: {
-        validate: (h) => t && (h == null || h === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (C) => t && (C == null || C === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: h },
-        field: { onChange: y, onBlur: v, value: w, ref: x },
+        formState: { errors: C },
+        field: { onChange: _, onBlur: v, value: w, ref: x },
         fieldState: N
       }) => {
         var S;
@@ -3270,12 +3281,12 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
                         c ? j ? b({
                           actualValue: w,
                           options: l,
-                          onChange: y
-                        }) : C({
+                          onChange: _
+                        }) : g({
                           actualValue: w,
                           options: l,
-                          onChange: y
-                        }) : y(E);
+                          onChange: _
+                        }) : _(E);
                       },
                       className: X.radioInput
                     }
@@ -3319,20 +3330,20 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
     trackColors: u = ["#B32F5D", "#EFEFEF"],
     // [ LEFT, RIGHT ],
     required: m,
-    errorColor: g = "red",
-    width: _ = 265,
+    errorColor: h = "red",
+    width: y = 265,
     minText: b,
-    maxText: C
-  } = n, { t: f } = k(), { control: h, trigger: y, clearErrors: v } = d, w = te(m);
+    maxText: g
+  } = n, { t: f } = k(), { control: C, trigger: _, clearErrors: v } = d, w = te(m);
   M(() => {
-    w.current !== m && (m ? y(i) : v(i), w.current = m);
-  }, [m, i, y, v]);
+    w.current !== m && (m ? _(i) : v(i), w.current = m);
+  }, [m, i, _, v]);
   const [x, N] = D(3), S = Array.from({ length: a - r + 1 }, ($, E) => r + E);
   return /* @__PURE__ */ s(
     ye,
     {
       name: i,
-      control: h,
+      control: C,
       rules: {
         // required: required
         //     ? `${t(label)} ${t("errorMessages.required")}`
@@ -3345,7 +3356,7 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
           f(t),
           " "
         ] }),
-        /* @__PURE__ */ p("div", { className: q.inputContainer, style: { width: _ }, children: [
+        /* @__PURE__ */ p("div", { className: q.inputContainer, style: { width: y }, children: [
           /* @__PURE__ */ s(
             at,
             {
@@ -3390,7 +3401,7 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
           /* @__PURE__ */ s("div", { className: q.labels, children: S.map((A) => /* @__PURE__ */ s("span", { children: A }, A)) }),
           /* @__PURE__ */ p("div", { className: q.labels, children: [
             /* @__PURE__ */ s("span", { className: q.labelsText, children: f(b) }),
-            /* @__PURE__ */ s("span", { className: q.labelsText, children: f(C) })
+            /* @__PURE__ */ s("span", { className: q.labelsText, children: f(g) })
           ] })
         ] })
       ] })
@@ -3513,37 +3524,37 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
 }) => {
   const {
     handleSubmit: m,
-    control: g,
-    formState: { errors: _ }
+    control: h,
+    formState: { errors: y }
   } = n, { t: b } = k();
   return (
     /* "handleSubmit" will validate your inputs before invoking "onSubmit" */
     /* @__PURE__ */ p("form", { className: Me.formContainer, onSubmit: m(u), children: [
-      /* @__PURE__ */ s("div", { className: Me.formObjectContainer, children: d && d.map((C, f) => {
-        const { inputs: h } = C;
-        return C.category ? i ? /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: Me.formObjectContainer, children: d && d.map((g, f) => {
+        const { inputs: C } = g;
+        return g.category ? i ? /* @__PURE__ */ s(
           "div",
           {
             style: {
-              display: c && C.categoryId !== c ? "none" : "inherit",
+              display: c && g.categoryId !== c ? "none" : "inherit",
               width: "100%"
             },
             children: /* @__PURE__ */ s(
               i,
               {
-                title: C.category,
+                title: g.category,
                 children: /* @__PURE__ */ s(
                   Le,
                   {
-                    inputs: h,
-                    control: g,
+                    inputs: C,
+                    control: h,
                     inputContainerStyles: o,
                     errorColor: r,
                     formInstance: n
                   }
                 )
               },
-              `${C.category}${f}`
+              `${g.category}${f}`
             )
           }
         ) : /* @__PURE__ */ p(
@@ -3551,16 +3562,16 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
           {
             style: {
               width: "100%",
-              display: c && C.categoryId !== c ? "none" : "flex",
+              display: c && g.categoryId !== c ? "none" : "flex",
               flexDirection: "column"
             },
             children: [
-              /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: b(C.category) }),
+              /* @__PURE__ */ s("h2", { style: { marginBottom: 20 }, children: b(g.category) }),
               /* @__PURE__ */ s("div", { style: { paddingTop: 50, width: "100%" }, children: /* @__PURE__ */ s(
                 Le,
                 {
-                  inputs: h,
-                  control: g,
+                  inputs: C,
+                  control: h,
                   inputContainerStyles: o,
                   errorColor: r,
                   reactHookFormInstance: n
@@ -3568,13 +3579,13 @@ const ye = (n) => n.render(d1(n)), u1 = "_errorMessage_1xiyb_2", p1 = {
               ) })
             ]
           },
-          `${C.category}${f}`
+          `${g.category}${f}`
         ) : /* @__PURE__ */ s("div", { style: { width: "100%" }, children: /* @__PURE__ */ s(
           Le,
           {
             inputContainerStyles: o,
-            inputs: h,
-            control: g,
+            inputs: C,
+            control: h,
             errorColor: r,
             reactHookFormInstance: n
           }