@undp/data-viz 2.5.1 → 2.5.3

package/dist/BiVariateChoroplethMap.js

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