@undp/data-viz 2.3.13 → 2.3.15

package/dist/BiVariateChoroplethMap.js

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