@undp/data-viz 1.2.8 → 1.3.1

package/dist/ChoroplethMap.js

@@ -0,0 +1,746 @@
+import { j as t, m as je } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as b, useRef as ae, useEffect as pe } from "react";
+import { s as we, g as $e, x as Ne } from "./getSliderMarks-C0jptXeP.js";
+import { y as Ce } from "./Spinner-C85UF28E.js";
+import { p as Me, f as De } from "./parse-DlCRUFh_.js";
+import { u as Se } from "./index-CaAIPGZo.js";
+import { i as Oe } from "./index-27yTRcko.js";
+import { z as Ee, t as Pe, a as Ie, g as Le, b as ze, c as We, d as Te, e as Be } from "./zoom-_lqdiGoI.js";
+import { X as Ae } from "./Modal-CUU6ZK3U.js";
+import { u as ke } from "./Typography-Ctgfl1J5.js";
+import { n as Ve } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Fe } from "./Tooltip-DyM5snqx.js";
+import { s as He } from "./string2HTML-CWHGfz_d.js";
+import { c as qe } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { X as Xe, P as Ue, f as _e } from "./index-BmCqpO1B.js";
+import { u as Ge } from "./use-in-view-BAHrBy6b.js";
+import { o as Re } from "./ordinal-w9Lu4Stb.js";
+import { t as Ye } from "./threshold-DFfqcDMa.js";
+import { s as be } from "./select-DKy99ogv.js";
+import { m as de } from "./proxy-DJxJg1kD.js";
+import { A as Je } from "./index-BxAUvrua.js";
+import { GraphFooter as Ke } from "./GraphFooter.js";
+import { GraphHeader as Ze } from "./GraphHeader.js";
+import { Colors as me } from "./Colors.js";
+import { f as Qe } from "./fetchAndParseData-Bcmr659B.js";
+import { g as et } from "./getUniqValue-BtUENB2H.js";
+import { g as tt } from "./getJenks-VhM3GIoC.js";
+import { c as rt } from "./init-BhZylTFx.js";
+function at(he) {
+  const {
+    data: k,
+    colorDomain: g,
+    colors: l,
+    mapData: x,
+    colorLegendTitle: V,
+    categorical: E,
+    height: h,
+    width: c,
+    scale: oe,
+    centerPoint: T,
+    tooltip: ie,
+    mapBorderWidth: P,
+    mapBorderColor: F,
+    mapNoDataColor: R,
+    onSeriesMouseOver: Y,
+    showColorScale: ge,
+    zoomScaleExtend: ue,
+    zoomTranslateExtend: I,
+    highlightedIds: H,
+    onSeriesMouseClick: f,
+    mapProperty: q,
+    resetSelectionOnDoubleClick: fe,
+    detailsOnClick: C,
+    styles: ye,
+    classNames: xe,
+    mapProjection: X,
+    zoomInteraction: B,
+    animate: j,
+    dimmedOpacity: U,
+    customLayers: ne
+  } = he, [w, M] = b(void 0), J = ae(null), [K, v] = b(!(c < 680)), [D, Z] = b(void 0), [_, Q] = b(void 0), [S, $] = b(void 0), [se, ee] = b(void 0), L = ae(null), te = Ge(L, {
+    once: j.once,
+    amount: j.amount
+  }), le = ae(null), y = E ? Re().domain(g).range(l) : Ye().domain(g).range(l);
+  pe(() => {
+    const r = be(le.current), s = be(L.current), m = (o) => {
+      if (B === "noZoom") return !1;
+      if (B === "button") return !o.type.includes("wheel");
+      const n = o.type === "wheel", e = o.type.startsWith("touch"), a = o.type === "mousedown" || o.type === "mousemove";
+      return e ? !0 : n ? B === "scroll" ? !0 : o.ctrlKey : a && !o.button && !o.ctrlKey;
+    }, i = Ee().scaleExtent(ue).translateExtent(
+      I || [
+        [-20, -20],
+        [c + 20, h + 20]
+      ]
+    ).filter(m).on("zoom", ({ transform: o }) => {
+      r.attr("transform", o);
+    });
+    s.call(i), J.current = i;
+  }, [h, c, B]);
+  const u = Pe(x), z = Ie(x), re = u[2] - u[0], ce = u[3] - u[1], A = c * 190 / 960 * 360 / re, ve = h * 190 / 678 * 180 / ce, d = oe * Math.min(A, ve), N = X === "mercator" ? Le().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "equalEarth" ? ze().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "naturalEarth" ? We().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "orthographic" ? Te().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : Be().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d), G = (r) => {
+    if (!L.current || !J.current) return;
+    be(L.current).call(J.current.scaleBy, r === "in" ? 1.2 : 1 / 1.2);
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ t.jsx(
+        de.svg,
+        {
+          width: `${c}px`,
+          height: `${h}px`,
+          viewBox: `0 0 ${c} ${h}`,
+          ref: L,
+          direction: "ltr",
+          children: /* @__PURE__ */ t.jsxs("g", { ref: le, children: [
+            ne.filter((r) => r.position === "before").map((r) => r.layer),
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            x.features.map((r, s) => k.findIndex((i) => i.id === r.properties[q]) !== -1 ? null : /* @__PURE__ */ t.jsx(
+              "g",
+              {
+                opacity: w ? U : H.length !== 0 ? H.indexOf(r.properties[q]) !== -1 ? 1 : U : 1,
+                children: r.geometry.type === "MultiPolygon" ? (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  r.geometry.coordinates.map((i, o) => {
+                    let n = "";
+                    return i.forEach((e) => {
+                      let a = " M";
+                      e.forEach((p, W) => {
+                        const O = N([p[0], p[1]]);
+                        W !== e.length - 1 ? a = `${a}${O[0]} ${O[1]}L` : a = `${a}${O[0]} ${O[1]}`;
+                      }), n += a;
+                    }), /* @__PURE__ */ t.jsx(
+                      "path",
+                      {
+                        d: n,
+                        style: {
+                          stroke: F,
+                          strokeWidth: P,
+                          fill: R
+                        }
+                      },
+                      o
+                    );
+                  })
+                ) : (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  r.geometry.coordinates.map((i, o) => {
+                    let n = "M";
+                    return i.forEach((e, a) => {
+                      const p = N([e[0], e[1]]);
+                      a !== i.length - 1 ? n = `${n}${p[0]} ${p[1]}L` : n = `${n}${p[0]} ${p[1]}`;
+                    }), /* @__PURE__ */ t.jsx(
+                      "path",
+                      {
+                        d: n,
+                        style: {
+                          stroke: F,
+                          strokeWidth: P,
+                          fill: R
+                        }
+                      },
+                      o
+                    );
+                  })
+                )
+              },
+              s
+            )),
+            /* @__PURE__ */ t.jsx(Je, { children: k.map((r) => {
+              const s = x.features.findIndex(
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (i) => r.id === i.properties[q]
+              ), m = qe(r.x) ? R : (
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                y(r.x)
+              );
+              return /* @__PURE__ */ t.jsx(
+                de.g,
+                {
+                  variants: {
+                    initial: { opacity: 0 },
+                    whileInView: {
+                      opacity: w ? w === m ? 1 : U : H.length !== 0 ? H.indexOf(r.id) !== -1 ? 1 : U : 1,
+                      transition: { duration: j.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: te ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: j.duration } },
+                  onMouseEnter: (i) => {
+                    Q(r), ee(i.clientY), $(i.clientX), Y?.(r);
+                  },
+                  onMouseMove: (i) => {
+                    Q(r), ee(i.clientY), $(i.clientX);
+                  },
+                  onMouseLeave: () => {
+                    Q(void 0), $(void 0), ee(void 0), Y?.(void 0);
+                  },
+                  onClick: () => {
+                    (f || C) && (Oe(D, r) && fe ? (Z(void 0), f?.(void 0)) : (Z(r), f?.(r)));
+                  },
+                  children: s === -1 ? null : x.features[s].geometry.type === "MultiPolygon" ? x.features[s].geometry.coordinates.map(
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    (i, o) => {
+                      let n = "";
+                      return i.forEach((e) => {
+                        let a = " M";
+                        e.forEach((p, W) => {
+                          const O = N([p[0], p[1]]);
+                          W !== e.length - 1 ? a = `${a}${O[0]} ${O[1]}L` : a = `${a}${O[0]} ${O[1]}`;
+                        }), n += a;
+                      }), /* @__PURE__ */ t.jsx(
+                        de.path,
+                        {
+                          d: n,
+                          variants: {
+                            initial: { fill: m, opacity: 0 },
+                            whileInView: {
+                              fill: m,
+                              opacity: 1,
+                              transition: { duration: j.duration }
+                            }
+                          },
+                          initial: "initial",
+                          animate: te ? "whileInView" : "initial",
+                          exit: { opacity: 0, transition: { duration: j.duration } },
+                          style: {
+                            stroke: F,
+                            strokeWidth: P
+                          }
+                        },
+                        `${r.id}-${o}`
+                      );
+                    }
+                  ) : x.features[s].geometry.coordinates.map(
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    (i, o) => {
+                      let n = "M";
+                      return i.forEach((e, a) => {
+                        const p = N([e[0], e[1]]);
+                        a !== i.length - 1 ? n = `${n}${p[0]} ${p[1]}L` : n = `${n}${p[0]} ${p[1]}`;
+                      }), /* @__PURE__ */ t.jsx(
+                        de.path,
+                        {
+                          d: n,
+                          variants: {
+                            initial: { fill: m, opacity: 0 },
+                            whileInView: {
+                              fill: m,
+                              opacity: 1,
+                              transition: { duration: j.duration }
+                            }
+                          },
+                          initial: "initial",
+                          animate: te ? "whileInView" : "initial",
+                          exit: { opacity: 0, transition: { duration: j.duration } },
+                          style: {
+                            stroke: F,
+                            strokeWidth: P
+                          }
+                        },
+                        `${r.id}-${o}`
+                      );
+                    }
+                  )
+                },
+                r.id
+              );
+            }) }),
+            _ ? x.features.filter(
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              (r) => r.properties[q] === _.id
+            ).map((r, s) => /* @__PURE__ */ t.jsx("g", { children: r.geometry.type === "MultiPolygon" ? (
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              r.geometry.coordinates.map((m, i) => {
+                let o = "";
+                return m.forEach((n) => {
+                  let e = " M";
+                  n.forEach((a, p) => {
+                    const W = N([a[0], a[1]]);
+                    p !== n.length - 1 ? e = `${e}${W[0]} ${W[1]}L` : e = `${e}${W[0]} ${W[1]}`;
+                  }), o += e;
+                }), /* @__PURE__ */ t.jsx(
+                  "path",
+                  {
+                    d: o,
+                    className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+                    style: {
+                      fill: "none",
+                      fillOpacity: 0,
+                      strokeWidth: "0.5"
+                    }
+                  },
+                  i
+                );
+              })
+            ) : (
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              r.geometry.coordinates.map((m, i) => {
+                let o = "M";
+                return m.forEach((n, e) => {
+                  const a = N([n[0], n[1]]);
+                  e !== m.length - 1 ? o = `${o}${a[0]} ${a[1]}L` : o = `${o}${a[0]} ${a[1]}`;
+                }), /* @__PURE__ */ t.jsx(
+                  "path",
+                  {
+                    d: o,
+                    className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+                    style: {
+                      fill: "none",
+                      fillOpacity: 0,
+                      strokeWidth: "0.5"
+                    }
+                  },
+                  i
+                );
+              })
+            ) }, s)) : null,
+            ne.filter((r) => r.position === "after").map((r) => r.layer)
+          ] })
+        }
+      ),
+      ge === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: K ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.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: () => {
+              v(!1);
+            },
+            children: /* @__PURE__ */ t.jsx(Xe, {})
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: "p-2",
+            style: {
+              backgroundColor: "rgba(240,240,240, 0.7)",
+              width: E ? void 0 : "340px"
+            },
+            children: [
+              V && V !== "" ? /* @__PURE__ */ t.jsx(
+                ke,
+                {
+                  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,
+              E ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: g.map((r, s) => /* @__PURE__ */ t.jsxs(
+                "div",
+                {
+                  className: "flex gap-2 items-center",
+                  onMouseOver: () => {
+                    M(l[s % l.length]);
+                  },
+                  onMouseLeave: () => {
+                    M(void 0);
+                  },
+                  children: [
+                    /* @__PURE__ */ t.jsx(
+                      "div",
+                      {
+                        className: "w-2 h-2 rounded-full",
+                        style: { backgroundColor: l[s % l.length] }
+                      }
+                    ),
+                    /* @__PURE__ */ t.jsx(ke, { size: "sm", marginBottom: "none", leading: "none", children: r })
+                  ]
+                },
+                s
+              )) }) : /* @__PURE__ */ t.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { children: [
+                g.map((r, s) => /* @__PURE__ */ t.jsxs(
+                  "g",
+                  {
+                    onMouseOver: () => {
+                      M(l[s]);
+                    },
+                    onMouseLeave: () => {
+                      M(void 0);
+                    },
+                    className: "cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        "rect",
+                        {
+                          x: s * 320 / l.length + 1,
+                          y: 1,
+                          width: 320 / l.length - 2,
+                          height: 8,
+                          className: w === l[s] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "",
+                          style: {
+                            fill: l[s],
+                            ...w === l[s] ? {} : { stroke: l[s] }
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ t.jsx(
+                        "text",
+                        {
+                          x: (s + 1) * 320 / l.length,
+                          y: 25,
+                          className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
+                          style: { textAnchor: "middle" },
+                          children: Ve(r, "NA")
+                        }
+                      )
+                    ]
+                  },
+                  s
+                )),
+                /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
+                  "rect",
+                  {
+                    onMouseOver: () => {
+                      M(l[g.length]);
+                    },
+                    onMouseLeave: () => {
+                      M(void 0);
+                    },
+                    x: g.length * 320 / l.length + 1,
+                    y: 1,
+                    width: 320 / l.length - 2,
+                    height: 8,
+                    className: `cursor-pointer ${w === l[g.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+                    style: {
+                      fill: l[g.length],
+                      ...w === l[g.length] ? {} : { stroke: l[g.length] }
+                    }
+                  }
+                ) })
+              ] }) })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "mb-0 border-0 bg-transparent p-0 self-start",
+          onClick: () => {
+            v(!0);
+          },
+          children: /* @__PURE__ */ t.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" })
+        }
+      ) }),
+      B === "button" && /* @__PURE__ */ t.jsxs("div", { className: "absolute left-4 top-4 flex flex-col", children: [
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => G("in"),
+            className: "leading-0 px-2 py-3.5 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__ */ t.jsx(
+          "button",
+          {
+            onClick: () => G("out"),
+            className: "leading-0 px-2 py-3.5 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: "–"
+          }
+        )
+      ] })
+    ] }),
+    C && D !== void 0 ? /* @__PURE__ */ t.jsx(
+      Ae,
+      {
+        open: D !== void 0,
+        onClose: () => {
+          Z(void 0);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof C == "string" ? { __html: He(C, D) } : void 0,
+            children: typeof C == "function" ? C(D) : null
+          }
+        )
+      }
+    ) : null,
+    _ && ie && S && se ? /* @__PURE__ */ t.jsx(
+      Fe,
+      {
+        data: _,
+        body: ie,
+        xPos: S,
+        yPos: se,
+        backgroundStyle: ye?.tooltip,
+        className: xe?.tooltip
+      }
+    ) : null
+  ] });
+}
+function Pt(he) {
+  const {
+    data: k,
+    mapData: g = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",
+    graphTitle: l,
+    colors: x,
+    sources: V,
+    graphDescription: E,
+    height: h,
+    width: c,
+    footNote: oe = "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.",
+    colorDomain: T,
+    colorLegendTitle: ie,
+    scaleType: P = "threshold",
+    scale: F = 0.95,
+    centerPoint: R,
+    padding: Y,
+    mapBorderWidth: ge = 0.5,
+    mapNoDataColor: ue = me.light.graphNoData,
+    backgroundColor: I = !1,
+    mapBorderColor: H = me.light.grays["gray-500"],
+    relativeHeight: f,
+    tooltip: q,
+    onSeriesMouseOver: fe,
+    isWorldMap: C = !0,
+    showColorScale: ye = !0,
+    zoomScaleExtend: xe = [0.8, 6],
+    zoomTranslateExtend: X,
+    graphID: B,
+    highlightedIds: j = [],
+    onSeriesMouseClick: U,
+    mapProperty: ne = "ISO3",
+    graphDownload: w = !1,
+    dataDownload: M = !1,
+    showAntarctica: J = !1,
+    language: K = "en",
+    minHeight: v = 0,
+    theme: D = "light",
+    ariaLabel: Z,
+    resetSelectionOnDoubleClick: _ = !0,
+    detailsOnClick: Q,
+    styles: S,
+    classNames: $,
+    mapProjection: se,
+    zoomInteraction: ee = "button",
+    animate: L = !1,
+    dimmedOpacity: te = 0.3,
+    customLayers: le = [],
+    timeline: y = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = he, [u, z] = b(0), [re, ce] = b(0), [A, ve] = b(y.autoplay), d = we(
+    Se(
+      k.filter((e) => e.date !== void 0 && e.date !== null),
+      (e) => e.date
+    ).map((e) => Me(`${e.date}`, y.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (e, a) => rt(e, a)
+  ), [N, G] = b(y.autoplay ? 0 : d.length - 1), [r, s] = b(void 0), m = ae(null), i = ae(null);
+  pe(() => {
+    const e = new ResizeObserver((a) => {
+      z(c || a[0].target.clientWidth || 760), ce(h || a[0].target.clientHeight || 480);
+    });
+    return m.current && (ce(m.current.clientHeight || 480), z(m.current.clientWidth || 760), c || e.observe(m.current)), () => e.disconnect();
+  }, [c, h]), pe(() => {
+    typeof g == "string" ? Qe(g).then((a) => {
+      s(a);
+    }) : s(g);
+  }, [g]);
+  const o = T || (P === "categorical" ? et(k, "x") : tt(
+    k.map((e) => e.x),
+    x?.length || 4
+  ));
+  pe(() => {
+    const e = setInterval(
+      () => {
+        G((a) => a < d.length - 1 ? a + 1 : 0);
+      },
+      (y.speed || 2) * 1e3
+    );
+    return A || clearInterval(e), () => clearInterval(e);
+  }, [d, A, y.speed]);
+  const n = $e(
+    d,
+    N,
+    y.showOnlyActiveDate,
+    y.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: `${D || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: K === "he" || K === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: je(
+            `${I ? I === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${K || "en"}`,
+            $?.graphContainer
+          ),
+          style: {
+            ...S?.graphContainer || {},
+            ...I && I !== !0 ? { backgroundColor: I } : {}
+          },
+          id: B,
+          ref: i,
+          "aria-label": Z || `${l ? `The graph shows ${l}. ` : ""}This is a choropleth map where geographic areas are colored in proportion to a specific variable.${E ? ` ${E}` : ""}`,
+          children: /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: I ? Y || "1rem" : Y || 0 },
+              children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                l || E || w || M ? /* @__PURE__ */ t.jsx(
+                  Ze,
+                  {
+                    styles: {
+                      title: S?.title,
+                      description: S?.description
+                    },
+                    classNames: {
+                      title: $?.title,
+                      description: $?.description
+                    },
+                    graphTitle: l,
+                    graphDescription: E,
+                    width: c,
+                    graphDownload: w ? i.current : void 0,
+                    dataDownload: M ? k.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? k.map((e) => e.data).filter((e) => e !== void 0) : k.filter((e) => e !== void 0) : null
+                  }
+                ) : null,
+                y.enabled && d.length > 0 && n ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        ve(!A);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": A ? "Click to pause animation" : "Click to play animation",
+                      children: A ? /* @__PURE__ */ t.jsx(Ue, {}) : /* @__PURE__ */ t.jsx(_e, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Ne,
+                    {
+                      min: d[0],
+                      max: d[d.length - 1],
+                      marks: n,
+                      step: null,
+                      defaultValue: d[d.length - 1],
+                      value: d[N],
+                      onChangeComplete: (e) => {
+                        G(d.indexOf(e));
+                      },
+                      onChange: (e) => {
+                        G(d.indexOf(e));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ t.jsx(
+                  "div",
+                  {
+                    className: "flex flex-col grow justify-center leading-0",
+                    ref: m,
+                    "aria-label": "Map area",
+                    children: (c || u) && (h || re) && r ? /* @__PURE__ */ t.jsx(
+                      at,
+                      {
+                        data: k.filter(
+                          (e) => y.enabled ? e.date === De(new Date(d[N]), y.dateFormat || "yyyy") : e
+                        ),
+                        mapData: J ? r : {
+                          ...r,
+                          features: r.features.filter(
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            (e) => e.properties.NAME !== "Antarctica"
+                          )
+                        },
+                        colorDomain: o,
+                        width: c || u,
+                        height: Math.max(
+                          v,
+                          h || (f ? v ? (c || u) * f > v ? (c || u) * f : v : (c || u) * f : re)
+                        ),
+                        scale: F,
+                        centerPoint: R,
+                        colors: x || (P === "categorical" ? me[D].sequentialColors[`neutralColorsx0${o.length}`] : me[D].sequentialColors[`neutralColorsx0${o.length + 1}`]),
+                        colorLegendTitle: ie,
+                        mapBorderWidth: ge,
+                        mapNoDataColor: ue,
+                        categorical: P === "categorical",
+                        mapBorderColor: H,
+                        tooltip: q,
+                        onSeriesMouseOver: fe,
+                        isWorldMap: C,
+                        showColorScale: ye,
+                        zoomScaleExtend: xe,
+                        zoomTranslateExtend: X,
+                        onSeriesMouseClick: U,
+                        mapProperty: ne,
+                        highlightedIds: j,
+                        resetSelectionOnDoubleClick: _,
+                        styles: S,
+                        classNames: $,
+                        detailsOnClick: Q,
+                        mapProjection: se || (C ? "naturalEarth" : "mercator"),
+                        zoomInteraction: ee,
+                        dimmedOpacity: te,
+                        animate: L === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : L || { duration: 0, once: !0, amount: 0 },
+                        customLayers: le
+                      }
+                    ) : /* @__PURE__ */ t.jsx(
+                      "div",
+                      {
+                        style: {
+                          height: `${Math.max(
+                            v,
+                            h || (f ? v ? (c || u) * f > v ? (c || u) * f : v : (c || u) * f : re)
+                          )}px`
+                        },
+                        className: "flex items-center justify-center",
+                        children: /* @__PURE__ */ t.jsx(Ce, { "aria-label": "Loading graph" })
+                      }
+                    )
+                  }
+                ),
+                V || oe ? /* @__PURE__ */ t.jsx(
+                  Ke,
+                  {
+                    styles: { footnote: S?.footnote, source: S?.source },
+                    classNames: {
+                      footnote: $?.footnote,
+                      source: $?.source
+                    },
+                    sources: V,
+                    footNote: oe,
+                    width: c
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Pt as ChoroplethMap
+};
+//# sourceMappingURL=ChoroplethMap.js.map