@undp/data-viz 2.1.0 → 2.1.1

package/dist/HybridMap.js

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