@undp/data-viz 1.5.9 → 2.0.0

package/dist/ChoroplethMap.js

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