@undp/data-viz 2.1.8 → 2.1.9

package/dist/HybridMap.js

@@ -1,14 +1,14 @@
-import { _ as Be, m as Me, b as Oe, j as a, c as We } from "./index-CHPV5EwG-Curnpaqc.js";
+import { _ as Be, m as Ne, b as Oe, j as a, c as We } from "./index-CHPV5EwG-Curnpaqc.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-DlCRUFh_.js";
 import { g as Ge, N as He } from "./getSliderMarks-HIDJ0_Cd.js";
 import { w as Ue } from "./Spinner-DVBnY6Vg.js";
-import { i as De } from "./index-Bwrro8-q.js";
+import { i as $e } from "./index-Bwrro8-q.js";
 import { z as Xe, t as Ye, g as Je, a as Ke, b as Ze, c as Qe, d as to } from "./zoom-C9MFjAaV.js";
-import { j as je } from "./Typography-PxtFcnJb.js";
+import { j as ke } from "./Typography-PxtFcnJb.js";
 import { t as eo } from "./index-GEsywGxz.js";
-import { n as $e } from "./Source-DwTHB8fn.js";
+import { n as Se } from "./Source-DwTHB8fn.js";
 import { w as oo } from "./index-Dzc_aaI9-Bb7gobH_.js";
 import { T as ao } from "./Tooltip-Dj5eVppQ.js";
 import { X as ro, P as io, e as no } from "./index-D491FEn1.js";
@@ -29,35 +29,35 @@ import { f as yo } from "./fetchAndParseData-BpqkBPQL.js";
 import { a as xo, G as vo } from "./GraphContainer-CRqzdKu2.js";
 import { g as bo } from "./getUniqValue-DsqSii6M.js";
 import { g as wo } from "./getJenks-BbngDoBQ.js";
-var ko = "Separator", Se = "horizontal", jo = ["horizontal", "vertical"], Ee = Ae.forwardRef((r, t) => {
-  const { decorative: e, orientation: h = Se, ...w } = r, n = Co(h) ? h : Se, k = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+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,
     {
       "data-orientation": n,
-      ...k,
+      ...j,
       ...w,
       ref: t
     }
   );
 });
-Ee.displayName = ko;
+Ee.displayName = jo;
 function Co(r) {
-  return jo.includes(r);
+  return ko.includes(r);
 }
 var Ie = Ee;
 const ze = Fe.forwardRef((r, t) => {
   const e = Be.c(14);
-  let h, w, n, k;
+  let h, w, n, j;
   e[0] !== r ? ({
     className: h,
     variant: n,
-    orientation: k,
+    orientation: j,
     ...w
-  } = r, e[0] = r, e[1] = h, e[2] = w, e[3] = n, e[4] = k) : (h = e[1], w = e[2], n = e[3], k = e[4]);
-  const j = n === void 0 ? "dark" : n, d = k === void 0 ? "horizontal" : k, g = d === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", S = j === "dark" ? "bg-primary-gray-600 dark:bg-primary-gray-200" : "bg-primary-gray-400 dark:bg-primary-gray-550";
+  } = 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 = Me(g, S, h), e[5] = h, e[6] = g, e[7] = S, e[8] = N) : N = e[8];
+  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;
 });
@@ -69,15 +69,15 @@ function No(r) {
     mapData: h,
     mapColorLegendTitle: w,
     colorDomain: n,
-    radius: k,
-    height: j,
+    radius: j,
+    height: k,
     width: d,
     scale: g,
     centerPoint: S,
     tooltip: N,
     showLabels: L,
-    mapBorderWidth: ot,
-    mapBorderColor: at,
+    mapBorderWidth: at,
+    mapBorderColor: rt,
     mapNoDataColor: gt,
     onSeriesMouseOver: K,
     showColorScale: Mt,
@@ -87,46 +87,46 @@ function No(r) {
     onSeriesMouseClick: F,
     resetSelectionOnDoubleClick: Et,
     detailsOnClick: Z,
-    styles: O,
-    classNames: rt,
+    styles: M,
+    classNames: Q,
     mapProjection: it,
-    zoomInteraction: Q,
+    zoomInteraction: tt,
     animate: x,
     dimmedOpacity: T,
     customLayers: ft,
     maxRadiusValue: yt,
     categorical: nt,
-    dotColor: tt,
+    dotColor: et,
     collapseColorScaleByDefault: It,
     highlightedIds: lt,
     mapProperty: xt,
     dotLegendTitle: vt,
     dotBorderColor: zt,
     labelColor: Lt
-  } = r, [P, _] = z(void 0), [b, v] = z(It === void 0 ? !(d < 680) : !It), st = Tt(null), [ct, et] = z(void 0), [Pt, E] = z(void 0), [dt, I] = z(void 0), [bt, R] = z(void 0), V = Tt(null), q = uo(V, {
+  } = 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), _ = Tt(null), q = uo(_, {
     once: x.once,
     amount: x.amount
-  }), wt = Tt(null), B = t.filter((o) => o.radius === void 0 || o.radius === null).length !== t.length ? so().domain([0, yt]).range([0.25, k]).nice() : void 0, Gt = nt ? co().domain(n).range(e) : mo().domain(n).range(e);
+  }), wt = Tt(null), B = 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(V.current), M = (m) => {
-      if (Q === "noZoom") return !1;
-      if (Q === "button") return !m.type.includes("wheel");
+    const o = Ce(wt.current), i = Ce(_.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 ? Q === "scroll" ? !0 : m.ctrlKey : p && !m.button && !m.ctrlKey;
-    }, l = Xe().scaleExtent(Rt).translateExtent(qt || [[-20, -20], [d + 20, j + 20]]).filter(M).on("zoom", ({
+      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", ({
       transform: m
     }) => {
       o.attr("transform", m);
     });
     i.call(l), st.current = l;
-  }, [j, d, Q]);
-  const D = Ye(h), W = eo(h), G = D[2] - D[0], _t = D[3] - D[1], Vt = d * 190 / 960 * 360 / G, Bt = j * 190 / 678 * 180 / _t, H = g * Math.min(Vt, Bt), A = it === "mercator" ? Je().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, j / 2]).scale(H) : it === "equalEarth" ? Ke().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, j / 2]).scale(H) : it === "naturalEarth" ? Ze().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, j / 2]).scale(H) : it === "orthographic" ? Qe().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, j / 2]).scale(H) : to().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, j / 2]).scale(H), kt = (o) => {
-    if (!V.current || !st.current) return;
-    Ce(V.current).call(st.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
+  }, [k, d, tt]);
+  const D = Ye(h), W = eo(h), G = D[2] - D[0], Vt = D[3] - D[1], _t = d * 190 / 960 * 360 / G, Bt = k * 190 / 678 * 180 / Vt, H = g * Math.min(_t, Bt), A = it === "mercator" ? Je().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, k / 2]).scale(H) : it === "equalEarth" ? Ke().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, k / 2]).scale(H) : it === "naturalEarth" ? Ze().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, k / 2]).scale(H) : it === "orthographic" ? Qe().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, k / 2]).scale(H) : to().rotate([0, 0]).center(S || W.geometry.coordinates).translate([d / 2, k / 2]).scale(H), jt = (o) => {
+    if (!_.current || !st.current) return;
+    Ce(_.current).call(st.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: `${j}px`, viewBox: `0 0 ${d} ${j}`, ref: V, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { ref: wt, children: [
+      /* @__PURE__ */ a.jsx(ht.svg, { width: `${d}px`, height: `${k}px`, viewBox: `0 0 ${d} ${k}`, ref: _, 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" ? (
@@ -140,8 +140,8 @@ function No(r) {
                 mt !== C.length - 1 ? p = `${p}${$[0]} ${$[1]}L` : p = `${p}${$[0]} ${$[1]}`;
               }), s += p;
             }), /* @__PURE__ */ a.jsx("path", { d: s, style: {
-              stroke: at,
-              strokeWidth: ot,
+              stroke: rt,
+              strokeWidth: at,
               fill: gt
             } }, m);
           })
@@ -153,8 +153,8 @@ function No(r) {
               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: at,
-              strokeWidth: ot,
+              stroke: rt,
+              strokeWidth: at,
               fill: gt
             } }, m);
           })
@@ -164,7 +164,7 @@ function No(r) {
             const i = h.features.findIndex(
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               (l) => o.id === l.properties[xt]
-            ), M = ce(o.x) ? gt : (
+            ), O = ce(o.x) ? gt : (
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               Gt(o.x)
             );
@@ -173,7 +173,7 @@ function No(r) {
                 opacity: 0
               },
               whileInView: {
-                opacity: P ? P === M ? 1 : T : lt.length !== 0 ? lt.indexOf(o.id) !== -1 ? 1 : T : 1,
+                opacity: P ? P === O ? 1 : T : lt.length !== 0 ? lt.indexOf(o.id) !== -1 ? 1 : T : 1,
                 transition: {
                   duration: x.duration
                 }
@@ -190,7 +190,7 @@ function No(r) {
             }, onMouseLeave: () => {
               E(void 0), I(void 0), R(void 0), K?.(void 0);
             }, onClick: () => {
-              (F || Z) && (De(ct, o) && Et ? (et(void 0), F?.(void 0)) : (et(o), F?.(o)));
+              (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) => {
@@ -203,11 +203,11 @@ function No(r) {
                   }), s += p;
                 }), /* @__PURE__ */ a.jsx(ht.path, { d: s, variants: {
                   initial: {
-                    fill: M,
+                    fill: O,
                     opacity: 0
                   },
                   whileInView: {
-                    fill: M,
+                    fill: O,
                     opacity: 1,
                     transition: {
                       duration: x.duration
@@ -219,8 +219,8 @@ function No(r) {
                     duration: x.duration
                   }
                 }, style: {
-                  stroke: at,
-                  strokeWidth: ot
+                  stroke: rt,
+                  strokeWidth: at
                 } }, `${o.id}-${m}`);
               }
             ) : h.features[i].geometry.coordinates.map(
@@ -232,11 +232,11 @@ function No(r) {
                   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: M,
+                    fill: O,
                     opacity: 0
                   },
                   whileInView: {
-                    fill: M,
+                    fill: O,
                     opacity: 1,
                     transition: {
                       duration: x.duration
@@ -248,8 +248,8 @@ function No(r) {
                     duration: x.duration
                   }
                 }, style: {
-                  stroke: at,
-                  strokeWidth: ot
+                  stroke: rt,
+                  strokeWidth: at
                 } }, `${o.id}-${m}`);
               }
             ) }, o.id);
@@ -276,18 +276,18 @@ function No(r) {
           }, onMouseLeave: () => {
             E(void 0), I(void 0), R(void 0), K?.(void 0);
           }, onClick: () => {
-            (F || Z) && (De(ct, o) && Et ? (et(void 0), F?.(void 0)) : (et(o), F?.(o)));
+            (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: {
               initial: {
                 r: 0,
-                fill: tt,
-                stroke: zt || tt
+                fill: et,
+                stroke: zt || et
               },
               whileInView: {
-                r: B ? B(o.radius || 0) : k,
-                fill: tt,
-                stroke: zt || tt,
+                r: B ? B(o.radius || 0) : j,
+                fill: et,
+                stroke: zt || et,
                 transition: {
                   duration: x.duration
                 }
@@ -303,11 +303,11 @@ function No(r) {
             L && o.label ? /* @__PURE__ */ a.jsx(ht.text, { variants: {
               initial: {
                 opacity: 0,
-                x: B ? B(o.radius || 0) : k
+                x: B ? B(o.radius || 0) : j
               },
               whileInView: {
                 opacity: 1,
-                x: B ? B(o.radius || 0) : k,
+                x: B ? B(o.radius || 0) : j,
                 transition: {
                   duration: x.duration
                 }
@@ -317,15 +317,16 @@ function No(r) {
               transition: {
                 duration: x.duration
               }
-            }, y: 0, className: "text-sm", style: {
+            }, y: 0, className: Ne("text-sm", Q?.graphObjectValues), style: {
               textAnchor: "start",
-              fill: Lt || "#000"
+              fill: Lt || "#000",
+              ...M?.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)
       ] }) }),
-      Mt === !1 ? null : /* @__PURE__ */ a.jsx("div", { className: Me("absolute left-4 bottom-4 map-color-legend", rt?.colorLegend), children: b ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      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: [
         /* @__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, {}) }),
@@ -335,37 +336,37 @@ function No(r) {
           vt && vt !== "" ? /* @__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: tt
+                backgroundColor: et
               } }),
-              /* @__PURE__ */ a.jsx(je, { size: "xs", marginBottom: "none", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+              /* @__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: {
                 display: "-webkit-box",
                 WebkitLineClamp: "1",
                 WebkitBoxOrient: "vertical"
               }, children: vt })
             ] }),
-            /* @__PURE__ */ a.jsx($e, { size: "xl" }),
+            /* @__PURE__ */ a.jsx(Se, { size: "xl" }),
             /* @__PURE__ */ a.jsx(ze, {}),
-            /* @__PURE__ */ a.jsx($e, { size: "xl" })
+            /* @__PURE__ */ a.jsx(Se, { size: "xl" })
           ] }) : null,
-          w && w !== "" ? /* @__PURE__ */ a.jsx(je, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+          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: {
             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: () => {
-            _(e[i % e.length]);
+            V(e[i % e.length]);
           }, onMouseLeave: () => {
-            _(void 0);
+            V(void 0);
           }, children: [
             /* @__PURE__ */ a.jsx("div", { className: "w-2 h-2 rounded-full", style: {
               backgroundColor: e[i % e.length]
             } }),
-            /* @__PURE__ */ a.jsx(je, { size: "sm", marginBottom: "none", leading: "none", children: o })
+            /* @__PURE__ */ a.jsx(ke, { 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: () => {
-              _(e[i]);
+              V(e[i]);
             }, onMouseLeave: () => {
-              _(void 0);
+              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: {
                 fill: e[i],
@@ -378,9 +379,9 @@ function No(r) {
               }, children: po(o, "NA") })
             ] }, i)),
             /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("rect", { onMouseOver: () => {
-              _(e[n.length]);
+              V(e[n.length]);
             }, onMouseLeave: () => {
-              _(void 0);
+              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: {
               fill: e[n.length],
               ...P === e[n.length] ? {} : {
@@ -392,13 +393,13 @@ function No(r) {
       ] }) : /* @__PURE__ */ a.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start map-legend-button", onClick: () => {
         v(!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" }) }) }),
-      Q === "button" && /* @__PURE__ */ a.jsxs("div", { className: "absolute left-4 top-4 flex flex-col zoom-buttons", children: [
-        /* @__PURE__ */ a.jsx("button", { onClick: () => kt("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: () => kt("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: "–" })
+      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: "–" })
       ] })
     ] }),
-    Z && ct !== void 0 ? /* @__PURE__ */ a.jsx(lo, { body: Z, data: ct, setData: et, className: rt?.modal }) : null,
-    Pt && N && dt && bt ? /* @__PURE__ */ a.jsx(ao, { data: Pt, body: N, xPos: dt, yPos: bt, backgroundStyle: O?.tooltip, className: rt?.tooltip }) : null
+    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
   ] });
 }
 function ua(r) {
@@ -407,15 +408,15 @@ function ua(r) {
     mapData: h,
     graphTitle: w,
     colors: n,
-    sources: k,
-    graphDescription: j,
+    sources: j,
+    graphDescription: k,
     height: d,
     width: g,
     footNote: S,
     mapColorLegendTitle: N,
     colorDomain: L,
-    choroplethScaleType: ot,
-    radius: at,
+    choroplethScaleType: at,
+    radius: rt,
     scale: gt,
     centerPoint: K,
     padding: Mt,
@@ -425,16 +426,16 @@ function ua(r) {
     showLabels: F,
     mapBorderColor: Et,
     tooltip: Z,
-    relativeHeight: O,
-    onSeriesMouseOver: rt,
+    relativeHeight: M,
+    onSeriesMouseOver: Q,
     isWorldMap: it,
-    showColorScale: Q,
+    showColorScale: tt,
     zoomScaleExtend: x,
     zoomTranslateExtend: T,
     graphID: ft,
     highlightedDataPoints: yt,
     onSeriesMouseClick: nt,
-    graphDownload: tt,
+    graphDownload: et,
     dataDownload: It,
     showAntarctica: lt,
     language: xt,
@@ -442,30 +443,30 @@ function ua(r) {
     theme: zt,
     ariaLabel: Lt,
     resetSelectionOnDoubleClick: P,
-    detailsOnClick: _,
+    detailsOnClick: V,
     styles: b,
     classNames: v,
     mapProjection: st,
     zoomInteraction: ct,
-    animate: et,
+    animate: ot,
     dimmedOpacity: Pt,
     customLayers: E,
     maxRadiusValue: dt,
     timeline: I,
     collapseColorScaleByDefault: bt,
     dotColor: R,
-    highlightedIds: V,
+    highlightedIds: _,
     mapProperty: q,
     dotLegendTitle: wt,
     dotBorderColor: B,
     labelColor: Gt
-  } = r, D = h === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : h, W = 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 = ot === void 0 ? "threshold" : ot, _t = at === void 0 ? 5 : at, Vt = gt === void 0 ? 0.95 : gt, Bt = Rt === void 0 ? 0.5 : Rt, H = qt === void 0 ? St.light.graphNoData : qt, A = Ot === void 0 ? !1 : Ot, kt = F === void 0 ? !1 : F, o = Et === void 0 ? St.light.grays["gray-500"] : Et, i = it === void 0 ? !0 : it, M = Q === void 0 ? !0 : Q;
+  } = r, D = h === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : h, W = 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, _t = gt === void 0 ? 0.95 : gt, Bt = 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 = tt === void 0 ? !1 : tt, 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 = et === void 0 ? !1 : et, pe = Pt === void 0 ? 0.3 : Pt;
+  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;
@@ -477,15 +478,15 @@ function ua(r) {
   } : 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] !== V ? (Yt = V === void 0 ? [] : V, t[8] = V, 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), [Wt, Pe] = z(0), [X, _e] = z(c.autoplay);
+  t[8] !== _ ? (Yt = _ === void 0 ? [] : _, t[8] = _, 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), [Wt, 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(_o).map(y))], At.sort(Po), t[10] = e, t[11] = c.dateFormat, t[12] = At;
+    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), [jt, Ve] = z(void 0), ve = Tt(null), Ne = Tt(null);
+  const u = At, [Y, xe] = z(c.autoplay ? 0 : u.length - 1), [kt, _e] = z(void 0), ve = Tt(null), De = Tt(null);
   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;
@@ -498,7 +499,7 @@ function ua(r) {
   }, Zt = [], t[20] = Kt, t[21] = Zt) : (Kt = t[20], Zt = t[21]), se(Kt, Zt);
   let Qt;
   t[22] === Symbol.for("react.memo_cache_sentinel") ? (Qt = (y) => {
-    Ve(y);
+    _e(y);
   }, t[22] = Qt) : Qt = t[22];
   const te = Te(Qt);
   let ee;
@@ -519,19 +520,19 @@ function ua(r) {
   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, ke = b?.graphContainer;
+  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] !== j || t[43] !== p || t[44] !== w || t[45] !== b?.description || t[46] !== b?.title || t[47] !== g ? (Ct = w || j || p || f ? /* @__PURE__ */ a.jsx(fo, { styles: {
+  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
   }, classNames: {
     title: v?.title,
     description: v?.description
-  }, graphTitle: w, graphDescription: j, width: g, graphDownload: p ? Ne : 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] = j, t[43] = p, t[44] = w, t[45] = b?.description, t[46] = b?.title, t[47] = g, t[48] = Ct) : Ct = t[48];
+  }, 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: [
     /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => {
-      _e(!X);
+      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));
@@ -540,10 +541,10 @@ function ua(r) {
     }, "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] !== _ || t[64] !== pe || t[65] !== Ft || t[66] !== B || 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] !== Bt || t[77] !== N || t[78] !== H || t[79] !== st || t[80] !== fe || t[81] !== jt || t[82] !== dt || t[83] !== U || t[84] !== nt || t[85] !== rt || t[86] !== _t || t[87] !== O || t[88] !== de || t[89] !== Vt || t[90] !== mt || t[91] !== M || t[92] !== kt || t[93] !== b || t[94] !== Wt || 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 && Wt && jt ? /* @__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 ? jt : {
-    ...jt,
-    features: jt.features.filter(So)
-  }, colorDomain: Ft, width: ut, height: Wt, scale: Vt, centerPoint: K, colors: n || (G === "categorical" ? St[pt].sequentialColors[`neutralColorsx0${Ft.length}`] : St[pt].sequentialColors[`neutralColorsx0${Ft.length + 1}`]), mapColorLegendTitle: N, radius: _t, categorical: G === "categorical", mapBorderWidth: Bt, mapNoDataColor: H, mapBorderColor: o, tooltip: Z, onSeriesMouseOver: rt, showLabels: kt, isWorldMap: i, showColorScale: M, zoomScaleExtend: m, zoomTranslateExtend: T, onSeriesMouseClick: nt, highlightedDataPoints: C, resetSelectionOnDoubleClick: de, styles: b, classNames: v, zoomInteraction: me, detailsOnClick: _, mapProjection: st || (i ? "naturalEarth" : "mercator"), animate: Ht === !0 ? {
+  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] !== B || 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] !== Bt || 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] !== _t || t[90] !== mt || t[91] !== O || t[92] !== jt || t[93] !== b || t[94] !== Wt || 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 && Wt && 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: Wt, scale: _t, 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: Bt, 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 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -552,23 +553,23 @@ function ua(r) {
     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: B, labelColor: ye }) : /* @__PURE__ */ a.jsx("div", { style: {
-    height: `${Math.max(U, d || (O ? U ? (g || ut) * O > U ? (g || ut) * O : U : (g || ut) * O : Wt))}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] = _, t[64] = pe, t[65] = Ft, t[66] = B, 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] = Bt, t[77] = N, t[78] = H, t[79] = st, t[80] = fe, t[81] = jt, t[82] = dt, t[83] = U, t[84] = nt, t[85] = rt, t[86] = _t, t[87] = O, t[88] = de, t[89] = Vt, t[90] = mt, t[91] = M, t[92] = kt, t[93] = b, t[94] = Wt, 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];
+    height: `${Math.max(U, d || (M ? U ? (g || ut) * M > U ? (g || ut) * M : U : (g || ut) * M : Wt))}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] = B, 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] = Bt, 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] = _t, t[90] = mt, t[91] = O, t[92] = jt, t[93] = b, t[94] = Wt, 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] !== W || t[109] !== k || t[110] !== b?.footnote || t[111] !== b?.source || t[112] !== g ? ($t = k || W ? /* @__PURE__ */ a.jsx(go, { styles: {
+  t[106] !== v?.footnote || t[107] !== v?.source || t[108] !== W || t[109] !== j || t[110] !== b?.footnote || t[111] !== b?.source || t[112] !== g ? ($t = j || W ? /* @__PURE__ */ a.jsx(go, { styles: {
     footnote: b?.footnote,
     source: b?.source
   }, classNames: {
     footnote: v?.footnote,
     source: v?.source
-  }, sources: k, footNote: W, width: g }) : null, t[106] = v?.footnote, t[107] = v?.source, t[108] = W, t[109] = k, t[110] = b?.footnote, t[111] = b?.source, t[112] = g, t[113] = $t) : $t = t[113];
+  }, sources: j, footNote: W, width: g }) : null, t[106] = v?.footnote, t[107] = v?.source, t[108] = W, 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] !== O || t[122] !== we || t[123] !== ke || 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: ke, id: ft, ref: Ne, "aria-label": Lt, backgroundColor: A, theme: pt, language: $, minHeight: U, width: g, height: d, relativeHeight: O, padding: Mt, children: [
+  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] = O, t[122] = we, t[123] = ke, 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;
+  ] }), 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;
 }
 function Do(r) {
   return r != null;
@@ -600,7 +601,7 @@ function Lo(r) {
 function Po(r, t) {
   return r - t;
 }
-function _o(r) {
+function Vo(r) {
   return r.date;
 }
 export {