@undp/data-viz 2.0.0 → 2.0.1

package/dist/BiVariateChoroplethMap.js

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