@undp/data-viz 1.5.8 → 2.0.0

package/dist/DotDensityMap.js

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