@tmf_ciclica/ciclicastorybook 1.1.185 → 1.1.187

package/dist/index.es.js

@@ -12,13 +12,13 @@ import { useSelector as qt } from "react-redux";
 import Rt, { Source as Et, Layer as Pt, NavigationControl as jt, Popup as zt } from "react-map-gl/mapbox";
 import De from "maplibre-gl";
 import { Protocol as Zt } from "pmtiles";
-import Ht, { Source as Kt, Layer as Ut, NavigationControl as Gt, Popup as Wt } from "react-map-gl/maplibre";
+import Ht, { Source as Kt, Layer as Ut, NavigationControl as Wt, Popup as Gt } from "react-map-gl/maplibre";
 import { createSlice as Yt } from "@reduxjs/toolkit";
 import Qt from "@mui/material/Slider";
 import { createTheme as Xt, Box as Jt } from "@mui/material";
 import { ThemeProvider as e2 } from "@emotion/react";
 import { NavLink as t2 } from "react-router-dom";
-const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateContainer_mcunf_23", o2 = "_ambitName_mcunf_39", r2 = "_ambitDate_mcunf_53", a2 = "_buttonsContainer_mcunf_67", l2 = "_ambitListContainer_mcunf_76", c2 = "_newAmbitButtonContainer_mcunf_80", W = {
+const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateContainer_mcunf_23", o2 = "_ambitName_mcunf_39", r2 = "_ambitDate_mcunf_53", a2 = "_buttonsContainer_mcunf_67", l2 = "_ambitListContainer_mcunf_76", c2 = "_newAmbitButtonContainer_mcunf_80", G = {
   ambitSelector: n2,
   header: i2,
   nameDateContainer: s2,
@@ -40,8 +40,8 @@ const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateCon
   onClickFilters: o,
   onClickAmbit: t,
   isActive: r,
-  activeColor: a,
-  fontColor: l,
+  activeColor: l,
+  fontColor: a,
   moreInfo: c
 }) => {
   const { name: u, created_at: m, id: h, isBeingProcessed: f } = n;
@@ -49,7 +49,7 @@ const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateCon
     "div",
     {
       className: he.ambitItem,
-      style: { borderBottom: `1px solid ${l}` },
+      style: { borderBottom: `1px solid ${a}` },
       children: [
         /* @__PURE__ */ p("div", { className: he.ambitNameDate, onClick: () => t(h), children: [
           /* @__PURE__ */ p("div", { className: he.ambitName, children: [
@@ -60,7 +60,7 @@ const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateCon
                 src: r ? y2 : _2
               }
             ),
-            /* @__PURE__ */ i("span", { style: { color: r ? a : l }, children: u })
+            /* @__PURE__ */ i("span", { style: { color: r ? l : a }, children: u })
           ] }),
           /* @__PURE__ */ i("div", { className: he.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
         ] }),
@@ -101,8 +101,8 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   borderColor: o = "#605B56",
   backgroundColor: t = "#fff",
   type: r = "button",
-  containerStyles: a = {},
-  disabled: l = !1
+  containerStyles: l = {},
+  disabled: a = !1
 }) => /* @__PURE__ */ i(
   "button",
   {
@@ -111,11 +111,11 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
       color: s,
       border: `1.5px solid ${o}`,
       background: t,
-      ...a
+      ...l
     },
     onClick: d,
     type: r,
-    disabled: l,
+    disabled: a,
     children: n
   }
 ), x2 = ({
@@ -125,8 +125,8 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: o,
   nameLabel: t,
   dateLabel: r,
-  newAmbitLabel: a = "New field",
-  buttonContainerStyles: l = {},
+  newAmbitLabel: l = "New field",
+  buttonContainerStyles: a = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: m = (v) => console.log(`Copy ambit: ${v}`),
@@ -147,30 +147,30 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   return /* @__PURE__ */ p(
     "div",
     {
-      className: W.ambitSelector,
+      className: G.ambitSelector,
       style: { color: s, ...c },
       children: [
         /* @__PURE__ */ p(
           "div",
           {
-            className: W.header,
+            className: G.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ p("div", { className: W.nameDateContainer, children: [
-                /* @__PURE__ */ i("div", { className: W.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => C("name"), children: [
+              /* @__PURE__ */ p("div", { className: G.nameDateContainer, children: [
+                /* @__PURE__ */ i("div", { className: G.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => C("name"), children: [
                   /* @__PURE__ */ i("span", { children: v(t) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) }),
-                /* @__PURE__ */ i("div", { className: W.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => C("date"), children: [
+                /* @__PURE__ */ i("div", { className: G.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => C("date"), children: [
                   /* @__PURE__ */ i("span", { children: v(r) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) })
               ] }),
-              /* @__PURE__ */ i("div", { className: W.buttonsContainer })
+              /* @__PURE__ */ i("div", { className: G.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: W.ambitListContainer, children: _ && _.length > 0 && _.map((y) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: G.ambitListContainer, children: _ && _.length > 0 && _.map((y) => /* @__PURE__ */ i(
           ht,
           {
             isActive: d == y.id,
@@ -184,13 +184,13 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `ambitKey${y.id}`
         )) }),
-        /* @__PURE__ */ i("div", { className: W.newAmbitButtonContainer, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: G.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Me,
           {
-            style: { ...l },
+            style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: v(a)
+            children: v(l)
           }
         ) })
       ]
@@ -248,13 +248,13 @@ const A2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: a } = $();
+  const { t: l } = $();
   return /* @__PURE__ */ i(
     "div",
     {
       className: `${X.buttonsContainer} ${d === "vertical" && X.vertical}
           ${d === "horizontal" && X.horizontal}`,
-      children: n.map((l, c) => {
+      children: n.map((a, c) => {
         const {
           icon: u,
           activeIcon: m,
@@ -262,10 +262,10 @@ const A2 = ({
           name: f,
           onClick: b,
           disabled: v
-        } = l, _ = /* @__PURE__ */ p(qe, { children: [
-          s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(f) }),
-          /* @__PURE__ */ i("img", { src: h ? m : u, alt: a(f) }),
-          s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: a(f) })
+        } = a, _ = /* @__PURE__ */ p(qe, { children: [
+          s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: l(f) }),
+          /* @__PURE__ */ i("img", { src: h ? m : u, alt: l(f) }),
+          s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: l(f) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ i(
@@ -314,9 +314,9 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
   activeColor: t = "#F8A925",
   title: r = "Title",
   //Change the height only if the title is more than one line or you change title fontSize, otherwise should be 53px
-  height: a = 53,
+  height: l = 53,
   //Adjust height if you change fontSize
-  titleFontStyles: l,
+  titleFontStyles: a,
   showBottomBar: c = !0,
   titleMarginChildren: u = 15,
   mainTitle: m = !1
@@ -326,8 +326,8 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
     Ke.div,
     {
       className: ke.indicatorsCategory,
-      initial: { height: `${a}px` },
-      animate: { height: n ? "auto" : `${a}px` },
+      initial: { height: `${l}px` },
+      animate: { height: n ? "auto" : `${l}px` },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
@@ -339,7 +339,7 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
           "h2",
           {
             style: {
-              ...l
+              ...a
               //marginBottom: titleMarginChildren ? titleMarginChildren : "auto",
             },
             className: `${ke.title} ${m && ke.mainTitle}`,
@@ -378,8 +378,8 @@ const po = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), R2 = "data
   inputsColor: "#605B56",
   activeFiltersType: null,
   geoLayers: []
-})), gt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: a = "#605B56" }) => {
-  const { t: l } = $(), { tematicalFiltersSelected: c, activeFiltersType: u } = T((f) => f), m = (f) => {
+})), gt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
+  const { t: a } = $(), { tematicalFiltersSelected: c, activeFiltersType: u } = T((f) => f), m = (f) => {
     T.setState((b) => ({
       tematicalFiltersSelected: b.tematicalFiltersSelected.filter(
         (v) => v.code !== f
@@ -393,12 +393,12 @@ const po = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), R2 = "data
       onClick: () => {
         u == "applied" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "applied" }));
       },
-      title: n ? l(n) : "Applied Filters",
+      title: n ? a(n) : "Applied Filters",
       activeColor: r,
       mainTitle: !0,
-      color: a,
+      color: l,
       children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: c == null ? void 0 : c.map((f, b) => /* @__PURE__ */ p("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
-        l(f.name),
+        a(f.name),
         /* @__PURE__ */ i("img", { src: R2, alt: "CloseIcon", onClick: () => m(f.code), style: { cursor: "pointer" } })
       ] }, b)) })
     }
@@ -429,23 +429,24 @@ const j2 = "_layersList_cn837_25", z2 = "_layerName_cn837_34", Je = {
   activeColor: t,
   onGeoLayersChange: r
 }) => {
-  const { t: a } = $(), { activeFiltersType: l, geoLayers: c } = T((h) => h), u = () => {
-    l == "geographical" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "geographical" }));
+  const { t: l } = $(), { activeFiltersType: a, geoLayers: c } = T((h) => h), u = () => {
+    a == "geographical" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "geographical" }));
   }, m = (h) => {
     T.setState((f) => ({
       geoLayers: f.geoLayers.map((b) => ({
         ...b,
         active: b.name === h.name
       }))
-    })), r && r(c);
+    })), r(c);
   };
   return F(() => {
+    r && r(c);
   }, [c]), /* @__PURE__ */ i(
     re,
     {
-      isOpen: l == "geographical",
+      isOpen: a == "geographical",
       onClick: u,
-      title: n ? a(n) : "Geographical Filters",
+      title: n ? l(n) : "Geographical Filters",
       activeColor: t,
       color: s,
       mainTitle: !0,
@@ -456,7 +457,7 @@ const j2 = "_layersList_cn837_25", z2 = "_layerName_cn837_34", Je = {
           style: { color: h.active ? t : s, fontWeight: h.active ? "bold" : "normal" },
           onClick: () => m(h),
           children: [
-            a(h.name),
+            l(h.name),
             h.active
           ]
         }
@@ -481,7 +482,7 @@ const Z2 = "_checkboxContainer_1nxra_2", H2 = {
   indicator: o,
   value: t
 }) => {
-  const { t: r } = $(), { title: a } = o || {}, { fontColor: l, inputsColor: c } = T((u) => u);
+  const { t: r } = $(), { title: l } = o || {}, { fontColor: a, inputsColor: c } = T((u) => u);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -498,12 +499,12 @@ const Z2 = "_checkboxContainer_1nxra_2", H2 = {
             value: t,
             readOnly: !0,
             style: {
-              border: `1.5px solid ${t ? c : l}`,
+              border: `1.5px solid ${t ? c : a}`,
               backgroundColor: t ? c : "white"
             }
           }
         ),
-        /* @__PURE__ */ i("span", { className: "checkmark", children: r(a) })
+        /* @__PURE__ */ i("span", { className: "checkmark", children: r(l) })
       ]
     }
   );
@@ -559,18 +560,18 @@ let Pe = function(n) {
       t.onEnd();
     }, t.onMouseUp = () => {
       t.onEnd(t.getMouseEventMap());
-    }, t.onTouchEnd = (l) => {
-      l.preventDefault(), t.onEnd(t.getTouchEventMap());
+    }, t.onTouchEnd = (a) => {
+      a.preventDefault(), t.onEnd(t.getTouchEventMap());
     }, t.onBlur = () => {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
-    }, t.onMouseMove = (l) => {
+    }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(l), u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
       t.move(m);
-    }, t.onTouchMove = (l) => {
-      if (l.touches.length > 1) return;
+    }, t.onTouchMove = (a) => {
+      if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
-      const c = t.getTouchPosition(l);
+      const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
         const h = c[0] - t.startPosition[0], f = c[1] - t.startPosition[1];
         t.isScrolling = Math.abs(f) > Math.abs(h);
@@ -578,80 +579,80 @@ let Pe = function(n) {
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
       t.move(m);
-    }, t.onKeyDown = (l) => {
-      if (!(l.ctrlKey || l.shiftKey || l.altKey || l.metaKey)) switch (t.setState({ pending: !0 }), l.key) {
+    }, t.onKeyDown = (a) => {
+      if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
         case "ArrowDown":
         case "Left":
         case "Down":
-          l.preventDefault(), t.moveDownByStep();
+          a.preventDefault(), t.moveDownByStep();
           break;
         case "ArrowRight":
         case "ArrowUp":
         case "Right":
         case "Up":
-          l.preventDefault(), t.moveUpByStep();
+          a.preventDefault(), t.moveUpByStep();
           break;
         case "Home":
-          l.preventDefault(), t.move(t.props.min);
+          a.preventDefault(), t.move(t.props.min);
           break;
         case "End":
-          l.preventDefault(), t.move(t.props.max);
+          a.preventDefault(), t.move(t.props.max);
           break;
         case "PageDown":
-          l.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
+          a.preventDefault(), t.moveDownByStep(t.props.pageFn(t.props.step));
           break;
         case "PageUp":
-          l.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
+          a.preventDefault(), t.moveUpByStep(t.props.pageFn(t.props.step));
       }
-    }, t.onSliderMouseDown = (l) => {
-      if (!t.props.disabled && l.button !== 2) {
+    }, t.onSliderMouseDown = (a) => {
+      if (!t.props.disabled && a.button !== 2) {
         if (t.setState({ pending: !0 }), !t.props.snapDragDisabled) {
-          const c = t.getMousePosition(l);
+          const c = t.getMousePosition(a);
           t.forceValueFromPosition(c[0], (u) => {
             t.start(u, c[0]), Se(t.getMouseEventMap());
           });
         }
-        Fe(l);
+        Fe(a);
       }
-    }, t.onSliderClick = (l) => {
+    }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
-        const c = t.getMousePosition(l), u = J(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
+        const c = t.getMousePosition(a), u = J(t.calcValue(t.calcOffsetFromPosition(c[0])), t.props);
         t.props.onSliderClick(u);
       }
-    }, t.createOnKeyDown = (l) => (c) => {
-      t.props.disabled || (t.start(l), Se(t.getKeyDownEventMap()), Fe(c));
-    }, t.createOnMouseDown = (l) => (c) => {
+    }, t.createOnKeyDown = (a) => (c) => {
+      t.props.disabled || (t.start(a), Se(t.getKeyDownEventMap()), Fe(c));
+    }, t.createOnMouseDown = (a) => (c) => {
       if (t.props.disabled || c.button === 2) return;
       t.setState({ pending: !0 });
       const u = t.getMousePosition(c);
-      t.start(l, u[0]), Se(t.getMouseEventMap()), Fe(c);
-    }, t.createOnTouchStart = (l) => (c) => {
+      t.start(a, u[0]), Se(t.getMouseEventMap()), Fe(c);
+    }, t.createOnTouchStart = (a) => (c) => {
       if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
       const u = t.getTouchPosition(c);
-      t.startPosition = u, t.isScrolling = void 0, t.start(l, u[0]), Se(t.getTouchEventMap()), function(m) {
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), Se(t.getTouchEventMap()), function(m) {
         m.stopPropagation && m.stopPropagation();
       }(c);
     }, t.handleResize = () => {
-      const l = window.setTimeout(() => {
+      const a = window.setTimeout(() => {
         t.pendingResizeTimeouts.shift(), t.resize();
       }, 0);
-      t.pendingResizeTimeouts.push(l);
-    }, t.renderThumb = (l, c) => {
+      t.pendingResizeTimeouts.push(a);
+    }, t.renderThumb = (a, c) => {
       const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (f) => {
         t["thumb" + c] = f;
-      }, 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: Ne(t.state.value), valueNow: t.state.value[c] };
+      }, 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 }, h = { index: c, value: Ne(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) }, h = { index: l, value: Ne(t.state.value) };
+    }, t.renderTrack = (a, c, u) => {
+      const m = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, h = { index: a, value: Ne(t.state.value) };
       return t.props.renderTrack(m, h);
     };
     let r = Ve(o.value);
     r.length || (r = Ve(o.defaultValue)), t.pendingResizeTimeouts = [];
-    const a = [];
-    for (let l = 0; l < r.length; l += 1) r[l] = J(r[l], o), a.push(l);
-    return t.resizeObserver = null, t.resizeElementRef = D.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, t;
+    const l = [];
+    for (let a = 0; a < r.length; a += 1) r[a] = J(r[a], o), l.push(a);
+    return t.resizeObserver = null, t.resizeElementRef = D.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: l }, t;
   }
   K2(d, n);
   var s = d.prototype;
@@ -659,7 +660,7 @@ let Pe = function(n) {
     typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
   }, d.getDerivedStateFromProps = function(o, t) {
     const r = Ve(o.value);
-    return r.length ? t.pending ? null : { value: r.map((a) => J(a, o)) } : null;
+    return r.length ? t.pending ? null : { value: r.map((l) => J(l, o)) } : null;
   }, s.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
   }, s.componentWillUnmount = function() {
@@ -674,9 +675,9 @@ let Pe = function(n) {
     return Ne(this.state.value);
   }, s.getClosestIndex = function(o) {
     let t = Number.MAX_VALUE, r = -1;
-    const { value: a } = this.state, l = a.length;
-    for (let c = 0; c < l; c += 1) {
-      const u = this.calcOffset(a[c]), m = Math.abs(o - u);
+    const { value: l } = this.state, a = l.length;
+    for (let c = 0; c < a; c += 1) {
+      const u = this.calcOffset(l[c]), m = Math.abs(o - u);
       m < t && (t = m, r = c);
     }
     return r;
@@ -700,7 +701,7 @@ let Pe = function(n) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), a = o.getBoundingClientRect(), l = o[r], c = a[this.posMaxKey()], u = a[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = l - m, f = Math.abs(c - u);
+    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - m, f = Math.abs(c - u);
     this.state.upperBound === h && this.state.sliderLength === f && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: f, thumbSize: m });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
@@ -708,15 +709,15 @@ let Pe = function(n) {
   }, s.calcValue = function(o) {
     return o / this.state.upperBound * (this.props.max - this.props.min) + this.props.min;
   }, s.calcOffsetFromPosition = function(o) {
-    const { slider: t } = this, r = t.getBoundingClientRect(), a = r[this.posMaxKey()], l = r[this.posMinKey()];
-    let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? a : l));
+    const { slider: t } = this, r = t.getBoundingClientRect(), l = r[this.posMaxKey()], a = r[this.posMinKey()];
+    let c = o - (window["page" + this.axisKey() + "Offset"] + (this.props.invert ? l : a));
     return this.props.invert && (c = this.state.sliderLength - c), c -= this.state.thumbSize / 2, c;
   }, s.forceValueFromPosition = function(o, t) {
-    const r = this.calcOffsetFromPosition(o), a = this.getClosestIndex(r), l = J(this.calcValue(r), this.props), c = this.state.value.slice();
-    c[a] = l;
+    const r = this.calcOffsetFromPosition(o), l = this.getClosestIndex(r), a = J(this.calcValue(r), this.props), c = this.state.value.slice();
+    c[l] = a;
     for (let u = 0; u < c.length - 1; u += 1) if (c[u + 1] - c[u] < this.props.minDistance) return;
     this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0, this.setState({ value: c }, () => {
-      t(a), this.fireChangeEvent("onChange");
+      t(l), this.fireChangeEvent("onChange");
     });
   }, s.clearPendingResizeTimeouts = function() {
     do {
@@ -726,8 +727,8 @@ let Pe = function(n) {
   }, s.start = function(o, t) {
     const r = this["thumb" + o];
     r && r.focus();
-    const { zIndices: a } = this.state;
-    a.splice(a.indexOf(o), 1), a.push(o), this.setState((l) => ({ startValue: l.value[o], startPosition: t !== void 0 ? t : l.startPosition, index: o, zIndices: a }));
+    const { zIndices: l } = this.state;
+    l.splice(l.indexOf(o), 1), l.push(o), this.setState((a) => ({ startValue: a.value[o], startPosition: t !== void 0 ? t : a.startPosition, index: o, zIndices: l }));
   }, s.moveUpByStep = function(o) {
     o === void 0 && (o = this.props.step);
     const t = this.state.value[this.state.index], r = J(this.props.invert && this.props.orientation === "horizontal" ? t - o : t + o, this.props);
@@ -737,8 +738,8 @@ let Pe = function(n) {
     const t = this.state.value[this.state.index], r = J(this.props.invert && this.props.orientation === "horizontal" ? t + o : t - o, this.props);
     this.move(Math.max(r, this.props.min));
   }, s.move = function(o) {
-    const t = this.state.value.slice(), { index: r } = this.state, { length: a } = t, l = t[r];
-    if (o === l) return;
+    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: m, minDistance: h } = this.props;
     if (!c) {
@@ -746,27 +747,27 @@ let Pe = function(n) {
         const f = t[r - 1];
         o < f + h && (o = f + h);
       }
-      if (r < a - 1) {
+      if (r < l - 1) {
         const f = t[r + 1];
         o > f - h && (o = f - h);
       }
     }
-    t[r] = o, c && a > 1 && (o > l ? (this.pushSucceeding(t, h, r), function(f, b, v, _) {
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, h, r), function(f, b, v, _) {
       for (let g = 0; g < f; g += 1) {
         const C = _ - g * v;
         b[f - 1 - g] > C && (b[f - 1 - g] = C);
       }
-    }(a, t, h, u)) : o < l && (this.pushPreceding(t, h, r), function(f, b, v, _) {
+    }(l, t, h, u)) : o < a && (this.pushPreceding(t, h, r), function(f, b, v, _) {
       for (let g = 0; g < f; g += 1) {
         const C = _ + g * v;
         b[g] < C && (b[g] = C);
       }
-    }(a, t, h, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, h, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
-    let a, l;
-    for (a = r, l = o[a] + t; o[a + 1] !== null && l > o[a + 1]; a += 1, l = o[a] + t) o[a + 1] = Ee(l, this.props);
+    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] = Ee(a, this.props);
   }, s.pushPreceding = function(o, t, r) {
-    for (let a = r, l = o[a] - t; o[a - 1] !== null && l < o[a - 1]; a -= 1, l = o[a] - t) o[a - 1] = Ee(l, this.props);
+    for (let l = r, a = o[l] - t; o[l - 1] !== null && a < o[l - 1]; l -= 1, a = o[l] - t) o[l - 1] = Ee(a, this.props);
   }, s.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, s.orthogonalAxisKey = function() {
@@ -790,37 +791,37 @@ let Pe = function(n) {
     return (t = { position: "absolute" })[this.posMinKey()] = o, t;
   }, s.renderThumbs = function(o) {
     const { length: t } = o, r = [];
-    for (let l = 0; l < t; l += 1) r[l] = this.buildThumbStyle(o[l], l);
-    const a = [];
-    for (let l = 0; l < t; l += 1) a[l] = this.renderThumb(r[l], l);
-    return a;
+    for (let a = 0; a < t; a += 1) r[a] = this.buildThumbStyle(o[a], a);
+    const l = [];
+    for (let a = 0; a < t; a += 1) l[a] = this.renderThumb(r[a], a);
+    return l;
   }, s.renderTracks = function(o) {
     const t = [], r = o.length - 1;
     t.push(this.renderTrack(0, 0, o[0]));
-    for (let a = 0; a < r; a += 1) t.push(this.renderTrack(a + 1, o[a], o[a + 1]));
+    for (let l = 0; l < r; l += 1) t.push(this.renderTrack(l + 1, o[l], o[l + 1]));
     return t.push(this.renderTrack(r + 1, o[r], this.state.upperBound)), t;
   }, s.renderMarks = function() {
     let { marks: o } = this.props;
     const t = this.props.max - this.props.min + 1;
-    return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, a) => a) : typeof o == "number" && (o = Array.from({ length: t }).map((r, a) => a).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, a) => r - a).map((r) => {
-      const a = this.calcOffset(r), l = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(a) };
-      return this.props.renderMark(l);
+    return typeof o == "boolean" ? o = Array.from({ length: t }).map((r, l) => l) : typeof o == "number" && (o = Array.from({ length: t }).map((r, l) => l).filter((r) => r % o == 0)), o.map(parseFloat).sort((r, l) => r - l).map((r) => {
+      const l = this.calcOffset(r), a = { key: r, className: this.props.markClassName, style: this.buildMarkStyle(l) };
+      return this.props.renderMark(a);
     });
   }, s.render = function() {
     const o = [], { value: t } = this.state, r = t.length;
     for (let u = 0; u < r; u += 1) o[u] = this.calcOffset(t[u], u);
-    const a = this.props.withTracks ? this.renderTracks(o) : null, l = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
+    const l = this.props.withTracks ? this.renderTracks(o) : null, a = this.renderThumbs(o), c = this.props.marks ? this.renderMarks() : null;
     return D.createElement("div", { ref: (u) => {
       this.slider = u, this.resizeElementRef.current = u;
-    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, l, c);
+    }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
   }, d;
 }(D.Component);
 Pe.displayName = "ReactSlider", Pe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) => D.createElement("div", n), renderTrack: (n) => D.createElement("div", n), renderMark: (n) => D.createElement("span", n) };
 var je = Pe;
-const U2 = "_container_4u41i_2", G2 = "_unitLabel_4u41i_8", W2 = "_slider_4u41i_11", Y2 = "_thumb_4u41i_17", Q2 = "_track_4u41i_26", X2 = "_labels_4u41i_32", ae = {
+const U2 = "_container_4u41i_2", W2 = "_unitLabel_4u41i_8", G2 = "_slider_4u41i_11", Y2 = "_thumb_4u41i_17", Q2 = "_track_4u41i_26", X2 = "_labels_4u41i_32", ae = {
   container: U2,
-  unitLabel: G2,
-  slider: W2,
+  unitLabel: W2,
+  slider: G2,
   thumb: Y2,
   track: Q2,
   labels: X2
@@ -831,20 +832,20 @@ const U2 = "_container_4u41i_2", G2 = "_unitLabel_4u41i_8", W2 = "_slider_4u41i_
   onChange: o,
   width: t = 300,
   unit: r,
-  fontColor: a = "#605B56",
-  defaultValue: l,
+  fontColor: l = "#605B56",
+  defaultValue: a,
   isDate: c
 }) => {
   const { t: u } = $(), m = c ? new Date(n).getTime() : null, h = c ? new Date(d).getTime() : null, [f, b] = V(c ? [m, h] : [n, d]), v = (_) => {
     b(_), o == null || o({ min: _[0], max: _[1] });
   };
   return F(() => {
-    l || b(c ? [m, h] : [n, d]);
-  }, [l, c]), /* @__PURE__ */ p(
+    a || b(c ? [m, h] : [n, d]);
+  }, [a, c]), /* @__PURE__ */ p(
     "div",
     {
       className: ae.container,
-      style: { width: `${t}px`, color: `${a}` },
+      style: { width: `${t}px`, color: `${l}` },
       children: [
         /* @__PURE__ */ i("div", { className: ae.unitLabel, children: /* @__PURE__ */ i("span", { children: u(r) }) }),
         /* @__PURE__ */ i(
@@ -904,8 +905,8 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
   const [s, o] = V(), {
     type: t,
     name: r,
-    values: a,
-    minValue: l,
+    values: l,
+    minValue: a,
     maxValue: c,
     unit: u,
     step: m,
@@ -927,14 +928,14 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
       const { min: S, max: L, valueClicked: N, allValues: B } = k || {}, { code: O, type: q, source: M } = n || {}, H = v ? "abs" : b ? "cat" : "both";
       let z = O[0];
       q == "both" && (z = H == "cat" ? O[1] : O[0]), H == "cat" ? T.setState((Q) => {
-        let G = Q.tematicalFiltersSelected.find(
+        let W = Q.tematicalFiltersSelected.find(
           (E) => E.code === z
         );
-        if (G) {
-          let E = [G.values];
-          return G.values.includes(N) ? E = G.values.filter(
+        if (W) {
+          let E = [W.values];
+          return W.values.includes(N) ? E = W.values.filter(
             (j) => j !== N
-          ) : E = [...G.values, N], E.length == B.length ? {
+          ) : E = [...W.values, N], E.length == B.length ? {
             tematicalFiltersSelected: Q.tematicalFiltersSelected.filter(
               (j) => j.code !== z
             )
@@ -960,7 +961,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
           };
         }
       }) : H == "abs" && T.setState((Q) => {
-        let G = Q.tematicalFiltersSelected.find(
+        let W = Q.tematicalFiltersSelected.find(
           (E) => E.code === z
         );
         if (S == n.minValue && L == n.maxValue)
@@ -969,8 +970,8 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
               (E) => E.code !== z
             )
           };
-        if (G) {
-          let E = { ...G, min: S, max: L, type: H, isDate: f };
+        if (W) {
+          let E = { ...W, min: S, max: L, type: H, isDate: f };
           return {
             tematicalFiltersSelected: Q.tematicalFiltersSelected.map(
               (j) => j.code === z ? E : j
@@ -1068,12 +1069,12 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
             ]
           }
         ),
-        b && /* @__PURE__ */ i("div", { className: $e.checkboxContainer, children: a.map((k, S) => {
+        b && /* @__PURE__ */ i("div", { className: $e.checkboxContainer, children: l.map((k, S) => {
           var L;
           return /* @__PURE__ */ i(
             ft,
             {
-              onClick: () => x({ valueClicked: S, allValues: a }),
+              onClick: () => x({ valueClicked: S, allValues: l }),
               indicator: k,
               value: ((L = w[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : L.has(S)) || !w[n.code[t == "both" ? 1 : 0]]
             },
@@ -1084,7 +1085,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
           bt,
           {
             onChange: x,
-            min: l,
+            min: a,
             max: c,
             unit: u,
             defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
@@ -1117,15 +1118,15 @@ const yt = ({
   activeColor: s
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: o } = T((a) => a), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: o } = T((l) => l), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ i(
     re,
     {
       title: t,
       isOpen: o == `id${t}`,
       onClick: () => {
-        T.setState((a) => ({
-          activeSubcategory: a.activeSubcategory === `id${t}` ? "" : `id${t}`
+        T.setState((l) => ({
+          activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
       titleFontStyles: { fontSize: 16, fontWeight: 400 },
@@ -1134,14 +1135,14 @@ const yt = ({
       height: 48,
       color: d,
       activeColor: s,
-      children: r == null ? void 0 : r.map((a, l) => /* @__PURE__ */ i(
+      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ i(
         Ue,
         {
-          indicator: a,
+          indicator: l,
           fontColor: d,
           activeColor: s
         },
-        `indicatorSub-${l}`
+        `indicatorSub-${a}`
       ))
     }
   );
@@ -1164,12 +1165,12 @@ const _t = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: a } = T((l) => l);
+  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = T((a) => a);
   return n && /* @__PURE__ */ i(
     re,
     {
       onClick: () => {
-        T.setState((l) => ({
+        T.setState((a) => ({
           activeCategory: r === `id${s}` ? "" : `id${s}`
         }));
       },
@@ -1177,21 +1178,21 @@ const _t = ({
       isOpen: r === `id${s}`,
       titleFontStyles: { fontSize: 18, fontWeight: "bold" },
       showBottomBar: !1,
-      color: a,
+      color: l,
       activeColor: d,
-      children: o ? o.map((l, c) => /* @__PURE__ */ i(
+      children: o ? o.map((a, c) => /* @__PURE__ */ i(
         yt,
         {
-          subcategory: l,
-          fontColor: a,
+          subcategory: a,
+          fontColor: l,
           activeColor: d
         },
         `subcategory-${c}`
-      )) : t && t.map((l, c) => /* @__PURE__ */ i(
+      )) : t && t.map((a, c) => /* @__PURE__ */ i(
         Ue,
         {
-          indicator: l,
-          fontColor: a,
+          indicator: a,
+          fontColor: l,
           activeColor: d
         },
         `indicator-${c}`
@@ -1217,20 +1218,20 @@ const vt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: a, activeFiltersType: l } = T((m) => m), { t: c } = $();
+  const { tematicalFiltersSelected: l, activeFiltersType: a } = T((m) => m), { t: c } = $();
   F(() => {
-  }, [a]), F(() => {
+  }, [l]), F(() => {
     o && T.setState(() => ({ fontColor: o }));
   }, [o]), F(() => {
     t && T.setState(() => ({ inputsColor: t }));
   }, [t]);
   const u = () => {
-    l == "tematical" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "tematical" }));
+    a == "tematical" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "tematical" }));
   };
   return /* @__PURE__ */ i(
     re,
     {
-      isOpen: l == "tematical",
+      isOpen: a == "tematical",
       title: s ? c(s) : "Tematical filters",
       color: o,
       activeColor: r,
@@ -1272,8 +1273,8 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
   indicators: o,
   activeColor: t,
   textColor: r,
-  backgroundColor: a,
-  onChangeAppliedFilters: l,
+  backgroundColor: l,
+  onChangeAppliedFilters: a,
   saveAmbit: c,
   namePlaceholder: u,
   descPlaceholder: m,
@@ -1292,7 +1293,7 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
   }, [s]), F(() => {
     h.includes("geographical") && x != b && T.setState({ geoLayers: b });
   }, [b]), F(() => {
-    l(C);
+    a(C);
   }, [C]);
   const O = () => {
     w ? c({ name: w, description: S }) : B(!0);
@@ -1333,7 +1334,7 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
           title: g("applied_filters"),
           isOpen: y == "applied",
           textColor: r || "#fff",
-          backgroundColor: a || "#605B5680",
+          backgroundColor: l || "#605B5680",
           activeColor: t
         }
       ),
@@ -1384,21 +1385,21 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
   gap: o = 23,
   fontColor: t = "#605B56",
   verticalPaddign: r = 10,
-  horizontalPaddign: a = 20,
-  leftPadding: l = 200,
+  horizontalPaddign: l = 20,
+  leftPadding: a = 200,
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
   const { t: m } = $(), { xScale: h, ticks: f, height: b } = me(() => {
     if (n && n.length > 0) {
-      const v = (n == null ? void 0 : n.length) * (s + o) + r * 2, _ = Ye.max(n, (y) => y.value) || 1, g = Ye.scaleLinear().domain([0, u || _]).range([0, d - l]), C = Array.from({ length: c + 1 }, (y, x) => u ? u / c * x : _ / c * x);
+      const v = (n == null ? void 0 : n.length) * (s + o) + r * 2, _ = Ye.max(n, (y) => y.value) || 1, g = Ye.scaleLinear().domain([0, u || _]).range([0, d - a]), C = Array.from({ length: c + 1 }, (y, x) => u ? u / c * x : _ / c * x);
       return {
         xScale: g,
         ticks: C,
         height: v,
         width: d,
         verticalPaddign: r,
-        horizontalPaddign: a
+        horizontalPaddign: l
       };
     } else
       return { xScale: null, ticks: [], height: 0 };
@@ -1408,12 +1409,12 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
     c,
     s,
     o,
-    a,
+    l,
     r,
     u
   ]);
-  return /* @__PURE__ */ i("div", { className: mn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + a * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ i("g", { transform: `translate(${l + a}, 0)`, children: f.map((v, _) => {
+  return /* @__PURE__ */ i("div", { className: mn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + l * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ i("g", { transform: `translate(${a + l}, 0)`, children: f.map((v, _) => {
       const g = h(v);
       return /* @__PURE__ */ p("g", { transform: `translate(${g}, 0)`, children: [
         /* @__PURE__ */ i(
@@ -1441,7 +1442,7 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${l + a}, ${C})`,
+          transform: `translate(${a + l}, ${C})`,
           children: [
             /* @__PURE__ */ i(
               "text",
@@ -1495,8 +1496,8 @@ const hn = "_graphicContainer_c9zrg_2", gn = "_titleContainer_c9zrg_14", et = {
   borderColor: o = "#605B56",
   title: t = "Graphic Title",
   fontColor: r = "#605B56",
-  maxValue: a = null,
-  numberOfDivisions: l = 7,
+  maxValue: l = null,
+  numberOfDivisions: a = 7,
   leftPadding: c = 200
 }) => {
   const { t: u } = $();
@@ -1516,8 +1517,8 @@ const hn = "_graphicContainer_c9zrg_2", gn = "_titleContainer_c9zrg_14", et = {
             data: n,
             width: d,
             fontColor: r,
-            maxValue: a,
-            numberOfDivisions: l,
+            maxValue: l,
+            numberOfDivisions: a,
             leftPadding: c
           }
         )
@@ -1557,15 +1558,15 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
   optionContainer: Bn,
   customRadious: Tn,
   optionText: Ln
-}, Ge = ({
+}, We = ({
   indicator: n,
   values: d = [],
   activeColor: s,
   defaultColor: o = "#92898A",
   activeIndicator: t,
   activeIndicatorType: r,
-  onClickIndicator: a,
-  multiple: l = !1,
+  onClickIndicator: l,
+  multiple: a = !1,
   onChangeType: c
 }) => {
   const { t: u } = $(), { name: m, type: h, disabled: f } = n;
@@ -1573,7 +1574,7 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
   const [b, v] = V(!1);
   F(() => {
     t && v(
-      l ? t.some(
+      a ? t.some(
         (C) => C.name == String(m)
       ) : t.name == m
     );
@@ -1658,7 +1659,7 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
       "div",
       {
         className: R.indicatorNameContainer,
-        onClick: () => !f && a({ indicator: n }),
+        onClick: () => !f && l({ indicator: n }),
         children: [
           /* @__PURE__ */ i(
             "div",
@@ -1669,7 +1670,7 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
                 backgroundColor: b ? s : "transparent"
               },
               className: R.dot,
-              children: l && /* @__PURE__ */ i("img", { src: b ? _n : tt, alt: "" })
+              children: a && /* @__PURE__ */ i("img", { src: b ? _n : tt, alt: "" })
             }
           ),
           /* @__PURE__ */ i(
@@ -1697,7 +1698,7 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
     (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ i("div", { children: g() })
   ] });
 };
-Ge.propTypes = {
+We.propTypes = {
   indicator: e.shape({
     name: e.string,
     type: e.string
@@ -1719,8 +1720,8 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Dn = "_list_1dzsi_8", nt = {
   activeColor: o,
   activeSubCategory: t,
   onClickSubCategory: r,
-  id: a,
-  activeIndicator: l,
+  id: l,
+  activeIndicator: a,
   onClickIndicator: c,
   multiple: u,
   activeIndicatorType: m,
@@ -1728,8 +1729,8 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Dn = "_list_1dzsi_8", nt = {
 }) => {
   const { t: f } = $(), [b, v] = V(!1);
   return F(() => {
-    v(t == a);
-  }, [t, a]), /* @__PURE__ */ p(
+    v(t == l);
+  }, [t, l]), /* @__PURE__ */ p(
     Ke.div,
     {
       className: nt.indicatorsSubCategory,
@@ -1737,7 +1738,7 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Dn = "_list_1dzsi_8", nt = {
       animate: { height: b ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ i("button", { onClick: () => r(a), children: /* @__PURE__ */ p("h3", { style: { color: b ? o : s }, children: [
+        /* @__PURE__ */ i("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: b ? o : s }, children: [
           /* @__PURE__ */ i("span", { style: { color: b ? o : s }, children: b ? "-" : "+" }),
           /* @__PURE__ */ i(
             "span",
@@ -1748,12 +1749,12 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Dn = "_list_1dzsi_8", nt = {
           )
         ] }) }),
         d && /* @__PURE__ */ i("div", { className: nt.list, children: d == null ? void 0 : d.map((_, g) => /* @__PURE__ */ i(
-          Ge,
+          We,
           {
             indicator: _,
             defaultColor: s,
             activeColor: o,
-            activeIndicator: l,
+            activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
             activeIndicatorType: m,
@@ -1784,8 +1785,8 @@ const kt = ({
   defaultColor: o,
   onClickCategory: t,
   activeCategory: r,
-  activeSubCategory: a,
-  onClickSubCategory: l,
+  activeSubCategory: l,
+  onClickSubCategory: a,
   activeIndicator: c,
   onClickIndicator: u,
   multiple: m,
@@ -1824,9 +1825,9 @@ const kt = ({
             xt,
             {
               id: y,
-              activeSubCategory: a,
+              activeSubCategory: l,
               subcName: C,
-              onClickSubCategory: l,
+              onClickSubCategory: a,
               activeIndicator: c,
               onClickIndicator: u,
               multiple: m,
@@ -1839,7 +1840,7 @@ const kt = ({
             `subcKey ${w}`
           )
         ) : /* @__PURE__ */ i("div", { className: Ae.list, children: (g = n.indicators) == null ? void 0 : g.map((C, y) => /* @__PURE__ */ i(
-          Ge,
+          We,
           {
             indicator: C,
             values: C.type == "twoUnits" && C.values,
@@ -1885,8 +1886,8 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
   // Si multiple es true, debe ser un array de strings, sino un string
   defaultValue: r = null,
   //si el indicador es tipo "both" cuando se cambia el tipo
-  changeIndType: a,
-  activeIndicatorType: l
+  changeIndType: l,
+  activeIndicatorType: a
 }) => {
   const { t: c } = $(), [u, m] = V(), [h, f] = V(), [b, v] = V(), _ = (w) => {
     m(u == w ? null : w);
@@ -1907,7 +1908,7 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
         ) ? k.filter(
           (S) => S.name != String(w.name)
         ) : [...k, w]
-      ), w.type == "both" && a("cat");
+      ), w.type == "both" && l("cat");
     }
   };
   F(() => {
@@ -1950,8 +1951,8 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
         defaultColor: s,
         multiple: t,
         onChange: o,
-        onChangeType: a,
-        activeIndicatorType: l
+        onChangeType: l,
+        activeIndicatorType: a
       },
       `categoryKey${k}`
     ))
@@ -1975,7 +1976,7 @@ const In = "_langSelector_o9enq_2", On = "_currentLang_o9enq_14", qn = "_arrow_o
   prevImg: Rn,
   langMenu: En
 }, Pn = ({ langs: n, arrow: d, imgPrev: s }) => {
-  const [o, t] = V(!1), { i18n: r } = $(), a = n.find((c) => c.code == r.language), l = (c) => {
+  const [o, t] = V(!1), { i18n: r } = $(), l = n.find((c) => c.code == r.language), a = (c) => {
     r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ p("div", { className: le.langSelector, children: [
@@ -1988,7 +1989,7 @@ const In = "_langSelector_o9enq_2", On = "_currentLang_o9enq_14", qn = "_arrow_o
         },
         children: [
           s && /* @__PURE__ */ i("img", { className: le.prevImg, src: s }),
-          (a == null ? void 0 : a.titleSelected) || (a == null ? void 0 : a.title),
+          (l == null ? void 0 : l.titleSelected) || (l == null ? void 0 : l.title),
           /* @__PURE__ */ i("img", { src: d, className: le.arrow })
         ]
       }
@@ -1996,8 +1997,8 @@ const In = "_langSelector_o9enq_2", On = "_currentLang_o9enq_14", qn = "_arrow_o
     o && /* @__PURE__ */ i("div", { className: le.langMenu, children: n.map((c) => /* @__PURE__ */ i(
       "button",
       {
-        className: (a == null ? void 0 : a.code) == c.code ? le.active : "",
-        onClick: () => l(c.code),
+        className: (l == null ? void 0 : l.code) == c.code ? le.active : "",
+        onClick: () => a(c.code),
         children: c.title
       },
       c.code
@@ -2018,15 +2019,15 @@ Pn.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titleContainer_qs4x9_59", Hn = "_infoContainer_qs4x9_65", Kn = "_titleLegendList_qs4x9_76", Un = "_legendListContainer_qs4x9_82", Gn = "_gridContainer_qs4x9_82", Wn = "_elementLegendContainer_qs4x9_88", Yn = "_colorDot_qs4x9_94", Qn = "_absoluteValueContainer_qs4x9_100", Xn = "_absoluteValueColor_qs4x9_103", Jn = "_absoluteValueText_qs4x9_108", e0 = "_noDataContainer_qs4x9_120", t0 = "_noData_qs4x9_120", n0 = "_moreInfoContainer_qs4x9_141", I = {
+const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titleContainer_qs4x9_59", Hn = "_infoContainer_qs4x9_65", Kn = "_titleLegendList_qs4x9_76", Un = "_legendListContainer_qs4x9_82", Wn = "_gridContainer_qs4x9_82", Gn = "_elementLegendContainer_qs4x9_88", Yn = "_colorDot_qs4x9_94", Qn = "_absoluteValueContainer_qs4x9_100", Xn = "_absoluteValueColor_qs4x9_103", Jn = "_absoluteValueText_qs4x9_108", e0 = "_noDataContainer_qs4x9_120", t0 = "_noData_qs4x9_120", n0 = "_moreInfoContainer_qs4x9_141", I = {
   legendContainer: jn,
   closeButton: zn,
   titleContainer: Zn,
   infoContainer: Hn,
   titleLegendList: Kn,
   legendListContainer: Un,
-  gridContainer: Gn,
-  elementLegendContainer: Wn,
+  gridContainer: Wn,
+  elementLegendContainer: Gn,
   colorDot: Yn,
   absoluteValueContainer: Qn,
   absoluteValueColor: Xn,
@@ -2052,9 +2053,9 @@ const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titl
   absoluteValue: r,
   //Function to be called when the button is clicked (optional).
   //If this is null or undefined the button wont be displayed.
-  onClickMoreInfo: a,
+  onClickMoreInfo: l,
   //If not passed it will read t("moreInformation")
-  buttonTitle: l,
+  buttonTitle: a,
   onClickClose: c
 }) => {
   const { t: u } = $();
@@ -2130,7 +2131,7 @@ const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titl
             /* @__PURE__ */ i("div", { className: I.absoluteValueText, children: /* @__PURE__ */ i("span", { children: u(r.noDataText) }) })
           ] })
         ] }),
-        a && /* @__PURE__ */ i("button", { className: I.moreInfoContainer, onClick: a, children: l || u("moreInformation") })
+        l && /* @__PURE__ */ i("button", { className: I.moreInfoContainer, onClick: l, children: a || u("moreInformation") })
       ]
     }
   );
@@ -2185,8 +2186,8 @@ const l0 = ({
   mapStyle: o,
   firstSymbolLayer: t,
   cssProps: r = "",
-  onClick: a = "",
-  interactiveLayers: l = [],
+  onClick: l = "",
+  interactiveLayers: a = [],
   popUp: c = !1,
   sources: u = [],
   layers: m = []
@@ -2208,8 +2209,8 @@ const l0 = ({
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
-      onClick: a,
-      interactiveLayerIds: l,
+      onClick: l,
+      interactiveLayerIds: a,
       children: [
         u.length && u.map((_, g) => /* @__PURE__ */ i(
           Et,
@@ -2313,8 +2314,8 @@ const c0 = "_mapContainer_b0pyr_3", d0 = {
   mapStyle: o,
   firstSymbolLayer: t,
   cssProps: r = {},
-  onClick: a = "",
-  interactiveLayers: l = [],
+  onClick: l = "",
+  interactiveLayers: a = [],
   sources: c = [],
   layers: u = [],
   popUpParams: m,
@@ -2345,8 +2346,8 @@ const c0 = "_mapContainer_b0pyr_3", d0 = {
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
-      onClick: a,
-      interactiveLayerIds: l,
+      onClick: l,
+      interactiveLayerIds: a,
       children: [
         c.length && c.map((_, g) => /* @__PURE__ */ i(
           Kt,
@@ -2369,9 +2370,9 @@ const c0 = "_mapContainer_b0pyr_3", d0 = {
           },
           g
         )),
-        /* @__PURE__ */ i(Gt, { position: "bottom-right", visualizePitch: !0 }),
+        /* @__PURE__ */ i(Wt, { position: "bottom-right", visualizePitch: !0 }),
         m && /* @__PURE__ */ i(
-          Wt,
+          Gt,
           {
             longitude: m.lng,
             latitude: m.lat,
@@ -2440,10 +2441,11 @@ const g0 = "_sectionBar_1egwc_2", C0 = "_leftContent_1egwc_14", f0 = "_textConta
   subtitle: s,
   rightContent: o,
   mainColor: t,
-  width: r
+  width: r,
+  borderTop: l = !1
 }) => {
   const { t: a } = $();
-  return /* @__PURE__ */ p("div", { className: te.sectionBar, style: { width: r && r }, children: [
+  return /* @__PURE__ */ p("div", { className: te.sectionBar, style: { width: r && r, borderTop: l ? "1px solid #000" : "0px" }, children: [
     /* @__PURE__ */ p("div", { className: te.leftContent, children: [
       n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: te.icon }),
       /* @__PURE__ */ p("div", { className: te.textContainer, children: [
@@ -2465,8 +2467,9 @@ v0.propTypes = {
   // elementos React que se renderizan en la derecha
   mainColor: e.string,
   // color del título (hex, rgb, etc.)
-  width: e.oneOfType([e.string, e.number])
+  width: e.oneOfType([e.string, e.number]),
   // ancho de la barra
+  borderTop: e.bool
 };
 const w0 = Yt({
   name: "mapSlice",
@@ -2506,12 +2509,12 @@ const w0 = Yt({
   lastYear: o = 2050,
   zIndex: t = 10,
   rightBarOpen: r = !1,
-  onChange: a = (l) => {
-    console.log("year changed to ", l);
+  onChange: l = (a) => {
+    console.log("year changed to ", a);
   }
 }) => {
-  const [l, c] = V(d), u = (C, y) => {
-    c(y), a(y);
+  const [a, c] = V(d), u = (C, y) => {
+    c(y), l(y);
   }, [m, h] = V(!1), f = () => {
     h(!0);
   }, b = () => {
@@ -2531,7 +2534,7 @@ const w0 = Yt({
       }
     }, [y]);
   })(() => {
-    m && (l != 2050 ? (c(l + 1), a(l + 1)) : (c(2025), a(2025)));
+    m && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
   const _ = Xt({
     palette: {
@@ -2573,7 +2576,7 @@ const w0 = Yt({
           Qt,
           {
             "aria-label": "TimeSlider",
-            value: l,
+            value: a,
             valueLabelDisplay: "on",
             step: 1,
             marks: g,
@@ -2614,19 +2617,19 @@ const L0 = "_TopNavMenuContainer_12mp4_2", M0 = "_topNavOptions_12mp4_13", D0 =
   }
 }) => {
   const { t: r } = $();
-  return /* @__PURE__ */ i("div", { className: Ie.TopNavMenuContainer, style: { ...d }, children: n.map((a, l) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("div", { className: Ie.TopNavMenuContainer, style: { ...d }, children: n.map((l, a) => /* @__PURE__ */ i(
     t2,
     {
-      to: a.url,
+      to: l.url,
       className: ({ isActive: c }) => `${Ie.topNavOptions} ${c ? Ie.active : ""} `,
-      onClick: () => t(a.url),
+      onClick: () => t(l.url),
       style: ({ isActive: c }) => ({
         color: o,
         borderBottom: c ? `5px solid ${s}` : "5px solid transparent"
       }),
-      children: r(a.name)
+      children: r(l.name)
     },
-    l
+    a
   )) });
 };
 F0.propTypes = {
@@ -2648,10 +2651,10 @@ const V0 = "_LogInButton_1vxj5_2", A0 = {
   containerStyles: o,
   userName: t = "",
   isLoggedIn: r = !1,
-  onClickLogIn: a = () => {
+  onClickLogIn: l = () => {
     console.log("Login clicked");
   },
-  onClickLogOut: l = () => {
+  onClickLogOut: a = () => {
     console.log("Logout clicked");
   }
 }) => {
@@ -2661,7 +2664,7 @@ const V0 = "_LogInButton_1vxj5_2", A0 = {
     {
       style: { ...o },
       className: `${A0.LogInButton} link ${n}`,
-      onClick: r ? l : a,
+      onClick: r ? a : l,
       children: r ? t || c(s) : c(d)
     }
   );
@@ -2683,12 +2686,12 @@ const O0 = "_elementSelector_1k3i4_2", q0 = "_header_1k3i4_14", R0 = "_nameDateC
   buttonsContainer: j0,
   elementListContainer: z0,
   newElementButtonContainer: Z0
-}, H0 = "_listElement_1evjl_2", K0 = "_elementNameDate_1evjl_18", U0 = "_elementNameContainer_1evjl_28", G0 = "_elementName_1evjl_18", W0 = "_elementDate_1evjl_43", Y0 = "_elementButtons_1evjl_46", Q0 = "_moreInfoContainer_1evjl_69", X0 = "_moreInfo_1evjl_69", Z = {
+}, H0 = "_listElement_1evjl_2", K0 = "_elementNameDate_1evjl_18", U0 = "_elementNameContainer_1evjl_28", W0 = "_elementName_1evjl_18", G0 = "_elementDate_1evjl_43", Y0 = "_elementButtons_1evjl_46", Q0 = "_moreInfoContainer_1evjl_69", X0 = "_moreInfo_1evjl_69", Z = {
   listElement: H0,
   elementNameDate: K0,
   elementNameContainer: U0,
-  elementName: G0,
-  elementDate: W0,
+  elementName: W0,
+  elementDate: G0,
   elementButtons: Y0,
   break: "_break_1evjl_64",
   moreInfoContainer: Q0,
@@ -2725,8 +2728,8 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   activeColor: o,
   fontColor: t,
   moreInfo: r,
-  columns: a,
-  elementButtons: l,
+  columns: l,
+  elementButtons: a,
   processTooltip: c,
   defaultTooltip: u,
   showEye: m = !0
@@ -2738,7 +2741,7 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
       className: Z.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(b), children: Object.keys(a).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ p("div", { className: Z.elementName, children: [
+        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(b), children: Object.keys(l).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ p("div", { className: Z.elementName, children: [
           m && (s ? /* @__PURE__ */ i(si, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
             "img",
             {
@@ -2754,17 +2757,17 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             /* @__PURE__ */ i("img", { src: ni }),
             /* @__PURE__ */ i(se, { text: c, position: "left" })
           ] }),
-          l.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: ti }) }),
-            /* @__PURE__ */ i(se, { text: l.filter.tooltiptext, position: "left" })
+          a.filter && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: ti }) }),
+            /* @__PURE__ */ i(se, { text: a.filter.tooltiptext, position: "left" })
           ] }),
-          l.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: ei }) }),
-            /* @__PURE__ */ i(se, { text: l.copy.tooltiptext, position: "left" })
+          a.copy && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: ei }) }),
+            /* @__PURE__ */ i(se, { text: a.copy.tooltiptext, position: "left" })
           ] }),
-          l.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
-            /* @__PURE__ */ i("button", { onClick: () => l.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: J0 }) }),
-            /* @__PURE__ */ i(se, { text: l.trash.tooltiptext, position: "left" })
+          a.trash && !n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
+            /* @__PURE__ */ i("button", { onClick: () => a.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: J0 }) }),
+            /* @__PURE__ */ i(se, { text: a.trash.tooltiptext, position: "left" })
           ] }),
           n.is_default && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: ii }),
@@ -2826,9 +2829,9 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   activeColor: o,
   buttonContainerStyles: t = {},
   containerStyles: r = {},
-  newElementButton: a,
+  newElementButton: l,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: l = (v) => console.log(`OnCLickElement: ${v}`),
+  onClickElement: a = (v) => console.log(`OnCLickElement: ${v}`),
   columns: c,
   // {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
@@ -2881,7 +2884,7 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             listelement: y,
             fontColor: s,
             activeColor: o,
-            onClickElement: l,
+            onClickElement: a,
             columns: c,
             elementButtons: u,
             moreInfo: m,
@@ -2891,14 +2894,14 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `elementKey${y.id}`
         )) }),
-        a && /* @__PURE__ */ i("div", { className: K.newElementButtonContainer, children: /* @__PURE__ */ i(
+        l && /* @__PURE__ */ i("div", { className: K.newElementButtonContainer, children: /* @__PURE__ */ i(
           Me,
           {
             style: { ...t },
-            onClick: a.onClick,
+            onClick: l.onClick,
             borderColor: "grey",
-            disabled: a.disabled || !1,
-            children: v(a.label)
+            disabled: l.disabled || !1,
+            children: v(l.label)
           }
         ) })
       ]
@@ -2991,17 +2994,17 @@ var Bt = (n) => /^\w*$/.test(n), Ze = (n) => n === void 0, yi = (n) => Array.isA
   return Ze(o) || o === n ? Ze(n[d]) ? s : n[d] : o;
 }, Oe = (n) => typeof n == "boolean", lt = (n, d, s) => {
   let o = -1;
-  const t = Bt(d) ? [d] : Tt(d), r = t.length, a = r - 1;
+  const t = Bt(d) ? [d] : Tt(d), r = t.length, l = r - 1;
   for (; ++o < r; ) {
-    const l = t[o];
+    const a = t[o];
     let c = s;
-    if (o !== a) {
-      const u = n[l];
+    if (o !== l) {
+      const u = n[a];
       c = _e(u) || Array.isArray(u) ? u : isNaN(+t[o + 1]) ? {} : [];
     }
-    if (l === "__proto__" || l === "constructor" || l === "prototype")
+    if (a === "__proto__" || a === "constructor" || a === "prototype")
       return;
-    n[l] = c, n = n[l];
+    n[a] = c, n = n[a];
   }
 };
 const ct = {
@@ -3011,7 +3014,7 @@ const ct = {
   all: "all"
 }, Lt = D.createContext(null);
 Lt.displayName = "HookFormContext";
-const We = () => D.useContext(Lt);
+const Ge = () => D.useContext(Lt);
 var _i = (n, d, s, o = !0) => {
   const t = {
     defaultValues: d._defaultValues
@@ -3019,15 +3022,15 @@ var _i = (n, d, s, o = !0) => {
   for (const r in n)
     Object.defineProperty(t, r, {
       get: () => {
-        const a = r;
-        return d._proxyFormState[a] !== dt.all && (d._proxyFormState[a] = !o || dt.all), s && (s[a] = !0), n[a];
+        const l = r;
+        return d._proxyFormState[l] !== dt.all && (d._proxyFormState[l] = !o || dt.all), s && (s[l] = !0), n[l];
       }
     });
   return t;
 };
 const Mt = typeof window < "u" ? pe.useLayoutEffect : pe.useEffect;
 function vi(n) {
-  const d = We(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [a, l] = D.useState(s._formState), c = D.useRef({
+  const d = Ge(), { control: s = d.control, disabled: o, name: t, exact: r } = n || {}, [l, a] = D.useState(s._formState), c = D.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -3042,29 +3045,29 @@ function vi(n) {
     formState: c.current,
     exact: r,
     callback: (u) => {
-      !o && l({
+      !o && a({
         ...s._formState,
         ...u
       });
     }
   }), [t, o, r]), D.useEffect(() => {
     c.current.isValid && s._setValid(!0);
-  }, [s]), D.useMemo(() => _i(a, s, c.current, !1), [a, s]);
+  }, [s]), D.useMemo(() => _i(l, s, c.current, !1), [l, s]);
 }
 var wi = (n) => typeof n == "string", xi = (n, d, s, o, t) => wi(n) ? P(s, n, t) : Array.isArray(n) ? n.map((r) => P(s, r)) : s;
 function ki(n) {
-  const d = We(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: a } = n || {}, l = D.useRef(t), [c, u] = D.useState(s._getWatch(o, l.current));
+  const d = Ge(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: l } = n || {}, a = D.useRef(t), [c, u] = D.useState(s._getWatch(o, a.current));
   return Mt(() => s._subscribe({
     name: o,
     formState: {
       values: !0
     },
-    exact: a,
-    callback: (m) => !r && u(xi(o, s._names, m.values || s._formValues, !1, l.current))
-  }), [o, s, r, a]), D.useEffect(() => s._removeUnmounted()), c;
+    exact: l,
+    callback: (m) => !r && u(xi(o, s._names, m.values || s._formValues, !1, a.current))
+  }), [o, s, r, l]), D.useEffect(() => s._removeUnmounted()), c;
 }
 function Ni(n) {
-  const d = We(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, a = Ci(t._names.array, s), l = ki({
+  const d = Ge(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, l = Ci(t._names.array, s), a = ki({
     control: t,
     name: s,
     defaultValue: P(t._formValues, s, P(t._defaultValues, s, n.defaultValue)),
@@ -3075,7 +3078,7 @@ function Ni(n) {
     exact: !0
   }), u = D.useRef(n), m = D.useRef(t.register(s, {
     ...n.rules,
-    value: l,
+    value: a,
     ...Oe(n.disabled) ? { disabled: n.disabled } : {}
   })), h = D.useMemo(() => Object.defineProperties({}, {
     invalid: {
@@ -3120,12 +3123,12 @@ function Ni(n) {
     });
   }, [t._fields, s]), _ = D.useMemo(() => ({
     name: s,
-    value: l,
+    value: a,
     ...Oe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: f,
     onBlur: b,
     ref: v
-  }), [s, o, c.disabled, f, b, v, l]);
+  }), [s, o, c.disabled, f, b, v, a]);
   return D.useEffect(() => {
     const g = t._options.shouldUnregister || r;
     t.register(s, {
@@ -3140,10 +3143,10 @@ function Ni(n) {
       const y = $t(P(t._options.defaultValues, s));
       lt(t._defaultValues, s, y), Ze(P(t._formValues, s)) && lt(t._formValues, s, y);
     }
-    return !a && t.register(s), () => {
-      (a ? g && !t._state.action : g) ? t.unregister(s) : C(s, !1);
+    return !l && t.register(s), () => {
+      (l ? g && !t._state.action : g) ? t.unregister(s) : C(s, !1);
     };
-  }, [s, t, a, r]), D.useEffect(() => {
+  }, [s, t, l, r]), D.useEffect(() => {
     t._setDisabledField({
       disabled: o,
       name: s
@@ -3184,8 +3187,8 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     type: o,
     label: t,
     maxLength: r,
-    required: a,
-    validateFunction: l,
+    required: l,
+    validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
@@ -3194,7 +3197,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     },
     forgotPassLabel: f = "forgot-password"
   } = n, { t: b } = $(), { control: v, trigger: _, clearErrors: g } = d, { errorColor: C } = xe((k) => k), [y, x] = V(!1);
-  oe(a);
+  oe(l);
   const w = () => o ? o === "password" && y ? "text" : o : "text";
   return /* @__PURE__ */ i(
     ve,
@@ -3202,9 +3205,9 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
       name: s,
       control: v,
       rules: {
-        required: a ? `${b(t)} ${b("errorMessages.required")}` : !1,
+        required: l ? `${b(t)} ${b("errorMessages.required")}` : !1,
         maxLength: r || void 0,
-        validate: l || void 0
+        validate: a || void 0
       },
       render: ({ field: k, fieldState: S }) => {
         var L;
@@ -3212,7 +3215,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
           /* @__PURE__ */ p("h3", { className: be.labelContainer, children: [
             b(t),
             " ",
-            a && /* @__PURE__ */ i("label", { style: { color: S.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ i("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p(
             "div",
@@ -3268,23 +3271,23 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     type: o,
     label: t,
     maxLength: r,
-    required: a,
-    validateFunction: l,
+    required: l,
+    validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
     width: m = 325,
     options: h = []
   } = n, { t: f } = $(), { control: b, trigger: v, clearErrors: _ } = d, { errorColor: g } = xe((C) => C);
-  return oe(a), /* @__PURE__ */ i(
+  return oe(l), /* @__PURE__ */ i(
     ve,
     {
       name: s,
       control: b,
       rules: {
-        required: a ? `${f(t)} ${f("errorMessages.required")}` : !1,
-        validate: l ? (C) => {
+        required: l ? `${f(t)} ${f("errorMessages.required")}` : !1,
+        validate: a ? (C) => {
           let y = d.getValues();
-          return l(C, y);
+          return a(C, y);
         } : void 0
       },
       render: ({ field: C, fieldState: y }) => {
@@ -3293,7 +3296,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
           /* @__PURE__ */ p("h3", { className: de.labelContainer, children: [
             f(t),
             " ",
-            a && /* @__PURE__ */ i("label", { style: { color: y.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ i("label", { style: { color: y.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p("div", { className: de.inputContainer, style: { width: m }, children: [
             /* @__PURE__ */ p(
@@ -3346,14 +3349,14 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
   radioQuestion: Hi,
   inputContainer: Ki,
   radioInput: Ui
-}, Gi = ({ input: n, reactHookFormInstance: d }) => {
+}, Wi = ({ input: n, reactHookFormInstance: d }) => {
   const {
     code: s,
     label: o,
     required: t,
     validateFunction: r,
-    errorColor: a = "red",
-    options: l = [],
+    errorColor: l = "red",
+    options: a = [],
     multi: c = !1
   } = n, { t: u } = $(), { control: m, trigger: h, clearErrors: f } = d, { errorColor: b } = xe((g) => g), v = ({ options: g, onChange: C, actualValue: y }) => {
     if (c && y && y.length > 0) {
@@ -3389,7 +3392,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                 t && /* @__PURE__ */ i(
                   "label",
                   {
-                    style: { color: k.error ? a : "" },
+                    style: { color: k.error ? l : "" },
                     children: "*"
                   }
                 )
@@ -3397,7 +3400,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
             }
           ) }),
           /* @__PURE__ */ p("div", { className: ne.inputContainer, children: [
-            l.map(
+            a.map(
               ({
                 label: L,
                 value: N,
@@ -3414,11 +3417,11 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                       onChange: () => {
                         c ? M ? v({
                           actualValue: x,
-                          options: l,
+                          options: a,
                           onChange: C
                         }) : _({
                           actualValue: x,
-                          options: l,
+                          options: a,
                           onChange: C
                         }) : C(N);
                       },
@@ -3434,7 +3437,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
               we,
               {
                 errorMessage: (S = k.error) == null ? void 0 : S.message,
-                errorColor: b || a
+                errorColor: b || l
               }
             )
           ] })
@@ -3442,8 +3445,8 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
       }
     }
   );
-}, Wi = "_rankingSliderContainer_1lekm_2", Yi = "_labelContainer_1lekm_6", Qi = "_inputContainer_1lekm_10", Xi = "_slider_1lekm_20", Ji = "_thumb_1lekm_27", es = "_labels_1lekm_37", ts = "_minLabel_1lekm_67", ns = "_maxLabel_1lekm_67", A = {
-  rankingSliderContainer: Wi,
+}, Gi = "_rankingSliderContainer_1lekm_2", Yi = "_labelContainer_1lekm_6", Qi = "_inputContainer_1lekm_10", Xi = "_slider_1lekm_20", Ji = "_thumb_1lekm_27", es = "_labels_1lekm_37", ts = "_minLabel_1lekm_67", ns = "_maxLabel_1lekm_67", A = {
+  rankingSliderContainer: Gi,
   labelContainer: Yi,
   inputContainer: Qi,
   slider: Xi,
@@ -3456,8 +3459,8 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     code: o,
     label: t,
     minValue: r = 1,
-    maxValue: a = 5,
-    defValue: l = 3,
+    maxValue: l = 5,
+    defValue: a = 3,
     thumbColor: c = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
@@ -3468,19 +3471,19 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     maxText: v,
     disabled: _ = !1,
     marks: g = Array.from(
-      { length: a - r + 1 },
+      { length: l - r + 1 },
       (B, O) => r + O
     ),
     showMarksNumber: C = !0
   } = n, { t: y } = $(), { control: x, trigger: w, clearErrors: k } = d || {};
   oe(u);
-  const { errorColorForm: S } = xe((B) => B), [L, N] = V(l);
+  const { errorColorForm: S } = xe((B) => B), [L, N] = V(a);
   return d ? /* @__PURE__ */ i(
     ve,
     {
       name: o,
       control: x,
-      defaultValue: l,
+      defaultValue: a,
       rules: {
         required: u ? `${y(t)} ${y("errorMessages.required")}` : !1
       },
@@ -3502,9 +3505,9 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                     je,
                     {
                       min: r,
-                      max: a,
+                      max: l,
                       step: 1,
-                      value: B.value ?? l,
+                      value: B.value ?? a,
                       onChange: (M) => B.onChange(M),
                       marks: !0,
                       className: A.slider,
@@ -3551,7 +3554,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
               je,
               {
                 min: r,
-                max: a,
+                max: l,
                 step: 1,
                 value: L,
                 onChange: (B) => {
@@ -3604,15 +3607,15 @@ const ye = ({
   reactHookFormInstance: s
 }) => {
   console.log("inputs: ", n);
-  const { watch: o } = s, t = o(), r = me(() => n == null ? void 0 : n.map((a) => {
-    const l = typeof a.required == "function" ? a.required(t) : a.required;
+  const { watch: o } = s, t = o(), r = me(() => n == null ? void 0 : n.map((l) => {
+    const a = typeof l.required == "function" ? l.required(t) : l.required;
     return {
-      ...a,
-      required: l
+      ...l,
+      required: a
     };
   }), [n, t]);
-  return /* @__PURE__ */ i("div", { className: ce.inputsContainer, children: r == null ? void 0 : r.map((a, l) => {
-    const { inputType: c } = a;
+  return /* @__PURE__ */ i("div", { className: ce.inputsContainer, children: r == null ? void 0 : r.map((l, a) => {
+    const { inputType: c } = l;
     switch (c) {
       case fe.text:
         return /* @__PURE__ */ i(
@@ -3623,12 +3626,12 @@ const ye = ({
             children: /* @__PURE__ */ i(
               ut,
               {
-                input: a,
+                input: l,
                 reactHookFormInstance: s
               }
             )
           },
-          `${a.code}${l}`
+          `${l.code}${a}`
         );
       case fe.password:
         return /* @__PURE__ */ i(
@@ -3639,12 +3642,12 @@ const ye = ({
             children: /* @__PURE__ */ i(
               ut,
               {
-                input: a,
+                input: l,
                 reactHookFormInstance: s
               }
             )
           },
-          `${a.code}${l}`
+          `${l.code}${a}`
         );
       case fe.select:
         return /* @__PURE__ */ i(
@@ -3655,12 +3658,12 @@ const ye = ({
             children: /* @__PURE__ */ i(
               Pi,
               {
-                input: a,
+                input: l,
                 reactHookFormInstance: s
               }
             )
           },
-          `${a.code}${l}`
+          `${l.code}${a}`
         );
       case fe.radioList:
         return /* @__PURE__ */ i(
@@ -3669,14 +3672,14 @@ const ye = ({
             className: ce.inputContainer,
             style: { ...d },
             children: /* @__PURE__ */ i(
-              Gi,
+              Wi,
               {
-                input: a,
+                input: l,
                 reactHookFormInstance: s
               }
             )
           },
-          `${a.code}${l}`
+          `${l.code}${a}`
         );
       case fe.rankingSlider:
         return /* @__PURE__ */ i(
@@ -3687,15 +3690,15 @@ const ye = ({
             children: /* @__PURE__ */ i(
               Dt,
               {
-                input: a,
+                input: l,
                 reactHookFormInstance: s
               }
             )
           },
-          `${a.code}${l}`
+          `${l.code}${a}`
         );
       default:
-        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${a.code}${l}`);
+        return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("h4", { children: "Default" }) }, `${l.code}${a}`);
     }
   }) });
 }, is = "_categorySelector_9bdf4_2", ss = "_sectionItemActive_9bdf4_16", os = "_sectionItem_9bdf4_16", Be = {
@@ -3708,11 +3711,11 @@ const ye = ({
   activeCategory: s,
   activeColor: o
 }) => {
-  const { t } = $(), r = (a) => {
-    d(a);
+  const { t } = $(), r = (l) => {
+    d(l);
   };
-  return /* @__PURE__ */ i("div", { className: Be.categorySelector, children: n.map((a, l) => {
-    const { id: c, label: u } = a, m = s == c;
+  return /* @__PURE__ */ i("div", { className: Be.categorySelector, children: n.map((l, a) => {
+    const { id: c, label: u } = l, m = s == c;
     return /* @__PURE__ */ i(
       "button",
       {
@@ -3729,7 +3732,7 @@ const ye = ({
           }
         )
       },
-      `keySection${l}`
+      `keySection${a}`
     );
   }) });
 }, bo = ({
@@ -3739,8 +3742,8 @@ const ye = ({
   inputContainerStyles: o,
   generalError: t,
   errorColor: r = "red",
-  submitButtonLabel: a = "Submit",
-  submitButtonStyles: l = { width: 325 },
+  submitButtonLabel: l = "Submit",
+  submitButtonStyles: a = { width: 325 },
   showCategorySelector: c = !0,
   defaultCategory: u = null,
   categoryLabel: m = "Select Category",
@@ -3898,7 +3901,7 @@ const ye = ({
       );
     }) }),
     /* @__PURE__ */ p("div", { className: Ce.buttonContainer, children: [
-      /* @__PURE__ */ i(Me, { containerStyles: l, type: "submit", children: v(a) }),
+      /* @__PURE__ */ i(Me, { containerStyles: a, type: "submit", children: v(l) }),
       /* @__PURE__ */ i(we, { errorMessage: t, errorColor: r })
     ] })
   ] });
@@ -3918,18 +3921,18 @@ const ye = ({
   submessage: o,
   buttons: t,
   maxHeight: r = "450px",
-  maxWidth: a = "450px"
+  maxWidth: l = "450px"
 }) => /* @__PURE__ */ i("div", { className: Y.overlay, children: /* @__PURE__ */ p(
   "div",
   {
     className: Y.modal,
-    style: { maxHeight: r, maxWidth: a },
+    style: { maxHeight: r, maxWidth: l },
     children: [
       /* @__PURE__ */ i("button", { className: Y.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
       d && /* @__PURE__ */ i("img", { src: d, alt: "icon", className: Y.icon }),
       /* @__PURE__ */ i("p", { className: Y.message, children: s }),
       o && /* @__PURE__ */ i("p", { className: Y.submessage, children: o }),
-      t.length > 0 && /* @__PURE__ */ i("div", { className: Y.buttonsContainer, children: t.map((l, c) => /* @__PURE__ */ i("div", { className: Y.buttonWrapper, children: l }, c)) })
+      t.length > 0 && /* @__PURE__ */ i("div", { className: Y.buttonsContainer, children: t.map((a, c) => /* @__PURE__ */ i("div", { className: Y.buttonWrapper, children: a }, c)) })
     ]
   }
 ) });
@@ -4022,12 +4025,12 @@ const Ss = "_buttonsContainer_1c7dw_2", $s = "_button_1c7dw_2", Bs = "_active_1c
     const {
       isActive: t,
       name: r,
-      onClick: a
+      onClick: l
     } = s;
     return /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
       "button",
       {
-        onClick: a,
+        onClick: l,
         className: `${Te.button}
                 ${t && Te.active}`,
         children: /* @__PURE__ */ i("span", { className: Te.buttonName, children: d(r) })
@@ -4057,11 +4060,11 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
     code: o,
     labelLeft: t,
     labelRight: r,
-    defValue: a = !1,
-    colorOn: l = "#5A514D",
+    defValue: l = !1,
+    colorOn: a = "#5A514D",
     disabled: c = !1,
     width: u = 240
-  } = n, { t: m } = $(), { control: h } = d || {}, [f, b] = V(a), v = (g) => {
+  } = n, { t: m } = $(), { control: h } = d || {}, [f, b] = V(l), v = (g) => {
     b(g), s && s(g);
   }, _ = (g, C) => /* @__PURE__ */ p("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
     t && /* @__PURE__ */ i(
@@ -4087,7 +4090,7 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
         {
           className: ue.slider,
           style: {
-            "--switch-thumb-color": g ? l : "#ccc"
+            "--switch-thumb-color": g ? a : "#ccc"
           }
         }
       )
@@ -4099,7 +4102,7 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
     {
       name: o,
       control: h,
-      defaultValue: a,
+      defaultValue: l,
       render: ({ field: g }) => _(g.value, g.onChange)
     }
   ) : _(f, v);
@@ -4129,8 +4132,8 @@ const Is = "_header_13kbt_2", Os = "_leftComponents_13kbt_13", qs = "_centerComp
   rightComponents: o = [],
   zIndex: t = 10,
   height: r = 60,
-  backgroundColor: a = "#605B56",
-  isFooter: l = !1
+  backgroundColor: l = "#605B56",
+  isFooter: a = !1
   // If true, it will apply footer styles
 }) => /* @__PURE__ */ p(
   "div",
@@ -4140,9 +4143,9 @@ const Is = "_header_13kbt_2", Os = "_leftComponents_13kbt_13", qs = "_centerComp
       ...n,
       zIndex: t,
       height: r,
-      backgroundColor: a,
-      top: l ? "auto" : 0,
-      bottom: l ? 0 : "auto"
+      backgroundColor: l,
+      top: a ? "auto" : 0,
+      bottom: a ? 0 : "auto"
     },
     children: [
       /* @__PURE__ */ i("div", { className: ie.leftComponents, children: d.map((c, u) => /* @__PURE__ */ i("div", { className: ie.componentsContainer, children: c }, u)) }),
@@ -4214,7 +4217,7 @@ export {
   l0 as MapboxMap,
   h0 as MaplibreMap,
   hs as ModalAlert,
-  Gi as RadioButtonInput,
+  Wi as RadioButtonInput,
   Dt as RankingSlider,
   Us as RightSidebar,
   v0 as SectionBar,