@undp/data-viz 2.3.19 → 2.4.0

package/dist/HybridMap.js

@@ -1,172 +1,172 @@
-import { _ as ro, m as Ft, a as Yt, j as a, c as io } from "./index-CHPV5EwG-BzibaIRc.js";
-import * as no from "react";
-import lo, { useMemo as At, useState as S, useRef as qe, useEffect as Ue, useEffectEvent as Rt } from "react";
-import { f as so, p as co } from "./parse-Dv4of-PN.js";
-import { g as mo, N as po } from "./getSliderMarks-X-_goqH9.js";
-import { w as uo } from "./Spinner-B2IIKg9r.js";
-import { i as Gt } from "./index-Bwrro8-q.js";
-import { i as Ut, z as ho, a as fo, g as go, b as yo, c as vo, d as xo, e as bo, f as wo } from "./index-CKpKc9DR.js";
-import { _ as Vt } from "./Typography-BO0gQDIT.js";
-import { i as jo } from "./index-DCsFBfJ_.js";
-import { n as qt } from "./Source-QGk8vhkS.js";
-import { w as ko } from "./index-w64Zl8io-ihagHOdP.js";
-import { T as Co } from "./Tooltip-Bj-s__cI.js";
-import { X as Do, E as No, P as Mo, e as So } from "./index-ApTBN0kp.js";
-import { D as Oo } from "./DetailsModal-B2XBWR7w.js";
-import { s as Eo } from "./pow-BXYLJHCq.js";
-import { o as Io } from "./ordinal-CHaxGJ_l.js";
-import { t as Bo } from "./threshold-DFfqcDMa.js";
-import { s as $t } from "./select-DKy99ogv.js";
-import { m as se } from "./proxy-BsxtcZKa.js";
+import { _ as oo, m as Vt, a as Ht, j as a, c as ao } from "./index-CHPV5EwG-BzibaIRc.js";
+import * as ro from "react";
+import io, { useMemo as Ft, useState as S, useRef as qe, useEffect as Ue, useEffectEvent as Tt } from "react";
+import { f as no, p as lo } from "./parse-Dv4of-PN.js";
+import { g as so, N as co } from "./getSliderMarks-X-_goqH9.js";
+import { w as mo } from "./Spinner-B2IIKg9r.js";
+import { i as At } from "./index-Bwrro8-q.js";
+import { i as Rt, z as po, a as uo, g as ho, b as fo, c as go, d as yo, e as vo, f as xo } from "./index-CKpKc9DR.js";
+import { _ as Lt } from "./Typography-BO0gQDIT.js";
+import { i as bo } from "./index-DCsFBfJ_.js";
+import { n as Gt } from "./Source-QGk8vhkS.js";
+import { w as wo } from "./index-w64Zl8io-ihagHOdP.js";
+import { T as jo } from "./Tooltip-Bj-s__cI.js";
+import { X as ko, E as Co, P as Do, e as No } from "./index-ApTBN0kp.js";
+import { D as Mo } from "./DetailsModal-B2XBWR7w.js";
+import { s as So } from "./pow-BXYLJHCq.js";
+import { o as Oo } from "./ordinal-CHaxGJ_l.js";
+import { t as Eo } from "./threshold-DFfqcDMa.js";
+import { s as Wt } from "./select-DKy99ogv.js";
+import { m as le } from "./proxy-BsxtcZKa.js";
 import { c as vt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { n as zo } from "./numberFormattingFunction-DqMf_v1m.js";
-import { u as Po } from "./use-in-view-KOXq5Kmc.js";
-import { A as _o } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as Lo } from "./GraphFooter.js";
-import { GraphHeader as Wo } from "./GraphHeader.js";
-import { Colors as De } from "./Colors.js";
-import { f as Ht } from "./fetchAndParseData-BAXhgTDM.js";
-import { a as Vo, G as $o } from "./GraphContainer-B8ZqOzKI.js";
-import { g as Fo } from "./getUniqValue-DsqSii6M.js";
-import { g as To } from "./getJenks-DTCcQSDi.js";
-var Ao = "Separator", Xt = "horizontal", Ro = ["horizontal", "vertical"], Jt = no.forwardRef((r, e) => {
-  const { decorative: t, orientation: w = Xt, ...y } = r, n = Go(w) ? w : Xt, v = t ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
-  return /* @__PURE__ */ Yt.jsx(
-    ko.div,
+import { n as Io } from "./numberFormattingFunction-DqMf_v1m.js";
+import { u as Bo } from "./use-in-view-KOXq5Kmc.js";
+import { A as zo } from "./index-Cv_5q6Rb.js";
+import { GraphFooter as Po } from "./GraphFooter.js";
+import { GraphHeader as _o } from "./GraphHeader.js";
+import { Colors as ke } from "./Colors.js";
+import { f as Ut } from "./fetchAndParseData-BAXhgTDM.js";
+import { a as Lo, G as Wo } from "./GraphContainer-B8ZqOzKI.js";
+import { g as Vo } from "./getUniqValue-DsqSii6M.js";
+import { g as $o } from "./getJenks-DTCcQSDi.js";
+var Fo = "Separator", qt = "horizontal", To = ["horizontal", "vertical"], Xt = ro.forwardRef((r, e) => {
+  const { decorative: t, orientation: w = qt, ...y } = r, l = Ao(w) ? w : qt, v = t ? { role: "none" } : { "aria-orientation": l === "vertical" ? l : void 0, role: "separator" };
+  return /* @__PURE__ */ Ht.jsx(
+    wo.div,
     {
-      "data-orientation": n,
+      "data-orientation": l,
       ...v,
       ...y,
       ref: e
     }
   );
 });
-Jt.displayName = Ao;
-function Go(r) {
-  return Ro.includes(r);
+Xt.displayName = Fo;
+function Ao(r) {
+  return To.includes(r);
 }
-var Kt = Jt;
-const Zt = lo.forwardRef((r, e) => {
-  const t = ro.c(14);
-  let w, y, n, v;
+var Yt = Xt;
+const Jt = io.forwardRef((r, e) => {
+  const t = oo.c(14);
+  let w, y, l, v;
   t[0] !== r ? ({
     className: w,
-    variant: n,
+    variant: l,
     orientation: v,
     ...y
-  } = r, t[0] = r, t[1] = w, t[2] = y, t[3] = n, t[4] = v) : (w = t[1], y = t[2], n = t[3], v = t[4]);
-  const x = n === void 0 ? "dark" : n, l = v === void 0 ? "horizontal" : v, h = l === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", D = x === "dark" ? "bg-primary-gray-600 dark:bg-primary-gray-200" : "bg-primary-gray-400 dark:bg-primary-gray-550";
+  } = r, t[0] = r, t[1] = w, t[2] = y, t[3] = l, t[4] = v) : (w = t[1], y = t[2], l = t[3], v = t[4]);
+  const x = l === void 0 ? "dark" : l, s = v === void 0 ? "horizontal" : v, u = s === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", D = x === "dark" ? "bg-primary-gray-600 dark:bg-primary-gray-200" : "bg-primary-gray-400 dark:bg-primary-gray-550";
   let C;
-  t[5] !== w || t[6] !== h || t[7] !== D ? (C = Ft(h, D, w), t[5] = w, t[6] = h, t[7] = D, t[8] = C) : C = t[8];
-  let P;
-  return t[9] !== l || t[10] !== y || t[11] !== e || t[12] !== C ? (P = /* @__PURE__ */ Yt.jsx(Kt, { ...y, ref: e, orientation: l, className: C }), t[9] = l, t[10] = y, t[11] = e, t[12] = C, t[13] = P) : P = t[13], P;
+  t[5] !== w || t[6] !== u || t[7] !== D ? (C = Vt(u, D, w), t[5] = w, t[6] = u, t[7] = D, t[8] = C) : C = t[8];
+  let B;
+  return t[9] !== s || t[10] !== y || t[11] !== e || t[12] !== C ? (B = /* @__PURE__ */ Ht.jsx(Yt, { ...y, ref: e, orientation: s, className: C }), t[9] = s, t[10] = y, t[11] = e, t[12] = C, t[13] = B) : B = t[13], B;
 });
-Zt.displayName = Kt.displayName;
-function Uo(r) {
+Jt.displayName = Yt.displayName;
+function Ro(r) {
   const {
     data: e,
     colors: t,
     mapData: w,
     mapColorLegendTitle: y,
-    colorDomain: n,
+    colorDomain: l,
     radius: v,
     height: x,
-    width: l,
-    scale: h,
+    width: s,
+    scale: u,
     centerPoint: D,
     tooltip: C,
-    showLabels: P,
-    mapBorderWidth: ce,
-    mapBorderColor: de,
-    mapNoDataColor: Ne,
-    onSeriesMouseOver: U,
-    showColorScale: Me,
+    showLabels: B,
+    mapBorderWidth: se,
+    mapBorderColor: ce,
+    mapNoDataColor: Ce,
+    onSeriesMouseOver: G,
+    showColorScale: De,
     zoomScaleExtend: He,
     zoomTranslateExtend: Xe,
-    highlightedDataPoints: Se,
-    onSeriesMouseClick: W,
-    resetSelectionOnDoubleClick: Oe,
-    detailsOnClick: q,
+    highlightedDataPoints: Ne,
+    onSeriesMouseClick: L,
+    resetSelectionOnDoubleClick: Me,
+    detailsOnClick: U,
     styles: N,
-    classNames: H,
-    mapProjection: ae,
-    zoomInteraction: X,
+    classNames: q,
+    mapProjection: oe,
+    zoomInteraction: H,
     animate: b,
-    dimmedOpacity: V,
-    customLayers: me,
-    maxRadiusValue: pe,
-    categorical: re,
-    dotColor: Y,
-    collapseColorScaleByDefault: Ee,
-    highlightedIds: ie,
-    mapProperty: ue,
-    dotLegendTitle: he,
-    dotBorderColor: Ie,
-    labelColor: Be,
-    projectionRotate: J,
-    rewindCoordinatesInMapData: K,
+    dimmedOpacity: W,
+    customLayers: de,
+    maxRadiusValue: Se,
+    categorical: ae,
+    dotColor: X,
+    collapseColorScaleByDefault: Oe,
+    highlightedIds: re,
+    mapProperty: me,
+    dotLegendTitle: pe,
+    dotBorderColor: Ee,
+    labelColor: Ie,
+    projectionRotate: Y,
+    rewindCoordinatesInMapData: J,
     overlayMapData: p,
     overlayMapBorderColor: g,
     overlayMapBorderWidth: Ye,
     locale: Je
-  } = r, Z = At(() => K ? Ut(w, {
+  } = r, K = Ft(() => J ? Rt(w, {
     reverse: !0
-  }) : w, [w, K]), Ke = At(() => !K || !p ? p : Ut(p, {
+  }) : w, [w, J]), Ke = Ft(() => !J || !p ? p : Rt(p, {
     reverse: !0
-  }), [p, K]), [M, O] = S(void 0), [fe, ge] = S(Ee === void 0 ? !(l < 680) : !Ee), ye = qe(null), [$, Q] = S(void 0), [ve, _] = S(void 0), [ze, E] = S(void 0), [Pe, F] = S(void 0), f = qe(null), j = Po(f, {
+  }), [p, J]), [M, O] = S(void 0), [ue, he] = S(Oe === void 0 ? !(s < 680) : !Oe), fe = qe(null), [V, Z] = S(void 0), [ge, z] = S(void 0), [Be, E] = S(void 0), [ze, $] = S(void 0), f = qe(null), j = Bo(f, {
     once: b.once,
     amount: b.amount
-  }), ne = qe(null), k = e.filter((o) => o.radius === void 0 || o.radius === null).length !== e.length ? Eo().domain([0, pe]).range([0.25, v]).nice() : void 0, _e = re ? Io().domain(n).range(t) : Bo().domain(n).range(t);
+  }), ie = qe(null), k = e.filter((o) => o.radius === void 0 || o.radius === null).length !== e.length ? So().domain([0, Se]).range([0.25, v]).nice() : void 0, Pe = ae ? Oo().domain(l).range(t) : Eo().domain(l).range(t);
   Ue(() => {
-    const o = $t(ne.current), i = $t(f.current), u = (d) => {
-      if (X === "noZoom") return !1;
-      if (X === "button") return !d.type.includes("wheel");
-      const Fe = d.type === "wheel", B = d.type.startsWith("touch"), A = d.type === "mousedown" || d.type === "mousemove";
-      return B ? !0 : Fe ? X === "scroll" ? !0 : d.ctrlKey : A && !d.button && !d.ctrlKey;
-    }, I = ho().scaleExtent(He).translateExtent(Xe || [[-20, -20], [l + 20, x + 20]]).filter(u).on("zoom", ({
-      transform: d
+    const o = Wt(ie.current), i = Wt(f.current), h = (n) => {
+      if (H === "noZoom") return !1;
+      if (H === "button") return !n.type.includes("wheel");
+      const T = n.type === "wheel", $e = n.type.startsWith("touch"), Fe = n.type === "mousedown" || n.type === "mousemove";
+      return $e ? !0 : T ? H === "scroll" ? !0 : n.ctrlKey : Fe && !n.button && !n.ctrlKey;
+    }, _ = po().scaleExtent(He).translateExtent(Xe || [[-20, -20], [s + 20, x + 20]]).filter(h).on("zoom", ({
+      transform: n
     }) => {
-      o.attr("transform", d);
+      o.attr("transform", n);
     });
-    i.call(I), ye.current = I;
-  }, [x, l, X]);
-  const ee = fo(Z), T = jo(Z), Le = (ee[2] - ee[0]) * 1.15, We = (ee[3] - ee[1]) * 1.15, Ve = l * 190 / 960 * 360 / Le, $e = x * 190 / 678 * 180 / We, L = h * Math.min(Ve, $e), te = ae === "mercator" ? go().rotate(J).center(D || T.geometry.coordinates).translate([l / 2, x / 2]).scale(L) : ae === "equalEarth" ? yo().rotate(J).center(D || T.geometry.coordinates).translate([l / 2, x / 2]).scale(L) : ae === "naturalEarth" ? vo().rotate(J).center(D || T.geometry.coordinates).translate([l / 2, x / 2]).scale(L) : ae === "orthographic" ? xo().rotate(J).center(D || T.geometry.coordinates).translate([l / 2, x / 2]).scale(L) : bo().rotate(J).center(D || T.geometry.coordinates).translate([l / 2, x / 2]).scale(L), oe = wo().projection(te), xe = (o) => {
-    if (!f.current || !ye.current) return;
-    $t(f.current).call(ye.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
+    i.call(_), fe.current = _;
+  }, [x, s, H]);
+  const Q = uo(K), F = bo(K), _e = (Q[2] - Q[0]) * 1.15, Le = (Q[3] - Q[1]) * 1.15, We = s * 190 / 960 * 360 / _e, Ve = x * 190 / 678 * 180 / Le, P = u * Math.min(We, Ve), ee = oe === "mercator" ? ho().rotate(Y).center(D || F.geometry.coordinates).translate([s / 2, x / 2]).scale(P) : oe === "equalEarth" ? fo().rotate(Y).center(D || F.geometry.coordinates).translate([s / 2, x / 2]).scale(P) : oe === "naturalEarth" ? go().rotate(Y).center(D || F.geometry.coordinates).translate([s / 2, x / 2]).scale(P) : oe === "orthographic" ? yo().rotate(Y).center(D || F.geometry.coordinates).translate([s / 2, x / 2]).scale(P) : vo().rotate(Y).center(D || F.geometry.coordinates).translate([s / 2, x / 2]).scale(P), te = xo().projection(ee), ye = (o) => {
+    if (!f.current || !fe.current) return;
+    Wt(f.current).call(fe.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ a.jsx(se.svg, { width: `${l}px`, height: `${x}px`, viewBox: `0 0 ${l} ${x}`, ref: f, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { ref: ne, children: [
-        me.filter((o) => o.position === "before").map((o) => o.layer),
-        Z.features.map((o, i) => {
-          if (!o.properties?.[ue]) return null;
-          const u = oe(o);
-          return u ? /* @__PURE__ */ a.jsx(se.g, { opacity: M ? V : ie.length !== 0 ? ie.indexOf(o.properties[ue]) !== -1 ? 1 : V : 1, children: /* @__PURE__ */ a.jsx("path", { d: u, style: {
-            stroke: de,
-            strokeWidth: ce,
-            fill: Ne,
+      /* @__PURE__ */ a.jsx(le.svg, { width: `${s}px`, height: `${x}px`, viewBox: `0 0 ${s} ${x}`, ref: f, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { ref: ie, children: [
+        de.filter((o) => o.position === "before").map((o) => o.layer),
+        K.features.map((o, i) => {
+          if (!o.properties?.[me]) return null;
+          const h = te(o);
+          return h ? /* @__PURE__ */ a.jsx(le.g, { opacity: M ? W : re ? re.indexOf(o.properties[me]) !== -1 ? 1 : W : 1, children: /* @__PURE__ */ a.jsx("path", { d: h, style: {
+            stroke: ce,
+            strokeWidth: se,
+            fill: Ce,
             vectorEffect: "non-scaling-stroke"
           } }) }, i) : null;
         }),
-        /* @__PURE__ */ a.jsxs(_o, { children: [
+        /* @__PURE__ */ a.jsxs(zo, { children: [
           e.filter((o) => o.id).map((o) => {
-            const i = Z.features.findIndex(
+            const i = K.features.findIndex(
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (d) => o.id === d.properties[ue]
+              (n) => o.id === n.properties[me]
             );
             if (i === -1) return null;
-            const u = oe(Z.features[i]);
-            if (!u) return null;
-            const I = vt(o.x) ? Ne : (
+            const h = te(K.features[i]);
+            if (!h) return null;
+            const _ = vt(o.x) ? Ce : (
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              _e(o.x)
+              Pe(o.x)
             );
-            return /* @__PURE__ */ a.jsx(se.g, { className: "undp-map-shapes", variants: {
+            return /* @__PURE__ */ a.jsx(le.g, { className: "undp-map-shapes", variants: {
               initial: {
                 opacity: 0
               },
               whileInView: {
-                opacity: M ? M === I ? 1 : V : ie.length !== 0 ? ie.indexOf(o.id) !== -1 ? 1 : V : 1,
+                opacity: M ? M === _ ? 1 : W : re ? re.indexOf(o.id) !== -1 ? 1 : W : 1,
                 transition: {
                   duration: b.duration
                 }
@@ -176,21 +176,21 @@ function Uo(r) {
               transition: {
                 duration: b.duration
               }
-            }, onMouseEnter: (d) => {
-              _(o), F(d.clientY), E(d.clientX), U?.(o);
-            }, onMouseMove: (d) => {
-              _(o), F(d.clientY), E(d.clientX);
+            }, onMouseEnter: (n) => {
+              z(o), $(n.clientY), E(n.clientX), G?.(o);
+            }, onMouseMove: (n) => {
+              z(o), $(n.clientY), E(n.clientX);
             }, onMouseLeave: () => {
-              _(void 0), E(void 0), F(void 0), U?.(void 0);
+              z(void 0), E(void 0), $(void 0), G?.(void 0);
             }, onClick: () => {
-              (W || q) && (Gt($, o) && Oe ? (Q(void 0), W?.(void 0)) : (Q(o), W?.(o)));
-            }, children: /* @__PURE__ */ a.jsx(se.path, { d: u, variants: {
+              (L || U) && (At(V, o) && Me ? (Z(void 0), L?.(void 0)) : (Z(o), L?.(o)));
+            }, children: /* @__PURE__ */ a.jsx(le.path, { d: h, variants: {
               initial: {
-                fill: I,
+                fill: _,
                 opacity: 0
               },
               whileInView: {
-                fill: I,
+                fill: _,
                 opacity: 1,
                 transition: {
                   duration: b.duration
@@ -202,29 +202,29 @@ function Uo(r) {
                 duration: b.duration
               }
             }, style: {
-              stroke: de,
-              strokeWidth: ce,
+              stroke: ce,
+              strokeWidth: se,
               vectorEffect: "non-scaling-stroke"
             } }, `${o.id}`) }, o.id);
           }),
           Ke?.features.map((o, i) => {
-            const u = oe(o);
-            return u ? /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("path", { d: u, style: {
-              stroke: g || de,
-              strokeWidth: Ye || ce + 1,
+            const h = te(o);
+            return h ? /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("path", { d: h, style: {
+              stroke: g || ce,
+              strokeWidth: Ye || se + 1,
               fill: "none",
               pointerEvents: "none",
               vectorEffect: "non-scaling-stroke"
             } }) }, i) : null;
           }),
           e.filter((o) => !vt(o.lat) && !vt(o.long)).map((o) => {
-            const i = te([o.long, o.lat])[0] > 0.8 * l ? -1 : 1;
-            return /* @__PURE__ */ a.jsxs(se.g, { className: "undp-map-dots", variants: {
+            const i = ee([o.long, o.lat])[0] > 0.8 * s ? -1 : 1;
+            return /* @__PURE__ */ a.jsxs(le.g, { className: "undp-map-dots", variants: {
               initial: {
                 opacity: 0
               },
               whileInView: {
-                opacity: Se.length !== 0 ? Se.indexOf(o.label || "") !== -1 ? 1 : V : 1,
+                opacity: Ne ? Ne.indexOf(o.label || "") !== -1 ? 1 : W : 1,
                 transition: {
                   duration: b.duration
                 }
@@ -234,25 +234,25 @@ function Uo(r) {
               transition: {
                 duration: b.duration
               }
-            }, onMouseEnter: (u) => {
-              _(o), F(u.clientY), E(u.clientX), U?.(o);
-            }, onMouseMove: (u) => {
-              _(o), F(u.clientY), E(u.clientX);
+            }, onMouseEnter: (h) => {
+              z(o), $(h.clientY), E(h.clientX), G?.(o);
+            }, onMouseMove: (h) => {
+              z(o), $(h.clientY), E(h.clientX);
             }, onMouseLeave: () => {
-              _(void 0), E(void 0), F(void 0), U?.(void 0);
+              z(void 0), E(void 0), $(void 0), G?.(void 0);
             }, onClick: () => {
-              (W || q) && (Gt($, o) && Oe ? (Q(void 0), W?.(void 0)) : (Q(o), W?.(o)));
-            }, transform: `translate(${te([o.long, o.lat])[0]},${te([o.long, o.lat])[1]})`, children: [
-              /* @__PURE__ */ a.jsx(se.circle, { cx: 0, cy: 0, variants: {
+              (L || U) && (At(V, o) && Me ? (Z(void 0), L?.(void 0)) : (Z(o), L?.(o)));
+            }, transform: `translate(${ee([o.long, o.lat])[0]},${ee([o.long, o.lat])[1]})`, children: [
+              /* @__PURE__ */ a.jsx(le.circle, { cx: 0, cy: 0, variants: {
                 initial: {
                   r: 0,
-                  fill: Y,
-                  stroke: Ie || Y
+                  fill: X,
+                  stroke: Ee || X
                 },
                 whileInView: {
                   r: k ? k(o.radius || 0) : v,
-                  fill: Y,
-                  stroke: Ie || Y,
+                  fill: X,
+                  stroke: Ee || X,
                   transition: {
                     duration: b.duration
                   }
@@ -266,7 +266,7 @@ function Uo(r) {
                 fillOpacity: 0.8,
                 vectorEffect: "non-scaling-stroke"
               } }),
-              P && o.label ? /* @__PURE__ */ a.jsx(se.text, { variants: {
+              B && o.label ? /* @__PURE__ */ a.jsx(le.text, { variants: {
                 initial: {
                   opacity: 0,
                   x: i * (k ? k(o.radius || 0) : v)
@@ -283,45 +283,45 @@ function Uo(r) {
                 transition: {
                   duration: b.duration
                 }
-              }, y: 0, className: Ft("text-sm", H?.graphObjectValues), style: {
+              }, y: 0, className: Vt("text-sm", q?.graphObjectValues), style: {
                 textAnchor: i === -1 ? "end" : "start",
-                fill: Be || "#000",
+                fill: Ie || "#000",
                 vectorEffect: "non-scaling-stroke",
                 ...N?.graphObjectValues || {}
               }, dx: i * 4, dy: 5, children: o.label }) : null
             ] }, o.label || `${o.lat}-${o.long}`);
           })
         ] }),
-        me.filter((o) => o.position === "after").map((o) => o.layer)
+        de.filter((o) => o.position === "after").map((o) => o.layer)
       ] }) }),
-      Me === !1 ? null : /* @__PURE__ */ a.jsx("div", { className: Ft("absolute left-4 bottom-4 map-color-legend", H?.colorLegend), children: fe ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      De === !1 ? null : /* @__PURE__ */ a.jsx("div", { className: Vt("absolute left-4 bottom-4 map-color-legend", q?.colorLegend), children: ue ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
-          ge(!1);
-        }, children: /* @__PURE__ */ a.jsx(Do, {}) }),
+          he(!1);
+        }, children: /* @__PURE__ */ a.jsx(ko, {}) }),
         /* @__PURE__ */ a.jsxs("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", style: {
-          width: re ? void 0 : "340px"
+          width: ae ? void 0 : "340px"
         }, children: [
-          he && he !== "" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+          pe && pe !== "" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-                backgroundColor: Y
+                backgroundColor: X
               } }),
-              /* @__PURE__ */ a.jsx(Vt, { size: "xs", marginBottom: "none", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+              /* @__PURE__ */ a.jsx(Lt, { size: "xs", marginBottom: "none", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
                 display: "-webkit-box",
                 WebkitLineClamp: "1",
                 WebkitBoxOrient: "vertical"
-              }, children: he })
+              }, children: pe })
             ] }),
-            /* @__PURE__ */ a.jsx(qt, { size: "xl" }),
-            /* @__PURE__ */ a.jsx(Zt, {}),
-            /* @__PURE__ */ a.jsx(qt, { size: "xl" })
+            /* @__PURE__ */ a.jsx(Gt, { size: "xl" }),
+            /* @__PURE__ */ a.jsx(Jt, {}),
+            /* @__PURE__ */ a.jsx(Gt, { size: "xl" })
           ] }) : null,
-          y && y !== "" ? /* @__PURE__ */ a.jsx(Vt, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+          y && y !== "" ? /* @__PURE__ */ a.jsx(Lt, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
             display: "-webkit-box",
             WebkitLineClamp: "1",
             WebkitBoxOrient: "vertical"
           }, children: y }) : null,
-          re ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-3", children: n.map((o, i) => /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
+          ae ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-3", children: l.map((o, i) => /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
             O(t[i % t.length]);
           }, onMouseLeave: () => {
             O(void 0);
@@ -329,9 +329,9 @@ function Uo(r) {
             /* @__PURE__ */ a.jsx("div", { className: "w-2 h-2 rounded-full", style: {
               backgroundColor: t[i % t.length]
             } }),
-            /* @__PURE__ */ a.jsx(Vt, { size: "sm", marginBottom: "none", leading: "none", children: o })
+            /* @__PURE__ */ a.jsx(Lt, { size: "sm", marginBottom: "none", leading: "none", children: o })
           ] }, i)) }) : /* @__PURE__ */ a.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { children: [
-            n.map((o, i) => /* @__PURE__ */ a.jsxs("g", { onMouseOver: () => {
+            l.map((o, i) => /* @__PURE__ */ a.jsxs("g", { onMouseOver: () => {
               O(t[i]);
             }, onMouseLeave: () => {
               O(void 0);
@@ -344,196 +344,193 @@ function Uo(r) {
               } }),
               /* @__PURE__ */ a.jsx("text", { x: (i + 1) * 320 / t.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
                 textAnchor: "middle"
-              }, children: zo(o, void 0, void 0, void 0, void 0, Je) })
+              }, children: Io(o, void 0, void 0, void 0, void 0, Je) })
             ] }, i)),
             /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("rect", { onMouseOver: () => {
-              O(t[n.length]);
+              O(t[l.length]);
             }, onMouseLeave: () => {
               O(void 0);
-            }, x: n.length * 320 / t.length + 1, y: 1, width: 320 / t.length - 2, height: 8, className: `cursor-pointer ${M === t[n.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
-              fill: t[n.length],
-              ...M === t[n.length] ? {} : {
-                stroke: t[n.length]
+            }, x: l.length * 320 / t.length + 1, y: 1, width: 320 / t.length - 2, height: 8, className: `cursor-pointer ${M === t[l.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
+              fill: t[l.length],
+              ...M === t[l.length] ? {} : {
+                stroke: t[l.length]
               }
             } }) })
           ] }) })
         ] })
       ] }) : /* @__PURE__ */ a.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-        ge(!0);
-      }, children: /* @__PURE__ */ a.jsx(No, {}) }) }),
-      X === "button" && /* @__PURE__ */ a.jsxs("div", { className: "absolute left-4 top-4 flex flex-col zoom-buttons", children: [
-        /* @__PURE__ */ a.jsx("button", { onClick: () => xe("in"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "+" }),
-        /* @__PURE__ */ a.jsx("button", { onClick: () => xe("out"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "–" })
+        he(!0);
+      }, children: /* @__PURE__ */ a.jsx(Co, {}) }) }),
+      H === "button" && /* @__PURE__ */ a.jsxs("div", { className: "absolute left-4 top-4 flex flex-col zoom-buttons", children: [
+        /* @__PURE__ */ a.jsx("button", { onClick: () => ye("in"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "+" }),
+        /* @__PURE__ */ a.jsx("button", { onClick: () => ye("out"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "–" })
       ] })
     ] }),
-    q && $ !== void 0 ? /* @__PURE__ */ a.jsx(Oo, { body: q, data: $, setData: Q, className: H?.modal }) : null,
-    ve && C && ze && Pe ? /* @__PURE__ */ a.jsx(Co, { data: ve, body: C, xPos: ze, yPos: Pe, backgroundStyle: N?.tooltip, className: H?.tooltip }) : null
+    U && V !== void 0 ? /* @__PURE__ */ a.jsx(Mo, { body: U, data: V, setData: Z, className: q?.modal }) : null,
+    ge && C && Be && ze ? /* @__PURE__ */ a.jsx(jo, { data: ge, body: C, xPos: Be, yPos: ze, backgroundStyle: N?.tooltip, className: q?.tooltip }) : null
   ] });
 }
-function za(r) {
-  const e = io.c(145), {
+function Ia(r) {
+  const e = ao.c(143), {
     data: t,
     mapData: w,
     graphTitle: y,
-    colors: n,
+    colors: l,
     sources: v,
     graphDescription: x,
-    height: l,
-    width: h,
+    height: s,
+    width: u,
     footNote: D,
     mapColorLegendTitle: C,
-    colorDomain: P,
-    choroplethScaleType: ce,
-    radius: de,
-    scale: Ne,
-    centerPoint: U,
-    padding: Me,
+    colorDomain: B,
+    choroplethScaleType: se,
+    radius: ce,
+    scale: Ce,
+    centerPoint: G,
+    padding: De,
     mapBorderWidth: He,
     mapNoDataColor: Xe,
-    backgroundColor: Se,
-    showLabels: W,
-    mapBorderColor: Oe,
-    tooltip: q,
+    backgroundColor: Ne,
+    showLabels: L,
+    mapBorderColor: Me,
+    tooltip: U,
     relativeHeight: N,
-    onSeriesMouseOver: H,
-    isWorldMap: ae,
-    showColorScale: X,
+    onSeriesMouseOver: q,
+    isWorldMap: oe,
+    showColorScale: H,
     zoomScaleExtend: b,
-    zoomTranslateExtend: V,
-    graphID: me,
-    highlightedDataPoints: pe,
-    onSeriesMouseClick: re,
-    graphDownload: Y,
-    dataDownload: Ee,
-    showAntarctica: ie,
-    language: ue,
-    minHeight: he,
-    theme: Ie,
-    ariaLabel: Be,
-    resetSelectionOnDoubleClick: J,
-    detailsOnClick: K,
+    zoomTranslateExtend: W,
+    graphID: de,
+    highlightedDataPoints: Se,
+    onSeriesMouseClick: ae,
+    graphDownload: X,
+    dataDownload: Oe,
+    showAntarctica: re,
+    language: me,
+    minHeight: pe,
+    theme: Ee,
+    ariaLabel: Ie,
+    resetSelectionOnDoubleClick: Y,
+    detailsOnClick: J,
     styles: p,
     classNames: g,
     mapProjection: Ye,
     zoomInteraction: Je,
-    animate: Z,
+    animate: K,
     dimmedOpacity: Ke,
     customLayers: M,
     maxRadiusValue: O,
-    timeline: fe,
-    collapseColorScaleByDefault: ge,
-    dotColor: ye,
-    highlightedIds: $,
-    mapProperty: Q,
-    dotLegendTitle: ve,
-    dotBorderColor: _,
-    labelColor: ze,
+    timeline: ue,
+    collapseColorScaleByDefault: he,
+    dotColor: fe,
+    highlightedIds: V,
+    mapProperty: Z,
+    dotLegendTitle: ge,
+    dotBorderColor: z,
+    labelColor: Be,
     projectionRotate: E,
-    rewindCoordinatesInMapData: Pe,
-    locale: F,
+    rewindCoordinatesInMapData: ze,
+    locale: $,
     mapOverlay: f
-  } = r, j = w === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : w, ne = D === void 0 ? "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries." : D, k = ce === void 0 ? "threshold" : ce, _e = de === void 0 ? 5 : de, ee = Ne === void 0 ? 0.95 : Ne, T = He === void 0 ? 0.5 : He, Le = Xe === void 0 ? De.light.graphNoData : Xe, We = Se === void 0 ? !1 : Se, Ve = W === void 0 ? !1 : W, $e = Oe === void 0 ? De.light.grays["gray-500"] : Oe, L = ae === void 0 ? !0 : ae, te = X === void 0 ? !0 : X;
-  let oe;
-  e[0] !== b ? (oe = b === void 0 ? [0.8, 6] : b, e[0] = b, e[1] = oe) : oe = e[1];
-  const xe = oe;
-  let o;
-  e[2] !== pe ? (o = pe === void 0 ? [] : pe, e[2] = pe, e[3] = o) : o = e[3];
-  const i = o, u = Y === void 0 ? !1 : Y, I = Ee === void 0 ? !1 : Ee, d = ie === void 0 ? !1 : ie, Fe = ue === void 0 ? "en" : ue, B = he === void 0 ? 0 : he, A = Ie === void 0 ? "light" : Ie, xt = J === void 0 ? !0 : J, bt = Ye === void 0 ? "naturalEarth" : Ye, wt = Je === void 0 ? "button" : Je, Ze = Z === void 0 ? !1 : Z, jt = Ke === void 0 ? 0.3 : Ke;
+  } = r, j = w === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : w, ie = D === void 0 ? "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries." : D, k = se === void 0 ? "threshold" : se, Pe = ce === void 0 ? 5 : ce, Q = Ce === void 0 ? 0.95 : Ce, F = He === void 0 ? 0.5 : He, _e = Xe === void 0 ? ke.light.graphNoData : Xe, Le = Ne === void 0 ? !1 : Ne, We = L === void 0 ? !1 : L, Ve = Me === void 0 ? ke.light.grays["gray-500"] : Me, P = oe === void 0 ? !0 : oe, ee = H === void 0 ? !0 : H;
+  let te;
+  e[0] !== b ? (te = b === void 0 ? [0.8, 6] : b, e[0] = b, e[1] = te) : te = e[1];
+  const ye = te, o = X === void 0 ? !1 : X, i = Oe === void 0 ? !1 : Oe, h = re === void 0 ? !1 : re, _ = me === void 0 ? "en" : me, n = pe === void 0 ? 0 : pe, T = Ee === void 0 ? "light" : Ee, $e = Y === void 0 ? !0 : Y, Fe = Ye === void 0 ? "naturalEarth" : Ye, xt = Je === void 0 ? "button" : Je, Ze = K === void 0 ? !1 : K, bt = Ke === void 0 ? 0.3 : Ke;
   let Qe;
-  e[4] !== M ? (Qe = M === void 0 ? [] : M, e[4] = M, e[5] = Qe) : Qe = e[5];
-  const kt = Qe;
+  e[2] !== M ? (Qe = M === void 0 ? [] : M, e[2] = M, e[3] = Qe) : Qe = e[3];
+  const wt = Qe;
   let et;
-  e[6] !== fe ? (et = fe === void 0 ? {
+  e[4] !== ue ? (et = ue === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : fe, e[6] = fe, e[7] = et) : et = e[7];
-  const s = et, Ct = ye === void 0 ? De.primaryColors["blue-600"] : ye;
+  } : ue, e[4] = ue, e[5] = et) : et = e[5];
+  const c = et, jt = fe === void 0 ? ke.primaryColors["blue-600"] : fe;
   let tt;
-  e[8] !== $ ? (tt = $ === void 0 ? [] : $, e[8] = $, e[9] = tt) : tt = e[9];
-  const Dt = tt, Nt = Q === void 0 ? "ISO3" : Q, Mt = ze === void 0 ? De.primaryColors["blue-600"] : ze;
+  e[6] !== V ? (tt = V === void 0 ? [] : V, e[6] = V, e[7] = tt) : tt = e[7];
+  const kt = tt, Ct = Z === void 0 ? "ISO3" : Z, Dt = Be === void 0 ? ke.primaryColors["blue-600"] : Be;
   let ot;
-  e[10] !== E ? (ot = E === void 0 ? [0, 0] : E, e[10] = E, e[11] = ot) : ot = e[11];
-  const St = ot, Ot = Pe === void 0 ? !0 : Pe, Et = F === void 0 ? "en" : F, [le, Qt] = S(0), [Te, eo] = S(0), [R, to] = S(s.autoplay);
+  e[8] !== E ? (ot = E === void 0 ? [0, 0] : E, e[8] = E, e[9] = ot) : ot = e[9];
+  const Nt = ot, Mt = ze === void 0 ? !0 : ze, St = $ === void 0 ? "en" : $, [ne, Kt] = S(0), [Te, Zt] = S(0), [A, Qt] = S(c.autoplay);
   let Ae;
-  if (e[12] !== t || e[13] !== s.dateFormat) {
-    let c;
-    e[15] !== s.dateFormat ? (c = (z) => co(`${z.date}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[15] = s.dateFormat, e[16] = c) : c = e[16], Ae = [...new Set(t.filter(oa).map(c))], Ae.sort(ta), e[12] = t, e[13] = s.dateFormat, e[14] = Ae;
+  if (e[10] !== t || e[11] !== c.dateFormat) {
+    let d;
+    e[13] !== c.dateFormat ? (d = (I) => lo(`${I.date}`, c.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[13] = c.dateFormat, e[14] = d) : d = e[14], Ae = [...new Set(t.filter(ea).map(d))], Ae.sort(Qo), e[10] = t, e[11] = c.dateFormat, e[12] = Ae;
   } else
-    Ae = e[14];
-  const m = Ae, [G, It] = S(s.autoplay ? 0 : m.length - 1), [be, oo] = S(void 0), [Bt, ao] = S(void 0), zt = qe(null), Tt = qe(null);
+    Ae = e[12];
+  const m = Ae, [R, Ot] = S(c.autoplay ? 0 : m.length - 1), [ve, eo] = S(void 0), [Et, to] = S(void 0), It = qe(null), $t = qe(null);
   let at;
-  e[17] !== k || e[18] !== P || e[19] !== n?.length || e[20] !== t ? (at = P || (k === "categorical" ? Fo(t, "x") : To(t.map(ea), n?.length || 4)), e[17] = k, e[18] = P, e[19] = n?.length, e[20] = t, e[21] = at) : at = e[21];
+  e[15] !== k || e[16] !== B || e[17] !== l?.length || e[18] !== t ? (at = B || (k === "categorical" ? Vo(t, "x") : $o(t.map(Zo), l?.length || 4)), e[15] = k, e[16] = B, e[17] = l?.length, e[18] = t, e[19] = at) : at = e[19];
   const Re = at;
   let rt, it;
-  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (rt = () => {
-    const c = new ResizeObserver((z) => {
-      Qt(z[0].target.clientWidth || 620), eo(z[0].target.clientHeight || 480);
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (rt = () => {
+    const d = new ResizeObserver((I) => {
+      Kt(I[0].target.clientWidth || 620), Zt(I[0].target.clientHeight || 480);
     });
-    return zt.current && c.observe(zt.current), () => c.disconnect();
-  }, it = [], e[22] = rt, e[23] = it) : (rt = e[22], it = e[23]), Ue(rt, it);
+    return It.current && d.observe(It.current), () => d.disconnect();
+  }, it = [], e[20] = rt, e[21] = it) : (rt = e[20], it = e[21]), Ue(rt, it);
   let nt;
-  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nt = (c) => {
-    oo(c);
-  }, e[24] = nt) : nt = e[24];
-  const lt = Rt(nt);
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nt = (d) => {
+    eo(d);
+  }, e[22] = nt) : nt = e[22];
+  const lt = Tt(nt);
   let st;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (st = (c) => {
-    ao(c);
-  }, e[25] = st) : st = e[25];
-  const Ge = Rt(st);
+  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (st = (d) => {
+    to(d);
+  }, e[23] = st) : st = e[23];
+  const Ge = Tt(st);
   let ct;
-  e[26] !== j || e[27] !== lt ? (ct = () => {
-    typeof j == "string" ? Ht(j).then((z) => {
-      lt(z);
+  e[24] !== j || e[25] !== lt ? (ct = () => {
+    typeof j == "string" ? Ut(j).then((I) => {
+      lt(I);
     }) : lt(j);
-  }, e[26] = j, e[27] = lt, e[28] = ct) : ct = e[28];
+  }, e[24] = j, e[25] = lt, e[26] = ct) : ct = e[26];
   let dt;
-  e[29] !== j ? (dt = [j], e[29] = j, e[30] = dt) : dt = e[30], Ue(ct, dt);
+  e[27] !== j ? (dt = [j], e[27] = j, e[28] = dt) : dt = e[28], Ue(ct, dt);
   let mt;
-  e[31] !== f?.mapData || e[32] !== Ge ? (mt = () => {
-    f?.mapData || Ge(void 0), typeof f?.mapData == "string" ? Ht(f?.mapData).then((z) => {
-      Ge(z);
+  e[29] !== f?.mapData || e[30] !== Ge ? (mt = () => {
+    f?.mapData || Ge(void 0), typeof f?.mapData == "string" ? Ut(f?.mapData).then((I) => {
+      Ge(I);
     }) : Ge(f?.mapData);
-  }, e[31] = f?.mapData, e[32] = Ge, e[33] = mt) : mt = e[33];
-  const Pt = f?.mapData;
+  }, e[29] = f?.mapData, e[30] = Ge, e[31] = mt) : mt = e[31];
+  const Bt = f?.mapData;
   let pt;
-  e[34] !== Pt ? (pt = [Pt], e[34] = Pt, e[35] = pt) : pt = e[35], Ue(mt, pt);
+  e[32] !== Bt ? (pt = [Bt], e[32] = Bt, e[33] = pt) : pt = e[33], Ue(mt, pt);
   let ut, ht;
-  e[36] !== R || e[37] !== s.speed || e[38] !== m ? (ut = () => {
-    const c = setInterval(() => {
-      It((z) => z < m.length - 1 ? z + 1 : 0);
-    }, (s.speed || 2) * 1e3);
-    return R || clearInterval(c), () => clearInterval(c);
-  }, ht = [m, R, s.speed], e[36] = R, e[37] = s.speed, e[38] = m, e[39] = ut, e[40] = ht) : (ut = e[39], ht = e[40]), Ue(ut, ht);
-  const _t = s.dateFormat || "yyyy";
+  e[34] !== A || e[35] !== c.speed || e[36] !== m ? (ut = () => {
+    const d = setInterval(() => {
+      Ot((I) => I < m.length - 1 ? I + 1 : 0);
+    }, (c.speed || 2) * 1e3);
+    return A || clearInterval(d), () => clearInterval(d);
+  }, ht = [m, A, c.speed], e[34] = A, e[35] = c.speed, e[36] = m, e[37] = ut, e[38] = ht) : (ut = e[37], ht = e[38]), Ue(ut, ht);
+  const zt = c.dateFormat || "yyyy";
   let ft;
-  e[41] !== G || e[42] !== _t || e[43] !== s.showOnlyActiveDate || e[44] !== m ? (ft = mo(m, G, s.showOnlyActiveDate, _t), e[41] = G, e[42] = _t, e[43] = s.showOnlyActiveDate, e[44] = m, e[45] = ft) : ft = e[45];
-  const gt = ft, Lt = g?.graphContainer, Wt = p?.graphContainer;
-  let we;
-  e[46] !== g?.description || e[47] !== g?.title || e[48] !== t || e[49] !== I || e[50] !== x || e[51] !== u || e[52] !== y || e[53] !== p?.description || e[54] !== p?.title || e[55] !== h ? (we = y || x || u || I ? /* @__PURE__ */ a.jsx(Wo, { styles: {
+  e[39] !== R || e[40] !== zt || e[41] !== c.showOnlyActiveDate || e[42] !== m ? (ft = so(m, R, c.showOnlyActiveDate, zt), e[39] = R, e[40] = zt, e[41] = c.showOnlyActiveDate, e[42] = m, e[43] = ft) : ft = e[43];
+  const gt = ft, Pt = g?.graphContainer, _t = p?.graphContainer;
+  let xe;
+  e[44] !== g?.description || e[45] !== g?.title || e[46] !== t || e[47] !== i || e[48] !== x || e[49] !== o || e[50] !== y || e[51] !== p?.description || e[52] !== p?.title || e[53] !== u ? (xe = y || x || o || i ? /* @__PURE__ */ a.jsx(_o, { styles: {
     title: p?.title,
     description: p?.description
   }, classNames: {
     title: g?.title,
     description: g?.description
-  }, graphTitle: y, graphDescription: x, width: h, graphDownload: u ? Tt : void 0, dataDownload: I ? t.map(Qo).filter(Zo).length > 0 ? t.map(Ko).filter(Jo) : t.filter(Yo) : null }) : null, e[46] = g?.description, e[47] = g?.title, e[48] = t, e[49] = I, e[50] = x, e[51] = u, e[52] = y, e[53] = p?.description, e[54] = p?.title, e[55] = h, e[56] = we) : we = e[56];
-  let je;
-  e[57] !== G || e[58] !== gt || e[59] !== R || e[60] !== s.enabled || e[61] !== m ? (je = s.enabled && m.length > 0 && gt ? /* @__PURE__ */ a.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  }, graphTitle: y, graphDescription: x, width: u, graphDownload: o ? $t : void 0, dataDownload: i ? t.map(Ko).filter(Jo).length > 0 ? t.map(Yo).filter(Xo) : t.filter(Ho) : null }) : null, e[44] = g?.description, e[45] = g?.title, e[46] = t, e[47] = i, e[48] = x, e[49] = o, e[50] = y, e[51] = p?.description, e[52] = p?.title, e[53] = u, e[54] = xe) : xe = e[54];
+  let be;
+  e[55] !== R || e[56] !== gt || e[57] !== A || e[58] !== c.enabled || e[59] !== m ? (be = c.enabled && m.length > 0 && gt ? /* @__PURE__ */ a.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => {
-      to(!R);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": R ? "Click to pause animation" : "Click to play animation", children: R ? /* @__PURE__ */ a.jsx(Mo, {}) : /* @__PURE__ */ a.jsx(So, {}) }),
-    /* @__PURE__ */ a.jsx(po, { min: m[0], max: m[m.length - 1], marks: gt, step: null, defaultValue: m[m.length - 1], value: m[G], onChangeComplete: (c) => {
-      It(m.indexOf(c));
-    }, onChange: (c) => {
-      It(m.indexOf(c));
+      Qt(!A);
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": A ? "Click to pause animation" : "Click to play animation", children: A ? /* @__PURE__ */ a.jsx(Do, {}) : /* @__PURE__ */ a.jsx(No, {}) }),
+    /* @__PURE__ */ a.jsx(co, { min: m[0], max: m[m.length - 1], marks: gt, step: null, defaultValue: m[m.length - 1], value: m[R], onChangeComplete: (d) => {
+      Ot(m.indexOf(d));
+    }, onChange: (d) => {
+      Ot(m.indexOf(d));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[57] = G, e[58] = gt, e[59] = R, e[60] = s.enabled, e[61] = m, e[62] = je) : je = e[62];
-  let ke;
-  e[63] !== Ze || e[64] !== U || e[65] !== k || e[66] !== g || e[67] !== ge || e[68] !== n || e[69] !== kt || e[70] !== t || e[71] !== K || e[72] !== jt || e[73] !== Re || e[74] !== _ || e[75] !== Ct || e[76] !== ve || e[77] !== l || e[78] !== i || e[79] !== Dt || e[80] !== G || e[81] !== L || e[82] !== Mt || e[83] !== Et || e[84] !== $e || e[85] !== T || e[86] !== C || e[87] !== Le || e[88] !== f?.mapBorderColor || e[89] !== f?.mapBorderWidth || e[90] !== bt || e[91] !== Nt || e[92] !== be || e[93] !== O || e[94] !== B || e[95] !== re || e[96] !== H || e[97] !== Bt || e[98] !== St || e[99] !== _e || e[100] !== N || e[101] !== xt || e[102] !== Ot || e[103] !== ee || e[104] !== d || e[105] !== te || e[106] !== Ve || e[107] !== p || e[108] !== Te || e[109] !== le || e[110] !== A || e[111] !== s.dateFormat || e[112] !== s.enabled || e[113] !== q || e[114] !== m || e[115] !== h || e[116] !== wt || e[117] !== xe || e[118] !== V ? (ke = /* @__PURE__ */ a.jsx(Vo, { ref: zt, children: le && Te && be ? /* @__PURE__ */ a.jsx(Uo, { dotColor: Ct, data: t.filter((c) => s.enabled ? `${c.date}` === so(new Date(m[G]), s.dateFormat || "yyyy") : c), mapData: d ? be : {
-    ...be,
-    features: be.features.filter(Xo)
-  }, overlayMapData: Bt, overlayMapBorderColor: f?.mapBorderColor, overlayMapBorderWidth: f?.mapBorderWidth, colorDomain: Re, width: le, height: Te, scale: ee, centerPoint: U, colors: n || (k === "categorical" ? De[A].sequentialColors[`neutralColorsx0${Re.length}`] : De[A].sequentialColors[`neutralColorsx0${Re.length + 1}`]), mapColorLegendTitle: C, radius: _e, categorical: k === "categorical", mapBorderWidth: T, mapNoDataColor: Le, mapBorderColor: $e, tooltip: q, onSeriesMouseOver: H, showLabels: Ve, isWorldMap: L, showColorScale: te, zoomScaleExtend: xe, zoomTranslateExtend: V, onSeriesMouseClick: re, highlightedDataPoints: i, resetSelectionOnDoubleClick: xt, styles: p, classNames: g, zoomInteraction: wt, detailsOnClick: K, mapProjection: bt || (L ? "naturalEarth" : "mercator"), animate: Ze === !0 ? {
+  ] }) : null, e[55] = R, e[56] = gt, e[57] = A, e[58] = c.enabled, e[59] = m, e[60] = be) : be = e[60];
+  let we;
+  e[61] !== Ze || e[62] !== G || e[63] !== k || e[64] !== g || e[65] !== he || e[66] !== l || e[67] !== wt || e[68] !== t || e[69] !== J || e[70] !== bt || e[71] !== Re || e[72] !== z || e[73] !== jt || e[74] !== ge || e[75] !== s || e[76] !== Se || e[77] !== kt || e[78] !== R || e[79] !== P || e[80] !== Dt || e[81] !== St || e[82] !== Ve || e[83] !== F || e[84] !== C || e[85] !== _e || e[86] !== f?.mapBorderColor || e[87] !== f?.mapBorderWidth || e[88] !== Fe || e[89] !== Ct || e[90] !== ve || e[91] !== O || e[92] !== n || e[93] !== ae || e[94] !== q || e[95] !== Et || e[96] !== Nt || e[97] !== Pe || e[98] !== N || e[99] !== $e || e[100] !== Mt || e[101] !== Q || e[102] !== h || e[103] !== ee || e[104] !== We || e[105] !== p || e[106] !== Te || e[107] !== ne || e[108] !== T || e[109] !== c.dateFormat || e[110] !== c.enabled || e[111] !== U || e[112] !== m || e[113] !== u || e[114] !== xt || e[115] !== ye || e[116] !== W ? (we = /* @__PURE__ */ a.jsx(Lo, { ref: It, children: ne && Te && ve ? /* @__PURE__ */ a.jsx(Ro, { dotColor: jt, data: t.filter((d) => c.enabled ? `${d.date}` === no(new Date(m[R]), c.dateFormat || "yyyy") : d), mapData: h ? ve : {
+    ...ve,
+    features: ve.features.filter(qo)
+  }, overlayMapData: Et, overlayMapBorderColor: f?.mapBorderColor, overlayMapBorderWidth: f?.mapBorderWidth, colorDomain: Re, width: ne, height: Te, scale: Q, centerPoint: G, colors: l || (k === "categorical" ? ke[T].sequentialColors[`neutralColorsx0${Re.length}`] : ke[T].sequentialColors[`neutralColorsx0${Re.length + 1}`]), mapColorLegendTitle: C, radius: Pe, categorical: k === "categorical", mapBorderWidth: F, mapNoDataColor: _e, mapBorderColor: Ve, tooltip: U, onSeriesMouseOver: q, showLabels: We, isWorldMap: P, showColorScale: ee, zoomScaleExtend: ye, zoomTranslateExtend: W, onSeriesMouseClick: ae, highlightedDataPoints: Se, resetSelectionOnDoubleClick: $e, styles: p, classNames: g, zoomInteraction: xt, detailsOnClick: J, mapProjection: Fe || (P ? "naturalEarth" : "mercator"), animate: Ze === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -541,59 +538,59 @@ function za(r) {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: jt, customLayers: kt, maxRadiusValue: vt(O) ? Math.max(...t.map(Ho).filter(qo)) : O, collapseColorScaleByDefault: ge, highlightedIds: Dt, mapProperty: Nt, dotLegendTitle: ve, dotBorderColor: _, labelColor: Mt, projectionRotate: St, rewindCoordinatesInMapData: Ot, locale: Et }) : /* @__PURE__ */ a.jsx("div", { style: {
-    height: `${Math.max(B, l || (N ? B ? (h || le) * N > B ? (h || le) * N : B : (h || le) * N : Te))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(uo, { "aria-label": "Loading graph" }) }) }), e[63] = Ze, e[64] = U, e[65] = k, e[66] = g, e[67] = ge, e[68] = n, e[69] = kt, e[70] = t, e[71] = K, e[72] = jt, e[73] = Re, e[74] = _, e[75] = Ct, e[76] = ve, e[77] = l, e[78] = i, e[79] = Dt, e[80] = G, e[81] = L, e[82] = Mt, e[83] = Et, e[84] = $e, e[85] = T, e[86] = C, e[87] = Le, e[88] = f?.mapBorderColor, e[89] = f?.mapBorderWidth, e[90] = bt, e[91] = Nt, e[92] = be, e[93] = O, e[94] = B, e[95] = re, e[96] = H, e[97] = Bt, e[98] = St, e[99] = _e, e[100] = N, e[101] = xt, e[102] = Ot, e[103] = ee, e[104] = d, e[105] = te, e[106] = Ve, e[107] = p, e[108] = Te, e[109] = le, e[110] = A, e[111] = s.dateFormat, e[112] = s.enabled, e[113] = q, e[114] = m, e[115] = h, e[116] = wt, e[117] = xe, e[118] = V, e[119] = ke) : ke = e[119];
-  let Ce;
-  e[120] !== g?.footnote || e[121] !== g?.source || e[122] !== ne || e[123] !== v || e[124] !== p?.footnote || e[125] !== p?.source || e[126] !== h ? (Ce = v || ne ? /* @__PURE__ */ a.jsx(Lo, { styles: {
+  }, dimmedOpacity: bt, customLayers: wt, maxRadiusValue: vt(O) ? Math.max(...t.map(Uo).filter(Go)) : O, collapseColorScaleByDefault: he, highlightedIds: kt, mapProperty: Ct, dotLegendTitle: ge, dotBorderColor: z, labelColor: Dt, projectionRotate: Nt, rewindCoordinatesInMapData: Mt, locale: St }) : /* @__PURE__ */ a.jsx("div", { style: {
+    height: `${Math.max(n, s || (N ? n ? (u || ne) * N > n ? (u || ne) * N : n : (u || ne) * N : Te))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(mo, { "aria-label": "Loading graph" }) }) }), e[61] = Ze, e[62] = G, e[63] = k, e[64] = g, e[65] = he, e[66] = l, e[67] = wt, e[68] = t, e[69] = J, e[70] = bt, e[71] = Re, e[72] = z, e[73] = jt, e[74] = ge, e[75] = s, e[76] = Se, e[77] = kt, e[78] = R, e[79] = P, e[80] = Dt, e[81] = St, e[82] = Ve, e[83] = F, e[84] = C, e[85] = _e, e[86] = f?.mapBorderColor, e[87] = f?.mapBorderWidth, e[88] = Fe, e[89] = Ct, e[90] = ve, e[91] = O, e[92] = n, e[93] = ae, e[94] = q, e[95] = Et, e[96] = Nt, e[97] = Pe, e[98] = N, e[99] = $e, e[100] = Mt, e[101] = Q, e[102] = h, e[103] = ee, e[104] = We, e[105] = p, e[106] = Te, e[107] = ne, e[108] = T, e[109] = c.dateFormat, e[110] = c.enabled, e[111] = U, e[112] = m, e[113] = u, e[114] = xt, e[115] = ye, e[116] = W, e[117] = we) : we = e[117];
+  let je;
+  e[118] !== g?.footnote || e[119] !== g?.source || e[120] !== ie || e[121] !== v || e[122] !== p?.footnote || e[123] !== p?.source || e[124] !== u ? (je = v || ie ? /* @__PURE__ */ a.jsx(Po, { styles: {
     footnote: p?.footnote,
     source: p?.source
   }, classNames: {
     footnote: g?.footnote,
     source: g?.source
-  }, sources: v, footNote: ne, width: h }) : null, e[120] = g?.footnote, e[121] = g?.source, e[122] = ne, e[123] = v, e[124] = p?.footnote, e[125] = p?.source, e[126] = h, e[127] = Ce) : Ce = e[127];
+  }, sources: v, footNote: ie, width: u }) : null, e[118] = g?.footnote, e[119] = g?.source, e[120] = ie, e[121] = v, e[122] = p?.footnote, e[123] = p?.source, e[124] = u, e[125] = je) : je = e[125];
   let yt;
-  return e[128] !== Be || e[129] !== We || e[130] !== me || e[131] !== l || e[132] !== Fe || e[133] !== B || e[134] !== Me || e[135] !== N || e[136] !== Lt || e[137] !== Wt || e[138] !== we || e[139] !== je || e[140] !== ke || e[141] !== Ce || e[142] !== A || e[143] !== h ? (yt = /* @__PURE__ */ a.jsxs($o, { className: Lt, style: Wt, id: me, ref: Tt, "aria-label": Be, backgroundColor: We, theme: A, language: Fe, minHeight: B, width: h, height: l, relativeHeight: N, padding: Me, children: [
+  return e[126] !== Ie || e[127] !== Le || e[128] !== de || e[129] !== s || e[130] !== _ || e[131] !== n || e[132] !== De || e[133] !== N || e[134] !== Pt || e[135] !== _t || e[136] !== xe || e[137] !== be || e[138] !== we || e[139] !== je || e[140] !== T || e[141] !== u ? (yt = /* @__PURE__ */ a.jsxs(Wo, { className: Pt, style: _t, id: de, ref: $t, "aria-label": Ie, backgroundColor: Le, theme: T, language: _, minHeight: n, width: u, height: s, relativeHeight: N, padding: De, children: [
+    xe,
+    be,
     we,
-    je,
-    ke,
-    Ce
-  ] }), e[128] = Be, e[129] = We, e[130] = me, e[131] = l, e[132] = Fe, e[133] = B, e[134] = Me, e[135] = N, e[136] = Lt, e[137] = Wt, e[138] = we, e[139] = je, e[140] = ke, e[141] = Ce, e[142] = A, e[143] = h, e[144] = yt) : yt = e[144], yt;
+    je
+  ] }), e[126] = Ie, e[127] = Le, e[128] = de, e[129] = s, e[130] = _, e[131] = n, e[132] = De, e[133] = N, e[134] = Pt, e[135] = _t, e[136] = xe, e[137] = be, e[138] = we, e[139] = je, e[140] = T, e[141] = u, e[142] = yt) : yt = e[142], yt;
 }
-function qo(r) {
+function Go(r) {
   return r != null;
 }
-function Ho(r) {
+function Uo(r) {
   return r.radius;
 }
-function Xo(r) {
+function qo(r) {
   return r.properties?.NAME !== "Antarctica";
 }
-function Yo(r) {
+function Ho(r) {
   return r !== void 0;
 }
-function Jo(r) {
+function Xo(r) {
   return r !== void 0;
 }
-function Ko(r) {
+function Yo(r) {
   return r.data;
 }
-function Zo(r) {
+function Jo(r) {
   return r !== void 0;
 }
-function Qo(r) {
+function Ko(r) {
   return r.data;
 }
-function ea(r) {
+function Zo(r) {
   return r.x;
 }
-function ta(r, e) {
+function Qo(r, e) {
   return r - e;
 }
-function oa(r) {
+function ea(r) {
   return r.date;
 }
 export {
-  za as HybridMap
+  Ia as HybridMap
 };
 //# sourceMappingURL=HybridMap.js.map