@undp/data-viz 2.4.1 → 2.5.0

package/dist/HybridMap.js

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