@undp/data-viz 2.4.1 → 2.5.1

package/dist/BiVariateChoroplethMap.js

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