@undp/data-viz 2.1.9 → 2.2.0

package/dist/DotDensityMap.js

@@ -1,48 +1,48 @@
-import { j as o, m as ce, c as fe } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as N, useRef as Mt, useEffect as Kt, useEffectEvent as he } from "react";
-import { f as ge, p as ye } from "./parse-DlCRUFh_.js";
-import { g as xe, N as ve } from "./getSliderMarks-HIDJ0_Cd.js";
-import { w as be } from "./Spinner-DVBnY6Vg.js";
+import { j as o, m as ce, c as he } from "./index-CHPV5EwG-DecW7_qr.js";
+import { useState as N, useRef as Mt, useEffect as Kt, useEffectEvent as fe } from "react";
+import { f as ge, p as ye } from "./parse-Dv4of-PN.js";
+import { g as xe, N as ve } from "./getSliderMarks-Cvg8zHBU.js";
+import { w as be } from "./Spinner--r2RrJV8.js";
 import { i as we } from "./index-Bwrro8-q.js";
-import { z as je, t as De, g as ke, a as Ce, b as Ne, c as Oe, d as Se } from "./zoom-C9MFjAaV.js";
-import { j as $e } from "./Typography-PxtFcnJb.js";
-import { t as Me } from "./index-GEsywGxz.js";
-import { T as Ee } from "./Tooltip-Dj5eVppQ.js";
+import { z as je, i as De, g as ke, a as Ce, b as Ne, c as Oe, d as Se } from "./zoom-5AkJSuWO.js";
+import { j as $e } from "./Typography-hWfh3H0J.js";
+import { i as Me } from "./index-DCsFBfJ_.js";
+import { T as Ee } from "./Tooltip-BRnAz2Gv.js";
 import { Colors as C } from "./Colors.js";
-import { X as Pe, P as _e, e as ze } from "./index-D491FEn1.js";
-import { D as Le } from "./DetailsModal-0Ry5nXiC.js";
-import { s as Ie } from "./pow-CM2aze4M.js";
+import { X as Pe, P as ze, e as Le } from "./index-BQYOuXdl.js";
+import { D as Ie } from "./DetailsModal-BMCTgVsk.js";
+import { s as _e } from "./pow-CaIrlM4J.js";
 import { s as le } from "./select-DKy99ogv.js";
-import { u as Ve } from "./use-in-view-Cxa7y1TH.js";
-import { m as Yt } from "./proxy-BxkFHwUw.js";
-import { A as Ae } from "./index-BqfRwk1n.js";
+import { m as Yt } from "./proxy-DRuSUlPL.js";
+import { u as Ve } from "./use-in-view-Dl5L8LtP.js";
+import { A as Ae } from "./index-CtMBjvtq.js";
 import { GraphFooter as Be } from "./GraphFooter.js";
 import { GraphHeader as We } from "./GraphHeader.js";
-import { f as Fe } from "./fetchAndParseData-BpqkBPQL.js";
+import { f as Fe } from "./fetchAndParseData-BAXhgTDM.js";
 import { c as Te } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { u as Ge } from "./uniqBy-BHy4I8PK.js";
-import { a as Re, G as He } from "./GraphContainer-CRqzdKu2.js";
+import { a as Re, G as He } from "./GraphContainer-CF6ws3pd.js";
 function Ue(i) {
   const {
     data: t,
     colors: r,
     mapData: X,
-    colorLegendTitle: z,
+    colorLegendTitle: L,
     colorDomain: g,
     radius: S,
-    height: f,
+    height: h,
     width: u,
     scale: p,
-    centerPoint: L,
+    centerPoint: I,
     tooltip: Y,
-    showLabels: ft,
-    mapBorderWidth: ht,
+    showLabels: ht,
+    mapBorderWidth: ft,
     mapBorderColor: gt,
     mapNoDataColor: K,
     onSeriesMouseOver: Z,
     showColorScale: Et,
     zoomScaleExtend: Pt,
-    zoomTranslateExtend: _t,
+    zoomTranslateExtend: zt,
     highlightedDataPoints: yt,
     onSeriesMouseClick: J,
     resetSelectionOnDoubleClick: xt,
@@ -56,33 +56,33 @@ function Ue(i) {
     customLayers: G,
     maxRadiusValue: vt,
     collapseColorScaleByDefault: bt
-  } = i, [wt, jt] = N(void 0), [zt, Dt] = N(bt === void 0 ? !(u < 680) : !bt), et = Mt(null), [R, ot] = N(void 0), [rt, c] = N(void 0), [m, H] = N(void 0), [kt, at] = N(void 0), I = Mt(null), V = Ve(I, {
+  } = i, [wt, jt] = N(void 0), [Lt, Dt] = N(bt === void 0 ? !(u < 680) : !bt), et = Mt(null), [R, ot] = N(void 0), [rt, c] = N(void 0), [m, H] = N(void 0), [kt, at] = N(void 0), _ = Mt(null), V = Ve(_, {
     once: w.once,
     amount: w.amount
-  }), U = Mt(null), D = t.filter((e) => e.radius === void 0 || e.radius === null).length !== t.length ? Ie().domain([0, vt]).range([0.25, S]).nice() : void 0;
+  }), U = Mt(null), D = t.filter((e) => e.radius === void 0 || e.radius === null).length !== t.length ? _e().domain([0, vt]).range([0.25, S]).nice() : void 0;
   Kt(() => {
-    const e = le(U.current), h = le(I.current), a = (l) => {
+    const e = le(U.current), f = le(_.current), a = (l) => {
       if (O === "noZoom") return !1;
       if (O === "button") return !l.type.includes("wheel");
       const j = l.type === "wheel", b = l.type.startsWith("touch"), x = l.type === "mousedown" || l.type === "mousemove";
       return b ? !0 : j ? O === "scroll" ? !0 : l.ctrlKey : x && !l.button && !l.ctrlKey;
-    }, k = je().scaleExtent(Pt).translateExtent(_t || [[-20, -20], [u + 20, f + 20]]).filter(a).on("zoom", ({
+    }, k = je().scaleExtent(Pt).translateExtent(zt || [[-20, -20], [u + 20, h + 20]]).filter(a).on("zoom", ({
       transform: l
     }) => {
       e.attr("transform", l);
     });
-    h.call(k), et.current = k;
-  }, [f, u, O]);
-  const A = De(X), y = Me(X), it = A[2] - A[0], Ct = A[3] - A[1], Nt = u * 190 / 960 * 360 / it, Ot = f * 190 / 678 * 180 / Ct, $ = p * Math.min(Nt, Ot), B = T === "mercator" ? ke().rotate([0, 0]).center(L || y.geometry.coordinates).translate([u / 2, f / 2]).scale($) : T === "equalEarth" ? Ce().rotate([0, 0]).center(L || y.geometry.coordinates).translate([u / 2, f / 2]).scale($) : T === "naturalEarth" ? Ne().rotate([0, 0]).center(L || y.geometry.coordinates).translate([u / 2, f / 2]).scale($) : T === "orthographic" ? Oe().rotate([0, 0]).center(L || y.geometry.coordinates).translate([u / 2, f / 2]).scale($) : Se().rotate([0, 0]).center(L || y.geometry.coordinates).translate([u / 2, f / 2]).scale($), nt = (e) => {
-    if (!I.current || !et.current) return;
-    le(I.current).call(et.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
+    f.call(k), et.current = k;
+  }, [h, u, O]);
+  const A = De(X), y = Me(X), it = A[2] - A[0], Ct = A[3] - A[1], Nt = u * 190 / 960 * 360 / it, Ot = h * 190 / 678 * 180 / Ct, $ = p * Math.min(Nt, Ot), B = T === "mercator" ? ke().rotate([0, 0]).center(I || y.geometry.coordinates).translate([u / 2, h / 2]).scale($) : T === "equalEarth" ? Ce().rotate([0, 0]).center(I || y.geometry.coordinates).translate([u / 2, h / 2]).scale($) : T === "naturalEarth" ? Ne().rotate([0, 0]).center(I || y.geometry.coordinates).translate([u / 2, h / 2]).scale($) : T === "orthographic" ? Oe().rotate([0, 0]).center(I || y.geometry.coordinates).translate([u / 2, h / 2]).scale($) : Se().rotate([0, 0]).center(I || y.geometry.coordinates).translate([u / 2, h / 2]).scale($), nt = (e) => {
+    if (!_.current || !et.current) return;
+    le(_.current).call(et.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ o.jsx(Yt.svg, { width: `${u}px`, height: `${f}px`, viewBox: `0 0 ${u} ${f}`, ref: I, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: U, children: [
+      /* @__PURE__ */ o.jsx(Yt.svg, { width: `${u}px`, height: `${h}px`, viewBox: `0 0 ${u} ${h}`, ref: _, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: U, children: [
         G.filter((e) => e.position === "before").map((e) => e.layer),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        X.features.map((e, h) => /* @__PURE__ */ o.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
+        X.features.map((e, f) => /* @__PURE__ */ o.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           e.geometry.coordinates.map((a, k) => {
             let l = "";
@@ -94,7 +94,7 @@ function Ue(i) {
               }), l += b;
             }), /* @__PURE__ */ o.jsx("path", { d: l, style: {
               stroke: gt,
-              strokeWidth: ht,
+              strokeWidth: ft,
               fill: K
             } }, k);
           })
@@ -107,19 +107,19 @@ function Ue(i) {
               b !== a.length - 1 ? l = `${l}${x[0]} ${x[1]}L` : l = `${l}${x[0]} ${x[1]}`;
             }), /* @__PURE__ */ o.jsx("path", { d: l, style: {
               stroke: gt,
-              strokeWidth: ht,
+              strokeWidth: ft,
               fill: K
             } }, k);
           })
-        ) }, h)),
+        ) }, f)),
         /* @__PURE__ */ o.jsx(Ae, { children: t.map((e) => {
-          const h = t.filter((a) => a.color).length === 0 ? r[0] : e.color ? r[g.indexOf(`${e.color}`)] : C.gray;
+          const f = t.filter((a) => a.color).length === 0 ? r[0] : e.color ? r[g.indexOf(`${e.color}`)] : C.gray;
           return /* @__PURE__ */ o.jsxs(Yt.g, { variants: {
             initial: {
               opacity: 0
             },
             whileInView: {
-              opacity: wt ? wt === h ? 1 : tt : yt.length !== 0 ? yt.indexOf(e.label || "") !== -1 ? 1 : tt : 1,
+              opacity: wt ? wt === f ? 1 : tt : yt.length !== 0 ? yt.indexOf(e.label || "") !== -1 ? 1 : tt : 1,
               transition: {
                 duration: w.duration
               }
@@ -160,7 +160,7 @@ function Ue(i) {
             }, style: {
               fillOpacity: 0.8
             } }),
-            ft && e.label ? /* @__PURE__ */ o.jsx(Yt.text, { variants: {
+            ht && e.label ? /* @__PURE__ */ o.jsx(Yt.text, { variants: {
               initial: {
                 opacity: 0,
                 x: D ? D(e.radius || 0) : S,
@@ -187,28 +187,28 @@ function Ue(i) {
         }) }),
         G.filter((e) => e.position === "after").map((e) => e.layer)
       ] }) }),
-      t.filter((e) => e.color).length === 0 || Et === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: ce("absolute left-4 bottom-4 map-color-legend", F?.colorLegend), children: zt ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      t.filter((e) => e.color).length === 0 || Et === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: ce("absolute left-4 bottom-4 map-color-legend", F?.colorLegend), children: Lt ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
         /* @__PURE__ */ o.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: () => {
           Dt(!1);
         }, children: /* @__PURE__ */ o.jsx(Pe, {}) }),
         /* @__PURE__ */ o.jsxs("div", { className: "p-2", style: {
           backgroundColor: "rgba(240,240,240, 0.7)"
         }, children: [
-          z && z !== "" ? /* @__PURE__ */ o.jsx("p", { className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+          L && L !== "" ? /* @__PURE__ */ o.jsx("p", { 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: z }) : null,
-          /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: g.map((e, h) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-            jt(r[h % r.length]);
+          }, children: L }) : null,
+          /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: g.map((e, f) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
+            jt(r[f % r.length]);
           }, onMouseLeave: () => {
             jt(void 0);
           }, children: [
             /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-              backgroundColor: r[h % r.length]
+              backgroundColor: r[f % r.length]
             } }),
             /* @__PURE__ */ o.jsx($e, { size: "sm", marginBottom: "none", leading: "none", children: e })
-          ] }, h)) })
+          ] }, f)) })
         ] })
       ] }) : /* @__PURE__ */ o.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
         Dt(!0);
@@ -218,30 +218,30 @@ function Ue(i) {
         /* @__PURE__ */ o.jsx("button", { onClick: () => nt("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: "–" })
       ] })
     ] }),
-    v && R !== void 0 ? /* @__PURE__ */ o.jsx(Le, { body: v, data: R, setData: ot, className: F?.modal }) : null,
+    v && R !== void 0 ? /* @__PURE__ */ o.jsx(Ie, { body: v, data: R, setData: ot, className: F?.modal }) : null,
     rt && Y && m && kt ? /* @__PURE__ */ o.jsx(Ee, { data: rt, body: Y, xPos: m, yPos: kt, backgroundStyle: Q?.tooltip, className: F?.tooltip }) : null
   ] });
 }
 function Mo(i) {
-  const t = fe.c(117), {
+  const t = he.c(117), {
     data: r,
     mapData: X,
-    graphTitle: z,
+    graphTitle: L,
     colors: g,
     sources: S,
-    graphDescription: f,
+    graphDescription: h,
     height: u,
     width: p,
-    footNote: L,
+    footNote: I,
     colorLegendTitle: Y,
-    colorDomain: ft,
-    radius: ht,
+    colorDomain: ht,
+    radius: ft,
     scale: gt,
     centerPoint: K,
     padding: Z,
     mapBorderWidth: Et,
     mapNoDataColor: Pt,
-    backgroundColor: _t,
+    backgroundColor: zt,
     showLabels: yt,
     mapBorderColor: J,
     tooltip: xt,
@@ -257,7 +257,7 @@ function Mo(i) {
     graphDownload: bt,
     dataDownload: wt,
     showAntarctica: jt,
-    language: zt,
+    language: Lt,
     minHeight: Dt,
     theme: et,
     ariaLabel: R,
@@ -268,21 +268,21 @@ function Mo(i) {
     mapProjection: H,
     zoomInteraction: kt,
     animate: at,
-    dimmedOpacity: I,
+    dimmedOpacity: _,
     customLayers: V,
     maxRadiusValue: U,
     timeline: D,
     collapseColorScaleByDefault: A
-  } = i, y = X === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : X, it = L === 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." : L, Ct = ht === void 0 ? 5 : ht, Nt = gt === void 0 ? 0.95 : gt, Ot = Et === void 0 ? 0.5 : Et, $ = Pt === void 0 ? C.light.graphNoData : Pt, B = _t === void 0 ? !1 : _t, nt = yt === void 0 ? !1 : yt, e = J === void 0 ? C.light.grays["gray-500"] : J, h = F === void 0 ? !0 : F, a = T === void 0 ? !0 : T;
+  } = i, y = X === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : X, it = I === 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." : I, Ct = ft === void 0 ? 5 : ft, Nt = gt === void 0 ? 0.95 : gt, Ot = Et === void 0 ? 0.5 : Et, $ = Pt === void 0 ? C.light.graphNoData : Pt, B = zt === void 0 ? !1 : zt, nt = yt === void 0 ? !1 : yt, e = J === void 0 ? C.light.grays["gray-500"] : J, f = F === void 0 ? !0 : F, a = T === void 0 ? !0 : T;
   let k;
   t[0] !== O ? (k = O === void 0 ? [0.8, 6] : O, t[0] = O, t[1] = k) : k = t[1];
   const l = k;
   let j;
   t[2] !== G ? (j = G === void 0 ? [] : G, t[2] = G, t[3] = j) : j = t[3];
-  const b = j, x = bt === void 0 ? !1 : bt, lt = wt === void 0 ? !1 : wt, W = jt === void 0 ? !1 : jt, Zt = zt === void 0 ? "en" : zt, M = Dt === void 0 ? 0 : Dt, st = et === void 0 ? "light" : et, Jt = ot === void 0 ? !0 : ot, Qt = kt === void 0 ? "button" : kt, Lt = at === void 0 ? !1 : at, te = I === void 0 ? 0.3 : I;
-  let It;
-  t[4] !== V ? (It = V === void 0 ? [] : V, t[4] = V, t[5] = It) : It = t[5];
-  const ee = It;
+  const b = j, x = bt === void 0 ? !1 : bt, lt = wt === void 0 ? !1 : wt, W = jt === void 0 ? !1 : jt, Zt = Lt === void 0 ? "en" : Lt, M = Dt === void 0 ? 0 : Dt, st = et === void 0 ? "light" : et, Jt = ot === void 0 ? !0 : ot, Qt = kt === void 0 ? "button" : kt, It = at === void 0 ? !1 : at, te = _ === void 0 ? 0.3 : _;
+  let _t;
+  t[4] !== V ? (_t = V === void 0 ? [] : V, t[4] = V, t[5] = _t) : _t = t[5];
+  const ee = _t;
   let Vt;
   t[6] !== D ? (Vt = D === void 0 ? {
     enabled: !1,
@@ -293,26 +293,26 @@ function Mo(i) {
   let $t;
   if (t[8] !== r || t[9] !== n.dateFormat) {
     let d;
-    t[11] !== n.dateFormat ? (d = (_) => ye(`${_.date}`, n.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[11] = n.dateFormat, t[12] = d) : d = t[12], $t = [...new Set(r.filter(ao).map(d))], $t.sort(ro), t[8] = r, t[9] = n.dateFormat, t[10] = $t;
+    t[11] !== n.dateFormat ? (d = (z) => ye(`${z.date}`, n.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[11] = n.dateFormat, t[12] = d) : d = t[12], $t = [...new Set(r.filter(ao).map(d))], $t.sort(ro), t[8] = r, t[9] = n.dateFormat, t[10] = $t;
   } else
     $t = t[10];
   const s = $t, [P, oe] = N(n.autoplay ? 0 : s.length - 1), [ct, pe] = N(void 0), re = Mt(null), se = Mt(null);
   let At, Bt;
-  t[13] === Symbol.for("react.memo_cache_sentinel") ? (At = () => {
-    const d = new ResizeObserver((_) => {
-      de(_[0].target.clientWidth || 620), me(_[0].target.clientHeight || 480);
+  t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (At = () => {
+    const d = new ResizeObserver((z) => {
+      de(z[0].target.clientWidth || 620), me(z[0].target.clientHeight || 480);
     });
     return re.current && d.observe(re.current), () => d.disconnect();
   }, Bt = [], t[13] = At, t[14] = Bt) : (At = t[13], Bt = t[14]), Kt(At, Bt);
   let Wt;
-  t[15] === Symbol.for("react.memo_cache_sentinel") ? (Wt = (d) => {
+  t[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Wt = (d) => {
     pe(d);
   }, t[15] = Wt) : Wt = t[15];
-  const Ft = he(Wt);
+  const Ft = fe(Wt);
   let Tt;
   t[16] !== y || t[17] !== Ft ? (Tt = () => {
-    typeof y == "string" ? Fe(y).then((_) => {
-      Ft(_);
+    typeof y == "string" ? Fe(y).then((z) => {
+      Ft(z);
     }) : Ft(y);
   }, t[16] = y, t[17] = Ft, t[18] = Tt) : Tt = t[18];
   let Gt;
@@ -320,7 +320,7 @@ function Mo(i) {
   let Rt, Ht;
   t[21] !== E || t[22] !== n.speed || t[23] !== s ? (Rt = () => {
     const d = setInterval(() => {
-      oe((_) => _ < s.length - 1 ? _ + 1 : 0);
+      oe((z) => z < s.length - 1 ? z + 1 : 0);
     }, (n.speed || 2) * 1e3);
     return E || clearInterval(d), () => clearInterval(d);
   }, Ht = [s, E, n.speed], t[21] = E, t[22] = n.speed, t[23] = s, t[24] = Rt, t[25] = Ht) : (Rt = t[24], Ht = t[25]), Kt(Rt, Ht);
@@ -329,18 +329,18 @@ function Mo(i) {
   t[26] !== P || t[27] !== ae || t[28] !== n.showOnlyActiveDate || t[29] !== s ? (Ut = xe(s, P, n.showOnlyActiveDate, ae), t[26] = P, t[27] = ae, t[28] = n.showOnlyActiveDate, t[29] = s, t[30] = Ut) : Ut = t[30];
   const qt = Ut, ie = m?.graphContainer, ne = c?.graphContainer;
   let dt;
-  t[31] !== m?.description || t[32] !== m?.title || t[33] !== r || t[34] !== lt || t[35] !== f || t[36] !== x || t[37] !== z || t[38] !== c?.description || t[39] !== c?.title || t[40] !== p ? (dt = z || f || x || lt ? /* @__PURE__ */ o.jsx(We, { styles: {
+  t[31] !== m?.description || t[32] !== m?.title || t[33] !== r || t[34] !== lt || t[35] !== h || t[36] !== x || t[37] !== L || t[38] !== c?.description || t[39] !== c?.title || t[40] !== p ? (dt = L || h || x || lt ? /* @__PURE__ */ o.jsx(We, { styles: {
     title: c?.title,
     description: c?.description
   }, classNames: {
     title: m?.title,
     description: m?.description
-  }, graphTitle: z, graphDescription: f, width: p, graphDownload: x ? se : void 0, dataDownload: lt ? r.map(oo).filter(eo).length > 0 ? r.map(to).filter(Qe) : r.filter(Je) : null }) : null, t[31] = m?.description, t[32] = m?.title, t[33] = r, t[34] = lt, t[35] = f, t[36] = x, t[37] = z, t[38] = c?.description, t[39] = c?.title, t[40] = p, t[41] = dt) : dt = t[41];
+  }, graphTitle: L, graphDescription: h, width: p, graphDownload: x ? se : void 0, dataDownload: lt ? r.map(oo).filter(eo).length > 0 ? r.map(to).filter(Qe) : r.filter(Je) : null }) : null, t[31] = m?.description, t[32] = m?.title, t[33] = r, t[34] = lt, t[35] = h, t[36] = x, t[37] = L, t[38] = c?.description, t[39] = c?.title, t[40] = p, t[41] = dt) : dt = t[41];
   let mt;
   t[42] !== P || t[43] !== qt || t[44] !== E || t[45] !== n.enabled || t[46] !== s ? (mt = n.enabled && s.length > 0 && qt ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ o.jsx("button", { type: "button", onClick: () => {
       ue(!E);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": E ? "Click to pause animation" : "Click to play animation", children: E ? /* @__PURE__ */ o.jsx(_e, {}) : /* @__PURE__ */ o.jsx(ze, {}) }),
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": E ? "Click to pause animation" : "Click to play animation", children: E ? /* @__PURE__ */ o.jsx(ze, {}) : /* @__PURE__ */ o.jsx(Le, {}) }),
     /* @__PURE__ */ o.jsx(ve, { min: s[0], max: s[s.length - 1], marks: qt, step: null, defaultValue: s[s.length - 1], value: s[P], onChangeComplete: (d) => {
       oe(s.indexOf(d));
     }, onChange: (d) => {
@@ -348,20 +348,20 @@ function Mo(i) {
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, t[42] = P, t[43] = qt, t[44] = E, t[45] = n.enabled, t[46] = s, t[47] = mt) : mt = t[47];
   let ut;
-  t[48] !== Lt || t[49] !== K || t[50] !== m || t[51] !== A || t[52] !== ft || t[53] !== Y || t[54] !== g || t[55] !== ee || t[56] !== r || t[57] !== rt || t[58] !== te || t[59] !== u || t[60] !== b || t[61] !== P || t[62] !== h || t[63] !== e || t[64] !== Ot || t[65] !== $ || t[66] !== H || t[67] !== ct || t[68] !== U || t[69] !== M || t[70] !== vt || t[71] !== Q || t[72] !== Ct || t[73] !== v || t[74] !== Jt || t[75] !== Nt || t[76] !== W || t[77] !== a || t[78] !== nt || t[79] !== c || t[80] !== St || t[81] !== q || t[82] !== st || t[83] !== n.dateFormat || t[84] !== n.enabled || t[85] !== xt || t[86] !== s || t[87] !== p || t[88] !== Qt || t[89] !== l || t[90] !== w ? (ut = /* @__PURE__ */ o.jsx(Re, { ref: re, children: q && St && ct ? /* @__PURE__ */ o.jsx(Ue, { data: r.filter((d) => n.enabled ? d.date === ge(new Date(s[P]), n.dateFormat || "yyyy") : d), mapData: W ? ct : {
+  t[48] !== It || t[49] !== K || t[50] !== m || t[51] !== A || t[52] !== ht || t[53] !== Y || t[54] !== g || t[55] !== ee || t[56] !== r || t[57] !== rt || t[58] !== te || t[59] !== u || t[60] !== b || t[61] !== P || t[62] !== f || t[63] !== e || t[64] !== Ot || t[65] !== $ || t[66] !== H || t[67] !== ct || t[68] !== U || t[69] !== M || t[70] !== vt || t[71] !== Q || t[72] !== Ct || t[73] !== v || t[74] !== Jt || t[75] !== Nt || t[76] !== W || t[77] !== a || t[78] !== nt || t[79] !== c || t[80] !== St || t[81] !== q || t[82] !== st || t[83] !== n.dateFormat || t[84] !== n.enabled || t[85] !== xt || t[86] !== s || t[87] !== p || t[88] !== Qt || t[89] !== l || t[90] !== w ? (ut = /* @__PURE__ */ o.jsx(Re, { ref: re, children: q && St && ct ? /* @__PURE__ */ o.jsx(Ue, { data: r.filter((d) => n.enabled ? d.date === ge(new Date(s[P]), n.dateFormat || "yyyy") : d), mapData: W ? ct : {
     ...ct,
     features: ct.features.filter(Ze)
-  }, colorDomain: r.filter(Ke).length === 0 ? [] : ft || Ge(r, "color", !0), width: q, height: St, scale: Nt, centerPoint: K, colors: r.filter(Ye).length === 0 ? g ? [g] : [C.primaryColors["blue-600"]] : g || C[st].categoricalColors.colors, colorLegendTitle: Y, radius: Ct, mapBorderWidth: Ot, mapNoDataColor: $, mapBorderColor: e, tooltip: xt, onSeriesMouseOver: Q, showLabels: nt, isWorldMap: h, showColorScale: a, zoomScaleExtend: l, zoomTranslateExtend: w, onSeriesMouseClick: vt, highlightedDataPoints: b, resetSelectionOnDoubleClick: Jt, styles: c, classNames: m, zoomInteraction: Qt, detailsOnClick: rt, mapProjection: H || (h ? "naturalEarth" : "mercator"), animate: Lt === !0 ? {
+  }, colorDomain: r.filter(Ke).length === 0 ? [] : ht || Ge(r, "color", !0), width: q, height: St, scale: Nt, centerPoint: K, colors: r.filter(Ye).length === 0 ? g ? [g] : [C.primaryColors["blue-600"]] : g || C[st].categoricalColors.colors, colorLegendTitle: Y, radius: Ct, mapBorderWidth: Ot, mapNoDataColor: $, mapBorderColor: e, tooltip: xt, onSeriesMouseOver: Q, showLabels: nt, isWorldMap: f, showColorScale: a, zoomScaleExtend: l, zoomTranslateExtend: w, onSeriesMouseClick: vt, highlightedDataPoints: b, resetSelectionOnDoubleClick: Jt, styles: c, classNames: m, zoomInteraction: Qt, detailsOnClick: rt, mapProjection: H || (f ? "naturalEarth" : "mercator"), animate: It === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : Lt || {
+  } : It || {
     duration: 0,
     once: !0,
     amount: 0
   }, dimmedOpacity: te, customLayers: ee, maxRadiusValue: Te(U) ? Math.max(...r.map(Xe).filter(qe)) : U, collapseColorScaleByDefault: A }) : /* @__PURE__ */ o.jsx("div", { style: {
     height: `${Math.max(M, u || (v ? M ? (p || q) * v > M ? (p || q) * v : M : (p || q) * v : St))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(be, { "aria-label": "Loading graph" }) }) }), t[48] = Lt, t[49] = K, t[50] = m, t[51] = A, t[52] = ft, t[53] = Y, t[54] = g, t[55] = ee, t[56] = r, t[57] = rt, t[58] = te, t[59] = u, t[60] = b, t[61] = P, t[62] = h, t[63] = e, t[64] = Ot, t[65] = $, t[66] = H, t[67] = ct, t[68] = U, t[69] = M, t[70] = vt, t[71] = Q, t[72] = Ct, t[73] = v, t[74] = Jt, t[75] = Nt, t[76] = W, t[77] = a, t[78] = nt, t[79] = c, t[80] = St, t[81] = q, t[82] = st, t[83] = n.dateFormat, t[84] = n.enabled, t[85] = xt, t[86] = s, t[87] = p, t[88] = Qt, t[89] = l, t[90] = w, t[91] = ut) : ut = t[91];
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(be, { "aria-label": "Loading graph" }) }) }), t[48] = It, t[49] = K, t[50] = m, t[51] = A, t[52] = ht, t[53] = Y, t[54] = g, t[55] = ee, t[56] = r, t[57] = rt, t[58] = te, t[59] = u, t[60] = b, t[61] = P, t[62] = f, t[63] = e, t[64] = Ot, t[65] = $, t[66] = H, t[67] = ct, t[68] = U, t[69] = M, t[70] = vt, t[71] = Q, t[72] = Ct, t[73] = v, t[74] = Jt, t[75] = Nt, t[76] = W, t[77] = a, t[78] = nt, t[79] = c, t[80] = St, t[81] = q, t[82] = st, t[83] = n.dateFormat, t[84] = n.enabled, t[85] = xt, t[86] = s, t[87] = p, t[88] = Qt, t[89] = l, t[90] = w, t[91] = ut) : ut = t[91];
   let pt;
   t[92] !== m?.footnote || t[93] !== m?.source || t[94] !== it || t[95] !== S || t[96] !== c?.footnote || t[97] !== c?.source || t[98] !== p ? (pt = S || it ? /* @__PURE__ */ o.jsx(Be, { styles: {
     footnote: c?.footnote,