@undp/data-viz 2.3.13 → 2.3.15

package/dist/HybridMap.js

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