@undp/data-viz 2.3.13 → 2.3.15

package/dist/DotDensityMap.js

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