@undp/data-viz 2.2.2 → 2.3.0

package/dist/HybridMap.js

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