@undp/data-viz 2.2.3 → 2.3.0

package/dist/BiVariateChoroplethMap.js

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