@undp/data-viz 2.5.3 → 2.5.4

package/dist/HybridMap.js

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