@undp/data-viz 2.5.0 → 2.5.1

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