@undp/data-viz 2.3.13 → 2.3.15

package/dist/ChoroplethMap.js

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