@undp/data-viz 2.5.3 → 2.6.0

package/dist/BiVariateChoroplethMap.js

@@ -1,35 +1,37 @@
-import { j as o, m as Tt, c as $t } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useMemo as Nt, useState as k, useRef as Fe, useEffect as Le, useEffectEvent as St } from "react";
-import { g as Ht, N as Rt } from "./getSliderMarks-X-_goqH9.js";
-import { w as Gt } from "./Spinner-B2IIKg9r.js";
-import { f as Vt, p as Ut } from "./parse-Dv4of-PN.js";
-import { i as Xt } from "./index-Bwrro8-q.js";
-import { i as Ot, z as Yt, a as qt, g as Zt, b as Jt, c as Kt, d as Qt, e as eo, f as to } from "./index-CKpKc9DR.js";
-import { i as oo } from "./index-DCsFBfJ_.js";
-import { _ as Mt } from "./Typography-BO0gQDIT.js";
+import { j as o, c as Tt } from "./compiler-runtime-qHgugrLy.js";
+import { useMemo as St, useState as k, useRef as Fe, useEffect as Le, useEffectEvent as Nt } from "react";
+import { SliderUI as $t } from "@undp/design-system-react/SliderUI";
+import { Spinner as Ht } from "@undp/design-system-react/Spinner";
+import { f as Rt, p as Gt } from "./parse-Dv4of-PN.js";
+import { i as Ut } from "./index-Bwrro8-q.js";
+import { i as Ot, z as Vt, a as Xt, g as Yt, b as qt, c as Zt, d as Jt, e as Kt, f as Qt } from "./index-CKpKc9DR.js";
+import { i as eo } from "./index-DCsFBfJ_.js";
+import { P as Mt } from "@undp/design-system-react/Typography";
+import { cn as to } from "@undp/design-system-react/cn";
 import { n as Bt } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as ro } from "./Tooltip-3EYDVa3w.js";
+import { T as oo } from "./Tooltip-DO56mY4b.js";
 import { c as Et } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as ao, E as no, P as io, e as so } from "./index-ApTBN0kp.js";
-import { D as lo } from "./DetailsModal-GqEbGHY2.js";
-import { ImageDownloadButton as co } from "./ImageDownloadButton.js";
-import { CsvDownloadButton as mo } from "./CsvDownloadButton.js";
+import { X as ro, E as ao, P as no, e as io } from "./index-D_ls5oK8.js";
+import { D as so } from "./DetailsModal-k-Me_U_T.js";
+import { ImageDownloadButton as lo } from "./ImageDownloadButton.js";
+import { CsvDownloadButton as co } from "./CsvDownloadButton.js";
 import { s as Ct } from "./select-DKy99ogv.js";
 import { t as It } from "./threshold-DFfqcDMa.js";
-import { m as mt } from "./proxy-BsxtcZKa.js";
-import { u as po } from "./use-in-view-KOXq5Kmc.js";
-import { A as uo } from "./index-Cv_5q6Rb.js";
-import { GraphHeader as ho } from "./GraphHeader.js";
-import { GraphFooter as fo } from "./GraphFooter.js";
+import { m as mt } from "./proxy-D31SA_aE.js";
+import { u as mo } from "./use-in-view-Co5SmzfT.js";
+import { A as po } from "./index-CNUlPiEL.js";
+import { GraphHeader as uo } from "./GraphHeader.js";
+import { GraphFooter as ho } from "./GraphFooter.js";
 import { Colors as jt } from "./Colors.js";
-import { f as zt } from "./fetchAndParseData-BAXhgTDM.js";
+import { b as zt } from "./fetchAndParseData-CDjQZ1fL.js";
 import { g as Wt } from "./getJenks-DTCcQSDi.js";
-import { a as go, G as yo } from "./GraphContainer-B8ZqOzKI.js";
+import { g as fo } from "./getSliderMarks-DSxFGb1f.js";
+import { a as go, G as yo } from "./GraphContainer-DcOM2CI6.js";
 function vo(i) {
   const {
     data: e,
     xDomain: f,
-    mapData: P,
+    mapData: _,
     xColorLegendTitle: Te,
     yDomain: oe,
     yColorLegendTitle: re,
@@ -62,18 +64,18 @@ function vo(i) {
     zoomAndCenterByHighlightedIds: Ce,
     projectionRotate: F,
     rewindCoordinatesInMapData: G,
-    overlayMapData: V,
+    overlayMapData: U,
     overlayMapBorderColor: Ge,
-    overlayMapBorderWidth: Ve,
-    xNumberDisplayOptions: U,
+    overlayMapBorderWidth: Ue,
+    xNumberDisplayOptions: V,
     yNumberDisplayOptions: ce,
     graphDownload: X,
     dataDownload: l
-  } = i, a = Nt(() => G ? Ot(P, {
+  } = i, a = St(() => G ? Ot(_, {
     reverse: !0
-  }) : P, [P, G]), Ue = Nt(() => !G || !V ? V : Ot(V, {
+  }) : _, [_, G]), Ve = St(() => !G || !U ? U : Ot(U, {
     reverse: !0
-  }), [V, G]), [Xe, je] = k(ke === void 0 ? !(g < 680) : !ke), [Y, q] = k(void 0), [T, Z] = k(void 0), [J, $] = k(void 0), [we, u] = k(void 0), [de, K] = k(void 0), y = Fe(null), w = po(y, {
+  }), [U, G]), [Xe, je] = k(ke === void 0 ? !(g < 680) : !ke), [Y, q] = k(void 0), [T, Z] = k(void 0), [J, $] = k(void 0), [we, u] = k(void 0), [de, K] = k(void 0), y = Fe(null), w = mo(y, {
     once: E.once,
     amount: E.amount
   }), Q = Fe(null), ee = Fe(null);
@@ -81,28 +83,28 @@ function vo(i) {
     const t = Ct(Q.current), r = Ct(y.current), d = (h) => {
       if (B === "noZoom") return !1;
       if (B === "button") return !h.type.includes("wheel");
-      const S = h.type === "wheel", v = h.type.startsWith("touch"), We = h.type === "mousedown" || h.type === "mousemove";
-      return v ? !0 : S ? B === "scroll" ? !0 : h.ctrlKey : We && !h.button && !h.ctrlKey;
-    }, D = Yt().scaleExtent(xe).translateExtent(be || [[-20, -20], [g + 20, m + 20]]).filter(d).on("zoom", ({
+      const N = h.type === "wheel", v = h.type.startsWith("touch"), We = h.type === "mousedown" || h.type === "mousemove";
+      return v ? !0 : N ? B === "scroll" ? !0 : h.ctrlKey : We && !h.button && !h.ctrlKey;
+    }, D = Vt().scaleExtent(xe).translateExtent(be || [[-20, -20], [g + 20, m + 20]]).filter(d).on("zoom", ({
       transform: h
     }) => {
       t.attr("transform", h);
     });
     r.call(D), ee.current = D;
   }, [m, g, B]);
-  const H = qt({
+  const H = Xt({
     ...a,
     features: Ce ? a.features.filter(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       (t) => (x || []).length === 0 || x?.indexOf(t.properties[M]) !== -1
     ) : a.features
-  }), z = oo({
+  }), z = eo({
     ...a,
     features: Ce ? a.features.filter(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       (t) => (x || []).length === 0 || x?.indexOf(t.properties[M]) !== -1
     ) : a.features
-  }), Ne = (H[2] - H[0]) * 1.15, Se = (H[3] - H[1]) * 1.15, Oe = g * 190 / 960 * 360 / Ne, Me = m * 190 / 678 * 180 / Se, N = $e * Math.min(Oe, Me), me = L === "mercator" ? Zt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(N) : L === "equalEarth" ? Jt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(N) : L === "naturalEarth" ? Kt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(N) : L === "orthographic" ? Qt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(N) : eo().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(N), R = to().projection(me), Be = Array.from({
+  }), Se = (H[2] - H[0]) * 1.15, Ne = (H[3] - H[1]) * 1.15, Oe = g * 190 / 960 * 360 / Se, Me = m * 190 / 678 * 180 / Ne, S = $e * Math.min(Oe, Me), me = L === "mercator" ? Yt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(S) : L === "equalEarth" ? qt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(S) : L === "naturalEarth" ? Zt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(S) : L === "orthographic" ? Jt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(S) : Kt().rotate(F).center(C || z.geometry.coordinates).translate([g / 2, m / 2]).scale(S), R = Qt().projection(me), Be = Array.from({
     length: f.length
   }, (t, r) => r), Ee = Array.from({
     length: oe.length
@@ -124,7 +126,7 @@ function vo(i) {
             vectorEffect: "non-scaling-stroke"
           } }) }, r) : null;
         }),
-        /* @__PURE__ */ o.jsx(uo, { children: e.map((t) => {
+        /* @__PURE__ */ o.jsx(po, { children: e.map((t) => {
           const r = a.features.findIndex(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (v) => t.id === v.properties[M]
@@ -132,13 +134,13 @@ function vo(i) {
           if (r === -1) return null;
           const d = R(a.features[r]);
           if (!d) return null;
-          const D = Et(t.x) ? void 0 : Ie(t.x), h = Et(t.y) ? void 0 : ze(t.y), S = D !== void 0 && h !== void 0 ? p[h][D] : ae;
+          const D = Et(t.x) ? void 0 : Ie(t.x), h = Et(t.y) ? void 0 : ze(t.y), N = D !== void 0 && h !== void 0 ? p[h][D] : ae;
           return /* @__PURE__ */ o.jsx(mt.g, { className: "undp-map-shapes", variants: {
             initial: {
               opacity: 0
             },
             whileInView: {
-              opacity: Y ? Y === S && (!x || x.indexOf(t.id) !== -1) ? 1 : I : x ? x.indexOf(t.id) !== -1 ? 1 : I : 1,
+              opacity: Y ? Y === N && (!x || x.indexOf(t.id) !== -1) ? 1 : I : x ? x.indexOf(t.id) !== -1 ? 1 : I : 1,
               transition: {
                 duration: E.duration
               }
@@ -151,18 +153,18 @@ function vo(i) {
           }, onMouseEnter: (v) => {
             $(t), K(v.clientY), u(v.clientX), ve?.(t);
           }, onClick: () => {
-            (se || b) && (Xt(T, t) && He ? (Z(void 0), se?.(void 0)) : (Z(t), se?.(t)));
+            (se || b) && (Ut(T, t) && He ? (Z(void 0), se?.(void 0)) : (Z(t), se?.(t)));
           }, onMouseMove: (v) => {
             $(t), K(v.clientY), u(v.clientX);
           }, onMouseLeave: () => {
             $(void 0), u(void 0), K(void 0), ve?.(void 0);
           }, children: /* @__PURE__ */ o.jsx(mt.path, { d, variants: {
             initial: {
-              fill: S,
+              fill: N,
               opacity: 0
             },
             whileInView: {
-              fill: S,
+              fill: N,
               opacity: 1,
               transition: {
                 duration: E.duration
@@ -173,7 +175,7 @@ function vo(i) {
             transition: {
               duration: E.duration
             }
-          }, className: `${S === ae ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
+          }, className: `${N === ae ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
             stroke: ne,
             strokeWidth: O,
             vectorEffect: "non-scaling-stroke"
@@ -188,11 +190,11 @@ function vo(i) {
           strokeWidth: "0.5",
           vectorEffect: "non-scaling-stroke"
         } }, r)) : null,
-        Ue?.features.map((t, r) => {
+        Ve?.features.map((t, r) => {
           const d = R(t);
           return d ? /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx("path", { d, style: {
             stroke: Ge || ne,
-            strokeWidth: Ve || O + 1,
+            strokeWidth: Ue || O + 1,
             fill: "none",
             pointerEvents: "none",
             vectorEffect: "non-scaling-stroke"
@@ -200,10 +202,10 @@ function vo(i) {
         }),
         le.filter((t) => t.position === "after").map((t) => t.layer)
       ] }) }),
-      De === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: Tt("absolute left-4 bottom-4 map-color-legend", A?.colorLegend), children: Xe ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      De === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: to("absolute left-4 bottom-4 map-color-legend", A?.colorLegend), children: Xe ? /* @__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: () => {
           je(!1);
-        }, children: /* @__PURE__ */ o.jsx(ao, {}) }),
+        }, children: /* @__PURE__ */ o.jsx(ro, {}) }),
         /* @__PURE__ */ o.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: "175px"
         }, children: [
@@ -216,7 +218,7 @@ function vo(i) {
               }, onMouseLeave: () => {
                 q(void 0);
               } }, D)) }, r)),
-              /* @__PURE__ */ o.jsx("g", { transform: "translate(0,125)", children: f.map((t, r) => /* @__PURE__ */ o.jsx("text", { y: 10, x: (r + 1) * 25, fontSize: 10, textAnchor: "middle", children: typeof t == "string" || t < 1 ? t : Bt(t, void 0, U?.precision ?? 2, void 0, void 0, U?.locale || "en", U?.padZeros || !1) }, r)) }),
+              /* @__PURE__ */ o.jsx("g", { transform: "translate(0,125)", children: f.map((t, r) => /* @__PURE__ */ o.jsx("text", { y: 10, x: (r + 1) * 25, fontSize: 10, textAnchor: "middle", children: typeof t == "string" || t < 1 ? t : Bt(t, void 0, V?.precision ?? 2, void 0, void 0, V?.locale || "en", V?.padZeros || !1) }, r)) }),
               oe.map((t, r) => /* @__PURE__ */ o.jsx("g", { transform: `translate(${Math.max(Math.min(f.length + 1, 5), 4) * 25 + 10},${100 - r * 25})`, children: /* @__PURE__ */ o.jsx("text", { x: 0, transform: "rotate(-90)", y: 0, fontSize: 10, textAnchor: "middle", children: typeof t == "string" || t < 1 ? t : Bt(t, void 0, ce?.precision ?? 2, void 0, void 0, ce?.locale || "en", ce?.padZeros || !1) }) }, r))
             ] }) }),
             /* @__PURE__ */ o.jsx(Mt, { marginBottom: "none", size: "xs", className: "leading-normal text-center shrink-0", style: {
@@ -239,27 +241,27 @@ function vo(i) {
         ] })
       ] }) : /* @__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: () => {
         je(!0);
-      }, children: /* @__PURE__ */ o.jsx(no, {}) }) }),
+      }, children: /* @__PURE__ */ o.jsx(ao, {}) }) }),
       B === "button" && /* @__PURE__ */ o.jsxs("div", { className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons", children: [
         /* @__PURE__ */ o.jsx("button", { onClick: () => pe("in"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 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: () => pe("out"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 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: "–" })
       ] }),
       (X || l) && /* @__PURE__ */ o.jsxs("div", { className: "absolute right-4 top-4 flex flex-col image-download-button gap-2", children: [
-        X && /* @__PURE__ */ o.jsx(co, { nodeID: X, buttonSmall: !0, className: "p-1" }),
-        l && l.length > 0 && /* @__PURE__ */ o.jsx(mo, { csvData: l, buttonSmall: !0, headers: Object.keys(l[0]).map((t) => ({
+        X && /* @__PURE__ */ o.jsx(lo, { nodeID: X, buttonSmall: !0, className: "p-1" }),
+        l && l.length > 0 && /* @__PURE__ */ o.jsx(co, { csvData: l, buttonSmall: !0, headers: Object.keys(l[0]).map((t) => ({
           label: t,
           key: t
         })), className: "p-1" })
       ] })
     ] }),
-    J && ie && we && de ? /* @__PURE__ */ o.jsx(ro, { data: J, body: ie, xPos: we, yPos: de, backgroundStyle: Re?.tooltip, className: A?.tooltip }) : null,
-    b && T !== void 0 ? /* @__PURE__ */ o.jsx(lo, { body: b, data: T, setData: Z, className: A?.modal }) : null
+    J && ie && we && de ? /* @__PURE__ */ o.jsx(oo, { data: J, body: ie, xPos: we, yPos: de, backgroundStyle: Re?.tooltip, className: A?.tooltip }) : null,
+    b && T !== void 0 ? /* @__PURE__ */ o.jsx(so, { body: b, data: T, setData: Z, className: A?.modal }) : null
   ] });
 }
-function or(i) {
-  const e = $t.c(129), {
+function ar(i) {
+  const e = Tt.c(129), {
     data: f,
-    graphTitle: P,
+    graphTitle: _,
     mapData: Te,
     colors: oe,
     sources: re,
@@ -292,15 +294,15 @@ function or(i) {
     graphDownload: Ce,
     dataDownload: F,
     showAntarctica: G,
-    language: V,
+    language: U,
     minHeight: Ge,
-    theme: Ve,
-    ariaLabel: U,
+    theme: Ue,
+    ariaLabel: V,
     resetSelectionOnDoubleClick: ce,
     detailsOnClick: X,
     styles: l,
     classNames: a,
-    mapProjection: Ue,
+    mapProjection: Ve,
     zoomInteraction: Xe,
     animate: je,
     dimmedOpacity: Y,
@@ -313,10 +315,10 @@ function or(i) {
     mapOverlay: u,
     xNumberDisplayOptions: de,
     yNumberDisplayOptions: K
-  } = i, y = Te === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : Te, w = oe === void 0 ? jt.light.bivariateColors.colors05x05 : oe, Q = $e === 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." : $e, ee = ae === void 0 ? "X Color key" : ae, H = ne === void 0 ? "Y Color key" : ne, z = ve === void 0 ? 0.95 : ve, Ne = x === void 0 ? 0.5 : x, Se = se === void 0 ? jt.light.graphNoData : se, Oe = M === void 0 ? !1 : M, Me = He === void 0 ? jt.light.grays["gray-500"] : He, N = Re === void 0 ? !0 : Re;
+  } = i, y = Te === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : Te, w = oe === void 0 ? jt.light.bivariateColors.colors05x05 : oe, Q = $e === 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." : $e, ee = ae === void 0 ? "X Color key" : ae, H = ne === void 0 ? "Y Color key" : ne, z = ve === void 0 ? 0.95 : ve, Se = x === void 0 ? 0.5 : x, Ne = se === void 0 ? jt.light.graphNoData : se, Oe = M === void 0 ? !1 : M, Me = He === void 0 ? jt.light.grays["gray-500"] : He, S = Re === void 0 ? !0 : Re;
   let me;
   e[0] !== A ? (me = A === void 0 ? [0.8, 6] : A, e[0] = A, e[1] = me) : me = e[1];
-  const R = me, Be = E === void 0 ? !0 : E, Ee = ke === void 0 ? "ISO3" : ke, Ie = Ce === void 0 ? !1 : Ce, ze = F === void 0 ? !1 : F, pe = G === void 0 ? !1 : G, t = V === void 0 ? "en" : V, r = Ge === void 0 ? 0 : Ge, d = Ve === void 0 ? "light" : Ve, D = ce === void 0 ? !0 : ce, h = Ue === void 0 ? "naturalEarth" : Ue, S = Xe === void 0 ? "button" : Xe, v = je === void 0 ? !1 : je, We = Y === void 0 ? 0.3 : Y;
+  const R = me, Be = E === void 0 ? !0 : E, Ee = ke === void 0 ? "ISO3" : ke, Ie = Ce === void 0 ? !1 : Ce, ze = F === void 0 ? !1 : F, pe = G === void 0 ? !1 : G, t = U === void 0 ? "en" : U, r = Ge === void 0 ? 0 : Ge, d = Ue === void 0 ? "light" : Ue, D = ce === void 0 ? !0 : ce, h = Ve === void 0 ? "naturalEarth" : Ve, N = Xe === void 0 ? "button" : Xe, v = je === void 0 ? !1 : je, We = Y === void 0 ? 0.3 : Y;
   let Ye;
   e[2] !== q ? (Ye = q === void 0 ? [] : q, e[2] = q, e[3] = Ye) : Ye = e[3];
   const pt = Ye;
@@ -329,18 +331,18 @@ function or(i) {
   const n = qe, ut = J === void 0 ? !1 : J;
   let Ze;
   e[6] !== $ ? (Ze = $ === void 0 ? [0, 0] : $, e[6] = $, e[7] = Ze) : Ze = e[7];
-  const ht = Ze, ft = we === void 0 ? !0 : we, [te, _t] = k(0), [_e, Pt] = k(0), [W, At] = k(n.autoplay);
-  let Pe;
+  const ht = Ze, ft = we === void 0 ? !0 : we, [te, Pt] = k(0), [Pe, _t] = k(0), [W, At] = k(n.autoplay);
+  let _e;
   if (e[8] !== f || e[9] !== n.dateFormat) {
     let s;
-    e[11] !== n.dateFormat ? (s = (j) => Ut(`${j.date}`, n.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = n.dateFormat, e[12] = s) : s = e[12], Pe = [...new Set(f.filter(Oo).map(s))], Pe.sort(So), e[8] = f, e[9] = n.dateFormat, e[10] = Pe;
+    e[11] !== n.dateFormat ? (s = (j) => Gt(`${j.date}`, n.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = n.dateFormat, e[12] = s) : s = e[12], _e = [...new Set(f.filter(Oo).map(s))], _e.sort(No), e[8] = f, e[9] = n.dateFormat, e[10] = _e;
   } else
-    Pe = e[10];
-  const c = Pe, [_, gt] = k(n.autoplay ? 0 : c.length - 1), [ue, Lt] = k(void 0), [yt, Ft] = k(void 0), vt = Fe(null), wt = Fe(null);
+    _e = e[10];
+  const c = _e, [P, gt] = k(n.autoplay ? 0 : c.length - 1), [ue, Lt] = k(void 0), [yt, Ft] = k(void 0), vt = Fe(null), wt = Fe(null);
   let Je, Ke;
   e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Je = () => {
     const s = new ResizeObserver((j) => {
-      _t(j[0].target.clientWidth || 620), Pt(j[0].target.clientHeight || 480);
+      Pt(j[0].target.clientWidth || 620), _t(j[0].target.clientHeight || 480);
     });
     return vt.current && s.observe(vt.current), () => s.disconnect();
   }, Ke = [], e[13] = Je, e[14] = Ke) : (Je = e[13], Ke = e[14]), Le(Je, Ke);
@@ -348,12 +350,12 @@ function or(i) {
   e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Qe = (s) => {
     Lt(s);
   }, e[15] = Qe) : Qe = e[15];
-  const et = St(Qe);
+  const et = Nt(Qe);
   let tt;
   e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tt = (s) => {
     Ft(s);
   }, e[16] = tt) : tt = e[16];
-  const Ae = St(tt);
+  const Ae = Nt(tt);
   let ot;
   e[17] !== y || e[18] !== et ? (ot = () => {
     typeof y == "string" ? zt(y).then((j) => {
@@ -380,35 +382,35 @@ function or(i) {
   }, st = [c, W, n.speed], e[27] = W, e[28] = n.speed, e[29] = c, e[30] = it, e[31] = st) : (it = e[30], st = e[31]), Le(it, st);
   const bt = n.dateFormat || "yyyy";
   let lt;
-  e[32] !== _ || e[33] !== bt || e[34] !== n.showOnlyActiveDate || e[35] !== c ? (lt = Ht(c, _, n.showOnlyActiveDate, bt), e[32] = _, e[33] = bt, e[34] = n.showOnlyActiveDate, e[35] = c, e[36] = lt) : lt = e[36];
+  e[32] !== P || e[33] !== bt || e[34] !== n.showOnlyActiveDate || e[35] !== c ? (lt = fo(c, P, n.showOnlyActiveDate, bt), e[32] = P, e[33] = bt, e[34] = n.showOnlyActiveDate, e[35] = c, e[36] = lt) : lt = e[36];
   const ct = lt;
   if (C && O && (C.length !== w[0].length - 1 || O.length !== w.length - 1))
     return console.error("the xDomain and yDomain array length don't match to the color array length"), null;
   const Dt = a?.graphContainer, kt = l?.graphContainer;
   let he;
-  e[37] !== a?.description || e[38] !== a?.title || e[39] !== g || e[40] !== P || e[41] !== l?.description || e[42] !== l?.title || e[43] !== p ? (he = P || g ? /* @__PURE__ */ o.jsx(ho, { styles: {
+  e[37] !== a?.description || e[38] !== a?.title || e[39] !== g || e[40] !== _ || e[41] !== l?.description || e[42] !== l?.title || e[43] !== p ? (he = _ || g ? /* @__PURE__ */ o.jsx(uo, { styles: {
     title: l?.title,
     description: l?.description
   }, classNames: {
     title: a?.title,
     description: a?.description
-  }, graphTitle: P, graphDescription: g, width: p }) : null, e[37] = a?.description, e[38] = a?.title, e[39] = g, e[40] = P, e[41] = l?.description, e[42] = l?.title, e[43] = p, e[44] = he) : he = e[44];
+  }, graphTitle: _, graphDescription: g, width: p }) : null, e[37] = a?.description, e[38] = a?.title, e[39] = g, e[40] = _, e[41] = l?.description, e[42] = l?.title, e[43] = p, e[44] = he) : he = e[44];
   let fe;
-  e[45] !== _ || e[46] !== ct || e[47] !== W || e[48] !== n.enabled || e[49] !== c ? (fe = n.enabled && c.length > 0 && ct ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  e[45] !== P || e[46] !== ct || e[47] !== W || e[48] !== n.enabled || e[49] !== c ? (fe = n.enabled && c.length > 0 && ct ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ o.jsx("button", { type: "button", onClick: () => {
       At(!W);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": W ? "Click to pause animation" : "Click to play animation", children: W ? /* @__PURE__ */ o.jsx(io, {}) : /* @__PURE__ */ o.jsx(so, {}) }),
-    /* @__PURE__ */ o.jsx(Rt, { min: c[0], max: c[c.length - 1], marks: ct, step: null, defaultValue: c[c.length - 1], value: c[_], onChangeComplete: (s) => {
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": W ? "Click to pause animation" : "Click to play animation", children: W ? /* @__PURE__ */ o.jsx(no, {}) : /* @__PURE__ */ o.jsx(io, {}) }),
+    /* @__PURE__ */ o.jsx($t, { min: c[0], max: c[c.length - 1], marks: ct, step: null, defaultValue: c[c.length - 1], value: c[P], onChangeComplete: (s) => {
       gt(c.indexOf(s));
     }, onChange: (s) => {
       gt(c.indexOf(s));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[45] = _, e[46] = ct, e[47] = W, e[48] = n.enabled, e[49] = c, e[50] = fe) : fe = e[50];
+  ] }) : null, e[45] = P, e[46] = ct, e[47] = W, e[48] = n.enabled, e[49] = c, e[50] = fe) : fe = e[50];
   let ge;
-  e[51] !== v || e[52] !== xe || e[53] !== a || e[54] !== Z || e[55] !== w || e[56] !== pt || e[57] !== f || e[58] !== ze || e[59] !== X || e[60] !== We || e[61] !== Ie || e[62] !== m || e[63] !== I || e[64] !== _ || e[65] !== N || e[66] !== Me || e[67] !== Ne || e[68] !== Se || e[69] !== u?.mapBorderColor || e[70] !== u?.mapBorderWidth || e[71] !== h || e[72] !== Ee || e[73] !== ue || e[74] !== r || e[75] !== le || e[76] !== De || e[77] !== yt || e[78] !== ht || e[79] !== b || e[80] !== D || e[81] !== ft || e[82] !== z || e[83] !== pe || e[84] !== Be || e[85] !== l || e[86] !== _e || e[87] !== te || e[88] !== n.dateFormat || e[89] !== n.enabled || e[90] !== ie || e[91] !== c || e[92] !== p || e[93] !== ee || e[94] !== C || e[95] !== de || e[96] !== H || e[97] !== O || e[98] !== K || e[99] !== ut || e[100] !== S || e[101] !== R || e[102] !== L ? (ge = /* @__PURE__ */ o.jsx(go, { ref: vt, children: te && _e && ue ? /* @__PURE__ */ o.jsx(vo, { data: f.filter((s) => n.enabled ? `${s.date}` === Vt(new Date(c[_]), n.dateFormat || "yyyy") : s), mapData: pe ? ue : {
+  e[51] !== v || e[52] !== xe || e[53] !== a || e[54] !== Z || e[55] !== w || e[56] !== pt || e[57] !== f || e[58] !== ze || e[59] !== X || e[60] !== We || e[61] !== Ie || e[62] !== m || e[63] !== I || e[64] !== P || e[65] !== S || e[66] !== Me || e[67] !== Se || e[68] !== Ne || e[69] !== u?.mapBorderColor || e[70] !== u?.mapBorderWidth || e[71] !== h || e[72] !== Ee || e[73] !== ue || e[74] !== r || e[75] !== le || e[76] !== De || e[77] !== yt || e[78] !== ht || e[79] !== b || e[80] !== D || e[81] !== ft || e[82] !== z || e[83] !== pe || e[84] !== Be || e[85] !== l || e[86] !== Pe || e[87] !== te || e[88] !== n.dateFormat || e[89] !== n.enabled || e[90] !== ie || e[91] !== c || e[92] !== p || e[93] !== ee || e[94] !== C || e[95] !== de || e[96] !== H || e[97] !== O || e[98] !== K || e[99] !== ut || e[100] !== N || e[101] !== R || e[102] !== L ? (ge = /* @__PURE__ */ o.jsx(go, { ref: vt, children: te && Pe && ue ? /* @__PURE__ */ o.jsx(vo, { data: f.filter((s) => n.enabled ? `${s.date}` === Rt(new Date(c[P]), n.dateFormat || "yyyy") : s), mapData: pe ? ue : {
     ...ue,
-    features: ue.features.filter(No)
-  }, xDomain: C || Wt(f.map(wo), w[0].length), yDomain: O || Wt(f.map(jo), w.length), width: te, height: _e, scale: z, centerPoint: xe, colors: w, xColorLegendTitle: ee, yColorLegendTitle: H, mapBorderWidth: Ne, mapNoDataColor: Se, mapBorderColor: Me, tooltip: ie, onSeriesMouseOver: De, isWorldMap: N, zoomScaleExtend: R, zoomTranslateExtend: L, onSeriesMouseClick: le, mapProperty: Ee, highlightedIds: I, resetSelectionOnDoubleClick: D, styles: l, showColorScale: Be, classNames: a, mapProjection: h || (N ? "naturalEarth" : "mercator"), detailsOnClick: X, zoomInteraction: S, overlayMapData: yt, overlayMapBorderColor: u?.mapBorderColor, overlayMapBorderWidth: u?.mapBorderWidth, animate: v === !0 ? {
+    features: ue.features.filter(So)
+  }, xDomain: C || Wt(f.map(wo), w[0].length), yDomain: O || Wt(f.map(jo), w.length), width: te, height: Pe, scale: z, centerPoint: xe, colors: w, xColorLegendTitle: ee, yColorLegendTitle: H, mapBorderWidth: Se, mapNoDataColor: Ne, mapBorderColor: Me, tooltip: ie, onSeriesMouseOver: De, isWorldMap: S, zoomScaleExtend: R, zoomTranslateExtend: L, onSeriesMouseClick: le, mapProperty: Ee, highlightedIds: I, resetSelectionOnDoubleClick: D, styles: l, showColorScale: Be, classNames: a, mapProjection: h || (S ? "naturalEarth" : "mercator"), detailsOnClick: X, zoomInteraction: N, overlayMapData: yt, overlayMapBorderColor: u?.mapBorderColor, overlayMapBorderWidth: u?.mapBorderWidth, animate: v === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -417,10 +419,10 @@ function or(i) {
     once: !0,
     amount: 0
   }, dimmedOpacity: We, customLayers: pt, collapseColorScaleByDefault: Z, zoomAndCenterByHighlightedIds: ut, projectionRotate: ht, rewindCoordinatesInMapData: ft, xNumberDisplayOptions: de, yNumberDisplayOptions: K, graphDownload: Ie ? wt : void 0, dataDownload: ze ? f.map(Co).filter(ko).length > 0 ? f.map(Do).filter(bo) : f.filter(xo) : null }) : /* @__PURE__ */ o.jsx("div", { style: {
-    height: `${Math.max(r, m || (b ? r ? (p || te) * b > r ? (p || te) * b : r : (p || te) * b : _e))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(Gt, { "aria-label": "Loading graph" }) }) }), e[51] = v, e[52] = xe, e[53] = a, e[54] = Z, e[55] = w, e[56] = pt, e[57] = f, e[58] = ze, e[59] = X, e[60] = We, e[61] = Ie, e[62] = m, e[63] = I, e[64] = _, e[65] = N, e[66] = Me, e[67] = Ne, e[68] = Se, e[69] = u?.mapBorderColor, e[70] = u?.mapBorderWidth, e[71] = h, e[72] = Ee, e[73] = ue, e[74] = r, e[75] = le, e[76] = De, e[77] = yt, e[78] = ht, e[79] = b, e[80] = D, e[81] = ft, e[82] = z, e[83] = pe, e[84] = Be, e[85] = l, e[86] = _e, e[87] = te, e[88] = n.dateFormat, e[89] = n.enabled, e[90] = ie, e[91] = c, e[92] = p, e[93] = ee, e[94] = C, e[95] = de, e[96] = H, e[97] = O, e[98] = K, e[99] = ut, e[100] = S, e[101] = R, e[102] = L, e[103] = ge) : ge = e[103];
+    height: `${Math.max(r, m || (b ? r ? (p || te) * b > r ? (p || te) * b : r : (p || te) * b : Pe))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(Ht, { "aria-label": "Loading graph" }) }) }), e[51] = v, e[52] = xe, e[53] = a, e[54] = Z, e[55] = w, e[56] = pt, e[57] = f, e[58] = ze, e[59] = X, e[60] = We, e[61] = Ie, e[62] = m, e[63] = I, e[64] = P, e[65] = S, e[66] = Me, e[67] = Se, e[68] = Ne, e[69] = u?.mapBorderColor, e[70] = u?.mapBorderWidth, e[71] = h, e[72] = Ee, e[73] = ue, e[74] = r, e[75] = le, e[76] = De, e[77] = yt, e[78] = ht, e[79] = b, e[80] = D, e[81] = ft, e[82] = z, e[83] = pe, e[84] = Be, e[85] = l, e[86] = Pe, e[87] = te, e[88] = n.dateFormat, e[89] = n.enabled, e[90] = ie, e[91] = c, e[92] = p, e[93] = ee, e[94] = C, e[95] = de, e[96] = H, e[97] = O, e[98] = K, e[99] = ut, e[100] = N, e[101] = R, e[102] = L, e[103] = ge) : ge = e[103];
   let ye;
-  e[104] !== a?.footnote || e[105] !== a?.source || e[106] !== Q || e[107] !== re || e[108] !== l?.footnote || e[109] !== l?.source || e[110] !== p ? (ye = re || Q ? /* @__PURE__ */ o.jsx(fo, { styles: {
+  e[104] !== a?.footnote || e[105] !== a?.source || e[106] !== Q || e[107] !== re || e[108] !== l?.footnote || e[109] !== l?.source || e[110] !== p ? (ye = re || Q ? /* @__PURE__ */ o.jsx(ho, { styles: {
     footnote: l?.footnote,
     source: l?.source
   }, classNames: {
@@ -428,12 +430,12 @@ function or(i) {
     source: a?.source
   }, sources: re, footNote: Q, width: p }) : null, e[104] = a?.footnote, e[105] = a?.source, e[106] = Q, e[107] = re, e[108] = l?.footnote, e[109] = l?.source, e[110] = p, e[111] = ye) : ye = e[111];
   let dt;
-  return e[112] !== U || e[113] !== Oe || e[114] !== B || e[115] !== m || e[116] !== t || e[117] !== r || e[118] !== be || e[119] !== b || e[120] !== Dt || e[121] !== kt || e[122] !== he || e[123] !== fe || e[124] !== ge || e[125] !== ye || e[126] !== d || e[127] !== p ? (dt = /* @__PURE__ */ o.jsxs(yo, { className: Dt, style: kt, id: B, ref: wt, "aria-label": U, backgroundColor: Oe, theme: d, language: t, minHeight: r, width: p, height: m, relativeHeight: b, padding: be, children: [
+  return e[112] !== V || e[113] !== Oe || e[114] !== B || e[115] !== m || e[116] !== t || e[117] !== r || e[118] !== be || e[119] !== b || e[120] !== Dt || e[121] !== kt || e[122] !== he || e[123] !== fe || e[124] !== ge || e[125] !== ye || e[126] !== d || e[127] !== p ? (dt = /* @__PURE__ */ o.jsxs(yo, { className: Dt, style: kt, id: B, ref: wt, "aria-label": V, backgroundColor: Oe, theme: d, language: t, minHeight: r, width: p, height: m, relativeHeight: b, padding: be, children: [
     he,
     fe,
     ge,
     ye
-  ] }), e[112] = U, e[113] = Oe, e[114] = B, e[115] = m, e[116] = t, e[117] = r, e[118] = be, e[119] = b, e[120] = Dt, e[121] = kt, e[122] = he, e[123] = fe, e[124] = ge, e[125] = ye, e[126] = d, e[127] = p, e[128] = dt) : dt = e[128], dt;
+  ] }), e[112] = V, e[113] = Oe, e[114] = B, e[115] = m, e[116] = t, e[117] = r, e[118] = be, e[119] = b, e[120] = Dt, e[121] = kt, e[122] = he, e[123] = fe, e[124] = ge, e[125] = ye, e[126] = d, e[127] = p, e[128] = dt) : dt = e[128], dt;
 }
 function xo(i) {
   return i !== void 0;
@@ -456,16 +458,16 @@ function jo(i) {
 function wo(i) {
   return i.x;
 }
-function No(i) {
+function So(i) {
   return i.properties?.NAME !== "Antarctica";
 }
-function So(i, e) {
+function No(i, e) {
   return i - e;
 }
 function Oo(i) {
   return i.date;
 }
 export {
-  or as BiVariateChoroplethMap
+  ar as BiVariateChoroplethMap
 };
 //# sourceMappingURL=BiVariateChoroplethMap.js.map