@undp/data-viz 2.0.0 → 2.0.1

package/dist/DotDensityMap.js

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