@undp/data-viz 2.4.1 → 2.5.1

package/dist/DotDensityMap.js

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