@undp/data-viz 1.5.7 → 1.5.9

package/dist/DotDensityMap.js

@@ -1,117 +1,120 @@
-import { j as r, m as je } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as g, useRef as Y, useEffect as pe } from "react";
-import { p as ke, f as De } from "./parse-DlCRUFh_.js";
-import { g as Ce, x as Ne } from "./getSliderMarks-9cNoRkDx.js";
-import { y as $e } from "./Spinner-C85UF28E.js";
+import { j as r, m as ke } from "./index-CHPV5EwG-DBWUSD9b.js";
+import { useState as h, useRef as Z, useEffect as pe } from "react";
+import { p as De, f as Ce } from "./parse-DlCRUFh_.js";
+import { g as Ne, x as $e } from "./getSliderMarks-_pYOWEtO.js";
+import { y as Se } from "./Spinner-Bpz70q_g.js";
 import { i as Me } from "./index-Bwrro8-q.js";
-import { z as Oe, t as Se, g as Ee, a as Pe, b as Ie, c as Le, d as ze } from "./zoom-QipiAl5W.js";
-import { X as Te } from "./Modal-DVVwpKhP.js";
-import { u as Ve } from "./Typography-Ctgfl1J5.js";
-import { t as We } from "./index-9tDEUqOZ.js";
-import { T as Ae } from "./Tooltip-CVCGWyzw.js";
+import { z as Oe, t as Ee, g as Pe, a as Le, b as Ie, c as ze, d as Te } from "./zoom-QipiAl5W.js";
+import { G as Ve } from "./Modal-Cg8daIlV.js";
+import { u as We } from "./Typography-LmZ9LEpe.js";
+import { t as Be } from "./index-9tDEUqOZ.js";
+import { T as Ae } from "./Tooltip-6LIdPQGC.js";
 import { Colors as D } from "./Colors.js";
-import { s as Be } from "./string2HTML-oFCROsus.js";
-import { X as He, P as Re, f as Xe } from "./index-BmCqpO1B.js";
-import { s as _e } from "./pow-e8zx3AQJ.js";
+import { s as He } from "./string2HTML-oFCROsus.js";
+import { X as _e, P as Fe, f as Re } from "./index-zZjQEHlm.js";
+import { s as qe } from "./pow-e8zx3AQJ.js";
 import { s as ve } from "./select-DKy99ogv.js";
-import { u as Fe } from "./use-in-view-yS6jzJAp.js";
-import { m as de } from "./proxy-CkpFesk1.js";
-import { A as qe } from "./index-CNvov0eg.js";
-import { GraphFooter as Ue } from "./GraphFooter.js";
-import { GraphHeader as Ge } from "./GraphHeader.js";
-import { f as Ye } from "./fetchAndParseData-sapWbnYk.js";
-import { c as Ke } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { u as be } from "./uniqBy-BHy4I8PK.js";
-import { s as Ze } from "./sort-DfK1b0F5.js";
-import { c as Je } from "./init-BhZylTFx.js";
-function Qe(ue) {
+import { u as Ge } from "./use-in-view-DR-UTB96.js";
+import { m as ue } from "./proxy-BYIC9BuT.js";
+import { A as Ue } from "./index-Cwgh7i7X.js";
+import { GraphFooter as Xe } from "./GraphFooter.js";
+import { GraphHeader as Ye } from "./GraphHeader.js";
+import { f as Ke } from "./fetchAndParseData-sapWbnYk.js";
+import { c as Ze } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { u as we } from "./uniqBy-BHy4I8PK.js";
+import { s as Je } from "./sort-DfK1b0F5.js";
+import { c as Qe } from "./init-BhZylTFx.js";
+function et(he) {
   const {
-    data: l,
+    data: n,
     colors: s,
     mapData: C,
-    colorLegendTitle: S,
-    colorDomain: v,
-    radius: b,
-    height: d,
+    colorLegendTitle: E,
+    colorDomain: b,
+    radius: v,
+    height: m,
     width: o,
-    scale: K,
-    centerPoint: E,
-    tooltip: Z,
-    showLabels: he,
-    mapBorderWidth: J,
-    mapBorderColor: Q,
-    mapNoDataColor: B,
-    onSeriesMouseOver: ee,
-    showColorScale: ge,
+    scale: J,
+    centerPoint: P,
+    tooltip: Q,
+    showLabels: ge,
+    mapBorderWidth: ee,
+    mapBorderColor: te,
+    mapNoDataColor: H,
+    onSeriesMouseOver: re,
+    showColorScale: fe,
     zoomScaleExtend: N,
-    zoomTranslateExtend: fe,
-    highlightedDataPoints: te,
-    onSeriesMouseClick: H,
-    resetSelectionOnDoubleClick: f,
+    zoomTranslateExtend: ye,
+    highlightedDataPoints: ae,
+    onSeriesMouseClick: _,
+    resetSelectionOnDoubleClick: g,
     detailsOnClick: $,
-    styles: re,
-    classNames: ye,
-    mapProjection: T,
-    zoomInteraction: P,
-    animate: y,
-    dimmedOpacity: ae,
-    customLayers: oe,
-    maxRadiusValue: ie
-  } = ue, [R, ne] = g(void 0), [X, h] = g(!(o < 680)), V = Y(null), [I, _] = g(void 0), [le, x] = g(void 0), [w, F] = g(void 0), [se, W] = g(void 0), L = Y(null), q = Fe(L, {
-    once: y.once,
-    amount: y.amount
-  }), U = Y(null), m = l.filter((e) => e.radius === void 0 || e.radius === null).length !== l.length ? _e().domain([0, ie]).range([0.25, b]).nice() : void 0;
+    styles: oe,
+    classNames: xe,
+    mapProjection: V,
+    zoomInteraction: L,
+    animate: f,
+    dimmedOpacity: ie,
+    customLayers: le,
+    maxRadiusValue: ne,
+    collapseColorScaleByDefault: F
+  } = he, [se, W] = h(void 0), [y, R] = h(
+    F === void 0 ? !(o < 680) : !F
+  ), q = Z(null), [I, G] = h(void 0), [w, x] = h(void 0), [ce, U] = h(void 0), [X, Y] = h(void 0), z = Z(null), B = Ge(z, {
+    once: f.once,
+    amount: f.amount
+  }), d = Z(null), S = n.filter((e) => e.radius === void 0 || e.radius === null).length !== n.length ? qe().domain([0, ne]).range([0.25, v]).nice() : void 0;
   pe(() => {
-    const e = ve(U.current), u = ve(L.current), a = (i) => {
-      if (P === "noZoom") return !1;
-      if (P === "button") return !i.type.includes("wheel");
+    const e = ve(d.current), p = ve(z.current), a = (i) => {
+      if (L === "noZoom") return !1;
+      if (L === "button") return !i.type.includes("wheel");
       const t = i.type === "wheel", c = i.type.startsWith("touch"), k = i.type === "mousedown" || i.type === "mousemove";
-      return c ? !0 : t ? P === "scroll" ? !0 : i.ctrlKey : k && !i.button && !i.ctrlKey;
+      return c ? !0 : t ? L === "scroll" ? !0 : i.ctrlKey : k && !i.button && !i.ctrlKey;
     }, j = Oe().scaleExtent(N).translateExtent(
-      fe || [
+      ye || [
         [-20, -20],
-        [o + 20, d + 20]
+        [o + 20, m + 20]
       ]
     ).filter(a).on("zoom", ({ transform: i }) => {
       e.attr("transform", i);
     });
-    u.call(j), V.current = j;
-  }, [d, o, P]);
-  const p = Se(C), M = We(C), G = p[2] - p[0], ce = p[3] - p[1], z = o * 190 / 960 * 360 / G, xe = d * 190 / 678 * 180 / ce, n = K * Math.min(z, xe), O = T === "mercator" ? Ee().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "equalEarth" ? Pe().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "naturalEarth" ? Ie().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : T === "orthographic" ? Le().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n) : ze().rotate([0, 0]).center(E || M.geometry.coordinates).translate([o / 2, d / 2]).scale(n), A = (e) => {
-    if (!L.current || !V.current) return;
-    ve(L.current).call(V.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
+    p.call(j), q.current = j;
+  }, [m, o, L]);
+  const u = Ee(C), M = Be(C), K = u[2] - u[0], me = u[3] - u[1], T = o * 190 / 960 * 360 / K, be = m * 190 / 678 * 180 / me, l = J * Math.min(T, be), O = V === "mercator" ? Pe().rotate([0, 0]).center(P || M.geometry.coordinates).translate([o / 2, m / 2]).scale(l) : V === "equalEarth" ? Le().rotate([0, 0]).center(P || M.geometry.coordinates).translate([o / 2, m / 2]).scale(l) : V === "naturalEarth" ? Ie().rotate([0, 0]).center(P || M.geometry.coordinates).translate([o / 2, m / 2]).scale(l) : V === "orthographic" ? ze().rotate([0, 0]).center(P || M.geometry.coordinates).translate([o / 2, m / 2]).scale(l) : Te().rotate([0, 0]).center(P || M.geometry.coordinates).translate([o / 2, m / 2]).scale(l), A = (e) => {
+    if (!z.current || !q.current) return;
+    ve(z.current).call(q.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
-        de.svg,
+        ue.svg,
         {
           width: `${o}px`,
-          height: `${d}px`,
-          viewBox: `0 0 ${o} ${d}`,
-          ref: L,
+          height: `${m}px`,
+          viewBox: `0 0 ${o} ${m}`,
+          ref: z,
           direction: "ltr",
-          children: /* @__PURE__ */ r.jsxs("g", { ref: U, children: [
-            oe.filter((e) => e.position === "before").map((e) => e.layer),
+          children: /* @__PURE__ */ r.jsxs("g", { ref: d, children: [
+            le.filter((e) => e.position === "before").map((e) => e.layer),
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            C.features.map((e, u) => /* @__PURE__ */ r.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
+            C.features.map((e, p) => /* @__PURE__ */ r.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               e.geometry.coordinates.map((a, j) => {
                 let i = "";
                 return a.forEach((t) => {
                   let c = " M";
-                  t.forEach((k, we) => {
-                    const me = O([k[0], k[1]]);
-                    we !== t.length - 1 ? c = `${c}${me[0]} ${me[1]}L` : c = `${c}${me[0]} ${me[1]}`;
+                  t.forEach((k, je) => {
+                    const de = O([k[0], k[1]]);
+                    je !== t.length - 1 ? c = `${c}${de[0]} ${de[1]}L` : c = `${c}${de[0]} ${de[1]}`;
                   }), i += c;
                 }), /* @__PURE__ */ r.jsx(
                   "path",
                   {
                     d: i,
                     style: {
-                      stroke: Q,
-                      strokeWidth: J,
-                      fill: B
+                      stroke: te,
+                      strokeWidth: ee,
+                      fill: H
                     }
                   },
                   j
@@ -129,87 +132,87 @@ function Qe(ue) {
                   {
                     d: i,
                     style: {
-                      stroke: Q,
-                      strokeWidth: J,
-                      fill: B
+                      stroke: te,
+                      strokeWidth: ee,
+                      fill: H
                     }
                   },
                   j
                 );
               })
-            ) }, u)),
-            /* @__PURE__ */ r.jsx(qe, { children: l.map((e) => {
-              const u = l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray;
+            ) }, p)),
+            /* @__PURE__ */ r.jsx(Ue, { children: n.map((e) => {
+              const p = n.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[b.indexOf(`${e.color}`)] : D.gray;
               return /* @__PURE__ */ r.jsxs(
-                de.g,
+                ue.g,
                 {
                   variants: {
                     initial: { opacity: 0 },
                     whileInView: {
-                      opacity: R ? R === u ? 1 : ae : te.length !== 0 ? te.indexOf(e.label || "") !== -1 ? 1 : ae : 1,
-                      transition: { duration: y.duration }
+                      opacity: se ? se === p ? 1 : ie : ae.length !== 0 ? ae.indexOf(e.label || "") !== -1 ? 1 : ie : 1,
+                      transition: { duration: f.duration }
                     }
                   },
                   initial: "initial",
-                  animate: q ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: y.duration } },
+                  animate: B ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: f.duration } },
                   onMouseEnter: (a) => {
-                    x(e), W(a.clientY), F(a.clientX), ee?.(e);
+                    x(e), Y(a.clientY), U(a.clientX), re?.(e);
                   },
                   onMouseMove: (a) => {
-                    x(e), W(a.clientY), F(a.clientX);
+                    x(e), Y(a.clientY), U(a.clientX);
                   },
                   onMouseLeave: () => {
-                    x(void 0), F(void 0), W(void 0), ee?.(void 0);
+                    x(void 0), U(void 0), Y(void 0), re?.(void 0);
                   },
                   onClick: () => {
-                    (H || $) && (Me(I, e) && f ? (_(void 0), H?.(void 0)) : (_(e), H?.(e)));
+                    (_ || $) && (Me(I, e) && g ? (G(void 0), _?.(void 0)) : (G(e), _?.(e)));
                   },
                   transform: `translate(${O([e.long, e.lat])[0]},${O([e.long, e.lat])[1]})`,
                   children: [
                     /* @__PURE__ */ r.jsx(
-                      de.circle,
+                      ue.circle,
                       {
                         cx: 0,
                         cy: 0,
                         variants: {
                           initial: {
                             r: 0,
-                            fill: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray,
-                            stroke: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray
+                            fill: n.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[b.indexOf(`${e.color}`)] : D.gray,
+                            stroke: n.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[b.indexOf(`${e.color}`)] : D.gray
                           },
                           whileInView: {
-                            r: m ? m(e.radius || 0) : b,
-                            fill: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray,
-                            stroke: l.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[v.indexOf(`${e.color}`)] : D.gray,
-                            transition: { duration: y.duration }
+                            r: S ? S(e.radius || 0) : v,
+                            fill: n.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[b.indexOf(`${e.color}`)] : D.gray,
+                            stroke: n.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[b.indexOf(`${e.color}`)] : D.gray,
+                            transition: { duration: f.duration }
                           }
                         },
                         initial: "initial",
-                        animate: q ? "whileInView" : "initial",
-                        exit: { r: 0, transition: { duration: y.duration } },
+                        animate: B ? "whileInView" : "initial",
+                        exit: { r: 0, transition: { duration: f.duration } },
                         style: {
                           fillOpacity: 0.8
                         }
                       }
                     ),
-                    he && e.label ? /* @__PURE__ */ r.jsx(
-                      de.text,
+                    ge && e.label ? /* @__PURE__ */ r.jsx(
+                      ue.text,
                       {
                         variants: {
                           initial: {
                             opacity: 0,
-                            x: m ? m(e.radius || 0) : b
+                            x: S ? S(e.radius || 0) : v
                           },
                           whileInView: {
                             opacity: 1,
-                            x: m ? m(e.radius || 0) : b,
-                            transition: { duration: y.duration }
+                            x: S ? S(e.radius || 0) : v,
+                            transition: { duration: f.duration }
                           }
                         },
                         initial: "initial",
-                        animate: q ? "whileInView" : "initial",
-                        exit: { opacity: 0, transition: { duration: y.duration } },
+                        animate: B ? "whileInView" : "initial",
+                        exit: { opacity: 0, transition: { duration: f.duration } },
                         y: 0,
                         className: "fill-primary-gray-600 dark:fill-primary-gray-300 text-sm",
                         style: { textAnchor: "start" },
@@ -223,35 +226,23 @@ function Qe(ue) {
                 e.label || `${e.lat}-${e.long}`
               );
             }) }),
-            oe.filter((e) => e.position === "after").map((e) => e.layer)
+            le.filter((e) => e.position === "after").map((e) => e.layer)
           ] })
         }
       ),
-      l.filter((e) => e.color).length === 0 || ge === !1 ? null : /* @__PURE__ */ r.jsx("div", { className: "absolute left-4 bottom-4", children: X ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      n.filter((e) => e.color).length === 0 || fe === !1 ? null : /* @__PURE__ */ r.jsx("div", { className: "absolute left-4 bottom-4", children: y ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(
           "div",
           {
-            style: {
-              backgroundColor: "rgba(240,240,240, 0.7)",
-              border: "1px solid var(--gray-400)",
-              borderRadius: "999px",
-              width: "24px",
-              height: "24px",
-              padding: "3px",
-              cursor: "pointer",
-              zIndex: 10,
-              position: "absolute",
-              right: "-0.75rem",
-              top: "-0.75rem"
-            },
+            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: () => {
-              h(!1);
+              R(!1);
             },
-            children: /* @__PURE__ */ r.jsx(He, {})
+            children: /* @__PURE__ */ r.jsx(_e, {})
           }
         ),
         /* @__PURE__ */ r.jsxs("div", { className: "p-2", style: { backgroundColor: "rgba(240,240,240, 0.7)" }, children: [
-          S && S !== "" ? /* @__PURE__ */ r.jsx(
+          E && E !== "" ? /* @__PURE__ */ r.jsx(
             "p",
             {
               className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",
@@ -260,31 +251,31 @@ function Qe(ue) {
                 WebkitLineClamp: "1",
                 WebkitBoxOrient: "vertical"
               },
-              children: S
+              children: E
             }
           ) : null,
-          /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-3", children: v.map((e, u) => /* @__PURE__ */ r.jsxs(
+          /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-3", children: b.map((e, p) => /* @__PURE__ */ r.jsxs(
             "div",
             {
               className: "flex gap-2 items-center",
               onMouseOver: () => {
-                ne(s[u % s.length]);
+                W(s[p % s.length]);
               },
               onMouseLeave: () => {
-                ne(void 0);
+                W(void 0);
               },
               children: [
                 /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "w-2 h-2 rounded-full",
-                    style: { backgroundColor: s[u % s.length] }
+                    style: { backgroundColor: s[p % s.length] }
                   }
                 ),
-                /* @__PURE__ */ r.jsx(Ve, { size: "sm", marginBottom: "none", leading: "none", children: e })
+                /* @__PURE__ */ r.jsx(We, { size: "sm", marginBottom: "none", leading: "none", children: e })
               ]
             },
-            u
+            p
           )) })
         ] })
       ] }) : /* @__PURE__ */ r.jsx(
@@ -293,17 +284,17 @@ function Qe(ue) {
           type: "button",
           className: "mb-0 border-0 bg-transparent p-0 self-start",
           onClick: () => {
-            h(!0);
+            R(!0);
           },
-          children: /* @__PURE__ */ r.jsx("div", { className: "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-550 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
+          children: /* @__PURE__ */ r.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" })
         }
       ) }),
-      P === "button" && /* @__PURE__ */ r.jsxs("div", { className: "absolute left-4 top-4 flex flex-col", children: [
+      L === "button" && /* @__PURE__ */ r.jsxs("div", { className: "absolute left-4 top-4 flex flex-col", children: [
         /* @__PURE__ */ r.jsx(
           "button",
           {
             onClick: () => A("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-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            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: "+"
           }
         ),
@@ -311,193 +302,194 @@ function Qe(ue) {
           "button",
           {
             onClick: () => A("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-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            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: "–"
           }
         )
       ] })
     ] }),
     $ && I !== void 0 ? /* @__PURE__ */ r.jsx(
-      Te,
+      Ve,
       {
         open: I !== void 0,
         onClose: () => {
-          _(void 0);
+          G(void 0);
         },
         children: /* @__PURE__ */ r.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Be($, I) } : void 0,
+            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: He($, I) } : void 0,
             children: typeof $ == "function" ? $(I) : null
           }
         )
       }
     ) : null,
-    le && Z && w && se ? /* @__PURE__ */ r.jsx(
+    w && Q && ce && X ? /* @__PURE__ */ r.jsx(
       Ae,
       {
-        data: le,
-        body: Z,
-        xPos: w,
-        yPos: se,
-        backgroundStyle: re?.tooltip,
-        className: ye?.tooltip
+        data: w,
+        body: Q,
+        xPos: ce,
+        yPos: X,
+        backgroundStyle: oe?.tooltip,
+        className: xe?.tooltip
       }
     ) : null
   ] });
 }
-function Nt(ue) {
+function $t(he) {
   const {
-    data: l,
+    data: n,
     mapData: s = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",
     graphTitle: C,
-    colors: S,
-    sources: v,
-    graphDescription: b,
-    height: d,
+    colors: E,
+    sources: b,
+    graphDescription: v,
+    height: m,
     width: o,
-    footNote: K = "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.",
-    colorLegendTitle: E,
-    colorDomain: Z,
-    radius: he = 5,
-    scale: J = 0.95,
-    centerPoint: Q,
-    padding: B,
-    mapBorderWidth: ee = 0.5,
-    mapNoDataColor: ge = D.light.graphNoData,
+    footNote: J = "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.",
+    colorLegendTitle: P,
+    colorDomain: Q,
+    radius: ge = 5,
+    scale: ee = 0.95,
+    centerPoint: te,
+    padding: H,
+    mapBorderWidth: re = 0.5,
+    mapNoDataColor: fe = D.light.graphNoData,
     backgroundColor: N = !1,
-    showLabels: fe = !1,
-    mapBorderColor: te = D.light.grays["gray-500"],
-    tooltip: H,
-    relativeHeight: f,
+    showLabels: ye = !1,
+    mapBorderColor: ae = D.light.grays["gray-500"],
+    tooltip: _,
+    relativeHeight: g,
     onSeriesMouseOver: $,
-    isWorldMap: re = !0,
-    showColorScale: ye = !0,
-    zoomScaleExtend: T = [0.8, 6],
-    zoomTranslateExtend: P,
-    graphID: y,
-    highlightedDataPoints: ae = [],
-    onSeriesMouseClick: oe,
-    graphDownload: ie = !1,
-    dataDownload: R = !1,
-    showAntarctica: ne = !1,
-    language: X = "en",
-    minHeight: h = 0,
-    theme: V = "light",
-    ariaLabel: I,
-    resetSelectionOnDoubleClick: _ = !0,
-    detailsOnClick: le,
-    styles: x,
-    classNames: w,
-    mapProjection: F,
-    zoomInteraction: se = "button",
-    animate: W = !1,
-    dimmedOpacity: L = 0.3,
-    customLayers: q = [],
-    maxRadiusValue: U,
-    timeline: m = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = ue, [p, M] = g(0), [G, ce] = g(0), [z, xe] = g(m.autoplay), n = Ze(
-    be(l, "date", !0).map(
-      (t) => ke(`${t}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    isWorldMap: oe = !0,
+    showColorScale: xe = !0,
+    zoomScaleExtend: V = [0.8, 6],
+    zoomTranslateExtend: L,
+    graphID: f,
+    highlightedDataPoints: ie = [],
+    onSeriesMouseClick: le,
+    graphDownload: ne = !1,
+    dataDownload: F = !1,
+    showAntarctica: se = !1,
+    language: W = "en",
+    minHeight: y = 0,
+    theme: R = "light",
+    ariaLabel: q,
+    resetSelectionOnDoubleClick: I = !0,
+    detailsOnClick: G,
+    styles: w,
+    classNames: x,
+    mapProjection: ce,
+    zoomInteraction: U = "button",
+    animate: X = !1,
+    dimmedOpacity: Y = 0.3,
+    customLayers: z = [],
+    maxRadiusValue: B,
+    timeline: d = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
+    collapseColorScaleByDefault: S
+  } = he, [u, M] = h(0), [K, me] = h(0), [T, be] = h(d.autoplay), l = Je(
+    we(n, "date", !0).map(
+      (t) => De(`${t}`, d.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
     ),
-    (t, c) => Je(t, c)
-  ), [O, A] = g(m.autoplay ? 0 : n.length - 1), [e, u] = g(void 0), a = Y(null), j = Y(null);
+    (t, c) => Qe(t, c)
+  ), [O, A] = h(d.autoplay ? 0 : l.length - 1), [e, p] = h(void 0), a = Z(null), j = Z(null);
   pe(() => {
     const t = new ResizeObserver((c) => {
-      M(o || c[0].target.clientWidth || 760), ce(d || c[0].target.clientHeight || 480);
+      M(o || c[0].target.clientWidth || 760), me(m || c[0].target.clientHeight || 480);
     });
-    return a.current && (ce(a.current.clientHeight || 480), M(a.current.clientWidth || 760), o || t.observe(a.current)), () => t.disconnect();
-  }, [o, d]), pe(() => {
-    typeof s == "string" ? Ye(s).then((c) => {
-      u(c);
-    }) : u(s);
+    return a.current && (me(a.current.clientHeight || 480), M(a.current.clientWidth || 760), o || t.observe(a.current)), () => t.disconnect();
+  }, [o, m]), pe(() => {
+    typeof s == "string" ? Ke(s).then((c) => {
+      p(c);
+    }) : p(s);
   }, [s]), pe(() => {
     const t = setInterval(
       () => {
-        A((c) => c < n.length - 1 ? c + 1 : 0);
+        A((c) => c < l.length - 1 ? c + 1 : 0);
       },
-      (m.speed || 2) * 1e3
+      (d.speed || 2) * 1e3
     );
-    return z || clearInterval(t), () => clearInterval(t);
-  }, [n, z, m.speed]);
-  const i = Ce(
-    n,
+    return T || clearInterval(t), () => clearInterval(t);
+  }, [l, T, d.speed]);
+  const i = Ne(
+    l,
     O,
-    m.showOnlyActiveDate,
-    m.dateFormat || "yyyy"
+    d.showOnlyActiveDate,
+    d.dateFormat || "yyyy"
   );
   return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: `${V || "light"} flex  ${o ? "w-fit grow-0" : "w-full grow"}`,
-      dir: X === "he" || X === "ar" ? "rtl" : void 0,
+      className: `${R || "light"} flex  ${o ? "w-fit grow-0" : "w-full grow"}`,
+      dir: W === "he" || W === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: je(
-            `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${X || "en"}`,
+          className: ke(
+            `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${W || "en"}`,
             o ? "w-fit" : "w-full",
-            w?.graphContainer
+            x?.graphContainer
           ),
           style: {
-            ...x?.graphContainer || {},
+            ...w?.graphContainer || {},
             ...N && N !== !0 ? { backgroundColor: N } : {}
           },
-          id: y,
+          id: f,
           ref: j,
-          "aria-label": I || `${C ? `The graph shows ${C}. ` : ""}This is a dot density map showing the distribution of a variable across a region or world, with each dot representing a data point.${b ? ` ${b}` : ""}`,
+          "aria-label": q || `${C ? `The graph shows ${C}. ` : ""}This is a dot density map showing the distribution of a variable across a region or world, with each dot representing a data point.${v ? ` ${v}` : ""}`,
           children: /* @__PURE__ */ r.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: N ? B || "1rem" : B || 0 },
+              style: { padding: N ? H || "1rem" : H || 0 },
               children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                C || b || ie || R ? /* @__PURE__ */ r.jsx(
-                  Ge,
+                C || v || ne || F ? /* @__PURE__ */ r.jsx(
+                  Ye,
                   {
                     styles: {
-                      title: x?.title,
-                      description: x?.description
-                    },
-                    classNames: {
                       title: w?.title,
                       description: w?.description
                     },
+                    classNames: {
+                      title: x?.title,
+                      description: x?.description
+                    },
                     graphTitle: C,
-                    graphDescription: b,
+                    graphDescription: v,
                     width: o,
-                    graphDownload: ie ? j.current : void 0,
-                    dataDownload: R ? l.map((t) => t.data).filter((t) => t !== void 0).length > 0 ? l.map((t) => t.data).filter((t) => t !== void 0) : l.filter((t) => t !== void 0) : null
+                    graphDownload: ne ? j.current : void 0,
+                    dataDownload: F ? n.map((t) => t.data).filter((t) => t !== void 0).length > 0 ? n.map((t) => t.data).filter((t) => t !== void 0) : n.filter((t) => t !== void 0) : null
                   }
                 ) : null,
-                m.enabled && n.length > 0 && i ? /* @__PURE__ */ r.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                d.enabled && l.length > 0 && i ? /* @__PURE__ */ r.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ r.jsx(
                     "button",
                     {
                       type: "button",
                       onClick: () => {
-                        xe(!z);
+                        be(!T);
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
-                      "aria-label": z ? "Click to pause animation" : "Click to play animation",
-                      children: z ? /* @__PURE__ */ r.jsx(Re, {}) : /* @__PURE__ */ r.jsx(Xe, {})
+                      "aria-label": T ? "Click to pause animation" : "Click to play animation",
+                      children: T ? /* @__PURE__ */ r.jsx(Fe, {}) : /* @__PURE__ */ r.jsx(Re, {})
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    Ne,
+                    $e,
                     {
-                      min: n[0],
-                      max: n[n.length - 1],
+                      min: l[0],
+                      max: l[l.length - 1],
                       marks: i,
                       step: null,
-                      defaultValue: n[n.length - 1],
-                      value: n[O],
+                      defaultValue: l[l.length - 1],
+                      value: l[O],
                       onChangeComplete: (t) => {
-                        A(n.indexOf(t));
+                        A(l.indexOf(t));
                       },
                       onChange: (t) => {
-                        A(n.indexOf(t));
+                        A(l.indexOf(t));
                       },
                       "aria-label": "Time slider. Use arrow keys to adjust selected time period."
                     }
@@ -509,80 +501,81 @@ function Nt(ue) {
                     className: "flex flex-col grow justify-center leading-0",
                     ref: a,
                     "aria-label": "Map area",
-                    children: (o || p) && (d || G) && e ? /* @__PURE__ */ r.jsx(
-                      Qe,
+                    children: (o || u) && (m || K) && e ? /* @__PURE__ */ r.jsx(
+                      et,
                       {
-                        data: l.filter(
-                          (t) => m.enabled ? t.date === De(new Date(n[O]), m.dateFormat || "yyyy") : t
+                        data: n.filter(
+                          (t) => d.enabled ? t.date === Ce(new Date(l[O]), d.dateFormat || "yyyy") : t
                         ),
-                        mapData: ne ? e : {
+                        mapData: se ? e : {
                           ...e,
                           features: e.features.filter(
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
                             (t) => t.properties.NAME !== "Antarctica"
                           )
                         },
-                        colorDomain: l.filter((t) => t.color).length === 0 ? [] : Z || be(l, "color", !0),
-                        width: o || p,
+                        colorDomain: n.filter((t) => t.color).length === 0 ? [] : Q || we(n, "color", !0),
+                        width: o || u,
                         height: Math.max(
-                          h,
-                          d || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
+                          y,
+                          m || (g ? y ? (o || u) * g > y ? (o || u) * g : y : (o || u) * g : K)
                         ),
-                        scale: J,
-                        centerPoint: Q,
-                        colors: l.filter((t) => t.color).length === 0 ? S ? [S] : [D.primaryColors["blue-600"]] : S || D[V].categoricalColors.colors,
-                        colorLegendTitle: E,
-                        radius: he,
-                        mapBorderWidth: ee,
-                        mapNoDataColor: ge,
-                        mapBorderColor: te,
-                        tooltip: H,
+                        scale: ee,
+                        centerPoint: te,
+                        colors: n.filter((t) => t.color).length === 0 ? E ? [E] : [D.primaryColors["blue-600"]] : E || D[R].categoricalColors.colors,
+                        colorLegendTitle: P,
+                        radius: ge,
+                        mapBorderWidth: re,
+                        mapNoDataColor: fe,
+                        mapBorderColor: ae,
+                        tooltip: _,
                         onSeriesMouseOver: $,
-                        showLabels: fe,
-                        isWorldMap: re,
-                        showColorScale: ye,
-                        zoomScaleExtend: T,
-                        zoomTranslateExtend: P,
-                        onSeriesMouseClick: oe,
-                        highlightedDataPoints: ae,
-                        resetSelectionOnDoubleClick: _,
-                        styles: x,
-                        classNames: w,
-                        zoomInteraction: se,
-                        detailsOnClick: le,
-                        mapProjection: F || (re ? "naturalEarth" : "mercator"),
-                        animate: W === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : W || { duration: 0, once: !0, amount: 0 },
-                        dimmedOpacity: L,
-                        customLayers: q,
-                        maxRadiusValue: Ke(U) ? Math.max(
-                          ...l.map((t) => t.radius).filter((t) => t != null)
-                        ) : U
+                        showLabels: ye,
+                        isWorldMap: oe,
+                        showColorScale: xe,
+                        zoomScaleExtend: V,
+                        zoomTranslateExtend: L,
+                        onSeriesMouseClick: le,
+                        highlightedDataPoints: ie,
+                        resetSelectionOnDoubleClick: I,
+                        styles: w,
+                        classNames: x,
+                        zoomInteraction: U,
+                        detailsOnClick: G,
+                        mapProjection: ce || (oe ? "naturalEarth" : "mercator"),
+                        animate: X === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : X || { duration: 0, once: !0, amount: 0 },
+                        dimmedOpacity: Y,
+                        customLayers: z,
+                        maxRadiusValue: Ze(B) ? Math.max(
+                          ...n.map((t) => t.radius).filter((t) => t != null)
+                        ) : B,
+                        collapseColorScaleByDefault: S
                       }
                     ) : /* @__PURE__ */ r.jsx(
                       "div",
                       {
                         style: {
                           height: `${Math.max(
-                            h,
-                            d || (f ? h ? (o || p) * f > h ? (o || p) * f : h : (o || p) * f : G)
+                            y,
+                            m || (g ? y ? (o || u) * g > y ? (o || u) * g : y : (o || u) * g : K)
                           )}px`
                         },
                         className: "flex items-center justify-center",
-                        children: /* @__PURE__ */ r.jsx($e, { "aria-label": "Loading graph" })
+                        children: /* @__PURE__ */ r.jsx(Se, { "aria-label": "Loading graph" })
                       }
                     )
                   }
                 ),
-                v || K ? /* @__PURE__ */ r.jsx(
-                  Ue,
+                b || J ? /* @__PURE__ */ r.jsx(
+                  Xe,
                   {
-                    styles: { footnote: x?.footnote, source: x?.source },
+                    styles: { footnote: w?.footnote, source: w?.source },
                     classNames: {
-                      footnote: w?.footnote,
-                      source: w?.source
+                      footnote: x?.footnote,
+                      source: x?.source
                     },
-                    sources: v,
-                    footNote: K,
+                    sources: b,
+                    footNote: J,
                     width: o
                   }
                 ) : null
@@ -595,6 +588,6 @@ function Nt(ue) {
   );
 }
 export {
-  Nt as DotDensityMap
+  $t as DotDensityMap
 };
 //# sourceMappingURL=DotDensityMap.js.map