@undp/data-viz 2.0.8 → 2.1.0

package/dist/DotDensityMap.js

@@ -1,161 +1,160 @@
-import { j as o, m as se, c as ce } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as D, useRef as $t, useEffect as Ut, useEffectEvent as me } from "react";
+import { j as o, m as le, c as ce } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as k, useRef as Mt, useEffect as Ut, useEffectEvent as me } from "react";
 import { p as de, f as ue } from "./parse-DlCRUFh_.js";
 import { g as pe, N as fe } from "./getSliderMarks-HIDJ0_Cd.js";
 import { w as he } from "./Spinner-D7rnnwnA.js";
 import { i as ge } from "./index-Bwrro8-q.js";
-import { z as ye, t as ve, g as xe, a as be, b as we, c as je, d as ke } from "./zoom-C9MFjAaV.js";
-import { l as De } from "./Modal-DGcuAHyK.js";
-import { j as Ce } from "./Typography-PxtFcnJb.js";
-import { t as Ne } from "./index-GEsywGxz.js";
-import { T as Se } from "./Tooltip-CwWUegPB.js";
-import { Colors as E } from "./Colors.js";
-import { s as Oe } from "./string2HTML-DhG75NqA.js";
-import { X as Me, P as $e, e as Ee } from "./index-D491FEn1.js";
-import { s as Le } from "./pow-DE4c7dbW.js";
+import { z as ye, t as xe, g as ve, a as be, b as we, c as je, d as De } from "./zoom-C9MFjAaV.js";
+import { j as ke } from "./Typography-PxtFcnJb.js";
+import { t as Ce } from "./index-GEsywGxz.js";
+import { T as Ne } from "./Tooltip-Dj5eVppQ.js";
+import { Colors as M } from "./Colors.js";
+import { X as Se, P as Oe, e as $e } from "./index-D491FEn1.js";
+import { D as Me } from "./DetailsModal-0Ry5nXiC.js";
+import { s as Ee } from "./pow-DE4c7dbW.js";
 import { s as oe } from "./select-DKy99ogv.js";
 import { u as Pe } from "./use-in-view-Cxa7y1TH.js";
-import { m as Rt } from "./proxy-BxkFHwUw.js";
-import { A as _e } from "./index-BqfRwk1n.js";
-import { GraphFooter as ze } from "./GraphFooter.js";
-import { GraphHeader as Ie } from "./GraphHeader.js";
-import { f as Be } from "./fetchAndParseData-BpqkBPQL.js";
-import { c as We } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { m as Ht } from "./proxy-BxkFHwUw.js";
+import { A as ze } from "./index-BqfRwk1n.js";
+import { GraphFooter as Le } from "./GraphFooter.js";
+import { GraphHeader as _e } from "./GraphHeader.js";
+import { f as Ie } from "./fetchAndParseData-BpqkBPQL.js";
+import { c as Be } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { u as ae } from "./uniqBy-BHy4I8PK.js";
-import { a as Te, G as Ve } from "./GraphContainer-CRqzdKu2.js";
+import { a as We, G as Ve } from "./GraphContainer-CRqzdKu2.js";
 import { s as Ae } from "./sort-BIvMlUH1.js";
-import { a as Fe } from "./init-BJFW6EwE.js";
-function He(a) {
+import { a as Te } from "./init-BJFW6EwE.js";
+function Fe(a) {
   const {
     data: t,
     colors: r,
     mapData: q,
-    colorLegendTitle: L,
+    colorLegendTitle: E,
     colorDomain: b,
     radius: N,
-    height: h,
+    height: f,
     width: c,
     scale: u,
     centerPoint: P,
     tooltip: X,
-    showLabels: ut,
-    mapBorderWidth: pt,
-    mapBorderColor: ft,
+    showLabels: pt,
+    mapBorderWidth: ft,
+    mapBorderColor: ht,
     mapNoDataColor: Y,
     onSeriesMouseOver: K,
     showColorScale: Et,
-    zoomScaleExtend: Lt,
-    zoomTranslateExtend: Pt,
-    highlightedDataPoints: ht,
+    zoomScaleExtend: Pt,
+    zoomTranslateExtend: zt,
+    highlightedDataPoints: gt,
     onSeriesMouseClick: Z,
-    resetSelectionOnDoubleClick: gt,
-    detailsOnClick: p,
-    styles: yt,
-    classNames: vt,
-    mapProjection: T,
+    resetSelectionOnDoubleClick: yt,
+    detailsOnClick: x,
+    styles: xt,
+    classNames: J,
+    mapProjection: W,
     zoomInteraction: C,
     animate: w,
-    dimmedOpacity: J,
+    dimmedOpacity: Q,
     customLayers: V,
-    maxRadiusValue: xt,
+    maxRadiusValue: vt,
     collapseColorScaleByDefault: bt
-  } = a, [wt, jt] = D(void 0), [_t, kt] = D(bt === void 0 ? !(c < 680) : !bt), Q = $t(null), [S, tt] = D(void 0), [et, l] = D(void 0), [s, A] = D(void 0), [Dt, ot] = D(void 0), _ = $t(null), z = Pe(_, {
+  } = a, [wt, jt] = k(void 0), [Lt, Dt] = k(bt === void 0 ? !(c < 680) : !bt), tt = Mt(null), [A, et] = k(void 0), [ot, s] = k(void 0), [l, T] = k(void 0), [kt, rt] = k(void 0), z = Mt(null), L = Pe(z, {
     once: w.once,
     amount: w.amount
-  }), F = $t(null), O = t.filter((e) => e.radius === void 0 || e.radius === null).length !== t.length ? Le().domain([0, xt]).range([0.25, N]).nice() : void 0;
+  }), F = Mt(null), S = t.filter((e) => e.radius === void 0 || e.radius === null).length !== t.length ? Ee().domain([0, vt]).range([0.25, N]).nice() : void 0;
   Ut(() => {
-    const e = oe(F.current), g = oe(_.current), i = (n) => {
+    const e = oe(F.current), h = oe(z.current), i = (n) => {
       if (C === "noZoom") return !1;
       if (C === "button") return !n.type.includes("wheel");
-      const j = n.type === "wheel", x = n.type.startsWith("touch"), v = n.type === "mousedown" || n.type === "mousemove";
-      return x ? !0 : j ? C === "scroll" ? !0 : n.ctrlKey : v && !n.button && !n.ctrlKey;
-    }, k = ye().scaleExtent(Lt).translateExtent(Pt || [[-20, -20], [c + 20, h + 20]]).filter(i).on("zoom", ({
+      const j = n.type === "wheel", v = n.type.startsWith("touch"), y = n.type === "mousedown" || n.type === "mousemove";
+      return v ? !0 : j ? C === "scroll" ? !0 : n.ctrlKey : y && !n.button && !n.ctrlKey;
+    }, D = ye().scaleExtent(Pt).translateExtent(zt || [[-20, -20], [c + 20, f + 20]]).filter(i).on("zoom", ({
       transform: n
     }) => {
       e.attr("transform", n);
     });
-    g.call(k), Q.current = k;
-  }, [h, c, C]);
-  const I = ve(q), y = Ne(q), rt = I[2] - I[0], Ct = I[3] - I[1], Nt = c * 190 / 960 * 360 / rt, St = h * 190 / 678 * 180 / Ct, M = u * Math.min(Nt, St), B = T === "mercator" ? xe().rotate([0, 0]).center(P || y.geometry.coordinates).translate([c / 2, h / 2]).scale(M) : T === "equalEarth" ? be().rotate([0, 0]).center(P || y.geometry.coordinates).translate([c / 2, h / 2]).scale(M) : T === "naturalEarth" ? we().rotate([0, 0]).center(P || y.geometry.coordinates).translate([c / 2, h / 2]).scale(M) : T === "orthographic" ? je().rotate([0, 0]).center(P || y.geometry.coordinates).translate([c / 2, h / 2]).scale(M) : ke().rotate([0, 0]).center(P || y.geometry.coordinates).translate([c / 2, h / 2]).scale(M), at = (e) => {
-    if (!_.current || !Q.current) return;
-    oe(_.current).call(Q.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
+    h.call(D), tt.current = D;
+  }, [f, c, C]);
+  const _ = xe(q), g = Ce(q), at = _[2] - _[0], Ct = _[3] - _[1], Nt = c * 190 / 960 * 360 / at, St = f * 190 / 678 * 180 / Ct, O = u * Math.min(Nt, St), I = W === "mercator" ? ve().rotate([0, 0]).center(P || g.geometry.coordinates).translate([c / 2, f / 2]).scale(O) : W === "equalEarth" ? be().rotate([0, 0]).center(P || g.geometry.coordinates).translate([c / 2, f / 2]).scale(O) : W === "naturalEarth" ? we().rotate([0, 0]).center(P || g.geometry.coordinates).translate([c / 2, f / 2]).scale(O) : W === "orthographic" ? je().rotate([0, 0]).center(P || g.geometry.coordinates).translate([c / 2, f / 2]).scale(O) : De().rotate([0, 0]).center(P || g.geometry.coordinates).translate([c / 2, f / 2]).scale(O), it = (e) => {
+    if (!z.current || !tt.current) return;
+    oe(z.current).call(tt.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ o.jsx(Rt.svg, { width: `${c}px`, height: `${h}px`, viewBox: `0 0 ${c} ${h}`, ref: _, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: F, children: [
+      /* @__PURE__ */ o.jsx(Ht.svg, { width: `${c}px`, height: `${f}px`, viewBox: `0 0 ${c} ${f}`, ref: z, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: F, children: [
         V.filter((e) => e.position === "before").map((e) => e.layer),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        q.features.map((e, g) => /* @__PURE__ */ o.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
+        q.features.map((e, h) => /* @__PURE__ */ o.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          e.geometry.coordinates.map((i, k) => {
+          e.geometry.coordinates.map((i, D) => {
             let n = "";
             return i.forEach((j) => {
-              let x = " M";
-              j.forEach((v, it) => {
-                const W = B([v[0], v[1]]);
-                it !== j.length - 1 ? x = `${x}${W[0]} ${W[1]}L` : x = `${x}${W[0]} ${W[1]}`;
-              }), n += x;
+              let v = " M";
+              j.forEach((y, nt) => {
+                const B = I([y[0], y[1]]);
+                nt !== j.length - 1 ? v = `${v}${B[0]} ${B[1]}L` : v = `${v}${B[0]} ${B[1]}`;
+              }), n += v;
             }), /* @__PURE__ */ o.jsx("path", { d: n, style: {
-              stroke: ft,
-              strokeWidth: pt,
+              stroke: ht,
+              strokeWidth: ft,
               fill: Y
-            } }, k);
+            } }, D);
           })
         ) : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          e.geometry.coordinates.map((i, k) => {
+          e.geometry.coordinates.map((i, D) => {
             let n = "M";
-            return i.forEach((j, x) => {
-              const v = B([j[0], j[1]]);
-              x !== i.length - 1 ? n = `${n}${v[0]} ${v[1]}L` : n = `${n}${v[0]} ${v[1]}`;
+            return i.forEach((j, v) => {
+              const y = I([j[0], j[1]]);
+              v !== i.length - 1 ? n = `${n}${y[0]} ${y[1]}L` : n = `${n}${y[0]} ${y[1]}`;
             }), /* @__PURE__ */ o.jsx("path", { d: n, style: {
-              stroke: ft,
-              strokeWidth: pt,
+              stroke: ht,
+              strokeWidth: ft,
               fill: Y
-            } }, k);
+            } }, D);
           })
-        ) }, g)),
-        /* @__PURE__ */ o.jsx(_e, { children: t.map((e) => {
-          const g = t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : E.gray;
-          return /* @__PURE__ */ o.jsxs(Rt.g, { variants: {
+        ) }, h)),
+        /* @__PURE__ */ o.jsx(ze, { children: t.map((e) => {
+          const h = t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : M.gray;
+          return /* @__PURE__ */ o.jsxs(Ht.g, { variants: {
             initial: {
               opacity: 0
             },
             whileInView: {
-              opacity: wt ? wt === g ? 1 : J : ht.length !== 0 ? ht.indexOf(e.label || "") !== -1 ? 1 : J : 1,
+              opacity: wt ? wt === h ? 1 : Q : gt.length !== 0 ? gt.indexOf(e.label || "") !== -1 ? 1 : Q : 1,
               transition: {
                 duration: w.duration
               }
             }
-          }, initial: "initial", animate: z ? "whileInView" : "initial", exit: {
+          }, initial: "initial", animate: L ? "whileInView" : "initial", exit: {
             opacity: 0,
             transition: {
               duration: w.duration
             }
           }, onMouseEnter: (i) => {
-            l(e), ot(i.clientY), A(i.clientX), K?.(e);
+            s(e), rt(i.clientY), T(i.clientX), K?.(e);
           }, onMouseMove: (i) => {
-            l(e), ot(i.clientY), A(i.clientX);
+            s(e), rt(i.clientY), T(i.clientX);
           }, onMouseLeave: () => {
-            l(void 0), A(void 0), ot(void 0), K?.(void 0);
+            s(void 0), T(void 0), rt(void 0), K?.(void 0);
           }, onClick: () => {
-            (Z || p) && (ge(S, e) && gt ? (tt(void 0), Z?.(void 0)) : (tt(e), Z?.(e)));
-          }, transform: `translate(${B([e.long, e.lat])[0]},${B([e.long, e.lat])[1]})`, children: [
-            /* @__PURE__ */ o.jsx(Rt.circle, { cx: 0, cy: 0, variants: {
+            (Z || x) && (ge(A, e) && yt ? (et(void 0), Z?.(void 0)) : (et(e), Z?.(e)));
+          }, transform: `translate(${I([e.long, e.lat])[0]},${I([e.long, e.lat])[1]})`, children: [
+            /* @__PURE__ */ o.jsx(Ht.circle, { cx: 0, cy: 0, variants: {
               initial: {
                 r: 0,
-                fill: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : E.gray,
-                stroke: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : E.gray
+                fill: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : M.gray,
+                stroke: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : M.gray
               },
               whileInView: {
-                r: O ? O(e.radius || 0) : N,
-                fill: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : E.gray,
-                stroke: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : E.gray,
+                r: S ? S(e.radius || 0) : N,
+                fill: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : M.gray,
+                stroke: t.filter((i) => i.color).length === 0 ? r[0] : e.color ? r[b.indexOf(`${e.color}`)] : M.gray,
                 transition: {
                   duration: w.duration
                 }
               }
-            }, initial: "initial", animate: z ? "whileInView" : "initial", exit: {
+            }, initial: "initial", animate: L ? "whileInView" : "initial", exit: {
               r: 0,
               transition: {
                 duration: w.duration
@@ -163,19 +162,19 @@ function He(a) {
             }, style: {
               fillOpacity: 0.8
             } }),
-            ut && e.label ? /* @__PURE__ */ o.jsx(Rt.text, { variants: {
+            pt && e.label ? /* @__PURE__ */ o.jsx(Ht.text, { variants: {
               initial: {
                 opacity: 0,
-                x: O ? O(e.radius || 0) : N
+                x: S ? S(e.radius || 0) : N
               },
               whileInView: {
                 opacity: 1,
-                x: O ? O(e.radius || 0) : N,
+                x: S ? S(e.radius || 0) : N,
                 transition: {
                   duration: w.duration
                 }
               }
-            }, initial: "initial", animate: z ? "whileInView" : "initial", exit: {
+            }, initial: "initial", animate: L ? "whileInView" : "initial", exit: {
               opacity: 0,
               transition: {
                 duration: w.duration
@@ -187,110 +186,106 @@ function He(a) {
         }) }),
         V.filter((e) => e.position === "after").map((e) => e.layer)
       ] }) }),
-      t.filter((e) => e.color).length === 0 || Et === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: se("absolute left-4 bottom-4 map-color-legend", vt?.colorLegend), children: _t ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      t.filter((e) => e.color).length === 0 || Et === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: le("absolute left-4 bottom-4 map-color-legend", J?.colorLegend), children: Lt ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
         /* @__PURE__ */ o.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: () => {
-          kt(!1);
-        }, children: /* @__PURE__ */ o.jsx(Me, {}) }),
+          Dt(!1);
+        }, children: /* @__PURE__ */ o.jsx(Se, {}) }),
         /* @__PURE__ */ o.jsxs("div", { className: "p-2", style: {
           backgroundColor: "rgba(240,240,240, 0.7)"
         }, children: [
-          L && L !== "" ? /* @__PURE__ */ o.jsx("p", { className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+          E && E !== "" ? /* @__PURE__ */ o.jsx("p", { 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: L }) : null,
-          /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: b.map((e, g) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-            jt(r[g % r.length]);
+          }, children: E }) : null,
+          /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: b.map((e, h) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
+            jt(r[h % r.length]);
           }, onMouseLeave: () => {
             jt(void 0);
           }, children: [
             /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-              backgroundColor: r[g % r.length]
+              backgroundColor: r[h % r.length]
             } }),
-            /* @__PURE__ */ o.jsx(Ce, { size: "sm", marginBottom: "none", leading: "none", children: e })
-          ] }, g)) })
+            /* @__PURE__ */ o.jsx(ke, { size: "sm", marginBottom: "none", leading: "none", children: e })
+          ] }, h)) })
         ] })
       ] }) : /* @__PURE__ */ o.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
-        kt(!0);
+        Dt(!0);
       }, children: /* @__PURE__ */ o.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" }) }) }),
       C === "button" && /* @__PURE__ */ o.jsxs("div", { className: "absolute left-4 top-4 flex flex-col zoom-buttons", children: [
-        /* @__PURE__ */ o.jsx("button", { onClick: () => at("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__ */ o.jsx("button", { onClick: () => at("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: "–" })
+        /* @__PURE__ */ o.jsx("button", { onClick: () => it("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__ */ o.jsx("button", { onClick: () => it("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: "–" })
       ] })
     ] }),
-    p && S !== void 0 ? /* @__PURE__ */ o.jsx(De, { open: S !== void 0, onClose: () => {
-      tt(void 0);
-    }, children: /* @__PURE__ */ o.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof p == "string" ? {
-      __html: Oe(p, S)
-    } : void 0, children: typeof p == "function" ? p(S) : null }) }) : null,
-    et && X && s && Dt ? /* @__PURE__ */ o.jsx(Se, { data: et, body: X, xPos: s, yPos: Dt, backgroundStyle: yt?.tooltip, className: vt?.tooltip }) : null
+    x && A !== void 0 ? /* @__PURE__ */ o.jsx(Me, { body: x, data: A, setData: et, className: J?.modal }) : null,
+    ot && X && l && kt ? /* @__PURE__ */ o.jsx(Ne, { data: ot, body: X, xPos: l, yPos: kt, backgroundStyle: xt?.tooltip, className: J?.tooltip }) : null
   ] });
 }
-function Mo(a) {
+function So(a) {
   const t = ce.c(102), {
     data: r,
     mapData: q,
-    graphTitle: L,
+    graphTitle: E,
     colors: b,
     sources: N,
-    graphDescription: h,
+    graphDescription: f,
     height: c,
     width: u,
     footNote: P,
     colorLegendTitle: X,
-    colorDomain: ut,
-    radius: pt,
-    scale: ft,
+    colorDomain: pt,
+    radius: ft,
+    scale: ht,
     centerPoint: Y,
     padding: K,
     mapBorderWidth: Et,
-    mapNoDataColor: Lt,
-    backgroundColor: Pt,
-    showLabels: ht,
+    mapNoDataColor: Pt,
+    backgroundColor: zt,
+    showLabels: gt,
     mapBorderColor: Z,
-    tooltip: gt,
-    relativeHeight: p,
-    onSeriesMouseOver: yt,
-    isWorldMap: vt,
-    showColorScale: T,
+    tooltip: yt,
+    relativeHeight: x,
+    onSeriesMouseOver: xt,
+    isWorldMap: J,
+    showColorScale: W,
     zoomScaleExtend: C,
     zoomTranslateExtend: w,
-    graphID: J,
+    graphID: Q,
     highlightedDataPoints: V,
-    onSeriesMouseClick: xt,
+    onSeriesMouseClick: vt,
     graphDownload: bt,
     dataDownload: wt,
     showAntarctica: jt,
-    language: _t,
-    minHeight: kt,
-    theme: Q,
-    ariaLabel: S,
-    resetSelectionOnDoubleClick: tt,
-    detailsOnClick: et,
-    styles: l,
-    classNames: s,
-    mapProjection: A,
-    zoomInteraction: Dt,
-    animate: ot,
-    dimmedOpacity: _,
-    customLayers: z,
+    language: Lt,
+    minHeight: Dt,
+    theme: tt,
+    ariaLabel: A,
+    resetSelectionOnDoubleClick: et,
+    detailsOnClick: ot,
+    styles: s,
+    classNames: l,
+    mapProjection: T,
+    zoomInteraction: kt,
+    animate: rt,
+    dimmedOpacity: z,
+    customLayers: L,
     maxRadiusValue: F,
-    timeline: O,
-    collapseColorScaleByDefault: I
-  } = a, y = q === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : q, rt = P === 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." : P, Ct = pt === void 0 ? 5 : pt, Nt = ft === void 0 ? 0.95 : ft, St = Et === void 0 ? 0.5 : Et, M = Lt === void 0 ? E.light.graphNoData : Lt, B = Pt === void 0 ? !1 : Pt, at = ht === void 0 ? !1 : ht, e = Z === void 0 ? E.light.grays["gray-500"] : Z, g = vt === void 0 ? !0 : vt, i = T === void 0 ? !0 : T;
-  let k;
-  t[0] !== C ? (k = C === void 0 ? [0.8, 6] : C, t[0] = C, t[1] = k) : k = t[1];
-  const n = k;
+    timeline: S,
+    collapseColorScaleByDefault: _
+  } = a, g = q === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : q, at = P === 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." : P, Ct = ft === void 0 ? 5 : ft, Nt = ht === void 0 ? 0.95 : ht, St = Et === void 0 ? 0.5 : Et, O = Pt === void 0 ? M.light.graphNoData : Pt, I = zt === void 0 ? !1 : zt, it = gt === void 0 ? !1 : gt, e = Z === void 0 ? M.light.grays["gray-500"] : Z, h = J === void 0 ? !0 : J, i = W === void 0 ? !0 : W;
+  let D;
+  t[0] !== C ? (D = C === void 0 ? [0.8, 6] : C, t[0] = C, t[1] = D) : D = t[1];
+  const n = D;
   let j;
   t[2] !== V ? (j = V === void 0 ? [] : V, t[2] = V, t[3] = j) : j = t[3];
-  const x = j, v = bt === void 0 ? !1 : bt, it = wt === void 0 ? !1 : wt, W = jt === void 0 ? !1 : jt, qt = _t === void 0 ? "en" : _t, $ = kt === void 0 ? 0 : kt, nt = Q === void 0 ? "light" : Q, Xt = tt === void 0 ? !0 : tt, Yt = Dt === void 0 ? "button" : Dt, zt = ot === void 0 ? !1 : ot, Kt = _ === void 0 ? 0.3 : _;
+  const v = j, y = bt === void 0 ? !1 : bt, nt = wt === void 0 ? !1 : wt, B = jt === void 0 ? !1 : jt, qt = Lt === void 0 ? "en" : Lt, $ = Dt === void 0 ? 0 : Dt, st = tt === void 0 ? "light" : tt, Xt = et === void 0 ? !0 : et, Yt = kt === void 0 ? "button" : kt, _t = rt === void 0 ? !1 : rt, Kt = z === void 0 ? 0.3 : z;
   let It;
-  t[4] !== z ? (It = z === void 0 ? [] : z, t[4] = z, t[5] = It) : It = t[5];
-  const Zt = It, f = O === void 0 ? {
+  t[4] !== L ? (It = L === void 0 ? [] : L, t[4] = L, t[5] = It) : It = t[5];
+  const Zt = It, p = S === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : O, [H, ie] = D(0), [Ot, ne] = D(0), [G, Jt] = D(f.autoplay), m = Ae(ae(r, "date", !0).map((d) => de(`${d}`, f.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), to), [R, Mt] = D(f.autoplay ? 0 : m.length - 1), [lt, le] = D(void 0), Qt = $t(null), re = $t(null);
+  } : S, [G, ie] = k(0), [Ot, ne] = k(0), [R, Jt] = k(p.autoplay), m = Ae(ae(r, "date", !0).map((d) => de(`${d}`, p.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), Qe), [H, $t] = k(p.autoplay ? 0 : m.length - 1), [lt, se] = k(void 0), Qt = Mt(null), re = Mt(null);
   let Bt, Wt;
   t[6] === Symbol.for("react.memo_cache_sentinel") ? (Bt = () => {
     const d = new ResizeObserver((U) => {
@@ -298,74 +293,74 @@ function Mo(a) {
     });
     return Qt.current && d.observe(Qt.current), () => d.disconnect();
   }, Wt = [], t[6] = Bt, t[7] = Wt) : (Bt = t[6], Wt = t[7]), Ut(Bt, Wt);
+  let Vt;
+  t[8] === Symbol.for("react.memo_cache_sentinel") ? (Vt = (d) => {
+    se(d);
+  }, t[8] = Vt) : Vt = t[8];
+  const At = me(Vt);
   let Tt;
-  t[8] === Symbol.for("react.memo_cache_sentinel") ? (Tt = (d) => {
-    le(d);
-  }, t[8] = Tt) : Tt = t[8];
-  const Vt = me(Tt);
-  let At;
-  t[9] !== y || t[10] !== Vt ? (At = () => {
-    typeof y == "string" ? Be(y).then((U) => {
-      Vt(U);
-    }) : Vt(y);
-  }, t[9] = y, t[10] = Vt, t[11] = At) : At = t[11];
+  t[9] !== g || t[10] !== At ? (Tt = () => {
+    typeof g == "string" ? Ie(g).then((U) => {
+      At(U);
+    }) : At(g);
+  }, t[9] = g, t[10] = At, t[11] = Tt) : Tt = t[11];
   let Ft;
-  t[12] !== y ? (Ft = [y], t[12] = y, t[13] = Ft) : Ft = t[13], Ut(At, Ft), Ut(() => {
+  t[12] !== g ? (Ft = [g], t[12] = g, t[13] = Ft) : Ft = t[13], Ut(Tt, Ft), Ut(() => {
     const d = setInterval(() => {
-      Mt((U) => U < m.length - 1 ? U + 1 : 0);
-    }, (f.speed || 2) * 1e3);
-    return G || clearInterval(d), () => clearInterval(d);
-  }, [m, G, f.speed]);
-  const Ht = pe(m, R, f.showOnlyActiveDate, f.dateFormat || "yyyy"), te = s?.graphContainer, ee = l?.graphContainer;
-  let st;
-  t[14] !== s?.description || t[15] !== s?.title || t[16] !== r || t[17] !== it || t[18] !== h || t[19] !== v || t[20] !== L || t[21] !== l?.description || t[22] !== l?.title || t[23] !== u ? (st = L || h || v || it ? /* @__PURE__ */ o.jsx(Ie, { styles: {
-    title: l?.title,
-    description: l?.description
-  }, classNames: {
+      $t((U) => U < m.length - 1 ? U + 1 : 0);
+    }, (p.speed || 2) * 1e3);
+    return R || clearInterval(d), () => clearInterval(d);
+  }, [m, R, p.speed]);
+  const Gt = pe(m, H, p.showOnlyActiveDate, p.dateFormat || "yyyy"), te = l?.graphContainer, ee = s?.graphContainer;
+  let ct;
+  t[14] !== l?.description || t[15] !== l?.title || t[16] !== r || t[17] !== nt || t[18] !== f || t[19] !== y || t[20] !== E || t[21] !== s?.description || t[22] !== s?.title || t[23] !== u ? (ct = E || f || y || nt ? /* @__PURE__ */ o.jsx(_e, { styles: {
     title: s?.title,
     description: s?.description
-  }, graphTitle: L, graphDescription: h, width: u, graphDownload: v ? re : void 0, dataDownload: it ? r.map(Qe).filter(Je).length > 0 ? r.map(Ze).filter(Ke) : r.filter(Ye) : null }) : null, t[14] = s?.description, t[15] = s?.title, t[16] = r, t[17] = it, t[18] = h, t[19] = v, t[20] = L, t[21] = l?.description, t[22] = l?.title, t[23] = u, t[24] = st) : st = t[24];
-  let ct;
-  t[25] !== R || t[26] !== Ht || t[27] !== G || t[28] !== Mt || t[29] !== Jt || t[30] !== f.enabled || t[31] !== m ? (ct = f.enabled && m.length > 0 && Ht ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  }, classNames: {
+    title: l?.title,
+    description: l?.description
+  }, graphTitle: E, graphDescription: f, width: u, graphDownload: y ? re : void 0, dataDownload: nt ? r.map(Je).filter(Ze).length > 0 ? r.map(Ke).filter(Ye) : r.filter(Xe) : null }) : null, t[14] = l?.description, t[15] = l?.title, t[16] = r, t[17] = nt, t[18] = f, t[19] = y, t[20] = E, t[21] = s?.description, t[22] = s?.title, t[23] = u, t[24] = ct) : ct = t[24];
+  let mt;
+  t[25] !== H || t[26] !== Gt || t[27] !== R || t[28] !== $t || t[29] !== Jt || t[30] !== p.enabled || t[31] !== m ? (mt = p.enabled && m.length > 0 && Gt ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ o.jsx("button", { type: "button", onClick: () => {
-      Jt(!G);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": G ? "Click to pause animation" : "Click to play animation", children: G ? /* @__PURE__ */ o.jsx($e, {}) : /* @__PURE__ */ o.jsx(Ee, {}) }),
-    /* @__PURE__ */ o.jsx(fe, { min: m[0], max: m[m.length - 1], marks: Ht, step: null, defaultValue: m[m.length - 1], value: m[R], onChangeComplete: (d) => {
-      Mt(m.indexOf(d));
+      Jt(!R);
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": R ? "Click to pause animation" : "Click to play animation", children: R ? /* @__PURE__ */ o.jsx(Oe, {}) : /* @__PURE__ */ o.jsx($e, {}) }),
+    /* @__PURE__ */ o.jsx(fe, { min: m[0], max: m[m.length - 1], marks: Gt, step: null, defaultValue: m[m.length - 1], value: m[H], onChangeComplete: (d) => {
+      $t(m.indexOf(d));
     }, onChange: (d) => {
-      Mt(m.indexOf(d));
+      $t(m.indexOf(d));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, t[25] = R, t[26] = Ht, t[27] = G, t[28] = Mt, t[29] = Jt, t[30] = f.enabled, t[31] = m, t[32] = ct) : ct = t[32];
-  let mt;
-  t[33] !== zt || t[34] !== Y || t[35] !== s || t[36] !== I || t[37] !== ut || t[38] !== X || t[39] !== b || t[40] !== Zt || t[41] !== r || t[42] !== et || t[43] !== Kt || t[44] !== c || t[45] !== x || t[46] !== R || t[47] !== g || t[48] !== e || t[49] !== St || t[50] !== M || t[51] !== A || t[52] !== lt || t[53] !== F || t[54] !== $ || t[55] !== xt || t[56] !== yt || t[57] !== Ct || t[58] !== p || t[59] !== Xt || t[60] !== Nt || t[61] !== W || t[62] !== i || t[63] !== at || t[64] !== l || t[65] !== Ot || t[66] !== H || t[67] !== nt || t[68] !== f.dateFormat || t[69] !== f.enabled || t[70] !== gt || t[71] !== m || t[72] !== u || t[73] !== Yt || t[74] !== n || t[75] !== w ? (mt = /* @__PURE__ */ o.jsx(Te, { ref: Qt, children: H && Ot && lt ? /* @__PURE__ */ o.jsx(He, { data: r.filter((d) => f.enabled ? d.date === ue(new Date(m[R]), f.dateFormat || "yyyy") : d), mapData: W ? lt : {
+  ] }) : null, t[25] = H, t[26] = Gt, t[27] = R, t[28] = $t, t[29] = Jt, t[30] = p.enabled, t[31] = m, t[32] = mt) : mt = t[32];
+  let dt;
+  t[33] !== _t || t[34] !== Y || t[35] !== l || t[36] !== _ || t[37] !== pt || t[38] !== X || t[39] !== b || t[40] !== Zt || t[41] !== r || t[42] !== ot || t[43] !== Kt || t[44] !== c || t[45] !== v || t[46] !== H || t[47] !== h || t[48] !== e || t[49] !== St || t[50] !== O || t[51] !== T || t[52] !== lt || t[53] !== F || t[54] !== $ || t[55] !== vt || t[56] !== xt || t[57] !== Ct || t[58] !== x || t[59] !== Xt || t[60] !== Nt || t[61] !== B || t[62] !== i || t[63] !== it || t[64] !== s || t[65] !== Ot || t[66] !== G || t[67] !== st || t[68] !== p.dateFormat || t[69] !== p.enabled || t[70] !== yt || t[71] !== m || t[72] !== u || t[73] !== Yt || t[74] !== n || t[75] !== w ? (dt = /* @__PURE__ */ o.jsx(We, { ref: Qt, children: G && Ot && lt ? /* @__PURE__ */ o.jsx(Fe, { data: r.filter((d) => p.enabled ? d.date === ue(new Date(m[H]), p.dateFormat || "yyyy") : d), mapData: B ? lt : {
     ...lt,
-    features: lt.features.filter(Xe)
-  }, colorDomain: r.filter(qe).length === 0 ? [] : ut || ae(r, "color", !0), width: H, height: Ot, scale: Nt, centerPoint: Y, colors: r.filter(Ue).length === 0 ? b ? [b] : [E.primaryColors["blue-600"]] : b || E[nt].categoricalColors.colors, colorLegendTitle: X, radius: Ct, mapBorderWidth: St, mapNoDataColor: M, mapBorderColor: e, tooltip: gt, onSeriesMouseOver: yt, showLabels: at, isWorldMap: g, showColorScale: i, zoomScaleExtend: n, zoomTranslateExtend: w, onSeriesMouseClick: xt, highlightedDataPoints: x, resetSelectionOnDoubleClick: Xt, styles: l, classNames: s, zoomInteraction: Yt, detailsOnClick: et, mapProjection: A || (g ? "naturalEarth" : "mercator"), animate: zt === !0 ? {
+    features: lt.features.filter(qe)
+  }, colorDomain: r.filter(Ue).length === 0 ? [] : pt || ae(r, "color", !0), width: G, height: Ot, scale: Nt, centerPoint: Y, colors: r.filter(He).length === 0 ? b ? [b] : [M.primaryColors["blue-600"]] : b || M[st].categoricalColors.colors, colorLegendTitle: X, radius: Ct, mapBorderWidth: St, mapNoDataColor: O, mapBorderColor: e, tooltip: yt, onSeriesMouseOver: xt, showLabels: it, isWorldMap: h, showColorScale: i, zoomScaleExtend: n, zoomTranslateExtend: w, onSeriesMouseClick: vt, highlightedDataPoints: v, resetSelectionOnDoubleClick: Xt, styles: s, classNames: l, zoomInteraction: Yt, detailsOnClick: ot, mapProjection: T || (h ? "naturalEarth" : "mercator"), animate: _t === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : zt || {
+  } : _t || {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: Kt, customLayers: Zt, maxRadiusValue: We(F) ? Math.max(...r.map(Re).filter(Ge)) : F, collapseColorScaleByDefault: I }) : /* @__PURE__ */ o.jsx("div", { style: {
-    height: `${Math.max($, c || (p ? $ ? (u || H) * p > $ ? (u || H) * p : $ : (u || H) * p : Ot))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(he, { "aria-label": "Loading graph" }) }) }), t[33] = zt, t[34] = Y, t[35] = s, t[36] = I, t[37] = ut, t[38] = X, t[39] = b, t[40] = Zt, t[41] = r, t[42] = et, t[43] = Kt, t[44] = c, t[45] = x, t[46] = R, t[47] = g, t[48] = e, t[49] = St, t[50] = M, t[51] = A, t[52] = lt, t[53] = F, t[54] = $, t[55] = xt, t[56] = yt, t[57] = Ct, t[58] = p, t[59] = Xt, t[60] = Nt, t[61] = W, t[62] = i, t[63] = at, t[64] = l, t[65] = Ot, t[66] = H, t[67] = nt, t[68] = f.dateFormat, t[69] = f.enabled, t[70] = gt, t[71] = m, t[72] = u, t[73] = Yt, t[74] = n, t[75] = w, t[76] = mt) : mt = t[76];
-  let dt;
-  t[77] !== s?.footnote || t[78] !== s?.source || t[79] !== rt || t[80] !== N || t[81] !== l?.footnote || t[82] !== l?.source || t[83] !== u ? (dt = N || rt ? /* @__PURE__ */ o.jsx(ze, { styles: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, classNames: {
+  }, dimmedOpacity: Kt, customLayers: Zt, maxRadiusValue: Be(F) ? Math.max(...r.map(Re).filter(Ge)) : F, collapseColorScaleByDefault: _ }) : /* @__PURE__ */ o.jsx("div", { style: {
+    height: `${Math.max($, c || (x ? $ ? (u || G) * x > $ ? (u || G) * x : $ : (u || G) * x : Ot))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(he, { "aria-label": "Loading graph" }) }) }), t[33] = _t, t[34] = Y, t[35] = l, t[36] = _, t[37] = pt, t[38] = X, t[39] = b, t[40] = Zt, t[41] = r, t[42] = ot, t[43] = Kt, t[44] = c, t[45] = v, t[46] = H, t[47] = h, t[48] = e, t[49] = St, t[50] = O, t[51] = T, t[52] = lt, t[53] = F, t[54] = $, t[55] = vt, t[56] = xt, t[57] = Ct, t[58] = x, t[59] = Xt, t[60] = Nt, t[61] = B, t[62] = i, t[63] = it, t[64] = s, t[65] = Ot, t[66] = G, t[67] = st, t[68] = p.dateFormat, t[69] = p.enabled, t[70] = yt, t[71] = m, t[72] = u, t[73] = Yt, t[74] = n, t[75] = w, t[76] = dt) : dt = t[76];
+  let ut;
+  t[77] !== l?.footnote || t[78] !== l?.source || t[79] !== at || t[80] !== N || t[81] !== s?.footnote || t[82] !== s?.source || t[83] !== u ? (ut = N || at ? /* @__PURE__ */ o.jsx(Le, { styles: {
     footnote: s?.footnote,
     source: s?.source
-  }, sources: N, footNote: rt, width: u }) : null, t[77] = s?.footnote, t[78] = s?.source, t[79] = rt, t[80] = N, t[81] = l?.footnote, t[82] = l?.source, t[83] = u, t[84] = dt) : dt = t[84];
-  let Gt;
-  return t[85] !== S || t[86] !== B || t[87] !== J || t[88] !== c || t[89] !== qt || t[90] !== $ || t[91] !== K || t[92] !== p || t[93] !== te || t[94] !== ee || t[95] !== st || t[96] !== ct || t[97] !== mt || t[98] !== dt || t[99] !== nt || t[100] !== u ? (Gt = /* @__PURE__ */ o.jsxs(Ve, { className: te, style: ee, id: J, ref: re, "aria-label": S, backgroundColor: B, theme: nt, language: qt, minHeight: $, width: u, height: c, relativeHeight: p, padding: K, children: [
-    st,
+  }, classNames: {
+    footnote: l?.footnote,
+    source: l?.source
+  }, sources: N, footNote: at, width: u }) : null, t[77] = l?.footnote, t[78] = l?.source, t[79] = at, t[80] = N, t[81] = s?.footnote, t[82] = s?.source, t[83] = u, t[84] = ut) : ut = t[84];
+  let Rt;
+  return t[85] !== A || t[86] !== I || t[87] !== Q || t[88] !== c || t[89] !== qt || t[90] !== $ || t[91] !== K || t[92] !== x || t[93] !== te || t[94] !== ee || t[95] !== ct || t[96] !== mt || t[97] !== dt || t[98] !== ut || t[99] !== st || t[100] !== u ? (Rt = /* @__PURE__ */ o.jsxs(Ve, { className: te, style: ee, id: Q, ref: re, "aria-label": A, backgroundColor: I, theme: st, language: qt, minHeight: $, width: u, height: c, relativeHeight: x, padding: K, children: [
     ct,
     mt,
-    dt
-  ] }), t[85] = S, t[86] = B, t[87] = J, t[88] = c, t[89] = qt, t[90] = $, t[91] = K, t[92] = p, t[93] = te, t[94] = ee, t[95] = st, t[96] = ct, t[97] = mt, t[98] = dt, t[99] = nt, t[100] = u, t[101] = Gt) : Gt = t[101], Gt;
+    dt,
+    ut
+  ] }), t[85] = A, t[86] = I, t[87] = Q, t[88] = c, t[89] = qt, t[90] = $, t[91] = K, t[92] = x, t[93] = te, t[94] = ee, t[95] = ct, t[96] = mt, t[97] = dt, t[98] = ut, t[99] = st, t[100] = u, t[101] = Rt) : Rt = t[101], Rt;
 }
 function Ge(a) {
   return a != null;
@@ -373,34 +368,34 @@ function Ge(a) {
 function Re(a) {
   return a.radius;
 }
+function He(a) {
+  return a.color;
+}
 function Ue(a) {
   return a.color;
 }
 function qe(a) {
-  return a.color;
+  return a.properties.NAME !== "Antarctica";
 }
 function Xe(a) {
-  return a.properties.NAME !== "Antarctica";
+  return a !== void 0;
 }
 function Ye(a) {
   return a !== void 0;
 }
 function Ke(a) {
-  return a !== void 0;
-}
-function Ze(a) {
   return a.data;
 }
-function Je(a) {
+function Ze(a) {
   return a !== void 0;
 }
-function Qe(a) {
+function Je(a) {
   return a.data;
 }
-function to(a, t) {
-  return Fe(a, t);
+function Qe(a, t) {
+  return Te(a, t);
 }
 export {
-  Mo as DotDensityMap
+  So as DotDensityMap
 };
 //# sourceMappingURL=DotDensityMap.js.map