@undp/data-viz 2.1.0 → 2.1.1

package/dist/ChoroplethMap.js

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