@undp/data-viz 2.0.6 → 2.0.7

package/dist/ChoroplethMap.js

@@ -1,5 +1,5 @@
 import { j as t, m as ct, c as dt } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as S, useRef as Me, useEffect as Re, useEffectEvent as mt } from "react";
+import { useState as S, useRef as Se, useEffect as Re, useEffectEvent as mt } from "react";
 import { g as pt, N as ht } from "./getSliderMarks-HIDJ0_Cd.js";
 import { w as ut } from "./Spinner-D7rnnwnA.js";
 import { p as gt, f as ft } from "./parse-DlCRUFh_.js";
@@ -17,7 +17,7 @@ import { o as Lt } from "./ordinal-P77xw8aL.js";
 import { t as zt } from "./threshold-Bgr20hik.js";
 import { s as rt } from "./select-DKy99ogv.js";
 import { u as _t } from "./use-in-view-Cxa7y1TH.js";
-import { m as Ue } from "./proxy-BxkFHwUw.js";
+import { m as qe } from "./proxy-BxkFHwUw.js";
 import { A as Wt } from "./index-BqfRwk1n.js";
 import { GraphFooter as Bt } from "./GraphFooter.js";
 import { GraphHeader as Tt } from "./GraphHeader.js";
@@ -26,8 +26,8 @@ import { f as At } from "./fetchAndParseData-BpqkBPQL.js";
 import { g as Ft } from "./getUniqValue-BKHCm3zE.js";
 import { g as Vt } from "./getJenks-BbngDoBQ.js";
 import { u as Ht } from "./uniqBy-BHy4I8PK.js";
-import { a as qt, G as Gt } from "./GraphContainer-CRqzdKu2.js";
-import { s as Ut } from "./sort-BIvMlUH1.js";
+import { a as Gt, G as Ut } from "./GraphContainer-CRqzdKu2.js";
+import { s as qt } from "./sort-BIvMlUH1.js";
 import { a as Xt } from "./init-BJFW6EwE.js";
 function Rt(h) {
   const {
@@ -43,18 +43,18 @@ function Rt(h) {
     centerPoint: F,
     tooltip: re,
     mapBorderWidth: V,
-    mapBorderColor: U,
+    mapBorderColor: q,
     mapNoDataColor: ae,
     onSeriesMouseOver: ie,
     showColorScale: ve,
-    zoomScaleExtend: Ee,
-    zoomTranslateExtend: Oe,
+    zoomScaleExtend: Me,
+    zoomTranslateExtend: Ee,
     highlightedIds: X,
     onSeriesMouseClick: ne,
     mapProperty: j,
     resetSelectionOnDoubleClick: be,
     detailsOnClick: E,
-    styles: Pe,
+    styles: Oe,
     classNames: ke,
     mapProjection: I,
     zoomInteraction: L,
@@ -62,30 +62,30 @@ function Rt(h) {
     dimmedOpacity: z,
     customLayers: se,
     collapseColorScaleByDefault: je
-  } = h, [O, _] = S(void 0), le = Me(null), [Ie, we] = S(je === void 0 ? !(g < 680) : !je), [H, R] = S(void 0), [Y, J] = S(void 0), [u, p] = S(void 0), [ce, de] = S(void 0), q = Me(null), me = _t(q, {
+  } = h, [O, _] = S(void 0), le = Se(null), [Pe, we] = S(je === void 0 ? !(g < 680) : !je), [H, R] = S(void 0), [Y, J] = S(void 0), [u, p] = S(void 0), [ce, de] = S(void 0), G = Se(null), me = _t(G, {
     once: N.once,
     amount: N.amount
-  }), K = Me(null), Le = A ? Lt().domain(c).range(d) : zt().domain(c).range(d);
+  }), K = Se(null), Ie = A ? Lt().domain(c).range(d) : zt().domain(c).range(d);
   Re(() => {
-    const o = rt(K.current), s = rt(q.current), f = (r) => {
+    const o = rt(K.current), s = rt(G.current), f = (r) => {
       if (L === "noZoom") return !1;
       if (L === "button") return !r.type.includes("wheel");
       const n = r.type === "wheel", l = r.type.startsWith("touch"), i = r.type === "mousedown" || r.type === "mousemove";
       return l ? !0 : n ? L === "scroll" ? !0 : r.ctrlKey : i && !r.button && !r.ctrlKey;
-    }, a = xt().scaleExtent(Ee).translateExtent(Oe || [[-20, -20], [g + 20, k + 20]]).filter(f).on("zoom", ({
+    }, a = xt().scaleExtent(Me).translateExtent(Ee || [[-20, -20], [g + 20, k + 20]]).filter(f).on("zoom", ({
       transform: r
     }) => {
       o.attr("transform", r);
     });
     s.call(a), le.current = a;
   }, [k, g, L]);
-  const G = vt($), w = Nt($), pe = G[2] - G[0], W = G[3] - G[1], $e = g * 190 / 960 * 360 / pe, Ce = k * 190 / 678 * 180 / W, B = v * Math.min($e, Ce), P = I === "mercator" ? bt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "equalEarth" ? kt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "naturalEarth" ? jt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "orthographic" ? wt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : $t().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B), he = (o) => {
-    if (!q.current || !le.current) return;
-    rt(q.current).call(le.current.scaleBy, o === "in" ? 1.2 : 1 / 1.2);
+  const U = vt($), w = Nt($), pe = U[2] - U[0], W = U[3] - U[1], $e = g * 190 / 960 * 360 / pe, Ce = k * 190 / 678 * 180 / W, B = v * Math.min($e, Ce), P = I === "mercator" ? bt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "equalEarth" ? kt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "naturalEarth" ? jt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : I === "orthographic" ? wt().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B) : $t().rotate([0, 0]).center(F || w.geometry.coordinates).translate([g / 2, k / 2]).scale(B), he = (o) => {
+    if (!G.current || !le.current) return;
+    rt(G.current).call(le.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(Ue.svg, { width: `${g}px`, height: `${k}px`, viewBox: `0 0 ${g} ${k}`, ref: q, direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { ref: K, children: [
+      /* @__PURE__ */ t.jsx(qe.svg, { width: `${g}px`, height: `${k}px`, viewBox: `0 0 ${g} ${k}`, ref: G, direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { ref: K, children: [
         se.filter((o) => o.position === "before").map((o) => o.layer),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         $.features.map((o, s) => e.findIndex((a) => a.id === o.properties[j]) !== -1 ? null : /* @__PURE__ */ t.jsx("g", { opacity: O ? z : X.length !== 0 ? X.indexOf(o.properties[j]) !== -1 ? 1 : z : 1, children: o.geometry.type === "MultiPolygon" ? (
@@ -99,7 +99,7 @@ function Rt(h) {
                 D !== l.length - 1 ? i = `${i}${C[0]} ${C[1]}L` : i = `${i}${C[0]} ${C[1]}`;
               }), n += i;
             }), /* @__PURE__ */ t.jsx("path", { d: n, style: {
-              stroke: U,
+              stroke: q,
               strokeWidth: V,
               fill: ae
             } }, r);
@@ -112,7 +112,7 @@ function Rt(h) {
               const m = P([l[0], l[1]]);
               i !== a.length - 1 ? n = `${n}${m[0]} ${m[1]}L` : n = `${n}${m[0]} ${m[1]}`;
             }), /* @__PURE__ */ t.jsx("path", { d: n, style: {
-              stroke: U,
+              stroke: q,
               strokeWidth: V,
               fill: ae
             } }, r);
@@ -124,9 +124,9 @@ function Rt(h) {
             (a) => o.id === a.properties[j]
           ), f = Et(o.x) ? ae : (
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            Le(o.x)
+            Ie(o.x)
           );
-          return /* @__PURE__ */ t.jsx(Ue.g, { variants: {
+          return /* @__PURE__ */ t.jsx(qe.g, { variants: {
             initial: {
               opacity: 0
             },
@@ -159,7 +159,7 @@ function Rt(h) {
                   const C = P([m[0], m[1]]);
                   D !== l.length - 1 ? i = `${i}${C[0]} ${C[1]}L` : i = `${i}${C[0]} ${C[1]}`;
                 }), n += i;
-              }), /* @__PURE__ */ t.jsx(Ue.path, { d: n, variants: {
+              }), /* @__PURE__ */ t.jsx(qe.path, { d: n, variants: {
                 initial: {
                   fill: f,
                   opacity: 0
@@ -177,7 +177,7 @@ function Rt(h) {
                   duration: N.duration
                 }
               }, style: {
-                stroke: U,
+                stroke: q,
                 strokeWidth: V
               } }, `${o.id}-${r}`);
             }
@@ -188,7 +188,7 @@ function Rt(h) {
               return a.forEach((l, i) => {
                 const m = P([l[0], l[1]]);
                 i !== a.length - 1 ? n = `${n}${m[0]} ${m[1]}L` : n = `${n}${m[0]} ${m[1]}`;
-              }), /* @__PURE__ */ t.jsx(Ue.path, { d: n, variants: {
+              }), /* @__PURE__ */ t.jsx(qe.path, { d: n, variants: {
                 initial: {
                   fill: f,
                   opacity: 0
@@ -206,7 +206,7 @@ function Rt(h) {
                   duration: N.duration
                 }
               }, style: {
-                stroke: U,
+                stroke: q,
                 strokeWidth: V
               } }, `${o.id}-${r}`);
             }
@@ -247,7 +247,7 @@ function Rt(h) {
         ) }, s)) : null,
         se.filter((o) => o.position === "after").map((o) => o.layer)
       ] }) }),
-      ve === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: ct("absolute left-4 bottom-4 map-color-legend", ke?.colorLegend), children: Ie ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      ve === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: ct("absolute left-4 bottom-4 map-color-legend", ke?.colorLegend), children: Pe ? /* @__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(Ot, {}) }),
@@ -309,7 +309,7 @@ function Rt(h) {
     }, children: /* @__PURE__ */ t.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof E == "string" ? {
       __html: Mt(E, H)
     } : void 0, children: typeof E == "function" ? E(H) : null }) }) : null,
-    Y && re && u && ce ? /* @__PURE__ */ t.jsx(St, { data: Y, body: re, xPos: u, yPos: ce, backgroundStyle: Pe?.tooltip, className: ke?.tooltip }) : null
+    Y && re && u && ce ? /* @__PURE__ */ t.jsx(St, { data: Y, body: re, xPos: u, yPos: ce, backgroundStyle: Oe?.tooltip, className: ke?.tooltip }) : null
   ] });
 }
 function zo(h) {
@@ -325,18 +325,18 @@ function zo(h) {
     footNote: F,
     colorDomain: re,
     colorLegendTitle: V,
-    scaleType: U,
+    scaleType: q,
     scale: ae,
     centerPoint: ie,
     padding: ve,
-    mapBorderWidth: Ee,
-    mapNoDataColor: Oe,
+    mapBorderWidth: Me,
+    mapNoDataColor: Ee,
     backgroundColor: X,
     mapBorderColor: ne,
     relativeHeight: j,
     tooltip: be,
     onSeriesMouseOver: E,
-    isWorldMap: Pe,
+    isWorldMap: Oe,
     showColorScale: ke,
     zoomScaleExtend: I,
     zoomTranslateExtend: L,
@@ -347,7 +347,7 @@ function zo(h) {
     graphDownload: O,
     dataDownload: _,
     showAntarctica: le,
-    language: Ie,
+    language: Pe,
     minHeight: we,
     theme: H,
     ariaLabel: R,
@@ -357,55 +357,55 @@ function zo(h) {
     classNames: p,
     mapProjection: ce,
     zoomInteraction: de,
-    animate: q,
+    animate: G,
     dimmedOpacity: me,
     customLayers: K,
-    timeline: Le,
-    collapseColorScaleByDefault: G
-  } = h, w = d === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : d, pe = 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, W = U === void 0 ? "threshold" : U, $e = ae === void 0 ? 0.95 : ae, Ce = Ee === void 0 ? 0.5 : Ee, B = Oe === void 0 ? Xe.light.graphNoData : Oe, P = X === void 0 ? !1 : X, he = ne === void 0 ? Xe.light.grays["gray-500"] : ne, o = Pe === void 0 ? !0 : Pe, s = ke === void 0 ? !0 : ke;
+    timeline: Ie,
+    collapseColorScaleByDefault: U
+  } = h, w = d === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : d, pe = 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, W = q === void 0 ? "threshold" : q, $e = ae === void 0 ? 0.95 : ae, Ce = Me === void 0 ? 0.5 : Me, B = Ee === void 0 ? Xe.light.graphNoData : Ee, P = X === void 0 ? !1 : X, he = ne === void 0 ? Xe.light.grays["gray-500"] : ne, o = Oe === void 0 ? !0 : Oe, s = ke === void 0 ? !0 : ke;
   let f;
   e[0] !== I ? (f = I === void 0 ? [0.8, 6] : I, e[0] = I, e[1] = f) : f = e[1];
   const a = f;
   let r;
   e[2] !== z ? (r = z === void 0 ? [] : z, e[2] = z, e[3] = r) : r = e[3];
-  const n = r, l = je === void 0 ? "ISO3" : je, i = O === void 0 ? !1 : O, m = _ === void 0 ? !1 : _, D = le === void 0 ? !1 : le, C = Ie === void 0 ? "en" : Ie, T = we === void 0 ? 0 : we, Z = H === void 0 ? "light" : H, Ye = Y === void 0 ? !0 : Y, Je = de === void 0 ? "button" : de, ze = q === void 0 ? !1 : q, Ke = me === void 0 ? 0.3 : me;
-  let _e;
-  e[4] !== K ? (_e = K === void 0 ? [] : K, e[4] = K, e[5] = _e) : _e = e[5];
-  const Ze = _e, b = Le === void 0 ? {
+  const n = r, l = je === void 0 ? "ISO3" : je, i = O === void 0 ? !1 : O, m = _ === void 0 ? !1 : _, D = le === void 0 ? !1 : le, C = Pe === void 0 ? "en" : Pe, T = we === void 0 ? 0 : we, Z = H === void 0 ? "light" : H, Ye = Y === void 0 ? !0 : Y, Je = de === void 0 ? "button" : de, Le = G === void 0 ? !1 : G, Ke = me === void 0 ? 0.3 : me;
+  let ze;
+  e[4] !== K ? (ze = K === void 0 ? [] : K, e[4] = K, e[5] = ze) : ze = e[5];
+  const Ze = ze, b = Ie === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : Le, [Q, nt] = S(0), [Ne, st] = S(0), [ee, Qe] = S(b.autoplay), y = Ut(Ht(c, "date", !0).map((x) => gt(`${x}`, b.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), oo), [te, De] = S(b.autoplay ? 0 : y.length - 1), [ue, lt] = S(void 0), et = Me(null), at = Me(null);
-  let We, Be;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (We = () => {
+  } : Ie, [Q, nt] = S(0), [Ne, st] = S(0), [ee, Qe] = S(b.autoplay), y = qt(Ht(c, "date", !0).map((x) => gt(`${x}`, b.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), oo), [te, De] = S(b.autoplay ? 0 : y.length - 1), [ue, lt] = S(void 0), et = Se(null), at = Se(null);
+  let _e, We;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (_e = () => {
     const x = new ResizeObserver((oe) => {
       nt(oe[0].target.clientWidth || 620), st(oe[0].target.clientHeight || 480);
     });
     return et.current && x.observe(et.current), () => x.disconnect();
-  }, Be = [], e[6] = We, e[7] = Be) : (We = e[6], Be = e[7]), Re(We, Be);
-  let Te;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (Te = (x) => {
+  }, We = [], e[6] = _e, e[7] = We) : (_e = e[6], We = e[7]), Re(_e, We);
+  let Be;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (Be = (x) => {
     lt(x);
-  }, e[8] = Te) : Te = e[8];
-  const Ae = mt(Te);
-  let Fe;
-  e[9] !== w || e[10] !== Ae ? (Fe = () => {
+  }, e[8] = Be) : Be = e[8];
+  const Te = mt(Be);
+  let Ae;
+  e[9] !== w || e[10] !== Te ? (Ae = () => {
     typeof w == "string" ? At(w).then((oe) => {
-      Ae(oe);
-    }) : Ae(w);
-  }, e[9] = w, e[10] = Ae, e[11] = Fe) : Fe = e[11];
+      Te(oe);
+    }) : Te(w);
+  }, e[9] = w, e[10] = Te, e[11] = Ae) : Ae = e[11];
+  let Fe;
+  e[12] !== w ? (Fe = [w], e[12] = w, e[13] = Fe) : Fe = e[13], Re(Ae, Fe);
   let Ve;
-  e[12] !== w ? (Ve = [w], e[12] = w, e[13] = Ve) : Ve = e[13], Re(Fe, Ve);
-  let He;
-  e[14] !== re || e[15] !== M?.length || e[16] !== c || e[17] !== W ? (He = re || (W === "categorical" ? Ft(c, "x") : Vt(c.map(to), M?.length || 4)), e[14] = re, e[15] = M?.length, e[16] = c, e[17] = W, e[18] = He) : He = e[18];
-  const Se = He;
+  e[14] !== re || e[15] !== M?.length || e[16] !== c || e[17] !== W ? (Ve = re || (W === "categorical" ? Ft(c, "x") : Vt(c.map(to), M?.length || 4)), e[14] = re, e[15] = M?.length, e[16] = c, e[17] = W, e[18] = Ve) : Ve = e[18];
+  const He = Ve;
   Re(() => {
     const x = setInterval(() => {
       De((oe) => oe < y.length - 1 ? oe + 1 : 0);
     }, (b.speed || 2) * 1e3);
     return ee || clearInterval(x), () => clearInterval(x);
   }, [y, ee, b.speed]);
-  const qe = pt(y, te, b.showOnlyActiveDate, b.dateFormat || "yyyy"), tt = p?.graphContainer, ot = u?.graphContainer;
+  const Ge = pt(y, te, b.showOnlyActiveDate, b.dateFormat || "yyyy"), tt = p?.graphContainer, ot = u?.graphContainer;
   let ge;
   e[19] !== p?.description || e[20] !== p?.title || e[21] !== c || e[22] !== m || e[23] !== k || e[24] !== i || e[25] !== $ || e[26] !== u?.description || e[27] !== u?.title || e[28] !== v ? (ge = $ || k || i || m ? /* @__PURE__ */ t.jsx(Tt, { styles: {
     title: u?.title,
@@ -415,31 +415,31 @@ function zo(h) {
     description: p?.description
   }, graphTitle: $, graphDescription: k, width: v, graphDownload: i ? at : void 0, dataDownload: m ? c.map(eo).filter(Qt).length > 0 ? c.map(Zt).filter(Kt) : c.filter(Jt) : null }) : null, e[19] = p?.description, e[20] = p?.title, e[21] = c, e[22] = m, e[23] = k, e[24] = i, e[25] = $, e[26] = u?.description, e[27] = u?.title, e[28] = v, e[29] = ge) : ge = e[29];
   let fe;
-  e[30] !== te || e[31] !== qe || e[32] !== ee || e[33] !== De || e[34] !== Qe || e[35] !== b.enabled || e[36] !== y ? (fe = b.enabled && y.length > 0 && qe ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  e[30] !== te || e[31] !== Ge || e[32] !== ee || e[33] !== De || e[34] !== Qe || e[35] !== b.enabled || e[36] !== y ? (fe = b.enabled && y.length > 0 && Ge ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => {
       Qe(!ee);
     }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": ee ? "Click to pause animation" : "Click to play animation", children: ee ? /* @__PURE__ */ t.jsx(Pt, {}) : /* @__PURE__ */ t.jsx(It, {}) }),
-    /* @__PURE__ */ t.jsx(ht, { min: y[0], max: y[y.length - 1], marks: qe, step: null, defaultValue: y[y.length - 1], value: y[te], onChangeComplete: (x) => {
+    /* @__PURE__ */ t.jsx(ht, { min: y[0], max: y[y.length - 1], marks: Ge, step: null, defaultValue: y[y.length - 1], value: y[te], onChangeComplete: (x) => {
       De(y.indexOf(x));
     }, onChange: (x) => {
       De(y.indexOf(x));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[30] = te, e[31] = qe, e[32] = ee, e[33] = De, e[34] = Qe, e[35] = b.enabled, e[36] = y, e[37] = fe) : fe = e[37];
+  ] }) : null, e[30] = te, e[31] = Ge, e[32] = ee, e[33] = De, e[34] = Qe, e[35] = b.enabled, e[36] = y, e[37] = fe) : fe = e[37];
   let ye;
-  e[38] !== ze || e[39] !== ie || e[40] !== p || e[41] !== G || e[42] !== V || e[43] !== M || e[44] !== Ze || e[45] !== c || e[46] !== J || e[47] !== Ke || e[48] !== Se || e[49] !== g || e[50] !== n || e[51] !== te || e[52] !== o || e[53] !== he || e[54] !== Ce || e[55] !== B || e[56] !== ce || e[57] !== l || e[58] !== ue || e[59] !== T || e[60] !== se || e[61] !== E || e[62] !== j || e[63] !== Ye || e[64] !== $e || e[65] !== W || e[66] !== D || e[67] !== s || e[68] !== u || e[69] !== Ne || e[70] !== Q || e[71] !== Z || e[72] !== b.dateFormat || e[73] !== b.enabled || e[74] !== be || e[75] !== y || e[76] !== v || e[77] !== Je || e[78] !== a || e[79] !== L ? (ye = /* @__PURE__ */ t.jsx(qt, { ref: et, children: Q && Ne && ue ? /* @__PURE__ */ t.jsx(Rt, { data: c.filter((x) => b.enabled ? x.date === ft(new Date(y[te]), b.dateFormat || "yyyy") : x), mapData: D ? ue : {
+  e[38] !== Le || e[39] !== ie || e[40] !== p || e[41] !== U || e[42] !== V || e[43] !== M || e[44] !== Ze || e[45] !== c || e[46] !== J || e[47] !== Ke || e[48] !== He || e[49] !== g || e[50] !== n || e[51] !== te || e[52] !== o || e[53] !== he || e[54] !== Ce || e[55] !== B || e[56] !== ce || e[57] !== l || e[58] !== ue || e[59] !== T || e[60] !== se || e[61] !== E || e[62] !== j || e[63] !== Ye || e[64] !== $e || e[65] !== W || e[66] !== D || e[67] !== s || e[68] !== u || e[69] !== Ne || e[70] !== Q || e[71] !== Z || e[72] !== b.dateFormat || e[73] !== b.enabled || e[74] !== be || e[75] !== y || e[76] !== v || e[77] !== Je || e[78] !== a || e[79] !== L ? (ye = /* @__PURE__ */ t.jsx(Gt, { ref: et, children: Q && Ne && ue ? /* @__PURE__ */ t.jsx(Rt, { data: c.filter((x) => b.enabled ? x.date === ft(new Date(y[te]), b.dateFormat || "yyyy") : x), mapData: D ? ue : {
     ...ue,
     features: ue.features.filter(Yt)
-  }, colorDomain: Se, width: Q, height: Ne, scale: $e, centerPoint: ie, colors: M || (W === "categorical" ? Xe[Z].sequentialColors[`neutralColorsx0${Se.length}`] : Xe[Z].sequentialColors[`neutralColorsx0${Se.length + 1}`]), colorLegendTitle: V, mapBorderWidth: Ce, mapNoDataColor: B, categorical: W === "categorical", mapBorderColor: he, tooltip: be, onSeriesMouseOver: E, isWorldMap: o, showColorScale: s, zoomScaleExtend: a, zoomTranslateExtend: L, onSeriesMouseClick: se, mapProperty: l, highlightedIds: n, resetSelectionOnDoubleClick: Ye, styles: u, classNames: p, detailsOnClick: J, mapProjection: ce || (o ? "naturalEarth" : "mercator"), zoomInteraction: Je, dimmedOpacity: Ke, animate: ze === !0 ? {
+  }, colorDomain: He, width: Q, height: Ne, scale: $e, centerPoint: ie, colors: M || (W === "categorical" ? Xe[Z].categoricalColors.colors : Xe[Z].sequentialColors[`neutralColorsx0${He.length + 1}`]), colorLegendTitle: V, mapBorderWidth: Ce, mapNoDataColor: B, categorical: W === "categorical", mapBorderColor: he, tooltip: be, onSeriesMouseOver: E, isWorldMap: o, showColorScale: s, zoomScaleExtend: a, zoomTranslateExtend: L, onSeriesMouseClick: se, mapProperty: l, highlightedIds: n, resetSelectionOnDoubleClick: Ye, styles: u, classNames: p, detailsOnClick: J, mapProjection: ce || (o ? "naturalEarth" : "mercator"), zoomInteraction: Je, dimmedOpacity: Ke, animate: Le === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : ze || {
+  } : Le || {
     duration: 0,
     once: !0,
     amount: 0
-  }, customLayers: Ze, collapseColorScaleByDefault: G }) : /* @__PURE__ */ t.jsx("div", { style: {
+  }, customLayers: Ze, collapseColorScaleByDefault: U }) : /* @__PURE__ */ t.jsx("div", { style: {
     height: `${Math.max(T, g || (j ? T ? (v || Q) * j > T ? (v || Q) * j : T : (v || Q) * j : Ne))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(ut, { "aria-label": "Loading graph" }) }) }), e[38] = ze, e[39] = ie, e[40] = p, e[41] = G, e[42] = V, e[43] = M, e[44] = Ze, e[45] = c, e[46] = J, e[47] = Ke, e[48] = Se, e[49] = g, e[50] = n, e[51] = te, e[52] = o, e[53] = he, e[54] = Ce, e[55] = B, e[56] = ce, e[57] = l, e[58] = ue, e[59] = T, e[60] = se, e[61] = E, e[62] = j, e[63] = Ye, e[64] = $e, e[65] = W, e[66] = D, e[67] = s, e[68] = u, e[69] = Ne, e[70] = Q, e[71] = Z, e[72] = b.dateFormat, e[73] = b.enabled, e[74] = be, e[75] = y, e[76] = v, e[77] = Je, e[78] = a, e[79] = L, e[80] = ye) : ye = e[80];
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(ut, { "aria-label": "Loading graph" }) }) }), e[38] = Le, e[39] = ie, e[40] = p, e[41] = U, e[42] = V, e[43] = M, e[44] = Ze, e[45] = c, e[46] = J, e[47] = Ke, e[48] = He, e[49] = g, e[50] = n, e[51] = te, e[52] = o, e[53] = he, e[54] = Ce, e[55] = B, e[56] = ce, e[57] = l, e[58] = ue, e[59] = T, e[60] = se, e[61] = E, e[62] = j, e[63] = Ye, e[64] = $e, e[65] = W, e[66] = D, e[67] = s, e[68] = u, e[69] = Ne, e[70] = Q, e[71] = Z, e[72] = b.dateFormat, e[73] = b.enabled, e[74] = be, e[75] = y, e[76] = v, e[77] = Je, e[78] = a, e[79] = L, e[80] = ye) : ye = e[80];
   let xe;
   e[81] !== p?.footnote || e[82] !== p?.source || e[83] !== pe || e[84] !== A || e[85] !== u?.footnote || e[86] !== u?.source || e[87] !== v ? (xe = A || pe ? /* @__PURE__ */ t.jsx(Bt, { styles: {
     footnote: u?.footnote,
@@ -448,13 +448,13 @@ function zo(h) {
     footnote: p?.footnote,
     source: p?.source
   }, sources: A, footNote: pe, width: v }) : null, e[81] = p?.footnote, e[82] = p?.source, e[83] = pe, e[84] = A, e[85] = u?.footnote, e[86] = u?.source, e[87] = v, e[88] = xe) : xe = e[88];
-  let Ge;
-  return e[89] !== R || e[90] !== P || e[91] !== N || e[92] !== g || e[93] !== C || e[94] !== T || e[95] !== ve || e[96] !== j || e[97] !== tt || e[98] !== ot || e[99] !== ge || e[100] !== fe || e[101] !== ye || e[102] !== xe || e[103] !== Z || e[104] !== v ? (Ge = /* @__PURE__ */ t.jsxs(Gt, { className: tt, style: ot, id: N, ref: at, "aria-label": R, backgroundColor: P, theme: Z, language: C, minHeight: T, width: v, height: g, relativeHeight: j, padding: ve, children: [
+  let Ue;
+  return e[89] !== R || e[90] !== P || e[91] !== N || e[92] !== g || e[93] !== C || e[94] !== T || e[95] !== ve || e[96] !== j || e[97] !== tt || e[98] !== ot || e[99] !== ge || e[100] !== fe || e[101] !== ye || e[102] !== xe || e[103] !== Z || e[104] !== v ? (Ue = /* @__PURE__ */ t.jsxs(Ut, { className: tt, style: ot, id: N, ref: at, "aria-label": R, backgroundColor: P, theme: Z, language: C, minHeight: T, width: v, height: g, relativeHeight: j, padding: ve, children: [
     ge,
     fe,
     ye,
     xe
-  ] }), e[89] = R, e[90] = P, e[91] = N, e[92] = g, e[93] = C, e[94] = T, e[95] = ve, e[96] = j, e[97] = tt, e[98] = ot, e[99] = ge, e[100] = fe, e[101] = ye, e[102] = xe, e[103] = Z, e[104] = v, e[105] = Ge) : Ge = e[105], Ge;
+  ] }), e[89] = R, e[90] = P, e[91] = N, e[92] = g, e[93] = C, e[94] = T, e[95] = ve, e[96] = j, e[97] = tt, e[98] = ot, e[99] = ge, e[100] = fe, e[101] = ye, e[102] = xe, e[103] = Z, e[104] = v, e[105] = Ue) : Ue = e[105], Ue;
 }
 function Yt(h) {
   return h.properties.NAME !== "Antarctica";