@undp/data-viz 2.0.9 → 2.1.1

package/dist/DotDensityMap.js

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