@undp/data-viz 2.5.1 → 2.5.3

package/dist/ChoroplethMap.js

@@ -1,443 +1,448 @@
 import { j as t, m as Pt, c as Wt } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useMemo as wt, useState as k, useRef as We, useEffect as Pe, useEffectEvent as Ct } from "react";
+import { useMemo as wt, useState as j, useRef as _e, useEffect as We, useEffectEvent as Ct } from "react";
 import { g as _t, N as At } from "./getSliderMarks-X-_goqH9.js";
 import { w as Ft } from "./Spinner-B2IIKg9r.js";
 import { f as Lt, p as Tt } from "./parse-Dv4of-PN.js";
 import { i as $t } from "./index-Bwrro8-q.js";
 import { i as Nt, z as Ht, a as Gt, g as Ut, b as Vt, c as Rt, d as qt, e as Xt, f as Yt } from "./index-CKpKc9DR.js";
-import { _ as Mt } from "./Typography-BO0gQDIT.js";
+import { _ as St } from "./Typography-BO0gQDIT.js";
 import { i as Zt } from "./index-DCsFBfJ_.js";
 import { n as Jt } from "./numberFormattingFunction-BUUV_luR.js";
 import { T as Kt } from "./Tooltip-3EYDVa3w.js";
 import { c as Qt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as eo, E as to, P as oo, e as ro } from "./index-ApTBN0kp.js";
-import { D as ao } from "./DetailsModal-GqEbGHY2.js";
+import { X as eo, E as to, P as oo, e as ao } from "./index-ApTBN0kp.js";
+import { D as ro } from "./DetailsModal-GqEbGHY2.js";
 import { ImageDownloadButton as no } from "./ImageDownloadButton.js";
-import { o as io } from "./ordinal-CHaxGJ_l.js";
-import { t as so } from "./threshold-DFfqcDMa.js";
-import { s as kt } from "./select-DKy99ogv.js";
+import { CsvDownloadButton as io } from "./CsvDownloadButton.js";
+import { o as so } from "./ordinal-CHaxGJ_l.js";
+import { t as lo } from "./threshold-DFfqcDMa.js";
+import { s as jt } from "./select-DKy99ogv.js";
 import { m as lt } from "./proxy-BsxtcZKa.js";
-import { u as lo } from "./use-in-view-KOXq5Kmc.js";
-import { A as co } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as mo } from "./GraphFooter.js";
-import { GraphHeader as po } from "./GraphHeader.js";
+import { u as co } from "./use-in-view-KOXq5Kmc.js";
+import { A as mo } from "./index-Cv_5q6Rb.js";
+import { GraphFooter as po } from "./GraphFooter.js";
+import { GraphHeader as uo } from "./GraphHeader.js";
 import { Colors as ct } from "./Colors.js";
-import { f as St } from "./fetchAndParseData-BAXhgTDM.js";
-import { g as uo } from "./getUniqValue-DsqSii6M.js";
-import { g as ho } from "./getJenks-DTCcQSDi.js";
-import { a as fo, G as go } from "./GraphContainer-B8ZqOzKI.js";
-function yo(m) {
+import { f as Mt } from "./fetchAndParseData-BAXhgTDM.js";
+import { g as ho } from "./getUniqValue-DsqSii6M.js";
+import { g as fo } from "./getJenks-DTCcQSDi.js";
+import { a as go, G as yo } from "./GraphContainer-B8ZqOzKI.js";
+function vo(m) {
   const {
     data: e,
-    colorDomain: a,
+    colorDomain: n,
     colors: i,
-    mapData: A,
-    colorLegendTitle: C,
-    categorical: F,
+    mapData: L,
+    colorLegendTitle: w,
+    categorical: T,
     height: v,
-    width: p,
-    scale: h,
-    centerPoint: L,
-    tooltip: te,
-    mapBorderWidth: q,
-    mapBorderColor: oe,
-    mapNoDataColor: fe,
-    onSeriesMouseOver: re,
-    showColorScale: ge,
-    zoomScaleExtend: _e,
-    zoomTranslateExtend: Ae,
-    highlightedIds: j,
+    width: u,
+    scale: g,
+    centerPoint: $,
+    tooltip: ee,
+    mapBorderWidth: R,
+    mapBorderColor: te,
+    mapNoDataColor: be,
+    onSeriesMouseOver: oe,
+    showColorScale: De,
+    zoomScaleExtend: Ae,
+    zoomTranslateExtend: Fe,
+    highlightedIds: b,
     onSeriesMouseClick: ae,
-    mapProperty: f,
-    resetSelectionOnDoubleClick: ye,
-    detailsOnClick: X,
-    styles: Fe,
-    classNames: ne,
+    mapProperty: y,
+    resetSelectionOnDoubleClick: je,
+    detailsOnClick: q,
+    styles: Le,
+    classNames: re,
     mapProjection: O,
     zoomInteraction: E,
-    animate: N,
+    animate: C,
     dimmedOpacity: B,
-    customLayers: ie,
-    collapseColorScaleByDefault: ve,
-    zoomAndCenterByHighlightedIds: xe,
-    projectionRotate: T,
-    rewindCoordinatesInMapData: Y,
-    overlayMapData: Z,
-    overlayMapBorderColor: Le,
-    overlayMapBorderWidth: Te,
-    numberDisplayOptions: J,
-    graphDownload: be
-  } = m, x = wt(() => Y ? Nt(A, {
+    customLayers: ne,
+    collapseColorScaleByDefault: ke,
+    zoomAndCenterByHighlightedIds: we,
+    projectionRotate: H,
+    rewindCoordinatesInMapData: X,
+    overlayMapData: Y,
+    overlayMapBorderColor: Te,
+    overlayMapBorderWidth: $e,
+    numberDisplayOptions: Z,
+    graphDownload: ie,
+    dataDownload: I
+  } = m, r = wt(() => X ? Nt(L, {
     reverse: !0
-  }) : A, [A, Y]), u = wt(() => !Y || !Z ? Z : Nt(Z, {
+  }) : L, [L, X]), h = wt(() => !X || !Y ? Y : Nt(Y, {
     reverse: !0
-  }), [Z, Y]), [s, I] = k(void 0), se = We(null), [$e, De] = k(ve === void 0 ? !(p < 680) : !ve), [$, H] = k(void 0), [G, U] = k(void 0), [je, le] = k(void 0), [g, K] = k(void 0), b = We(null), Q = lo(b, {
-    once: N.once,
-    amount: N.amount
-  }), M = We(null), ke = F ? io().domain(a).range(i) : so().domain(a).range(i);
-  Pe(() => {
-    const o = kt(M.current), r = kt(b.current), D = (n) => {
+  }), [Y, X]), [N, z] = j(void 0), se = _e(null), [He, J] = j(ke === void 0 ? !(u < 680) : !ke), [G, K] = j(void 0), [P, le] = j(void 0), [Ce, f] = j(void 0), [ce, D] = j(void 0), S = _e(null), M = co(S, {
+    once: C.once,
+    amount: C.amount
+  }), de = _e(null), Ne = T ? so().domain(n).range(i) : lo().domain(n).range(i);
+  We(() => {
+    const o = jt(de.current), a = jt(S.current), p = (c) => {
       if (E === "noZoom") return !1;
-      if (E === "button") return !n.type.includes("wheel");
-      const Se = n.type === "wheel", Oe = n.type.startsWith("touch"), Ee = n.type === "mousedown" || n.type === "mousemove";
-      return Oe ? !0 : Se ? E === "scroll" ? !0 : n.ctrlKey : Ee && !n.button && !n.ctrlKey;
-    }, y = Ht().scaleExtent(_e).translateExtent(Ae || [[-20, -20], [p + 20, v + 20]]).filter(D).on("zoom", ({
-      transform: n
+      if (E === "button") return !c.type.includes("wheel");
+      const Ee = c.type === "wheel", Be = c.type.startsWith("touch"), he = c.type === "mousedown" || c.type === "mousemove";
+      return Be ? !0 : Ee ? E === "scroll" ? !0 : c.ctrlKey : he && !c.button && !c.ctrlKey;
+    }, x = Ht().scaleExtent(Ae).translateExtent(Fe || [[-20, -20], [u + 20, v + 20]]).filter(p).on("zoom", ({
+      transform: c
     }) => {
-      o.attr("transform", n);
+      o.attr("transform", c);
     });
-    r.call(y), se.current = y;
-  }, [v, p, E]);
-  const V = Gt({
-    ...x,
-    features: xe ? x.features.filter(
+    a.call(x), se.current = x;
+  }, [v, u, E]);
+  const U = Gt({
+    ...r,
+    features: we ? r.features.filter(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (o) => (j || []).length === 0 || j?.indexOf(o.properties[f]) !== -1
-    ) : x.features
-  }), z = Zt({
-    ...x,
-    features: xe ? x.features.filter(
+      (o) => (b || []).length === 0 || b?.indexOf(o.properties[y]) !== -1
+    ) : r.features
+  }), W = Zt({
+    ...r,
+    features: we ? r.features.filter(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (o) => (j || []).length === 0 || j?.indexOf(o.properties[f]) !== -1
-    ) : x.features
-  }), we = (V[2] - V[0]) * 1.15, Ce = (V[3] - V[1]) * 1.15, ce = p * 190 / 960 * 360 / we, Ne = v * 190 / 678 * 180 / Ce, S = h * Math.min(ce, Ne), Me = O === "mercator" ? Ut().rotate(T).center(L || z.geometry.coordinates).translate([p / 2, v / 2]).scale(S) : O === "equalEarth" ? Vt().rotate(T).center(L || z.geometry.coordinates).translate([p / 2, v / 2]).scale(S) : O === "naturalEarth" ? Rt().rotate(T).center(L || z.geometry.coordinates).translate([p / 2, v / 2]).scale(S) : O === "orthographic" ? qt().rotate(T).center(L || z.geometry.coordinates).translate([p / 2, v / 2]).scale(S) : Xt().rotate(T).center(L || z.geometry.coordinates).translate([p / 2, v / 2]).scale(S), R = Yt().projection(Me), P = (o) => {
-    if (!b.current || !se.current) return;
-    kt(b.current).call(se.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
+      (o) => (b || []).length === 0 || b?.indexOf(o.properties[y]) !== -1
+    ) : r.features
+  }), Se = (U[2] - U[0]) * 1.15, me = (U[3] - U[1]) * 1.15, Me = u * 190 / 960 * 360 / Se, pe = v * 190 / 678 * 180 / me, _ = g * Math.min(Me, pe), Oe = O === "mercator" ? Ut().rotate(H).center($ || W.geometry.coordinates).translate([u / 2, v / 2]).scale(_) : O === "equalEarth" ? Vt().rotate(H).center($ || W.geometry.coordinates).translate([u / 2, v / 2]).scale(_) : O === "naturalEarth" ? Rt().rotate(H).center($ || W.geometry.coordinates).translate([u / 2, v / 2]).scale(_) : O === "orthographic" ? qt().rotate(H).center($ || W.geometry.coordinates).translate([u / 2, v / 2]).scale(_) : Xt().rotate(H).center($ || W.geometry.coordinates).translate([u / 2, v / 2]).scale(_), V = Yt().projection(Oe), ue = (o) => {
+    if (!S.current || !se.current) return;
+    jt(S.current).call(se.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ t.jsx(lt.svg, { width: `${p}px`, height: `${v}px`, viewBox: `0 0 ${p} ${v}`, ref: b, direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { ref: M, children: [
-        ie.filter((o) => o.position === "before").map((o) => o.layer),
-        x.features.map((o, r) => {
-          if (!o.properties?.[f]) return null;
-          const D = R(o);
-          return D ? /* @__PURE__ */ t.jsx(lt.g, { opacity: s ? B : j ? j.indexOf(o.properties[f]) !== -1 ? 1 : B : 1, children: /* @__PURE__ */ t.jsx("path", { d: D, style: {
-            stroke: oe,
-            strokeWidth: q,
-            fill: fe,
+      /* @__PURE__ */ t.jsx(lt.svg, { width: `${u}px`, height: `${v}px`, viewBox: `0 0 ${u} ${v}`, ref: S, direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { ref: de, children: [
+        ne.filter((o) => o.position === "before").map((o) => o.layer),
+        r.features.map((o, a) => {
+          if (!o.properties?.[y]) return null;
+          const p = V(o);
+          return p ? /* @__PURE__ */ t.jsx(lt.g, { opacity: N ? B : b ? b.indexOf(o.properties[y]) !== -1 ? 1 : B : 1, children: /* @__PURE__ */ t.jsx("path", { d: p, style: {
+            stroke: te,
+            strokeWidth: R,
+            fill: be,
             vectorEffect: "non-scaling-stroke"
-          } }) }, r) : null;
+          } }) }, a) : null;
         }),
-        /* @__PURE__ */ t.jsx(co, { children: e.map((o) => {
-          const r = x.features.findIndex(
+        /* @__PURE__ */ t.jsx(mo, { children: e.map((o) => {
+          const a = r.features.findIndex(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (n) => o.id === n.properties[f]
+            (c) => o.id === c.properties[y]
           );
-          if (r === -1) return null;
-          const D = R(x.features[r]);
-          if (!D) return null;
-          const y = Qt(o.x) ? fe : (
+          if (a === -1) return null;
+          const p = V(r.features[a]);
+          if (!p) return null;
+          const x = Qt(o.x) ? be : (
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            ke(o.x)
+            Ne(o.x)
           );
           return /* @__PURE__ */ t.jsx(lt.g, { className: "undp-map-shapes", variants: {
             initial: {
               opacity: 0
             },
             whileInView: {
-              opacity: s ? s === y && (!j || j.indexOf(o.id) !== -1) ? 1 : B : j ? j.indexOf(o.id) !== -1 ? 1 : B : 1,
+              opacity: N ? N === x && (!b || b.indexOf(o.id) !== -1) ? 1 : B : b ? b.indexOf(o.id) !== -1 ? 1 : B : 1,
               transition: {
-                duration: N.duration
+                duration: C.duration
               }
             }
-          }, initial: "initial", animate: Q ? "whileInView" : "initial", exit: {
+          }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
             opacity: 0,
             transition: {
-              duration: N.duration
+              duration: C.duration
             }
-          }, onMouseEnter: (n) => {
-            U(o), K(n.clientY), le(n.clientX), re?.(o);
-          }, onMouseMove: (n) => {
-            U(o), K(n.clientY), le(n.clientX);
+          }, onMouseEnter: (c) => {
+            le(o), D(c.clientY), f(c.clientX), oe?.(o);
+          }, onMouseMove: (c) => {
+            le(o), D(c.clientY), f(c.clientX);
           }, onMouseLeave: () => {
-            U(void 0), le(void 0), K(void 0), re?.(void 0);
+            le(void 0), f(void 0), D(void 0), oe?.(void 0);
           }, onClick: () => {
-            (ae || X) && ($t($, o) && ye ? (H(void 0), ae?.(void 0)) : (H(o), ae?.(o)));
-          }, children: /* @__PURE__ */ t.jsx(lt.path, { d: D, variants: {
+            (ae || q) && ($t(G, o) && je ? (K(void 0), ae?.(void 0)) : (K(o), ae?.(o)));
+          }, children: /* @__PURE__ */ t.jsx(lt.path, { d: p, variants: {
             initial: {
-              fill: y,
+              fill: x,
               opacity: 0
             },
             whileInView: {
-              fill: y,
+              fill: x,
               opacity: 1,
               transition: {
-                duration: N.duration
+                duration: C.duration
               }
             }
-          }, initial: "initial", animate: Q ? "whileInView" : "initial", exit: {
+          }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
             opacity: 0,
             transition: {
-              duration: N.duration
+              duration: C.duration
             }
           }, style: {
-            stroke: oe,
-            strokeWidth: q,
+            stroke: te,
+            strokeWidth: R,
             vectorEffect: "non-scaling-stroke"
           } }, `${o.id}`) }, o.id);
         }) }),
-        G ? x.features.filter(
+        P ? r.features.filter(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (o) => o.properties[f] === G.id
-        ).map((o, r) => /* @__PURE__ */ t.jsx("path", { d: R(o) || "", className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
+          (o) => o.properties[y] === P.id
+        ).map((o, a) => /* @__PURE__ */ t.jsx("path", { d: V(o) || "", className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
           fill: "none",
           fillOpacity: 0,
           strokeWidth: "0.5",
           vectorEffect: "non-scaling-stroke"
-        } }, r)) : null,
-        u?.features.map((o, r) => {
-          const D = R(o);
-          return D ? /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx("path", { d: D, style: {
-            stroke: Le || oe,
-            strokeWidth: Te || q + 1,
+        } }, a)) : null,
+        h?.features.map((o, a) => {
+          const p = V(o);
+          return p ? /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx("path", { d: p, style: {
+            stroke: Te || te,
+            strokeWidth: $e || R + 1,
             fill: "none",
             pointerEvents: "none",
             vectorEffect: "non-scaling-stroke"
-          } }) }, r) : null;
+          } }) }, a) : null;
         }),
-        ie.filter((o) => o.position === "after").map((o) => o.layer)
+        ne.filter((o) => o.position === "after").map((o) => o.layer)
       ] }) }),
-      ge === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: Pt("absolute left-4 bottom-4 map-color-legend", ne?.colorLegend), children: $e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      De === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: Pt("absolute left-4 bottom-4 map-color-legend", re?.colorLegend), children: He ? /* @__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: () => {
-          De(!1);
+          J(!1);
         }, children: /* @__PURE__ */ t.jsx(eo, {}) }),
         /* @__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"
+          width: T ? void 0 : "340px"
         }, children: [
-          C && C !== "" ? /* @__PURE__ */ t.jsx(Mt, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+          w && w !== "" ? /* @__PURE__ */ t.jsx(St, { 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: C }) : null,
-          F ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: a.map((o, r) => /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-            I(i[r % i.length]);
+          }, children: w }) : null,
+          T ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: n.map((o, a) => /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
+            z(i[a % i.length]);
           }, onMouseLeave: () => {
-            I(void 0);
+            z(void 0);
           }, children: [
             /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-              backgroundColor: i[r % i.length]
+              backgroundColor: i[a % i.length]
             } }),
-            /* @__PURE__ */ t.jsx(Mt, { size: "sm", marginBottom: "none", leading: "none", children: o })
-          ] }, r)) }) : /* @__PURE__ */ t.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { children: [
-            a.map((o, r) => /* @__PURE__ */ t.jsxs("g", { onMouseOver: () => {
-              I(i[r]);
+            /* @__PURE__ */ t.jsx(St, { size: "sm", marginBottom: "none", leading: "none", children: o })
+          ] }, a)) }) : /* @__PURE__ */ t.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { children: [
+            n.map((o, a) => /* @__PURE__ */ t.jsxs("g", { onMouseOver: () => {
+              z(i[a]);
             }, onMouseLeave: () => {
-              I(void 0);
+              z(void 0);
             }, className: "cursor-pointer", children: [
-              /* @__PURE__ */ t.jsx("rect", { x: r * 320 / i.length + 1, y: 1, width: 320 / i.length - 2, height: 8, className: s === i[r] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "", style: {
-                fill: i[r],
-                ...s === i[r] ? {} : {
-                  stroke: i[r]
+              /* @__PURE__ */ t.jsx("rect", { x: a * 320 / i.length + 1, y: 1, width: 320 / i.length - 2, height: 8, className: N === i[a] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "", style: {
+                fill: i[a],
+                ...N === i[a] ? {} : {
+                  stroke: i[a]
                 }
               } }),
-              /* @__PURE__ */ t.jsx("text", { x: (r + 1) * 320 / i.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
+              /* @__PURE__ */ t.jsx("text", { x: (a + 1) * 320 / i.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
                 textAnchor: "middle"
-              }, children: Jt(o, "NA", J?.precision ?? 2, void 0, void 0, J?.locale || "en", J?.padZeros || !1) })
-            ] }, r)),
+              }, children: Jt(o, "NA", Z?.precision ?? 2, void 0, void 0, Z?.locale || "en", Z?.padZeros || !1) })
+            ] }, a)),
             /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx("rect", { onMouseOver: () => {
-              I(i[a.length]);
+              z(i[n.length]);
             }, onMouseLeave: () => {
-              I(void 0);
-            }, x: a.length * 320 / i.length + 1, y: 1, width: 320 / i.length - 2, height: 8, className: `cursor-pointer ${s === i[a.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
-              fill: i[a.length],
-              ...s === i[a.length] ? {} : {
-                stroke: i[a.length]
+              z(void 0);
+            }, x: n.length * 320 / i.length + 1, y: 1, width: 320 / i.length - 2, height: 8, className: `cursor-pointer ${N === i[n.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
+              fill: i[n.length],
+              ...N === i[n.length] ? {} : {
+                stroke: i[n.length]
               }
             } }) })
           ] }) })
         ] })
       ] }) : /* @__PURE__ */ t.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-        De(!0);
+        J(!0);
       }, children: /* @__PURE__ */ t.jsx(to, {}) }) }),
       E === "button" && /* @__PURE__ */ t.jsxs("div", { className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons", children: [
-        /* @__PURE__ */ t.jsx("button", { onClick: () => P("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: () => P("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: "–" })
+        /* @__PURE__ */ t.jsx("button", { onClick: () => ue("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: () => ue("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: "–" })
       ] }),
-      be && /* @__PURE__ */ t.jsx("div", { className: "absolute right-4 top-4 flex flex-col image-download-button", children: /* @__PURE__ */ t.jsx(no, { nodeID: be, buttonSmall: !0 }) })
+      (ie || I) && /* @__PURE__ */ t.jsxs("div", { className: "absolute right-4 top-4 flex flex-col image-download-button gap-2", children: [
+        ie && /* @__PURE__ */ t.jsx(no, { nodeID: ie, buttonSmall: !0, className: "p-1" }),
+        I && I.length > 0 && /* @__PURE__ */ t.jsx(io, { csvData: I, buttonSmall: !0, headers: Object.keys(I[0]).map((o) => ({
+          label: o,
+          key: o
+        })), className: "p-1" })
+      ] })
     ] }),
-    X && $ !== void 0 ? /* @__PURE__ */ t.jsx(ao, { body: X, data: $, setData: H, className: ne?.modal }) : null,
-    G && te && je && g ? /* @__PURE__ */ t.jsx(Kt, { data: G, body: te, xPos: je, yPos: g, backgroundStyle: Fe?.tooltip, className: ne?.tooltip }) : null
+    q && G !== void 0 ? /* @__PURE__ */ t.jsx(ro, { body: q, data: G, setData: K, className: re?.modal }) : null,
+    P && ee && Ce && ce ? /* @__PURE__ */ t.jsx(Kt, { data: P, body: ee, xPos: Ce, yPos: ce, backgroundStyle: Le?.tooltip, className: re?.tooltip }) : null
   ] });
 }
-function tr(m) {
-  const e = Wt.c(135), {
-    data: a,
+function aa(m) {
+  const e = Wt.c(133), {
+    data: n,
     mapData: i,
-    graphTitle: A,
-    colors: C,
-    sources: F,
+    graphTitle: L,
+    colors: w,
+    sources: T,
     graphDescription: v,
-    height: p,
-    width: h,
-    footNote: L,
-    colorDomain: te,
-    colorLegendTitle: q,
-    scaleType: oe,
-    scale: fe,
-    centerPoint: re,
-    padding: ge,
-    mapBorderWidth: _e,
-    mapNoDataColor: Ae,
-    backgroundColor: j,
+    height: u,
+    width: g,
+    footNote: $,
+    colorDomain: ee,
+    colorLegendTitle: R,
+    scaleType: te,
+    scale: be,
+    centerPoint: oe,
+    padding: De,
+    mapBorderWidth: Ae,
+    mapNoDataColor: Fe,
+    backgroundColor: b,
     mapBorderColor: ae,
-    relativeHeight: f,
-    tooltip: ye,
-    onSeriesMouseOver: X,
-    isWorldMap: Fe,
-    showColorScale: ne,
+    relativeHeight: y,
+    tooltip: je,
+    onSeriesMouseOver: q,
+    isWorldMap: Le,
+    showColorScale: re,
     zoomScaleExtend: O,
     zoomTranslateExtend: E,
-    graphID: N,
+    graphID: C,
     highlightedIds: B,
-    onSeriesMouseClick: ie,
-    mapProperty: ve,
-    graphDownload: xe,
-    dataDownload: T,
-    showAntarctica: Y,
-    language: Z,
-    minHeight: Le,
-    theme: Te,
-    ariaLabel: J,
-    resetSelectionOnDoubleClick: be,
-    detailsOnClick: x,
-    styles: u,
-    classNames: s,
-    mapProjection: I,
-    zoomInteraction: se,
-    animate: $e,
-    dimmedOpacity: De,
-    customLayers: $,
-    timeline: H,
-    collapseColorScaleByDefault: G,
-    projectionRotate: U,
-    zoomAndCenterByHighlightedIds: je,
-    rewindCoordinatesInMapData: le,
-    mapOverlay: g,
-    numberDisplayOptions: K
-  } = m, b = i === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : i, Q = L === 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." : L, M = oe === void 0 ? "threshold" : oe, ke = fe === void 0 ? 0.95 : fe, V = _e === void 0 ? 0.5 : _e, z = Ae === void 0 ? ct.light.graphNoData : Ae, we = j === void 0 ? !1 : j, Ce = ae === void 0 ? ct.light.grays["gray-500"] : ae, ce = Fe === void 0 ? !0 : Fe, Ne = ne === void 0 ? !0 : ne;
-  let S;
-  e[0] !== O ? (S = O === void 0 ? [0.8, 6] : O, e[0] = O, e[1] = S) : S = e[1];
-  const Me = S, R = ve === void 0 ? "ISO3" : ve, P = xe === void 0 ? !1 : xe, o = T === void 0 ? !1 : T, r = Y === void 0 ? !1 : Y, D = Z === void 0 ? "en" : Z, y = Le === void 0 ? 0 : Le, n = Te === void 0 ? "light" : Te, Se = be === void 0 ? !0 : be, Oe = I === void 0 ? "naturalEarth" : I, Ee = se === void 0 ? "button" : se, He = $e === void 0 ? !1 : $e, dt = De === void 0 ? 0.3 : De;
+    onSeriesMouseClick: ne,
+    mapProperty: ke,
+    graphDownload: we,
+    dataDownload: H,
+    showAntarctica: X,
+    language: Y,
+    minHeight: Te,
+    theme: $e,
+    ariaLabel: Z,
+    resetSelectionOnDoubleClick: ie,
+    detailsOnClick: I,
+    styles: r,
+    classNames: h,
+    mapProjection: N,
+    zoomInteraction: z,
+    animate: se,
+    dimmedOpacity: He,
+    customLayers: J,
+    timeline: G,
+    collapseColorScaleByDefault: K,
+    projectionRotate: P,
+    zoomAndCenterByHighlightedIds: le,
+    rewindCoordinatesInMapData: Ce,
+    mapOverlay: f,
+    numberDisplayOptions: ce
+  } = m, D = i === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : i, 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." : $, M = te === void 0 ? "threshold" : te, de = be === void 0 ? 0.95 : be, Ne = Ae === void 0 ? 0.5 : Ae, U = Fe === void 0 ? ct.light.graphNoData : Fe, W = b === void 0 ? !1 : b, Se = ae === void 0 ? ct.light.grays["gray-500"] : ae, me = Le === void 0 ? !0 : Le, Me = re === void 0 ? !0 : re;
+  let pe;
+  e[0] !== O ? (pe = O === void 0 ? [0.8, 6] : O, e[0] = O, e[1] = pe) : pe = e[1];
+  const _ = pe, Oe = ke === void 0 ? "ISO3" : ke, V = we === void 0 ? !1 : we, ue = H === void 0 ? !1 : H, o = X === void 0 ? !1 : X, a = Y === void 0 ? "en" : Y, p = Te === void 0 ? 0 : Te, x = $e === void 0 ? "light" : $e, c = ie === void 0 ? !0 : ie, Ee = N === void 0 ? "naturalEarth" : N, Be = z === void 0 ? "button" : z, he = se === void 0 ? !1 : se, dt = He === void 0 ? 0.3 : He;
   let Ge;
-  e[2] !== $ ? (Ge = $ === void 0 ? [] : $, e[2] = $, e[3] = Ge) : Ge = e[3];
+  e[2] !== J ? (Ge = J === void 0 ? [] : J, e[2] = J, e[3] = Ge) : Ge = e[3];
   const mt = Ge;
   let Ue;
-  e[4] !== H ? (Ue = H === void 0 ? {
+  e[4] !== G ? (Ue = G === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : H, e[4] = H, e[5] = Ue) : Ue = e[5];
-  const l = Ue;
+  } : G, e[4] = G, e[5] = Ue) : Ue = e[5];
+  const s = Ue;
   let Ve;
-  e[6] !== U ? (Ve = U === void 0 ? [0, 0] : U, e[6] = U, e[7] = Ve) : Ve = e[7];
-  const pt = Ve, ut = je === void 0 ? !1 : je, ht = le === void 0 ? !0 : le, [ee, Ot] = k(0), [Be, Et] = k(0), [W, Bt] = k(l.autoplay);
-  let Ie;
-  if (e[8] !== a || e[9] !== l.dateFormat) {
-    let c;
-    e[11] !== l.dateFormat ? (c = (w) => Tt(`${w.date}`, l.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = l.dateFormat, e[12] = c) : c = e[12], Ie = [...new Set(a.filter(No).map(c))], Ie.sort(Co), e[8] = a, e[9] = l.dateFormat, e[10] = Ie;
+  e[6] !== P ? (Ve = P === void 0 ? [0, 0] : P, e[6] = P, e[7] = Ve) : Ve = e[7];
+  const pt = Ve, ut = le === void 0 ? !1 : le, ht = Ce === void 0 ? !0 : Ce, [Q, Ot] = j(0), [Ie, Et] = j(0), [A, Bt] = j(s.autoplay);
+  let ze;
+  if (e[8] !== n || e[9] !== s.dateFormat) {
+    let l;
+    e[11] !== s.dateFormat ? (l = (k) => Tt(`${k.date}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = s.dateFormat, e[12] = l) : l = e[12], ze = [...new Set(n.filter(So).map(l))], ze.sort(No), e[8] = n, e[9] = s.dateFormat, e[10] = ze;
   } else
-    Ie = e[10];
-  const d = Ie, [_, ft] = k(l.autoplay ? 0 : d.length - 1), [de, It] = k(void 0), [gt, zt] = k(void 0), yt = We(null), vt = We(null);
+    ze = e[10];
+  const d = ze, [F, ft] = j(s.autoplay ? 0 : d.length - 1), [fe, It] = j(void 0), [gt, zt] = j(void 0), yt = _e(null), kt = _e(null);
   let Re, qe;
   e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
-    const c = new ResizeObserver((w) => {
-      Ot(w[0].target.clientWidth || 620), Et(w[0].target.clientHeight || 480);
+    const l = new ResizeObserver((k) => {
+      Ot(k[0].target.clientWidth || 620), Et(k[0].target.clientHeight || 480);
     });
-    return yt.current && c.observe(yt.current), () => c.disconnect();
-  }, qe = [], e[13] = Re, e[14] = qe) : (Re = e[13], qe = e[14]), Pe(Re, qe);
+    return yt.current && l.observe(yt.current), () => l.disconnect();
+  }, qe = [], e[13] = Re, e[14] = qe) : (Re = e[13], qe = e[14]), We(Re, qe);
   let Xe;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Xe = (c) => {
-    It(c);
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Xe = (l) => {
+    It(l);
   }, e[15] = Xe) : Xe = e[15];
   const Ye = Ct(Xe);
   let Ze;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ze = (c) => {
-    zt(c);
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ze = (l) => {
+    zt(l);
   }, e[16] = Ze) : Ze = e[16];
-  const ze = Ct(Ze);
+  const Pe = Ct(Ze);
   let Je;
-  e[17] !== b || e[18] !== Ye ? (Je = () => {
-    typeof b == "string" ? St(b).then((w) => {
-      Ye(w);
-    }) : Ye(b);
-  }, e[17] = b, e[18] = Ye, e[19] = Je) : Je = e[19];
+  e[17] !== D || e[18] !== Ye ? (Je = () => {
+    typeof D == "string" ? Mt(D).then((k) => {
+      Ye(k);
+    }) : Ye(D);
+  }, e[17] = D, e[18] = Ye, e[19] = Je) : Je = e[19];
   let Ke;
-  e[20] !== b ? (Ke = [b], e[20] = b, e[21] = Ke) : Ke = e[21], Pe(Je, Ke);
+  e[20] !== D ? (Ke = [D], e[20] = D, e[21] = Ke) : Ke = e[21], We(Je, Ke);
   let Qe;
-  e[22] !== g?.mapData || e[23] !== ze ? (Qe = () => {
-    g?.mapData || ze(void 0), typeof g?.mapData == "string" ? St(g?.mapData).then((w) => {
-      ze(w);
-    }) : ze(g?.mapData);
-  }, e[22] = g?.mapData, e[23] = ze, e[24] = Qe) : Qe = e[24];
-  const xt = g?.mapData;
+  e[22] !== f?.mapData || e[23] !== Pe ? (Qe = () => {
+    f?.mapData || Pe(void 0), typeof f?.mapData == "string" ? Mt(f?.mapData).then((k) => {
+      Pe(k);
+    }) : Pe(f?.mapData);
+  }, e[22] = f?.mapData, e[23] = Pe, e[24] = Qe) : Qe = e[24];
+  const vt = f?.mapData;
   let et;
-  e[25] !== xt ? (et = [xt], e[25] = xt, e[26] = et) : et = e[26], Pe(Qe, et);
+  e[25] !== vt ? (et = [vt], e[25] = vt, e[26] = et) : et = e[26], We(Qe, et);
   let tt;
-  e[27] !== te || e[28] !== C?.length || e[29] !== a || e[30] !== M ? (tt = te || (M === "categorical" ? uo(a, "x") : ho(a.map(wo), C?.length || 4)), e[27] = te, e[28] = C?.length, e[29] = a, e[30] = M, e[31] = tt) : tt = e[31];
+  e[27] !== ee || e[28] !== w?.length || e[29] !== n || e[30] !== M ? (tt = ee || (M === "categorical" ? ho(n, "x") : fo(n.map(Co), w?.length || 4)), e[27] = ee, e[28] = w?.length, e[29] = n, e[30] = M, e[31] = tt) : tt = e[31];
   const ot = tt;
-  let rt, at;
-  e[32] !== W || e[33] !== l.speed || e[34] !== d ? (rt = () => {
-    const c = setInterval(() => {
-      ft((w) => w < d.length - 1 ? w + 1 : 0);
-    }, (l.speed || 2) * 1e3);
-    return W || clearInterval(c), () => clearInterval(c);
-  }, at = [d, W, l.speed], e[32] = W, e[33] = l.speed, e[34] = d, e[35] = rt, e[36] = at) : (rt = e[35], at = e[36]), Pe(rt, at);
-  const bt = l.dateFormat || "yyyy";
+  let at, rt;
+  e[32] !== A || e[33] !== s.speed || e[34] !== d ? (at = () => {
+    const l = setInterval(() => {
+      ft((k) => k < d.length - 1 ? k + 1 : 0);
+    }, (s.speed || 2) * 1e3);
+    return A || clearInterval(l), () => clearInterval(l);
+  }, rt = [d, A, s.speed], e[32] = A, e[33] = s.speed, e[34] = d, e[35] = at, e[36] = rt) : (at = e[35], rt = e[36]), We(at, rt);
+  const xt = s.dateFormat || "yyyy";
   let nt;
-  e[37] !== _ || e[38] !== bt || e[39] !== l.showOnlyActiveDate || e[40] !== d ? (nt = _t(d, _, l.showOnlyActiveDate, bt), e[37] = _, e[38] = bt, e[39] = l.showOnlyActiveDate, e[40] = d, e[41] = nt) : nt = e[41];
-  const it = nt, Dt = s?.graphContainer, jt = u?.graphContainer;
-  let me;
-  e[42] !== s?.description || e[43] !== s?.title || e[44] !== a || e[45] !== o || e[46] !== v || e[47] !== P || e[48] !== A || e[49] !== u?.description || e[50] !== u?.title || e[51] !== h ? (me = A || v || o ? /* @__PURE__ */ t.jsx(po, { styles: {
-    title: u?.title,
-    description: u?.description
+  e[37] !== F || e[38] !== xt || e[39] !== s.showOnlyActiveDate || e[40] !== d ? (nt = _t(d, F, s.showOnlyActiveDate, xt), e[37] = F, e[38] = xt, e[39] = s.showOnlyActiveDate, e[40] = d, e[41] = nt) : nt = e[41];
+  const it = nt, bt = h?.graphContainer, Dt = r?.graphContainer;
+  let ge;
+  e[42] !== h?.description || e[43] !== h?.title || e[44] !== v || e[45] !== L || e[46] !== r?.description || e[47] !== r?.title || e[48] !== g ? (ge = L || v ? /* @__PURE__ */ t.jsx(uo, { styles: {
+    title: r?.title,
+    description: r?.description
   }, classNames: {
-    title: s?.title,
-    description: s?.description
-  }, graphTitle: A, graphDescription: v, width: h, graphDownload: P ? vt : void 0, dataDownload: o ? a.map(ko).filter(jo).length > 0 ? a.map(Do).filter(bo) : a.filter(xo) : null }) : null, e[42] = s?.description, e[43] = s?.title, e[44] = a, e[45] = o, e[46] = v, e[47] = P, e[48] = A, e[49] = u?.description, e[50] = u?.title, e[51] = h, e[52] = me) : me = e[52];
-  let pe;
-  e[53] !== _ || e[54] !== it || e[55] !== W || e[56] !== l.enabled || e[57] !== d ? (pe = l.enabled && d.length > 0 && it ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+    title: h?.title,
+    description: h?.description
+  }, graphTitle: L, graphDescription: v, width: g }) : null, e[42] = h?.description, e[43] = h?.title, e[44] = v, e[45] = L, e[46] = r?.description, e[47] = r?.title, e[48] = g, e[49] = ge) : ge = e[49];
+  let ye;
+  e[50] !== F || e[51] !== it || e[52] !== A || e[53] !== s.enabled || e[54] !== d ? (ye = s.enabled && d.length > 0 && it ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => {
-      Bt(!W);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": W ? "Click to pause animation" : "Click to play animation", children: W ? /* @__PURE__ */ t.jsx(oo, {}) : /* @__PURE__ */ t.jsx(ro, {}) }),
-    /* @__PURE__ */ t.jsx(At, { min: d[0], max: d[d.length - 1], marks: it, step: null, defaultValue: d[d.length - 1], value: d[_], onChangeComplete: (c) => {
-      ft(d.indexOf(c));
-    }, onChange: (c) => {
-      ft(d.indexOf(c));
+      Bt(!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(oo, {}) : /* @__PURE__ */ t.jsx(ao, {}) }),
+    /* @__PURE__ */ t.jsx(At, { min: d[0], max: d[d.length - 1], marks: it, step: null, defaultValue: d[d.length - 1], value: d[F], onChangeComplete: (l) => {
+      ft(d.indexOf(l));
+    }, onChange: (l) => {
+      ft(d.indexOf(l));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[53] = _, e[54] = it, e[55] = W, e[56] = l.enabled, e[57] = d, e[58] = pe) : pe = e[58];
-  let ue;
-  e[59] !== He || e[60] !== re || e[61] !== s || e[62] !== G || e[63] !== q || e[64] !== C || e[65] !== mt || e[66] !== a || e[67] !== x || e[68] !== dt || e[69] !== ot || e[70] !== P || e[71] !== p || e[72] !== B || e[73] !== _ || e[74] !== ce || e[75] !== Ce || e[76] !== V || e[77] !== z || e[78] !== g?.mapBorderColor || e[79] !== g?.mapBorderWidth || e[80] !== Oe || e[81] !== R || e[82] !== de || e[83] !== y || e[84] !== K || e[85] !== ie || e[86] !== X || e[87] !== gt || e[88] !== pt || e[89] !== f || e[90] !== Se || e[91] !== ht || e[92] !== ke || e[93] !== M || e[94] !== r || e[95] !== Ne || e[96] !== u || e[97] !== Be || e[98] !== ee || e[99] !== n || e[100] !== l.dateFormat || e[101] !== l.enabled || e[102] !== ye || e[103] !== d || e[104] !== h || e[105] !== ut || e[106] !== Ee || e[107] !== Me || e[108] !== E ? (ue = /* @__PURE__ */ t.jsx(fo, { ref: yt, children: ee && Be && de ? /* @__PURE__ */ t.jsx(yo, { data: a.filter((c) => l.enabled ? `${c.date}` === Lt(new Date(d[_]), l.dateFormat || "yyyy") : c), mapData: r ? de : {
-    ...de,
-    features: de.features.filter(vo)
-  }, colorDomain: ot, width: ee, height: Be, scale: ke, centerPoint: re, colors: C || (M === "categorical" ? ct[n].categoricalColors.colors : ct[n].sequentialColors[`neutralColorsx0${ot.length + 1}`]), colorLegendTitle: q, mapBorderWidth: V, mapNoDataColor: z, categorical: M === "categorical", mapBorderColor: Ce, tooltip: ye, onSeriesMouseOver: X, isWorldMap: ce, showColorScale: Ne, zoomScaleExtend: Me, zoomTranslateExtend: E, onSeriesMouseClick: ie, mapProperty: R, highlightedIds: B, resetSelectionOnDoubleClick: Se, styles: u, overlayMapData: gt, overlayMapBorderColor: g?.mapBorderColor, overlayMapBorderWidth: g?.mapBorderWidth, classNames: s, detailsOnClick: x, mapProjection: Oe || (ce ? "naturalEarth" : "mercator"), zoomInteraction: Ee, dimmedOpacity: dt, animate: He === !0 ? {
+  ] }) : null, e[50] = F, e[51] = it, e[52] = A, e[53] = s.enabled, e[54] = d, e[55] = ye) : ye = e[55];
+  let ve;
+  e[56] !== he || e[57] !== oe || e[58] !== h || e[59] !== K || e[60] !== R || e[61] !== w || e[62] !== mt || e[63] !== n || e[64] !== ue || e[65] !== I || e[66] !== dt || e[67] !== ot || e[68] !== V || e[69] !== u || e[70] !== B || e[71] !== F || e[72] !== me || e[73] !== Se || e[74] !== Ne || e[75] !== U || e[76] !== f?.mapBorderColor || e[77] !== f?.mapBorderWidth || e[78] !== Ee || e[79] !== Oe || e[80] !== fe || e[81] !== p || e[82] !== ce || e[83] !== ne || e[84] !== q || e[85] !== gt || e[86] !== pt || e[87] !== y || e[88] !== c || e[89] !== ht || e[90] !== de || e[91] !== M || e[92] !== o || e[93] !== Me || e[94] !== r || e[95] !== Ie || e[96] !== Q || e[97] !== x || e[98] !== s.dateFormat || e[99] !== s.enabled || e[100] !== je || e[101] !== d || e[102] !== g || e[103] !== ut || e[104] !== Be || e[105] !== _ || e[106] !== E ? (ve = /* @__PURE__ */ t.jsx(go, { ref: yt, children: Q && Ie && fe ? /* @__PURE__ */ t.jsx(vo, { data: n.filter((l) => s.enabled ? `${l.date}` === Lt(new Date(d[F]), s.dateFormat || "yyyy") : l), mapData: o ? fe : {
+    ...fe,
+    features: fe.features.filter(wo)
+  }, colorDomain: ot, width: Q, height: Ie, scale: de, centerPoint: oe, colors: w || (M === "categorical" ? ct[x].categoricalColors.colors : ct[x].sequentialColors[`neutralColorsx0${ot.length + 1}`]), colorLegendTitle: R, mapBorderWidth: Ne, mapNoDataColor: U, categorical: M === "categorical", mapBorderColor: Se, tooltip: je, onSeriesMouseOver: q, isWorldMap: me, showColorScale: Me, zoomScaleExtend: _, zoomTranslateExtend: E, onSeriesMouseClick: ne, mapProperty: Oe, highlightedIds: B, resetSelectionOnDoubleClick: c, styles: r, overlayMapData: gt, overlayMapBorderColor: f?.mapBorderColor, overlayMapBorderWidth: f?.mapBorderWidth, classNames: h, detailsOnClick: I, mapProjection: Ee || (me ? "naturalEarth" : "mercator"), zoomInteraction: Be, dimmedOpacity: dt, animate: he === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : He || {
+  } : he || {
     duration: 0,
     once: !0,
     amount: 0
-  }, customLayers: mt, zoomAndCenterByHighlightedIds: ut, collapseColorScaleByDefault: G, projectionRotate: pt, rewindCoordinatesInMapData: ht, numberDisplayOptions: K, graphDownload: P ? vt : void 0 }) : /* @__PURE__ */ t.jsx("div", { style: {
-    height: `${Math.max(y, p || (f ? y ? (h || ee) * f > y ? (h || ee) * f : y : (h || ee) * f : Be))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(Ft, { "aria-label": "Loading graph" }) }) }), e[59] = He, e[60] = re, e[61] = s, e[62] = G, e[63] = q, e[64] = C, e[65] = mt, e[66] = a, e[67] = x, e[68] = dt, e[69] = ot, e[70] = P, e[71] = p, e[72] = B, e[73] = _, e[74] = ce, e[75] = Ce, e[76] = V, e[77] = z, e[78] = g?.mapBorderColor, e[79] = g?.mapBorderWidth, e[80] = Oe, e[81] = R, e[82] = de, e[83] = y, e[84] = K, e[85] = ie, e[86] = X, e[87] = gt, e[88] = pt, e[89] = f, e[90] = Se, e[91] = ht, e[92] = ke, e[93] = M, e[94] = r, e[95] = Ne, e[96] = u, e[97] = Be, e[98] = ee, e[99] = n, e[100] = l.dateFormat, e[101] = l.enabled, e[102] = ye, e[103] = d, e[104] = h, e[105] = ut, e[106] = Ee, e[107] = Me, e[108] = E, e[109] = ue) : ue = e[109];
-  let he;
-  e[110] !== s?.footnote || e[111] !== s?.source || e[112] !== Q || e[113] !== F || e[114] !== u?.footnote || e[115] !== u?.source || e[116] !== h ? (he = F || Q ? /* @__PURE__ */ t.jsx(mo, { styles: {
-    footnote: u?.footnote,
-    source: u?.source
+  }, customLayers: mt, zoomAndCenterByHighlightedIds: ut, collapseColorScaleByDefault: K, projectionRotate: pt, rewindCoordinatesInMapData: ht, numberDisplayOptions: ce, graphDownload: V ? kt : void 0, dataDownload: ue ? n.map(ko).filter(jo).length > 0 ? n.map(Do).filter(bo) : n.filter(xo) : null }) : /* @__PURE__ */ t.jsx("div", { style: {
+    height: `${Math.max(p, u || (y ? p ? (g || Q) * y > p ? (g || Q) * y : p : (g || Q) * y : Ie))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(Ft, { "aria-label": "Loading graph" }) }) }), e[56] = he, e[57] = oe, e[58] = h, e[59] = K, e[60] = R, e[61] = w, e[62] = mt, e[63] = n, e[64] = ue, e[65] = I, e[66] = dt, e[67] = ot, e[68] = V, e[69] = u, e[70] = B, e[71] = F, e[72] = me, e[73] = Se, e[74] = Ne, e[75] = U, e[76] = f?.mapBorderColor, e[77] = f?.mapBorderWidth, e[78] = Ee, e[79] = Oe, e[80] = fe, e[81] = p, e[82] = ce, e[83] = ne, e[84] = q, e[85] = gt, e[86] = pt, e[87] = y, e[88] = c, e[89] = ht, e[90] = de, e[91] = M, e[92] = o, e[93] = Me, e[94] = r, e[95] = Ie, e[96] = Q, e[97] = x, e[98] = s.dateFormat, e[99] = s.enabled, e[100] = je, e[101] = d, e[102] = g, e[103] = ut, e[104] = Be, e[105] = _, e[106] = E, e[107] = ve) : ve = e[107];
+  let xe;
+  e[108] !== h?.footnote || e[109] !== h?.source || e[110] !== S || e[111] !== T || e[112] !== r?.footnote || e[113] !== r?.source || e[114] !== g ? (xe = T || S ? /* @__PURE__ */ t.jsx(po, { styles: {
+    footnote: r?.footnote,
+    source: r?.source
   }, classNames: {
-    footnote: s?.footnote,
-    source: s?.source
-  }, sources: F, footNote: Q, width: h }) : null, e[110] = s?.footnote, e[111] = s?.source, e[112] = Q, e[113] = F, e[114] = u?.footnote, e[115] = u?.source, e[116] = h, e[117] = he) : he = e[117];
+    footnote: h?.footnote,
+    source: h?.source
+  }, sources: T, footNote: S, width: g }) : null, e[108] = h?.footnote, e[109] = h?.source, e[110] = S, e[111] = T, e[112] = r?.footnote, e[113] = r?.source, e[114] = g, e[115] = xe) : xe = e[115];
   let st;
-  return e[118] !== J || e[119] !== we || e[120] !== N || e[121] !== p || e[122] !== D || e[123] !== y || e[124] !== ge || e[125] !== f || e[126] !== Dt || e[127] !== jt || e[128] !== me || e[129] !== pe || e[130] !== ue || e[131] !== he || e[132] !== n || e[133] !== h ? (st = /* @__PURE__ */ t.jsxs(go, { className: Dt, style: jt, id: N, ref: vt, "aria-label": J, backgroundColor: we, theme: n, language: D, minHeight: y, width: h, height: p, relativeHeight: f, padding: ge, children: [
-    me,
-    pe,
-    ue,
-    he
-  ] }), e[118] = J, e[119] = we, e[120] = N, e[121] = p, e[122] = D, e[123] = y, e[124] = ge, e[125] = f, e[126] = Dt, e[127] = jt, e[128] = me, e[129] = pe, e[130] = ue, e[131] = he, e[132] = n, e[133] = h, e[134] = st) : st = e[134], st;
-}
-function vo(m) {
-  return m.properties?.NAME !== "Antarctica";
+  return e[116] !== Z || e[117] !== W || e[118] !== C || e[119] !== u || e[120] !== a || e[121] !== p || e[122] !== De || e[123] !== y || e[124] !== bt || e[125] !== Dt || e[126] !== ge || e[127] !== ye || e[128] !== ve || e[129] !== xe || e[130] !== x || e[131] !== g ? (st = /* @__PURE__ */ t.jsxs(yo, { className: bt, style: Dt, id: C, ref: kt, "aria-label": Z, backgroundColor: W, theme: x, language: a, minHeight: p, width: g, height: u, relativeHeight: y, padding: De, children: [
+    ge,
+    ye,
+    ve,
+    xe
+  ] }), e[116] = Z, e[117] = W, e[118] = C, e[119] = u, e[120] = a, e[121] = p, e[122] = De, e[123] = y, e[124] = bt, e[125] = Dt, e[126] = ge, e[127] = ye, e[128] = ve, e[129] = xe, e[130] = x, e[131] = g, e[132] = st) : st = e[132], st;
 }
 function xo(m) {
   return m !== void 0;
@@ -455,15 +460,18 @@ function ko(m) {
   return m.data;
 }
 function wo(m) {
+  return m.properties?.NAME !== "Antarctica";
+}
+function Co(m) {
   return m.x;
 }
-function Co(m, e) {
+function No(m, e) {
   return m - e;
 }
-function No(m) {
+function So(m) {
   return m.date;
 }
 export {
-  tr as ChoroplethMap
+  aa as ChoroplethMap
 };
 //# sourceMappingURL=ChoroplethMap.js.map