@undp/data-viz 2.0.6 → 2.0.7

package/dist/HybridMap.js

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