@undp/data-viz 2.2.0 → 2.2.2

package/dist/BiVariateChoroplethMap.js

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