@undp/data-viz 2.5.4 → 2.6.0

package/dist/DotDensityMap.js

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