@undp/data-viz 2.1.0 → 2.1.2

package/dist/DotDensityMap.js

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