@tmf_ciclica/ciclicastorybook 1.2.7 → 1.2.9

package/dist/index.es.js

@@ -44,14 +44,14 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
   fontColor: a,
   moreInfo: c
 }) => {
-  const { name: u, created_at: h, id: g, isBeingProcessed: b } = i;
+  const { name: u, created_at: g, id: C, isBeingProcessed: b } = i;
   return /* @__PURE__ */ p(
     "div",
     {
       className: ge.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(g), children: [
+        /* @__PURE__ */ p("div", { className: ge.ambitNameDate, onClick: () => t(C), children: [
           /* @__PURE__ */ p("div", { className: ge.ambitName, children: [
             /* @__PURE__ */ n(
               "img",
@@ -62,13 +62,13 @@ const r2 = "_ambitSelector_mcunf_2", a2 = "_header_mcunf_13", l2 = "_nameDateCon
             ),
             /* @__PURE__ */ n("span", { style: { color: r ? l : a }, children: u })
           ] }),
-          /* @__PURE__ */ n("div", { className: ge.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
+          /* @__PURE__ */ n("div", { className: ge.ambitDate, children: g ? new Date(g).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: ge.ambitButtons, children: [
           b && /* @__PURE__ */ n("img", { src: w2 }),
-          /* @__PURE__ */ n("button", { onClick: () => o(g), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
-          /* @__PURE__ */ n("button", { onClick: () => d(g), children: /* @__PURE__ */ n("img", { src: _2 }) }),
-          /* @__PURE__ */ n("button", { onClick: () => s(g), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: y2 }) })
+          /* @__PURE__ */ n("button", { onClick: () => o(C), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: v2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => d(C), children: /* @__PURE__ */ n("img", { src: _2 }) }),
+          /* @__PURE__ */ n("button", { onClick: () => s(C), disabled: i.is_default, children: /* @__PURE__ */ n("img", { src: y2 }) })
         ] })
       ]
     }
@@ -129,10 +129,10 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: a = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: h = (v) => console.log(`Copy ambit: ${v}`),
-  onCLickDelete: g = (v) => console.log(`Delete ambit: ${v}`),
+  onClickCopy: g = (v) => console.log(`Copy ambit: ${v}`),
+  onCLickDelete: C = (v) => console.log(`Delete ambit: ${v}`),
   onClickFilters: b = (v) => console.log(`Filters clicked: ${v}`),
-  onClickAmbit: C = (v) => console.log(`OnCLickAmbit: ${v}`)
+  onClickAmbit: h = (v) => console.log(`OnCLickAmbit: ${v}`)
 }) => {
   const { t: v } = L(), [y, _] = D(i);
   F(() => {
@@ -177,10 +177,10 @@ const Je = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ambit: f,
             fontColor: s,
             activeColor: o,
-            onClickCopy: h,
-            onClickDelete: g,
+            onClickCopy: g,
+            onClickDelete: C,
             onClickFilters: b,
-            onClickAmbit: C
+            onClickAmbit: h
           },
           `ambitKey${f.id}`
         )) }),
@@ -257,23 +257,23 @@ const q2 = ({
       children: i.map((a, c) => {
         const {
           icon: u,
-          activeIcon: h,
-          isActive: g,
+          activeIcon: g,
+          isActive: C,
           name: b,
-          onClick: C,
+          onClick: h,
           disabled: v
         } = a, y = /* @__PURE__ */ p(Ee, { children: [
           s && o === "left" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) }),
-          /* @__PURE__ */ n("img", { src: g ? h : u, alt: l(b) }),
+          /* @__PURE__ */ n("img", { src: C ? g : u, alt: l(b) }),
           s && o === "right" && /* @__PURE__ */ n("span", { className: ee.buttonName, children: l(b) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ n(
             "button",
             {
-              onClick: C,
+              onClick: h,
               className: `${ee.button}
-                ${g && ee.active}`,
+                ${C && ee.active}`,
               disabled: v,
               children: y
             }
@@ -319,9 +319,9 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
   titleFontStyles: a,
   showBottomBar: c = !0,
   titleMarginChildren: u = 15,
-  mainTitle: h = !1
+  mainTitle: g = !1
 }) => {
-  const { t: g } = L();
+  const { t: C } = L();
   return /* @__PURE__ */ p(
     Ge.div,
     {
@@ -332,7 +332,7 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
       style: {
         backgroundColor: "white",
         borderBottom: i && c ? `1px solid ${t}` : "0px",
-        minHeight: h ? "70px" : "50px"
+        minHeight: g ? "70px" : "50px"
       },
       children: [
         /* @__PURE__ */ p(
@@ -342,15 +342,15 @@ const P2 = "_indicatorsCategory_11gdl_2", E2 = "_title_11gdl_6", j2 = "_mainTitl
               ...a
               //marginBottom: titleMarginChildren ? titleMarginChildren : "auto",
             },
-            className: `${ke.title} ${h && ke.mainTitle}`,
+            className: `${ke.title} ${g && ke.mainTitle}`,
             onClick: d,
             children: [
               /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: i ? "-" : "+" }),
-              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: g(r) })
+              /* @__PURE__ */ n("span", { style: { color: i ? t : o }, children: C(r) })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: ke.content, style: { padding: h ? "20px 0px" : "0px" }, children: s })
+        /* @__PURE__ */ n("div", { className: ke.content, style: { padding: g ? "20px 0px" : "0px" }, children: s })
       ]
     }
   );
@@ -379,9 +379,9 @@ const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "data
   activeFiltersType: null,
   geoLayers: []
 })), yt = ({ title: i, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
-  const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), h = (b) => {
-    M.setState((C) => ({
-      tematicalFiltersSelected: C.tematicalFiltersSelected.filter(
+  const { t: a } = L(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((b) => b), g = (b) => {
+    M.setState((h) => ({
+      tematicalFiltersSelected: h.tematicalFiltersSelected.filter(
         (v) => v.code !== b
       )
     }));
@@ -397,10 +397,10 @@ const Ss = () => /* @__PURE__ */ n("div", { children: "EditAmbit" }), Z2 = "data
       activeColor: r,
       mainTitle: !0,
       color: l,
-      children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, C) => /* @__PURE__ */ p("div", { className: et.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ n("div", { className: et.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, h) => /* @__PURE__ */ p("div", { className: et.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(b.name),
-        /* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => h(b.code), style: { cursor: "pointer" } })
-      ] }, C)) })
+        /* @__PURE__ */ n("img", { src: Z2, alt: "CloseIcon", onClick: () => g(b.code), style: { cursor: "pointer" } })
+      ] }, h)) })
     }
   );
 };
@@ -429,13 +429,13 @@ const K2 = "_layersList_cn837_25", U2 = "_layerName_cn837_34", tt = {
   activeColor: t,
   onGeoLayersChange: r
 }) => {
-  const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((g) => g), u = () => {
+  const { t: l } = L(), { activeFiltersType: a, geoLayers: c } = M((C) => C), u = () => {
     a == "geographical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "geographical" }));
-  }, h = (g) => {
+  }, g = (C) => {
     M.setState((b) => ({
-      geoLayers: b.geoLayers.map((C) => ({
-        ...C,
-        active: C.name === g.name
+      geoLayers: b.geoLayers.map((h) => ({
+        ...h,
+        active: h.name === C.name
       }))
     })), r(c);
   };
@@ -450,15 +450,15 @@ const K2 = "_layersList_cn837_25", U2 = "_layerName_cn837_34", tt = {
       activeColor: t,
       color: s,
       mainTitle: !0,
-      children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((g) => /* @__PURE__ */ p(
+      children: /* @__PURE__ */ n("div", { className: `${tt.layersList}`, children: c.map((C) => /* @__PURE__ */ p(
         "div",
         {
           className: `${tt.layerName}`,
-          style: { color: g.active ? t : s, fontWeight: g.active ? "bold" : "normal" },
-          onClick: () => h(g),
+          style: { color: C.active ? t : s, fontWeight: C.active ? "bold" : "normal" },
+          onClick: () => g(C),
           children: [
-            l(g.name),
-            g.active
+            l(C.name),
+            C.active
           ]
         }
       )) })
@@ -566,19 +566,19 @@ let ze = function(i) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
+      t.move(g);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       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 C = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(b) > Math.abs(C);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
-      t.move(h);
+      const u = t.getDiffPosition(c[0]), g = t.getValueFromPosition(u);
+      t.move(g);
     }, t.onKeyDown = (a) => {
       if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
@@ -631,8 +631,8 @@ let ze = function(i) {
       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(a, u[0]), $e(t.getTouchEventMap()), function(h) {
-        h.stopPropagation && h.stopPropagation();
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), $e(t.getTouchEventMap()), function(g) {
+        g.stopPropagation && g.stopPropagation();
       }(c);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
@@ -640,13 +640,13 @@ let ze = function(i) {
       }, 0);
       t.pendingResizeTimeouts.push(a);
     }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (b) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), g = { ref: (b) => {
         t["thumb" + c] = b;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, 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: Se(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);
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, C = { index: c, value: Se(t.state.value), valueNow: t.state.value[c] };
+      return t.props.ariaValuetext && (g["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(C)), t.props.renderThumb(g, C);
     }, t.renderTrack = (a, c, u) => {
-      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: a, value: Se(t.state.value) };
-      return t.props.renderTrack(h, g);
+      const g = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, C = { index: a, value: Se(t.state.value) };
+      return t.props.renderTrack(g, C);
     };
     let r = Re(o.value);
     r.length || (r = Re(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -677,8 +677,8 @@ let ze = function(i) {
     let t = Number.MAX_VALUE, r = -1;
     const { value: l } = this.state, a = l.length;
     for (let c = 0; c < a; c += 1) {
-      const u = this.calcOffset(l[c]), h = Math.abs(o - u);
-      h < t && (t = h, r = c);
+      const u = this.calcOffset(l[c]), g = Math.abs(o - u);
+      g < t && (t = g, r = c);
     }
     return r;
   }, s.getMousePosition = function(o) {
@@ -701,8 +701,8 @@ let ze = function(i) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - 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(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], g = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], C = a - g, b = Math.abs(c - u);
+    this.state.upperBound === C && this.state.sliderLength === b && this.state.thumbSize === g || this.setState({ upperBound: C, sliderLength: b, thumbSize: g });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -741,28 +741,28 @@ let ze = function(i) {
     const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (o === a) 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: g, minDistance: C } = this.props;
     if (!c) {
       if (r > 0) {
         const b = t[r - 1];
-        o < b + g && (o = b + g);
+        o < b + C && (o = b + C);
       }
       if (r < l - 1) {
         const b = t[r + 1];
-        o > b - g && (o = b - g);
+        o > b - C && (o = b - C);
       }
     }
-    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, g, r), function(b, C, v, y) {
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, C, r), function(b, h, v, y) {
       for (let _ = 0; _ < b; _ += 1) {
         const m = y - _ * v;
-        C[b - 1 - _] > m && (C[b - 1 - _] = m);
+        h[b - 1 - _] > m && (h[b - 1 - _] = m);
       }
-    }(l, t, g, u)) : o < a && (this.pushPreceding(t, g, r), function(b, C, v, y) {
+    }(l, t, C, u)) : o < a && (this.pushPreceding(t, C, r), function(b, h, v, y) {
       for (let _ = 0; _ < b; _ += 1) {
         const m = y + _ * v;
-        C[_] < m && (C[_] = m);
+        h[_] < m && (h[_] = m);
       }
-    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, C, g))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
     let l, a;
     for (l = r, a = o[l] + t; o[l + 1] !== null && a > o[l + 1]; l += 1, a = o[l] + t) o[l + 1] = Ze(a, this.props);
@@ -836,11 +836,11 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
   defaultValue: a,
   isDate: c
 }) => {
-  const { t: u } = L(), h = c ? new Date(i).getTime() : null, g = c ? new Date(d).getTime() : null, [b, C] = D(c ? [h, g] : [i, d]), v = (y) => {
-    C(y), o == null || o({ min: y[0], max: y[1] });
+  const { t: u } = L(), g = c ? new Date(i).getTime() : null, C = c ? new Date(d).getTime() : null, [b, h] = D(c ? [g, C] : [i, d]), v = (y) => {
+    h(y), o == null || o({ min: y[0], max: y[1] });
   };
   return F(() => {
-    a || C(c ? [h, g] : [i, d]);
+    a || h(c ? [g, C] : [i, d]);
   }, [a, c]), /* @__PURE__ */ p(
     "div",
     {
@@ -854,9 +854,9 @@ const X2 = "_container_4u41i_2", Q2 = "_unitLabel_4u41i_8", J2 = "_slider_4u41i_
             className: ce.slider,
             thumbClassName: ce.thumb,
             trackClassName: ce.track,
-            min: c ? h : i,
-            max: c ? g : d,
-            step: c ? (g - h) / 30 : s,
+            min: c ? g : i,
+            max: c ? C : d,
+            step: c ? (C - g) / 30 : s,
             value: b,
             onAfterChange: v,
             withTracks: !0,
@@ -909,10 +909,10 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
     minValue: a,
     maxValue: c,
     unit: u,
-    step: h,
-    disabled: g,
+    step: g,
+    disabled: C,
     isDate: b
-  } = i || {}, C = he(
+  } = i || {}, h = he(
     () => t == "cat" || s == "cat",
     [s, t]
   ), v = he(
@@ -925,7 +925,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
     inputsColor: f
   } = M((N) => N), x = (N) => {
     if (N) {
-      const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : C ? "cat" : "both";
+      const { min: S, max: $, valueClicked: k, allValues: B } = N || {}, { code: A, type: H, source: T } = i || {}, j = v ? "abs" : h ? "cat" : "both";
       let Z = A[0];
       H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((J) => {
         let G = J.tematicalFiltersSelected.find(
@@ -1006,12 +1006,12 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
       titleFontStyles: {
         fontSize: 16,
         fontWeight: 400,
-        opacity: g ? 0.5 : 1
+        opacity: C ? 0.5 : 1
       },
       title: r,
       isOpen: _ == `id${r}`,
       onClick: () => {
-        g || M.setState(() => ({
+        C || M.setState(() => ({
           selectedIndicator: _ == `id${r}` ? "" : `id${r}`
         }));
       },
@@ -1069,7 +1069,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
             ]
           }
         ),
-        C && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
+        h && /* @__PURE__ */ n("div", { className: Be.checkboxContainer, children: l.map((N, S) => {
           var $;
           return /* @__PURE__ */ n(
             vt,
@@ -1090,7 +1090,7 @@ const i0 = "_tematicalFiltersInputContainer_1vm1r_2", s0 = "_inputTypeContainer_
             unit: u,
             defaultValue: w[i.code[0]] ? w[i.code[0]] : "",
             isDate: b,
-            step: h
+            step: g
           }
         ) })
       ]
@@ -1218,7 +1218,7 @@ const kt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l, activeFiltersType: a } = M((h) => h), { t: c } = L();
+  const { tematicalFiltersSelected: l, activeFiltersType: a } = M((g) => g), { t: c } = L();
   F(() => {
   }, [l]), F(() => {
     o && M.setState(() => ({ fontColor: o }));
@@ -1237,14 +1237,14 @@ const kt = ({
       activeColor: r,
       onClick: u,
       mainTitle: !0,
-      children: i == null ? void 0 : i.map((h, g) => /* @__PURE__ */ n(
+      children: i == null ? void 0 : i.map((g, C) => /* @__PURE__ */ n(
         Nt,
         {
-          category: h,
+          category: g,
           fontColor: o,
           activeColor: r
         },
-        `category-${g}`
+        `category-${C}`
       ))
     }
   );
@@ -1277,10 +1277,10 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
   onChangeAppliedFilters: a,
   saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: h,
-  filtersTypes: g = ["geographical", "tematical"],
+  descPlaceholder: g,
+  filtersTypes: C = ["geographical", "tematical"],
   nameRequiredText: b,
-  geoFilterLayers: C = [],
+  geoFilterLayers: h = [],
   onGeoLayersChange: v,
   onlyFilters: y = !1,
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
@@ -1293,15 +1293,15 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
       tematicalFiltersSelected: s
     }));
   }, [s]), F(() => {
-    g.includes("geographical") && w != C && M.setState({ geoLayers: C });
-  }, [C]), F(() => {
+    C.includes("geographical") && w != h && M.setState({ geoLayers: h });
+  }, [h]), F(() => {
     a(f);
   }, [f]);
   const H = () => {
     _ ? N && $ ? c({ name: N, description: $ }) : A(!0) : N ? c({ name: N, description: $ }) : A(!0);
   };
   return F(() => {
-    g.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
+    C.includes("geographical") && x != "geographical" && w.length > 0 && M.setState((T) => ({
       geoLayers: T.geoLayers.map((j) => ({
         ...j,
         active: !1
@@ -1328,7 +1328,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
             onChange: (T) => {
               _ && A(!1), k(T.target.value);
             },
-            placeholder: m(h)
+            placeholder: m(g)
           }
         ) }) })
       ] }),
@@ -1342,7 +1342,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
           activeColor: t
         }
       ),
-      g.includes("geographical") && /* @__PURE__ */ n(
+      C.includes("geographical") && /* @__PURE__ */ n(
         _t,
         {
           title: "geo_filters",
@@ -1350,7 +1350,7 @@ const a0 = "_FiltersAmbitContainer_bp6cj_2", l0 = "_FiltersAmbitHeader_bp6cj_15"
           onGeoLayersChange: v
         }
       ),
-      g.includes("tematical") && /* @__PURE__ */ n(
+      C.includes("tematical") && /* @__PURE__ */ n(
         kt,
         {
           indicators: o,
@@ -1396,13 +1396,13 @@ const St = ({
   orientation: c = "horizontal",
   // "horizontal" or "vertical"
   horizontalPadding: u = c == "vertical" ? 50 : 20,
-  verticalPadding: h = 10
+  verticalPadding: g = 10
 }) => {
-  const { xScale: b, yScale: C, ticks: v, height: y, chartWidth: _ } = he(() => {
+  const { xScale: b, yScale: h, ticks: v, height: y, chartWidth: _ } = he(() => {
     if (i && i.length > 0) {
       const m = Ae.max(i, (x) => x.value) || 1, f = a || m;
       if (c === "vertical") {
-        const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, h]), $ = Array.from(
+        const x = i.length * (s + o) + u * 2, w = d, S = Ae.scaleLinear().domain([0, f]).range([w - 100, g]), $ = Array.from(
           { length: l + 1 },
           (k, B) => f / l * B
         );
@@ -1413,7 +1413,7 @@ const St = ({
           chartWidth: x
         };
       } else {
-        const x = i.length * (s + o) + h * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
+        const x = i.length * (s + o) + g * 2 + 50, w = Ae.scaleLinear().domain([0, f]).range([0, d - r]), N = Array.from(
           { length: l + 1 },
           (S, $) => f / l * $
         );
@@ -1439,13 +1439,13 @@ const St = ({
     s,
     o,
     u,
-    h,
+    g,
     a,
     c
   ]);
   return c === "vertical" ? /* @__PURE__ */ n("div", { style: { overflow: "auto" }, children: /* @__PURE__ */ n("svg", { width: _, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(${u}, 0)`, children: [
     /* @__PURE__ */ n("g", { children: v.map((m, f) => {
-      const x = C(m);
+      const x = h(m);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "line",
@@ -1471,7 +1471,7 @@ const St = ({
       ] }, f);
     }) }),
     i && i.length > 0 && i.map((m, f) => {
-      const x = C(0) - C(m.value), w = f * (s + o), N = C(m.value);
+      const x = h(0) - h(m.value), w = f * (s + o), N = h(m.value);
       return /* @__PURE__ */ p("g", { children: [
         /* @__PURE__ */ n(
           "rect",
@@ -1589,7 +1589,7 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
   leftPadding: c = -200,
   orientation: u = "horizontal"
 }) => {
-  const { t: h } = L();
+  const { t: g } = L();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -1600,7 +1600,7 @@ const g0 = "_graphicContainer_c9zrg_2", C0 = "_titleContainer_c9zrg_14", nt = {
         paddingBottom: 40
       },
       children: [
-        /* @__PURE__ */ n("div", { className: nt.titleContainer, children: /* @__PURE__ */ n("h2", { children: h(t) }) }),
+        /* @__PURE__ */ n("div", { className: nt.titleContainer, children: /* @__PURE__ */ n("h2", { children: g(t) }) }),
         /* @__PURE__ */ n(
           St,
           {
@@ -1660,14 +1660,14 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = L(), { name: h, type: g, disabled: b } = i;
+  const { t: u } = L(), { name: g, type: C, disabled: b } = i;
   console.log(it);
-  const [C, v] = D(!1);
+  const [h, v] = D(!1);
   F(() => {
     t && v(
       a ? t.some(
-        (m) => m.name == String(h)
-      ) : t.name == h
+        (m) => m.name == String(g)
+      ) : t.name == g
     );
   }, [t]);
   const y = () => /* @__PURE__ */ n("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ n("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
@@ -1756,12 +1756,12 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
             "div",
             {
               style: {
-                border: C ? `1px solid ${s}` : `1px solid ${o}`,
+                border: h ? `1px solid ${s}` : `1px solid ${o}`,
                 opacity: b ? 0.5 : 1,
-                backgroundColor: C ? s : "transparent"
+                backgroundColor: h ? s : "transparent"
               },
               className: R.dot,
-              children: a && /* @__PURE__ */ n("img", { src: C ? v0 : it, alt: "" })
+              children: a && /* @__PURE__ */ n("img", { src: h ? v0 : it, alt: "" })
             }
           ),
           /* @__PURE__ */ n(
@@ -1769,13 +1769,13 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
             {
               className: R.indicatorName,
               style: {
-                color: C ? s : o,
+                color: h ? s : o,
                 opacity: b ? 0.5 : 1
               },
               children: /* @__PURE__ */ n(
                 We,
                 {
-                  i18nKey: h,
+                  i18nKey: g,
                   components: { sup: /* @__PURE__ */ n("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -1785,8 +1785,8 @@ const b0 = "_indicatorsCategory_arwy3_2", y0 = "_title_arwy3_5", _0 = "_list_arw
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ n("div", { children: y() }),
-    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ n("div", { children: _() })
+    (t == null ? void 0 : t.name) === g && C === "both" && /* @__PURE__ */ n("div", { children: y() }),
+    (t == null ? void 0 : t.name) === g && C === "twoUnits" && /* @__PURE__ */ n("div", { children: _() })
   ] });
 };
 Xe.propTypes = {
@@ -1815,10 +1815,10 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
   activeIndicator: a,
   onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: h,
-  onChangeType: g
+  activeIndicatorType: g,
+  onChangeType: C
 }) => {
-  const { t: b } = L(), [C, v] = D(!1);
+  const { t: b } = L(), [h, v] = D(!1);
   return F(() => {
     v(t == l);
   }, [t, l]), /* @__PURE__ */ p(
@@ -1826,15 +1826,15 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
     {
       className: st.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: C ? "auto" : "43px" },
+      animate: { height: h ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ n("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: C ? o : s }, children: [
-          /* @__PURE__ */ n("span", { style: { color: C ? o : s }, children: C ? "-" : "+" }),
+        /* @__PURE__ */ n("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: h ? o : s }, children: [
+          /* @__PURE__ */ n("span", { style: { color: h ? o : s }, children: h ? "-" : "+" }),
           /* @__PURE__ */ n(
             "span",
             {
-              style: { color: C ? o : s },
+              style: { color: h ? o : s },
               children: b(i)
             }
           )
@@ -1848,8 +1848,8 @@ const V0 = "_indicatorsSubCategory_1nuug_2", D0 = "_list_1nuug_11", st = {
             activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: h,
-            onChangeType: g
+            activeIndicatorType: g,
+            onChangeType: C
           },
           "indicator" + _
         )) })
@@ -1880,12 +1880,12 @@ const Bt = ({
   onClickSubCategory: a,
   activeIndicator: c,
   onClickIndicator: u,
-  multiple: h,
-  activeIndicatorType: g,
+  multiple: g,
+  activeIndicatorType: C,
   onChangeType: b
 }) => {
   var _;
-  const { t: C } = L(), [v, y] = D(!1);
+  const { t: h } = L(), [v, y] = D(!1);
   return F(() => {
     y(r === d);
   }, [r, d]), /* @__PURE__ */ p(
@@ -1907,7 +1907,7 @@ const Bt = ({
             "span",
             {
               style: { color: v ? s : o },
-              children: C(i.name)
+              children: h(i.name)
             }
           )
         ] }),
@@ -1921,11 +1921,11 @@ const Bt = ({
               onClickSubCategory: a,
               activeIndicator: c,
               onClickIndicator: u,
-              multiple: h,
+              multiple: g,
               activeColor: s,
               defaultColor: o,
               indicators: x,
-              activeIndicatorType: g,
+              activeIndicatorType: C,
               onChangeType: b
             },
             `subcKey ${w}`
@@ -1939,8 +1939,8 @@ const Bt = ({
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
-            multiple: h,
-            activeIndicatorType: g,
+            multiple: g,
+            activeIndicatorType: C,
             onChangeType: b
           },
           `indicator${f}`
@@ -1980,19 +1980,19 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = L(), [u, h] = D(), [g, b] = D(), [C, v] = D(), y = (w) => {
-    h(u == w ? null : w);
+  const { t: c } = L(), [u, g] = D(), [C, b] = D(), [h, v] = D(), y = (w) => {
+    g(u == w ? null : w);
   }, _ = (w) => {
-    b(g == w ? null : w);
+    b(C == w ? null : w);
   }, m = ({ indicator: w }) => {
     f(w);
   }, f = (w) => {
     if (!t)
       v(
-        (C == null ? void 0 : C.name) == w.name ? null : w
+        (h == null ? void 0 : h.name) == w.name ? null : w
       );
     else {
-      let N = C && C.length > 0 ? [...C] : [];
+      let N = h && h.length > 0 ? [...h] : [];
       v(
         N != null && N.some(
           (S) => S.name == w.name
@@ -2003,11 +2003,11 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
     }
   };
   F(() => {
-    o && typeof o == "function" && C && o({ activeIndicator: C });
-  }, [C]), Et(() => {
-    if (r && !C)
+    o && typeof o == "function" && h && o({ activeIndicator: h });
+  }, [h]), Et(() => {
+    if (r && !h)
       if (t && r && Array.isArray(r)) {
-        let w = C && C.length > 0 ? [...C] : [];
+        let w = h && h.length > 0 ? [...h] : [];
         v([...w, ...r]), x(r[0].name);
       } else
         f(r), x(r.name);
@@ -2023,7 +2023,7 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
       } else
         return S.indicators.some(($) => $.name == w);
     });
-    N && h(N.category);
+    N && g(N.category);
   };
   return /* @__PURE__ */ p("div", { className: ot.indicatorsList, children: [
     /* @__PURE__ */ n("h2", { className: ot.title, style: { color: s }, children: c("indicators.indicators") }),
@@ -2035,9 +2035,9 @@ const F0 = "_indicatorsList_13b3m_2", A0 = "_title_13b3m_6", ot = {
         onClickCategory: y,
         activeCategory: u,
         onClickSubCategory: _,
-        activeSubCategory: g,
+        activeSubCategory: C,
         onClickIndicator: m,
-        activeIndicator: C,
+        activeIndicator: h,
         activeColor: d,
         defaultColor: s,
         multiple: t,
@@ -2158,11 +2158,11 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titl
       children: [
         /* @__PURE__ */ n("button", { className: O.closeButton, onClick: c }),
         d && /* @__PURE__ */ n("div", { className: O.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ n("h2", { children: d }) }),
-        s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
-          /* @__PURE__ */ n("h3", { className: O.title, children: `${h}:` }),
+        s && s.length > 0 && /* @__PURE__ */ n("div", { className: O.infoContainer, children: /* @__PURE__ */ n("ul", { children: s.map(({ title: g, value: C }) => /* @__PURE__ */ p("li", { children: [
+          /* @__PURE__ */ n("h3", { className: O.title, children: `${g}:` }),
           /* @__PURE__ */ p("span", { className: O.value, children: [
             "  ",
-            g
+            C
           ] })
         ] }, d)) }) }),
         /* @__PURE__ */ n("h3", { className: O.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ n(We, { i18nKey: t, components: { sup: /* @__PURE__ */ n("sup", {}) }, shouldUnescape: !0 }) }),
@@ -2195,16 +2195,16 @@ const Z0 = "_legendContainer_qs4x9_3", z0 = "_closeButton_qs4x9_31", H0 = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ n("div", { className: O.gridContainer, children: o.map(
-            ({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
+            ({ title: g, color: C }) => /* @__PURE__ */ p("div", { className: O.elementLegendContainer, children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   className: O.colorDot,
-                  style: { backgroundColor: g }
+                  style: { backgroundColor: C }
                 }
               ),
               /* @__PURE__ */ p("div", { className: O.titleLegendElement, children: [
-                u(h),
+                u(g),
                 " "
               ] })
             ] }, d)
@@ -2281,12 +2281,12 @@ const dn = ({
   interactiveLayers: a = [],
   popUp: c = !1,
   sources: u = [],
-  layers: h = []
+  layers: g = []
 }) => {
-  const g = ae(), [b, C] = D(null), v = Zt((y) => y.mapState.showTexts);
+  const C = ae(), [b, h] = D(null), v = Zt((y) => y.mapState.showTexts);
   return F(() => {
-    if (g.current) {
-      const y = g.current.getMap();
+    if (C.current) {
+      const y = C.current.getMap();
       y.getStyle().layers.map((m) => {
         m.type == "symbol" && m.id != "professionals" && (v ? y.setLayoutProperty(m.id, "visibility", "visible") : y.setLayoutProperty(m.id, "visibility", "none"));
       });
@@ -2295,7 +2295,7 @@ const dn = ({
     zt,
     {
       initialViewState: i,
-      ref: g,
+      ref: C,
       hash: !1,
       maxZoom: d,
       minZoom: s,
@@ -2307,7 +2307,7 @@ const dn = ({
           Ht,
           {
             ...y,
-            children: h.length && h.map((m, f) => {
+            children: g.length && g.map((m, f) => {
               if (m.sourceId == y.id) return /* @__PURE__ */ n(
                 Kt,
                 {
@@ -2327,7 +2327,7 @@ const dn = ({
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => C(null),
+            onClose: () => h(null),
             children: c.content
           }
         )
@@ -2409,10 +2409,10 @@ const un = "_mapContainer_b0pyr_3", pn = {
   interactiveLayers: a = [],
   sources: c = [],
   layers: u = [],
-  popUpParams: h,
-  onClosePopUp: g,
+  popUpParams: g,
+  onClosePopUp: C,
   showTexts: b,
-  hash: C = !1
+  hash: h = !1
 }) => {
   const v = ae();
   return F(() => {
@@ -2433,7 +2433,7 @@ const un = "_mapContainer_b0pyr_3", pn = {
       mapLib: Ie,
       initialViewState: i,
       ref: v,
-      hash: C,
+      hash: h,
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
@@ -2462,13 +2462,13 @@ const un = "_mapContainer_b0pyr_3", pn = {
           _
         )),
         /* @__PURE__ */ n(Jt, { position: "bottom-right", visualizePitch: !0 }),
-        h && /* @__PURE__ */ n(
+        g && /* @__PURE__ */ n(
           e2,
           {
-            longitude: h.lng,
-            latitude: h.lat,
-            onClose: g,
-            children: /* @__PURE__ */ n(gn, { props: h.props })
+            longitude: g.lng,
+            latitude: g.lat,
+            onClose: C,
+            children: /* @__PURE__ */ n(gn, { props: g.props })
           }
         )
       ]
@@ -2606,10 +2606,10 @@ const Nn = t2({
 }) => {
   const [a, c] = D(d), u = (m, f) => {
     c(f), l(f);
-  }, [h, g] = D(!1), b = () => {
-    g(!0);
-  }, C = () => {
-    g(!1);
+  }, [g, C] = D(!1), b = () => {
+    C(!0);
+  }, h = () => {
+    C(!1);
   };
   ((m, f) => {
     const x = ae();
@@ -2625,7 +2625,7 @@ const Nn = t2({
       }
     }, [f]);
   })(() => {
-    h && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
+    g && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
   const y = i2({
     palette: {
@@ -2679,8 +2679,8 @@ const Nn = t2({
           }
         ),
         o,
-        !h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src: kn, alt: "Play" }) }),
-        h && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: C, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
+        !g && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: b, children: /* @__PURE__ */ n("img", { src: kn, alt: "Play" }) }),
+        g && /* @__PURE__ */ n("button", { className: Ce.playButton, onClick: h, children: /* @__PURE__ */ n("img", { src: Sn, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2823,17 +2823,17 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   elementButtons: a,
   processTooltip: c,
   defaultTooltip: u,
-  showEye: h = !0
+  showEye: g = !0
 }) => {
-  const { name: g, created_at: b, id: C, isBeingProcessed: v } = i, [y, _] = D(!1), { t: m } = L();
+  const { name: C, created_at: b, id: h, isBeingProcessed: v } = i, [y, _] = D(!1), { t: m } = L();
   return /* @__PURE__ */ p(
     "div",
     {
       className: K.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(C), children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
-          h && (s ? /* @__PURE__ */ n(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: K.elementNameDate, onClick: () => d(h), children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ n("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
+          g && (s ? /* @__PURE__ */ n(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ n(
             "img",
             {
               style: { marginRight: 9 },
@@ -2841,7 +2841,7 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
               alt: "eye"
             }
           )),
-          /* @__PURE__ */ n("span", { style: { color: s ? o : t }, children: g })
+          /* @__PURE__ */ n("span", { style: { color: s ? o : t }, children: C })
         ] }) }) : f == "data" ? /* @__PURE__ */ n("div", { className: K.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ n("div", { className: K.elementDate, children: i[f] })) }),
         /* @__PURE__ */ p("div", { className: K.elementButtons, children: [
           i.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
@@ -2927,13 +2927,13 @@ const ct = "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: g = !1,
   //{label: 'x'}
-  processTooltip: g,
+  processTooltip: C,
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: b,
   //texto para el tooltip del símbolo de candado para los elementos default
-  showEye: C = !0
+  showEye: h = !0
 }) => {
   const { t: v } = L(), [y, _] = D(i);
   F(() => {
@@ -2978,10 +2978,10 @@ const ct = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClickElement: a,
             columns: c,
             elementButtons: u,
-            moreInfo: h,
-            processTooltip: g,
+            moreInfo: g,
+            processTooltip: C,
             defaultTooltip: b,
-            showEye: C
+            showEye: h
           },
           `elementKey${f.id}`
         )) }),
@@ -3154,7 +3154,7 @@ function Si(i) {
       values: !0
     },
     exact: l,
-    callback: (h) => !r && u(ki(o, s._names, h.values || s._formValues, !1, a.current))
+    callback: (g) => !r && u(ki(o, s._names, g.values || s._formValues, !1, a.current))
   }), [o, s, r, l]), V.useEffect(() => s._removeUnmounted()), c;
 }
 function $i(i) {
@@ -3167,11 +3167,11 @@ function $i(i) {
     control: t,
     name: s,
     exact: !0
-  }), u = V.useRef(i), h = V.useRef(t.register(s, {
+  }), u = V.useRef(i), g = V.useRef(t.register(s, {
     ...i.rules,
     value: a,
     ...Pe(i.disabled) ? { disabled: i.disabled } : {}
-  })), g = V.useMemo(() => Object.defineProperties({}, {
+  })), C = V.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!P(c.errors, s)
@@ -3192,13 +3192,13 @@ function $i(i) {
       enumerable: !0,
       get: () => P(c.errors, s)
     }
-  }), [c, s]), b = V.useCallback((_) => h.current.onChange({
+  }), [c, s]), b = V.useCallback((_) => g.current.onChange({
     target: {
       value: Ci(_),
       name: s
     },
     type: ut.CHANGE
-  }), [s]), C = V.useCallback(() => h.current.onBlur({
+  }), [s]), h = V.useCallback(() => g.current.onBlur({
     target: {
       value: P(t._formValues, s),
       name: s
@@ -3217,9 +3217,9 @@ function $i(i) {
     value: a,
     ...Pe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: b,
-    onBlur: C,
+    onBlur: h,
     ref: v
-  }), [s, o, c.disabled, b, C, v, a]);
+  }), [s, o, c.disabled, b, h, v, a]);
   return V.useEffect(() => {
     const _ = t._options.shouldUnregister || r;
     t.register(s, {
@@ -3245,8 +3245,8 @@ function $i(i) {
   }, [o, s, t]), V.useMemo(() => ({
     field: y,
     formState: c,
-    fieldState: g
-  }), [y, c, g]);
+    fieldState: C
+  }), [y, c, C]);
 }
 const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_labelContainer_1o3iy_5", Ti = "_inputContainer_1o3iy_8", Mi = "_showPasswordButton_1o3iy_14", Vi = "_forgotPassButton_1o3iy_26", ye = {
   textInputContainer: Bi,
@@ -3282,12 +3282,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
-    width: h = 325,
-    onClickForgotPass: g = () => {
+    width: g = 325,
+    onClickForgotPass: C = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: b = "forgot-password"
-  } = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = D(!1);
+  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d, { errorColor: m } = Ne((N) => N), [f, x] = D(!1);
   ae(l);
   const w = () => o ? o === "password" && f ? "text" : o : "text";
   return /* @__PURE__ */ n(
@@ -3296,7 +3296,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       name: s,
       control: v,
       rules: {
-        required: l ? `${C(t)} ${C("errorMessages.required")}` : !1,
+        required: l ? `${h(t)} ${h("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
@@ -3304,14 +3304,14 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
         var $;
         return /* @__PURE__ */ p("div", { className: ye.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: ye.labelContainer, children: [
-            C(t),
+            h(t),
             " ",
             l && /* @__PURE__ */ n("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p(
             "div",
             {
-              style: { position: "relative", width: h },
+              style: { position: "relative", width: g },
               className: ye.inputContainer,
               children: [
                 /* @__PURE__ */ n(
@@ -3319,7 +3319,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                   {
                     type: w(),
                     ...N,
-                    placeholder: c ? C(c) : "",
+                    placeholder: c ? h(c) : "",
                     maxLength: r || void 0
                   }
                 ),
@@ -3333,7 +3333,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                       "img",
                       {
                         src: f ? Ii : Ai,
-                        alt: C("show-password")
+                        alt: h("show-password")
                       }
                     )
                   }
@@ -3341,7 +3341,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: g, children: C(b) }) }),
+          o == "password" && /* @__PURE__ */ n("div", { className: ye.forgotPassButton, children: /* @__PURE__ */ n("button", { onClick: C, children: h(b) }) }),
           /* @__PURE__ */ n(
             xe,
             {
@@ -3371,11 +3371,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     required: a,
     validateFunction: c,
     placeholder: u,
-    errorColor: h = "red",
-    width: g = 325,
+    errorColor: g = "red",
+    width: C = 325,
     options: b = []
     //Used if we dont use react hook form
-  } = i, { t: C } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
+  } = i, { t: h } = L(), { control: v, trigger: y, clearErrors: _ } = d || {}, { errorColor: m } = Ne((w) => w);
   ae(a);
   const [f, x] = D(null);
   return F(() => {
@@ -3386,7 +3386,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
       name: o,
       control: v,
       rules: {
-        required: a ? `${C(r)} ${C("errorMessages.required")}` : !1,
+        required: a ? `${h(r)} ${h("errorMessages.required")}` : !1,
         validate: c ? (w) => {
           let N = d.getValues();
           return c(w, N);
@@ -3396,11 +3396,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
         var S;
         return /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
           r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
-            C(r),
+            h(r),
             " ",
-            a && /* @__PURE__ */ n("label", { style: { color: N.error ? h : "" }, children: "*" })
+            a && /* @__PURE__ */ n("label", { style: { color: N.error ? g : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
+          /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
             /* @__PURE__ */ p(
               "select",
               {
@@ -3411,13 +3411,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 },
                 className: z.selectInput,
                 children: [
-                  /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
+                  /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: h(u || "selectOption") }),
                   b.map(($, k) => /* @__PURE__ */ n(
                     "option",
                     {
                       value: $.value,
                       className: z.option,
-                      children: C($.label)
+                      children: h($.label)
                     },
                     k
                   ))
@@ -3437,7 +3437,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
             xe,
             {
               errorMessage: (S = N.error) == null ? void 0 : S.message,
-              errorColor: m || h
+              errorColor: m || g
             }
           )
         ] });
@@ -3445,11 +3445,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     }
   ) : /* @__PURE__ */ p("div", { className: z.selectInputContainer, children: [
     r && /* @__PURE__ */ p("h3", { className: z.labelContainer, children: [
-      C(r),
+      h(r),
       " ",
       a && /* @__PURE__ */ n("label", { children: "*" })
     ] }),
-    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: g }, children: [
+    /* @__PURE__ */ p("div", { className: z.inputContainer, style: { width: C }, children: [
       /* @__PURE__ */ p(
         "select",
         {
@@ -3460,13 +3460,13 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
           },
           className: z.selectInput,
           children: [
-            /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
+            /* @__PURE__ */ n("option", { value: "", disabled: !0, hidden: !0, children: h(u || "selectOption") }),
             b.map((w, N) => /* @__PURE__ */ n(
               "option",
               {
                 value: w.value,
                 className: z.option,
-                children: C(w.label)
+                children: h(w.label)
               },
               N
             ))
@@ -3492,7 +3492,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     errorColor: l = "red",
     options: a = [],
     multi: c = !1
-  } = i, { t: u } = L(), { control: h, trigger: g, clearErrors: b } = d, { errorColor: C } = Ne((_) => _), v = ({ options: _, onChange: m, actualValue: f }) => {
+  } = i, { t: u } = L(), { control: g, trigger: C, clearErrors: b } = d, { errorColor: h } = Ne((_) => _), v = ({ options: _, onChange: m, actualValue: f }) => {
     if (c && f && f.length > 0) {
       let x = f.filter((w) => w !== _);
       m(x);
@@ -3503,7 +3503,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
   return ae(t), /* @__PURE__ */ n(
     we,
     {
-      control: h,
+      control: g,
       name: s,
       rules: {
         validate: (_) => t && (_ == null || _ === "") ? `${u(o)} ${u("errorMessages.required")}` : null
@@ -3571,7 +3571,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
               xe,
               {
                 errorMessage: (S = N.error) == null ? void 0 : S.message,
-                errorColor: C || l
+                errorColor: h || l
               }
             )
           ] })
@@ -3598,10 +3598,10 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     thumbColor: c = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
-    errorColor: h = "red",
-    labelWidth: g = "300px",
+    errorColor: g = "red",
+    labelWidth: C = "300px",
     sliderWidth: b = "300px",
-    minText: C,
+    minText: h,
     maxText: v,
     disabled: y = !1,
     marks: _ = Array.from(
@@ -3628,12 +3628,12 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
           {
             className: I.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && g} ${b}`
+              gridTemplateColumns: `${t && C} ${b}`
             },
             children: [
               t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
               /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-                C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
+                h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
                 /* @__PURE__ */ p("div", { children: [
                   /* @__PURE__ */ n(
                     He,
@@ -3666,7 +3666,7 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
                 xe,
                 {
                   errorMessage: (H = A.error) == null ? void 0 : H.message,
-                  errorColor: S || h
+                  errorColor: S || g
                 }
               )
             ]
@@ -3678,11 +3678,11 @@ const we = (i) => i.render($i(i)), Bi = "_textInputContainer_1o3iy_2", Li = "_la
     "div",
     {
       className: I.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && g} ${b}` },
+      style: { gridTemplateColumns: `${t && C} ${b}` },
       children: [
         t && /* @__PURE__ */ n("p", { className: I.labelContainer, children: f(t) }),
         /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-          C && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(C) }),
+          h && /* @__PURE__ */ n("div", { className: I.minLabel, children: f(h) }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ n(
               He,
@@ -3855,20 +3855,20 @@ const _e = ({
       className: Te.categorySelector,
       style: t ? { ...t } : {},
       children: i.map((a, c) => {
-        const { id: u, label: h } = a, g = s == u;
+        const { id: u, label: g } = a, C = s == u;
         return /* @__PURE__ */ n(
           "button",
           {
-            className: `${Te.sectionItem} ${g ? Te.sectionItemActive : ""}`,
+            className: `${Te.sectionItem} ${C ? Te.sectionItemActive : ""}`,
             type: "button",
-            style: { backgroundColor: g ? o : "inherit" },
+            style: { backgroundColor: C ? o : "inherit" },
             onClick: () => l(u),
             children: /* @__PURE__ */ n(
               "span",
               {
-                style: { color: g ? "white" : "inherit" },
+                style: { color: C ? "white" : "inherit" },
                 className: Te.sectionLabel,
-                children: r(h)
+                children: r(g)
               }
             )
           },
@@ -3888,10 +3888,10 @@ const _e = ({
   submitButtonStyles: a = { width: 325 },
   showCategorySelector: c = !0,
   defaultCategory: u = null,
-  categoryLabel: h = "Select Category",
-  activeCategory: g = null,
+  categoryLabel: g = "Select Category",
+  activeCategory: C = null,
   activeCategoryColor: b = "#b32f5d",
-  onSubmit: C = (v) => console.log("Form submitted with: ", v)
+  onSubmit: h = (v) => console.log("Form submitted with: ", v)
 }) => {
   const { t: v } = L(), { handleSubmit: y, control: _ } = i;
   F(() => {
@@ -3908,7 +3908,7 @@ const _e = ({
     const B = d == null ? void 0 : d.find((A) => A.categoryId === k);
     return (B == null ? void 0 : B.subcategories) || [];
   }, [x, w] = D(
-    g || u || null
+    C || u || null
   ), [N, S] = D(null);
   F(() => {
     !x && m.length > 0 && w(m[0].id);
@@ -4007,7 +4007,7 @@ const _e = ({
       )
     ] }, k.categoryId);
   };
-  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(C), children: [
+  return /* @__PURE__ */ p("form", { className: fe.formContainer, onSubmit: y(h), children: [
     c && m.length > 0 && /* @__PURE__ */ n("div", { className: fe.categorySelectorContainer, children: /* @__PURE__ */ n(
       gt,
       {
@@ -4205,16 +4205,16 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
     defValue: a = !1,
     colorOn: c = "#5A514D",
     disabled: u = !1,
-    width: h = 240
-  } = i, { t: g } = L(), { control: b } = d || {}, [C, v] = D(a), y = (m) => {
+    width: g = 240
+  } = i, { t: C } = L(), { control: b } = d || {}, [h, v] = D(a), y = (m) => {
     v(m), s && s(m);
-  }, _ = (m, f) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${h}px` }, children: [
+  }, _ = (m, f) => /* @__PURE__ */ p("div", { className: pe.switchContainer, style: { width: `${g}px` }, children: [
     r && /* @__PURE__ */ n(
       "span",
       {
         className: pe.labelLeft,
-        style: { width: `${(h - 74) / 2}px` },
-        children: g(r)
+        style: { width: `${(g - 74) / 2}px` },
+        children: C(r)
       }
     ),
     /* @__PURE__ */ p("label", { className: `${pe.switch} ${u ? pe.disabled : ""}`, children: [
@@ -4237,7 +4237,7 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
         }
       )
     ] }),
-    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(h - 74) / 2}px` }, children: g(l) })
+    l && /* @__PURE__ */ n("span", { className: pe.labelRight, style: { width: `${(g - 74) / 2}px` }, children: C(l) })
   ] });
   return d ? /* @__PURE__ */ n(
     we,
@@ -4247,7 +4247,7 @@ const D1 = "_switchContainer_194wl_2", F1 = "_labelRight_194wl_9", A1 = "_labelL
       defaultValue: a,
       render: ({ field: m }) => _(m.value, m.onChange)
     }
-  ) : _(C, y);
+  ) : _(h, y);
 };
 R1.propTypes = {
   input: e.shape({
@@ -4290,7 +4290,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
   button: G1,
   active: Y1
 }, qt = ({ options: i, backgroundColor: d, textColor: s, iconColor: o }) => {
-  const [t, r] = D(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, h = t ? 13 : 0, g = t ? -11.51666 : 0, b = t ? -13 : 0;
+  const [t, r] = D(!1), l = () => r(!t), a = () => r(!1), c = 7, u = t ? 11 : 0, g = t ? 13 : 0, C = t ? -11.51666 : 0, b = t ? -13 : 0;
   return /* @__PURE__ */ p("div", { className: Q.container, children: [
     /* @__PURE__ */ n("button", { onClick: l, className: Q.burger, children: /* @__PURE__ */ p("svg", { width: "40", height: "40", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
       /* @__PURE__ */ n(
@@ -4309,7 +4309,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${h}px,${g}px)`,
+            transform: `translate(${g}px,${C}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4321,7 +4321,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
         "g",
         {
           style: {
-            transform: `translate(${b}px,${g}px)`,
+            transform: `translate(${b}px,${C}px)`,
             transition: "transform 0.8s cubic-bezier(0.42, 0, 0.58, 1)",
             transformBox: "fill-box",
             transformOrigin: "0 0"
@@ -4343,7 +4343,7 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
           opacity: "1"
         }
       ) }),
-      /* @__PURE__ */ p("g", { stroke: "#ffffff", "stroke-width": "2", "stroke-linecap": "round", style: {
+      /* @__PURE__ */ p("g", { stroke: d, "stroke-width": "2", "stroke-linecap": "round", style: {
         opacity: t ? 1 : 0,
         // visible si open = true, invisible si open = false
         transition: "opacity 0.8s cubic-bezier(0.42, 0, 0.58, 1)"
@@ -4357,25 +4357,29 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
       {
         className: Q.menu,
         style: { backgroundColor: d, color: s },
-        children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((C, v) => /* @__PURE__ */ n("li", { className: Q.item, children: C.url ? /* @__PURE__ */ n(
-          ft,
-          {
-            to: C.url,
-            className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
-            onClick: a,
-            style: { color: s },
-            children: C.name
-          }
-        ) : /* @__PURE__ */ n(
-          "button",
-          {
-            className: Q.button,
-            onClick: () => {
-              C.onclick && C.onclick(), a();
-            },
-            children: C.name
-          }
-        ) }, v)) })
+        children: /* @__PURE__ */ n("ul", { className: Q.list, children: i.map((h, v) => /* @__PURE__ */ p("li", { className: Q.item, children: [
+          h.url && /* @__PURE__ */ n(
+            ft,
+            {
+              to: h.url,
+              className: ({ isActive: y }) => `${Q.link} ${y ? Q.active : ""}`,
+              onClick: a,
+              style: { color: s },
+              children: h.name
+            }
+          ),
+          h.onclick && /* @__PURE__ */ n(
+            "button",
+            {
+              className: Q.button,
+              onClick: () => {
+                h.onclick && h.onclick(), a();
+              },
+              children: h.name
+            }
+          ),
+          h.component && h.component
+        ] }, v)) })
       }
     )
   ] });
@@ -4383,9 +4387,10 @@ const z1 = "_container_gnwec_2", H1 = "_burger_gnwec_6", K1 = "_menu_gnwec_41",
 qt.propTypes = {
   options: e.arrayOf(
     e.shape({
-      name: e.string.isRequired,
+      name: e.string,
       url: e.string,
-      onclick: e.func
+      onclick: e.func,
+      component: e.any
     })
   ).isRequired,
   backgroundColor: e.string,