@undp/data-viz 2.5.4 → 2.6.0

package/dist/ChoroplethMap.js

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