@undp/data-viz 2.4.0 → 2.4.1

package/dist/ChoroplethMap.js

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